@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Bardy - Beard Oil eCommerce Bootstrap 5 template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Shop CSS
    06. Product CSS
    07. Sidebar CSS
    08. Banner CSS
    09. Subscribe CSS
    10. Testimonial CSS
    11. Brand CSS
    12. Service CSS
    13. Blog CSS
    14. Comment CSS
    15. Contact CSS
    16. Cart CSS
    17. Checkout CSS
    18. Compare CSS
    19. My Account CSS
    20. Login & Register CSS
    21. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Oswald:300,400,500,600,700");
@import url("/fonts/bignord.woff2");
@font-face {
  font-family: 'Bignord';
	src: url('/assets/fonts/bignord.woff2'),
		url('/assets/fonts/bignord.ttf') format('truetype'),
		url('/assets/fonts/bignord.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: "BazarMedium";
  src: url("/assets/fonts/bazarmedium.eot");
  src: url("/assets/fonts/bazarmedium.eot?#iefix") format("embedded-opentype"),
       url("/assets/fonts/bazarmedium.woff") format("woff"),
       url("/assets/fonts/bazarmedium.ttf") format("truetype"),
       url("/assets/fonts/bazarmedium.svg#BazarMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Fix ugly font rendering */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "BazarMedium";
            src: url("/assets/fonts/bazarmedium.svg#BazarMedium") format("svg");
    }
}
/* loader */ 
/* main loader */
#loader{
	background-color:rgba(204, 204, 204, 0.85);
	background-image: url('/img/logo.png'), url(/assets/images/grain.png);
	background-position:50% 50%, left center;
	background-repeat: no-repeat, repeat;
	background-size: 50%, auto;
	position: fixed;
	top: 0px;
	left: 0px;
}
.loader{	
	z-index: 9999;
	height: 100%;
	width: 100%;
	cursor: wait;
}
/* main loader */
/* product loader */
#productloader{
	border:1px solid red;
	background-color:#333;
	opacity: 0.70;
	filter: alpha(opacity=70);
	position: fixed;
	display: none;
	background-image: url('/img/search.png');
	background-size: auto;
	background-position: center;
	bottom: 0 !important;
	background-repeat: no-repeat;
}
#productloader::before{
	content:'';
	transform: rotate(45deg) scale(2)
}
/* product loader */

/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, .site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  background: url(/assets/images/grain.png) repeat;
  font-size: 15px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Bignord", sans-serif;
  color: #222222;
  position: relative;
}
body[data-rtl=rtl] {
  direction: rtl;
  text-align: right;
}

body.no-scroll {
    overflow: hidden;
	position: fixed;
	touch-action: none;
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}
h1 {
  /*font-size: 36px;*/
  font-size:4em;
}
@media only screen and (max-width: 992px) {
  h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 908px) {
  h1 {
    font-size: 3.5em;/*52px;*/
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 2.5em;/*32px;*/
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: 2.2em/*30px;*/
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
  }
}

h2 {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  h4 {
    font-size: 14px;
  }
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}
h1, h2, h3, h4, h5, h6, nav ul#main-nav li {
  font-family: "BazarMedium";
  text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: normal;
  margin: 0 0 0.33em 0;
}
hr {
	border: 0;
	background: none;
    background-color: rgba(0, 0, 0, 0);
	outline: 0;
	background-color: #ddd;
	margin: 2em 0;
	/**margin: 1em 0;*/
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 1px;
	color: #F6EDD8;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a[target="_blank"]{
	transition: all 0.3s ease 0s;
}
a[target="_blank"]:hover::after {
	display: inline-block;
	width: 16px;
	height: 16px;
	font-family: 'bootstrap-icons';
	content: "\F1C5";
	color:#ddd;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-bottom:16px;
	vertical-align: middle;
	transition: all 0.3s ease 0s;
}
a[target="_blank"]:hover::after {
	color:#ddd;
	transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #d0a97e;
  color:rgb(60, 93, 93)
}

button, input[type=submit] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

/* toggle */
.ToggleRoundBtn {
  background: rgb(63, 90, 90);
  border-radius: 50%;
  color: #fff !important;
}
.ToggleRoundBtn:hover {
  background: #fff;
  border-radius: 50%;
}
.btnToggle {
  width: 50px;
  height: 50px;
  /*position: absolute;*/
  /*top: 10px;*/
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.ToggleRoundBtn:hover .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(63, 90, 90, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: relative;
  top: 12px;
}
.mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 0 0 0 0 !important;
}
/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section, .main-wrapper {
  float: left;
  width: 100%;
}
.section-title, .section-subtitle, .single .post-title, .page .post-title {
  text-align: center;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    max-width: 300px;
  }
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::placeholder, textarea::placeholder, select::placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--
    - Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f8f8f8 !important;
}

.bg-dark {
  background-color: #222222 !important;
  background: url(/assets/images/grain.png);
}

/*.bg-theme {
  background-color: #7ac0c0 !important;
  background: url(/assets/images/grain.png) repeat;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.15);
  position:fixed
}*/
.bg-theme {
	background-color: #7ac0c0 !important;
	background-image: url(/assets/images/grain.png), url(/img/logo.png);
	background-repeat: repeat, no-repeat;
	background-position: center, 70px;
	background-size: auto, 12%;
	background-blend-mode: soft-light;
	opacity:1;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	-o-box-shadow: 0 0 5px rgba(0,0,0,0.25);
	box-shadow: 0 0 5px rgba(0,0,0,0.25);

    /*background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;*/
  
	border-bottom: 1px solid rgba(0,0,0,0.15);
	position: fixed;
}
@media only screen and (min-width: 992px) and (orientation: portrait){
	.bg-theme{
		background-position: center, center 120px;
		background-size: auto, 8%;
	}
}
@media only screen and (max-width: 576px) and (orientation: portrait){
	.bg-theme{
		background-position: center, center 140px;
		background-size: auto, 10%;
	}
}
.product-section{
	background-color: /*#a63f3f*/ /*#e67066*/ #e6e1d0 !important;
	/* alternative*/
	background: url(/assets/images/grain.png);
	background-attachment: fixed;
	background-blend-mode: darken;
	/*padding-top:250px !important; */
	min-height: calc(100vh - 200px);
}

/*-- 
    - Tab Content & Pane Fix
------------------------------------------*/
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active{
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}
.main-menu .menu-item-has-children a {
	-webkit-transition:all 0.6s ease 0s !important;
	transition:all 0.6s ease 0s !important;
}
.main-menu .menu-item-has-children a:hover{
	-webkit-transition: all 0.6s ease 0s !important;
    transition: all 0.6s ease 0s !important;
}
/*-- 
    - Main Wrapper
------------------------------------------*/
/*-- 
    - Section Title
------------------------------------------*/
.section-title h1, .section-title h2, .section-title h3 {
  font-weight: 600;
  letter-spacing: 0.25px;
  margin: 0;
  line-height: 1.6rem;
  line-height: 3rem;
  margin-top: -5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-bottom: 2px;
  z-index: 1;
}
.section-title h1::before, .section-title h2::before, .section-title h3::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 8px;
  width: 100%;
  background-color: #78bbbb; /*marron*/
  z-index: -1;
}
.section-title p {
  max-width: 570px;
  line-height: 24px;
  margin-top: 17px;
}
.section-title.center {
  text-align: center;
}
.section-title.center p {
  margin-left: auto;
  margin-right: auto;
}
.section-title.left {
  text-align: left;
}
.section-title.left p {
  margin-right: auto;
}
.section-title.right {
  text-align: right;
}
.section-title.right p {
  margin-left: auto;
}
.text-description {
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2rem;
	/*text-wrap: balance;
	text-align:justify;*/
	padding: 0; /*10px 0*/
}
.text-wrapper p:first-child{
  display:inline;
}
.full-text{
  /*display:inline;*/
}
.readmore-btn{
  display:block;
  cursor:pointer;
  margin-top:15px;
}
.readmore-btn{
	width: auto;
	border: none;
	background-color: #d0a97e;
	color: #222222;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
	padding:11px 20px;
	border-radius:30px;
	/*display:inline !important;*/
	display: inline-flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	/* add */
	background-color: rgb(60, 93, 93);
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.readmore-btn:hover{
	/*color:#d0a97e;*/
	/* add */
	background-color: #7ac0c0 !important;
	background: url(/assets/images/grain.png) repeat;
	color:rgb(60, 93, 93);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
/*-- 
    - Perfect Scroll Bar
------------------------------------------*/
.ps .ps__rail-y {
  width: 6px;
  background-color: transparent !important;
}
.ps .ps__rail-y .ps__thumb-y {
  width: 100%;
  right: 0;
  background-color: rgba(34, 34, 34, 0.15);
}

/*-- 
    - Page Banner Section
------------------------------------------*/
.page-section {
  /*background-color: #7ac0c0 !important;*/
  background: url(/assets/images/grain.png) repeat;
  padding: 160px 0 90px;
}
.page-banner-section {
  background-color: #7ac0c0 !important;
  background: url(/assets/images/grain.png) repeat;
  padding: 160px 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section {
    padding: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner-section {
    padding: 40px 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner-section {
    padding: 25px 0 35px;
  }
}

/*-- Page Banner --*/
.page-banner h1 {
  font-size: 48px;
  /*color: #F6EDD8;*/
  font-weight: 500;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

/* cart-section*/
.cart-section{
	/*background-color:#7ac0c0 !important;*/
	background: url(/assets/images/grain.png) repeat;
	
}

/*-- Page Breadcrumb --*/
.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-breadcrumb li {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  line-height: 1;
}
@media only screen and (max-width: 575px) {
  .page-breadcrumb li {
    font-size: 16px;
  }
}
.page-breadcrumb li::after {
  content: "-";
  margin: 0 6px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a:hover {
  color: #d0a97e;
}
li.breadcrumb-item a.notpointer {
  pointer-events: none !important;
}

/*-- 
    - Page Pagination
------------------------------------------*/
.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -10px;
  background: #fff;
  border-radius: 10px;
  padding-top: 10px;
}
.page-pagination li {
  font-size: 16px;
  line-height: 22px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #a4a4a4;
  margin: 0 10px 10px;
}
.page-pagination li a {
  color: #a4a4a4;
}
.page-pagination li a i {
  line-height: 22px;
}
.page-pagination li.active a {
  color: #222222;
}
.page-pagination li:first-child a {
  color: #222222;
}
.page-pagination li:first-child a i {
  margin-right: 10px;
  float: left;
}
.page-pagination li:first-child a:hover {
  color: #d0a97e;
}
.page-pagination li:last-child a {
  color: #222222;
}
.page-pagination li:last-child a i {
  margin-left: 10px;
  float: right;
}
.page-pagination li:last-child a:hover {
  color: #d0a97e;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1200px;
  }
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1200px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

.row {
  --bs-gutter-x: 30px;
}

/*-- 
    Button Default
-----------------------------------------------*/
/*Button Group*/
.button-group > *, .button-group > .btn {
  margin-right: 20px;
}
.button-group > *.btn-xs, .button-group > .btn.btn-xs {
  margin-right: 10px;
}
.button-group > *.btn-sm, .button-group > .btn.btn-sm {
  margin-right: 15px;
}
.button-group > *:last-child, .button-group > .btn:last-child {
  margin-right: 0;
}

.button-group.no-space > *, .button-group.no-space > .btn {
  margin-right: 0;
}
.button-group.no-space > *:last-child, .button-group.no-space > .btn:last-child {
  margin-right: 0;
}

.btn {
  display: inline-block;
  /*background-color: #222222;*/
  background-color: rgb(60, 93, 93);
  border-color: #222222;
  color: #d0a97e;
  color:#fff;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  border-radius: 4px;
  height: 38px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.25px;
  padding: 5px 19px;
  border-width: 1px;
  border-style: solid;
}
.btn i {
  font-size: 21px;
  line-height: 24px;
  margin-right: 12px;
  float: left;
}
.btn span {
  display: inline-block;
}
.btn:focus {
  -webkit-box-shadow: none;
    box-shadow: none;
	color: #fff;
}
.btn:hover {
  /*background-color: #d0a97e;
  color: #222222; 
  border-color: #7ac0c0;*/
  border-color: rgb(60, 93, 93);
  background-color: #7ac0c0 !important;
  color: rgb(60, 93, 93);
  background: url(/assets/images/grain.png) repeat;
}

.btn-theme {
  background-color: #d0a97e;
  border-color: #d0a97e;
  color: #222222;
}
.btn-theme.btn-outline {
  background-color: transparent;
  color: #d0a97e;
}
.btn-theme.btn-outline:hover {
  background-color: #d0a97e;
  border-color: #d0a97e;
  color: #222222;
}
.btn-theme:hover {
  background-color: #d7b591;
  border-color: #d7b591;
  color: #222222;
}

.btn-link {
  height: auto !important;
  width: auto !important;
  background-color: transparent;
  border: none !important;
  color: #222222;
  padding: 0 !important;
}
.btn-link:hover {
  color: #007bff;
  background-color: transparent;
  border: none;
}
.btn-link i {
  font-size: 22px;
}
.btn-link.btn-xs i {
  font-size: 16px;
}
.btn-link.btn-sm i {
  font-size: 19px;
}
.btn-link.btn-lg i {
  font-size: 26px;
}
.btn-link.btn-xl i {
  font-size: 30px;
}

.btn-outline {
  background-color: transparent;
  border-color: #151515;
}
.btn-outline:hover {
  background-color: #222222;
  border-color: #222222;
}

.btn-box {
  width: 38px;
  padding: 6px 0px;
  text-align: center;
}
.btn-box i {
  margin: 0;
  float: none;
}
.btn-box span {
  display: none;
  margin: 0;
}

.btn-icon-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.btn-icon-right i {
  margin-left: 12px;
  margin-right: 0;
  float: right;
}

.btn-square {
  border-radius: 0;
}

.btn-round {
  border-radius: 50px;
}
/* abonnement */
.abo-section{
  background-color: #e6e1d0 !important;
  background: url(/assets/images/grain.png);
  /*padding-top: 250px !important;*/
  /*min-height: calc(100vh - 200px);*/
}
.abo-section .abo-item{
	transition: .4s;
	background: #ebebeb url(/img/hat-background.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	background-blend-mode: overlay;
	border-radius: 10px;
	/*height: 360px;
	max-height: 360px;*/
	color: #737373;
  
	border: 1px solid #ebebeb;
	background-color: #f4f4f4;
	padding: 18px 18px 0 18px;
}
.abo-item .abo-image .image {
  display: none;
  opacity: 0.05;
  position: absolute;
  display: block;
}
.abo-item .product-content {
  margin: 0 -18px;
}
.abo-item .product-content .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.abo-item .product-content .head .top {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 18px;
}
.abo-item .product-content .head .top .title {
  margin-bottom: 12px;
  font-size: 18px;
}
.product-details h4.title, .abo-item h4.title {
  min-width: 100%;
  font-size: 1.6rem !important;
}
.abo-item .product-content .head .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 18px 0;
  border-top: 1px solid #ffffff;
}
.abo-item .product-content .head .bottom .price {
  font-size: 18px;
  line-height: 21px;
  font-family: "Oswald", sans-serif;
  font-family: "Bignord", sans-serif;
  color: #1f7713;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin: 0 10px;
  
}
.abo-item .product-content .head .bottom .price .old {
  margin-left: 12px;
  display: block;
  text-decoration: line-through;
  font-weight: 400;
  color: #ccc;
}
.abo-item .product-content .head .details {
	padding: 15px 18px 0;
}
.abo-section .section-title p{
	max-width:100vw;
}
.btnAbo{
	/*background-color:rgba(185, 123, 9, 1);*/
	font-size:1.4rem;
}
.btnAbo:hover{
	/*background-color:rgba(185, 123, 9, 0.8) !important;*/
	color:#333;
	box-shadow: 0px 0px 10px 5px rgb(119,183,183);
	-webkit-box-shadow: 0px 0px 10px 5px rgb(119, 183, 183);
	-moz-box-shadow: 0px 0px 10px 5px rgb(119,183,183);
	border-color: transparent;
}
.aboBell i {
  display: inline-block;
  transition: transform 0.2s;
  transform-origin: top center; /* pivot en haut, plus réaliste */
}
.aboBell:hover i{
	animation: ring 1s ease-in-out infinite;
}
@keyframes ring {
0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-12deg); }
  30% { transform: rotate(10deg); }
  40% { transform: rotate(-8deg); }
  50% { transform: rotate(6deg); }
  60% { transform: rotate(-4deg); }
  70% { transform: rotate(2deg); }
  80% { transform: rotate(-1deg); }
  100% { transform: rotate(0); }
}
/*-- 
    Button Sizes 
-----------------------------------------------*/
.btn-xs {
  font-size: 11px;
  height: 25px;
  padding: 0 8px;
}
.btn-xs i {
  font-size: 15px;
  margin-right: 5px;
}
.btn-xs .btn-icon-right i {
  margin-left: 5px;
  margin-right: 0;
}
.btn-xs.btn-box {
  width: 26px;
  padding: 1px 0;
}
.btn-xs.btn-box i {
  margin: 0;
}

.btn-sm {
  font-size: 13px;
  height: 32px;
  padding: 2px 13px;
}
.btn-sm i {
  font-size: 19px;
  margin-right: 8px;
}
.btn-sm .btn-icon-right i {
  margin-left: 8px;
  margin-right: 0;
}
.btn-sm.btn-box {
  width: 32px;
  padding: 3px 0;
}
.btn-sm.btn-box i {
  margin: 0;
}

.btn-lg {
  font-size: 18px;
  height: 46px;
  padding: 9px 30px;
}
.btn-lg i {
  font-size: 24px;
}
.btn-lg.btn-box {
  width: 44px;
  padding: 9px 0;
}
.btn-lg.btn-box i {
  margin: 0;
}

.btn-xl {
  font-size: 19px;
  height: 50px;
  padding: 11px 31px;
}
.btn-xl i {
  font-size: 24px;
}
.btn-xl.btn-box {
  width: 50px;
  padding: 12px 0;
}
.btn-xl.btn-box i {
  margin: 0;
}
/**/
/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  
  color: #fff;
  display: inline-block;
  width: 70px;
  height: 80px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 25px;
  transition: background 0.5s;
  z-index: 8000;
  background: url(/img/backtotop.png);
  padding-top: 5px;
}
.back-to-top.hidden{
	display:none
}
.back-to-top i{
	background: url(/img/backtotop.png);
    background-repeat: repeat;
    background-size: auto;
	  background-size: contain;
	  display: flex;
	  background-repeat: no-repeat;
	  width: 70px;
	  height: 70px;
	  background-position: center;
}
.back-to-top:hover{
	background:rgba(51,51,51,0.5) !important;
	-webkit-box-shadow: 0 0 20px 5px #ffffff;
	box-shadow: 0 0 20px 5px #ffffff;
	transition: box-shadow 0.8s;
}
.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}
/**/
/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
.header-section {
  z-index: 999;
  position: fixed;
  transition: .4s;
  max-height:210px !important;
  height:210px;
}
.header-section h1{
	transition: 0.4s;
}
.header-section .fronton h1{
  /*font-size: 5.5rem;
  font-weight: 600;*/
  letter-spacing: 0.25px;
  font-family: "BazarMedium";
  text-transform: uppercase;
  display: block;
  text-shadow: 2px 3px 1px rgba(0,0,0,0.2);
  background-size: contain;
  background-clip: text;
  -webkit-background-clip: text;
  background-position: center;
  color: transparent;
  background-image: url(/assets/images/menuItemTexture.jpg);
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.header-section .fronton h1{
		/*font-size: 2.5rem !important;*/
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/*.header-section{
		max-height:200px;
		height:200px;
	}*/
	.header-section .fronton h1{
		/*font-size: 1.5rem !important;*/
	}
}
.header-section > .container > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header-section > .container > .row > .col {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: static;
}
.header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
  min-width: 185px;
  
}
@media only screen and (max-width: 479px) {
  .header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.header-section.header-scrolled {
  transition: all 0.5s;
  -webkit-box-shadow: 0 10px 20px 5px #333;
  box-shadow: 0 10px 20px 5px #333;
  /*display:flex*/
  transition: .4s;
}
.header-section.header-scrolled h1{
	font-size:0rem !important;
	transition: 0.4s;
}
.header-section.header-scrolled .header-logo{
	display:block;
}
/*-- Header Logo --*/
.header-logo {
  /*margin: 5px 0;*/
  /*display:none;*/
  position: absolute;
  width: 150px;
  top: -40px;
  z-index:-10;
}
@media only screen and (max-width: 479px) {
  .header-logo {
    text-align: center;
    margin-top: 20px;
  }
  .header-logo img{
	width:50px;
  }
}
.header-logo a {
  display: inline-block;
  font-size:2rem;
  text-align: center;
}
.header-logo a img {
  max-width: 100%;
}
.header-logo img {
	opacity: .5;
}
.header-logo img:hover{
	opacity: 1;
}

/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu > ul > li {
  /*margin-right: 65px;*/
  margin-right: 20px;
  position: static;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li {
    margin-right: 40px;
	text-transform:uppercase;
  }
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
.main-menu > ul > li > a {
  /*font-size: 1.5rem;*/
  font-size: 1.2rem;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0.25px;
  /*font-family: "Oswald", sans-serif;*/
  /*font-family: "Bignord", sans-serif;*/
  font-family: "BazarMedium";
  text-transform:uppercase;
  display: block;
  /*padding: 25px 0;*/ /*ori*/
  padding: 0 5px;
  position: relative;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  background-position: center;
  color: transparent;
  background-image: url(/assets/images/menuItemTexture.jpg);
  color: rgba(0, 0, 0, 0.5);

}
.main-menu > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 10px;
  /*height: 1px;*/
  width: 0;
  background-color: #222222;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-menu > ul > li > a:hover{
	/*transform: rotate(180deg);*/
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	background-size: cover;
	background-clip: text;
	-webkit-background-clip: text;
	background-position: center;
	color: transparent;
	background-image: url(/assets/images/menuItemTexture.jpg);
}
.menu-item-has-children > a::after {
  content: "\f107";
  font-weight: 600;
  font-family: FontAwesome;
  margin-left: 5px;
  line-height: 0px;
}
.main-menu > ul > li.active > a::before, .main-menu > ul > li:hover > a::before {
  width: 100%;
}
.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: auto;
  top: 100%;
  margin-left: -20px;
  margin-top: 30px;
  padding: 20px;
  background-color: #222222;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 220px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
  background: #7ac0c0 url(/assets/images/grain.png);
}
.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  color: #d8d8d8;
  display: block;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  font-family: "BazarMedium";
  text-transform:uppercase;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.sub-menu li.active > a {
  color: #d0a97e;
}
.sub-menu li:hover > a {
  color: #d0a97e;
  padding-left: 5px;
}
.sub-menu li:hover .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  top: 80%;
  margin-top: 30px;
  padding: 30px 15px;
  background-color: #222222;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: calc(100% - 30px);
  z-index: -99;
  opacity: 0;
  visibility: hidden;
  background: #7cbfbf url(/assets/images/grain.png);
}
.mega-menu li {
  margin-bottom: 5px;
}
.mega-menu li.col {
  padding: 0 15px;
}
.mega-menu li.col ul{
	text-align:left;
}
.mega-menu li.col > a {
  color: #d0a97e;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(208, 169, 126, 0.5);
  margin-bottom: 10px;
}
/*.mega-menu ul li:hover a::before {
  content: "\4b  ";
  font-family: "retro-icons" !important;
  background-color:#d0ad6c;
  background-clip:text;
  -webkit-background-clip: text;
  color: #d0ad6c;
}*/
.mega-menu li > span {
  color: #d0a97e;
  display: block;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  font-family: "BazarMedium";
  text-transform:uppercase;
  font-size: 18px;
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.25px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d0a97e;
}
.mega-menu li:last-child {
  margin-bottom: 0;
}
.mega-menu li ul li{
	border:0px solid red;
	margin-bottom:20px;
}
/*.mega-menu li ul li a:hover::before{
	content:image-set('/img/hat-black.png' 20x);
	margin-left:18px; 
	color:#b77123;
	text-shadow: #FFF 1px 0 10px;
	padding-right: 10px;
}*/
.mega-menu li ul li a:hover{
	color:#b77123;
	/*text-shadow: #FFF 1px 0 10px;*/
	text-shadow: #FFF 1px 0 10px, 1px 0 black, #FFF 1px 0 10px, #FFF 1px 0 10px;
	font-size:1.5rem;
	white-space:nowrap;
}
.mega-menu li a {
  color: #333; /*#d8d8d8;*/
  display: block;
  /*font-family: "Oswald", sans-serif;*/
  /*font-family: "Bignord", sans-serif;*/
  font-family: "BazarMedium";
  text-transform:uppercase;
  font-size: 1rem;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 0.25px;
  white-space:nowrap;
}
/**/
.mega-menu li ul li a {
  position: relative;
  display: inline-block;
  z-index: 1; /* texte au-dessus du pseudo-élément */
  color: #000;
}

.mega-menu li ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-image: url('/img/hat-black.png');
  /*background-size: contain;*/
  background-size: 60% auto;   /* réduit l'image pour laisser de l'espace */
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;           /* invisible par défaut */
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none; /* évite de bloquer le hover du lien */
  z-index: 0;           /* derrière le texte */
  /* cercle blanc */
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0,0,0,0.2); /* optionnel : ombre douce */
}

.mega-menu li ul li a:hover::before {
  opacity: 0.25;           /* apparaît au hover */
  transform: translate(-50%, -50%) scale(1);
}
/**/
.mega-menu li.active > a {
  color: #d0a97e;
}
.mega-menu li {
	line-height:15px !important;
}
.mega-menu li:hover > a {
  color: #d0a97e;
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  background-position: center;
  color: transparent;
  background-image: url(/assets/images/menuItemTexture.jpg);
  background-position: bottom;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
/* nav menu */
#collapseMenu{
	margin-top: 20px;
}
/* *** menu collaspe *** */
@media (min-width:300px){
	.mod_customnav DIV.container{width:300px !important;}
	.mod_customnav DIV.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		font-size:1em;
		line-height: 1em;
	}
	.mod_customnav nav {
		font-size: 0.8em !important;
	}
	.mod_customnav nav ul.level_1{
		padding-left:0;
		margin: 0;
	}
}
@media (min-width:360px){
	.mod_customnav DIV.container{width:300px !important;}
	.mod_customnav DIV.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		font-size:0.75em;
		line-height: 0.75em;
	}
	.mod_customnav nav {
		font-size: 1.3em !important;
		line-height: 1.3em;
	}
	.mod_customnav nav ul.level_1{
		padding-left:0;
		margin: 0;
	}
	.mod_customnav nav ul.level_2,
	.mod_customnav nav ul.level_3{
		padding-left:10px;
	}
	.mod_customnav nav ul li {
		padding: 2px 0;
	}
}
@media (min-width:375px){
	.mod_customnav DIV.container{width:320px !important;}
	.mod_customnav DIV.container {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		font-size:0.75em;
	}
	.mod_customnav nav {
		font-size: 1.5em !important;
	}
	.mod_customnav nav ul.level_1{
		padding-left:0;
	}
}
@media (min-width:768px){
	.mod_customnav DIV.container{width:750px !important;}
}
@media (min-width:992px){
	.mod_customnav DIV.container{width:970px !important;}
}
@media (min-width:1200px){
	.mod_customnav DIV.container{width:1170px !important;}
}
/* *** end menu collapse *** */
.mod_customnav .content_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin: 0 -15px;
}
.mod_customnav {
    padding-top:20px;
	position: fixed;
    overflow: auto;
    z-index: 1000;
    color: #fff;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.mod_customnav::before {
	background-image:url(/img/logo.png);
	background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	opacity: 0.3;
	display: flex;
}
.mod_customnav::after{
	/*background-color: #2ccd9a;*/
}

.mod_customnav.active {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.mod_customnav .h-button.active .fa, .mod_customnav .h-button:hover .fa {
    opacity: 1;
}
.mod_customnav nav ul div.nav_section {
    border-top: 1px solid rgba(240, 240, 240, 0.3);
    margin-top: 10px;
    padding-top: 5px;
}
.mod_customnav nav ul div.nav_thin,
.mod_customnav ul li.nav_thin {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.85em;
}
.mod_customnav .h-button .fa {
    color: #fff !important;
    opacity: 0.6;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.mod_customnav nav ul li {
    padding: 5px;
}
.mod_customnav nav ul {
    list-style: none;
}
.h-button .fa {
    font-size: 3em;
    color: #278ecc;
}
.h-button {
    color: inherit;
	cursor: pointer;
}
A.h-button, DIV.h-button.menu_close{
	position: absolute;
	top: 10px;
}
.mod_customnav nav ul li > a,
.mod_customnav nav ul li div > a {
    display: block;
    text-decoration: none;
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100%;
	-webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
	margin-right:10%;
	font-family: "Bignord", sans-serif;
}
.mod_customnav nav ul li > A:not(.fixe):hover{
	-webkit-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    transform: translate(10px, 0);
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.mod_customnav nav ul li > A:not(.fixe):hover::before{
	content: image-set('/img/hat-white.png' 20x);
	/*padding-left:0px;*/
	/*width:20px;*/
}
.mod_customnav nav {
	font-family: 'Lato';
    font-size: 2em;
    font-weight: bold;
}
.mod_customnav .parent{
	position: relative;
	display: inline-block;
	float: right;
	top: -20px;
	color:#fff !important;
}

.parent-line {
	align-items: center;
	cursor: pointer;
	user-select: none;
}
.parent-line a {
	flex-grow: 1;
	text-decoration: none;
}
.parent-line i {
	margin-left: 10px;
}

.level_2, .level_3{display:none;}
.mod_customnav ul li A:hover{
	text-shadow: 2px 2px 2px rgba(0,0,0,.8);
}
.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

/*-- Header Action --*/
.header-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header-action {
    /*margin-right: 50px;
	gap:10px;*/
  }
}

/*-- Header Wishlist --*/
.header-wishlist {
  height: 30px;
  padding: 2px 0;
  margin-right: 25px;
}
.header-wishlist .icon {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(/assets/images/icons/action-sprites.png);
  background-position: -81px 0;
}

/*-- Header Cart Wrap --*/
.header-cart-wrap {
  position: relative;
}

/*-- Header Cart Toggle --*/
.header-cart-toggle {
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 30px;
  padding: 25px 0;
}
@media only screen and (max-width: 767px) {
  .header-cart-toggle {
    padding: 15px 0;
  }
}
.header-cart-toggle span {
  float: left;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0.25px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
}
.header-cart-toggle span.icon {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-image: url(/assets/images/icons/action-sprites.png);
  background-position: 0 0;
}
.header-cart-toggle span.number {
  margin-right: 5px;
}
.header-cart-toggle span.number::after {
  content: "-";
  margin-left: 5px;
}
/*-- Header Mini Cart --*/
/*.header-mini-cart {
  position: absolute;
  right: 0;
  top: 75px;
  background-color: #222222;
  width: 300px;
  z-index: 99;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  display: none;
}
@media only screen and (max-width: 479px) {
  .header-mini-cart {
    left: -67px;
    right: auto;
  }
}*/

/*-- Header Mini Cart Head --*/
/*.mini-cart-head {
  padding: 15px 30px;
  border-bottom: 1px solid #3c3c3c;
}
.mini-cart-head h3 {
  color: #d8d8d8;
  margin: 0;
}*/

/*-- Header Mini Cart Body --*/
/*.mini-cart-body {
  padding: 20px;
  border-bottom: 1px solid #3c3c3c;
}
.mini-cart-body .mini-cart-body-inner {
  max-height: 280px;
  position: relative;
  padding: 11px;
}
.mini-cart-body .mini-cart-body-inner .ps__rail-y {
  opacity: 1;
}
.mini-cart-body .mini-cart-body-inner .ps__rail-y .ps__thumb-y {
  background-color: rgba(255, 255, 255, 0.15);
}*/

/*-- Header Mini Cart Product --*/
/*.mini-cart-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.mini-cart-product:last-child {
  margin-bottom: 0;
}
.mini-cart-product .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  min-width: 60px;
  position: relative;
}
.mini-cart-product .image a {
  display: block;
}
.mini-cart-product .image a img {
  width: 100%;
}
.mini-cart-product .image .remove {
  position: absolute;
  left: -11px;
  top: -11px;
  z-index: 3;
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  background-color: #ffffff;
  color: #222222;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 0;
  line-height: 1;
  text-align: center;
}
.mini-cart-product .image .remove i {
  font-size: 11px;
  line-height: 22px;
  display: block;
}
.mini-cart-product .image .remove:hover {
  color: #ff0000;
}
.mini-cart-product .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 60px);
          flex: 0 0 calc(100% - 60px);
  padding-left: 15px;
}
.mini-cart-product .content .title {
  font-family: "Bignord", sans-serif;
  color: #d8d8d8;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 5px;
}
.mini-cart-product .content .title:hover {
  color: #d0a97e;
}
.mini-cart-product .content span {
  display: block;
  color: #d8d8d8;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}*/

/*-- Header Mini Cart Footer --*/
/*.mini-cart-footer {
  padding: 20px 30px;
}
.mini-cart-footer h4 {
  color: #d8d8d8;
  margin-bottom: 20px;
}
.mini-cart-footer .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.mini-cart-footer .buttons a {
  width: 48%;
  background-color: #090909;
  color: #d0a97e;
  line-height: 24px;
  padding: 8px 15px;
  text-align: center;
  font-size: 14px;
  font-family: "Bignord", sans-serif;
  letter-spacing: 0.25px;
}
.mini-cart-footer .buttons a:hover {
  background-color: #d0a97e;
  color: #000000;
}
*/
/*-- Mobile Menu --*/
.mobile-menu {
  /*-webkit-box-flex: 1 !important;
      -ms-flex: 1 0 100% !important;
          flex: 1 0 100% !important;*/
}
.mobile-menu .mean-bar {
  position: relative;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -49px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px;
  }
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #fff;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  background-color: #ffffff;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 0px solid transparent;
  overflow-x: hidden;
  max-height: 250px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 13px;
  display: block;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 40px 0 20px;
  border-bottom: 0;
  margin-bottom: 0;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a::after {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #d0a97e;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.active {
  color: #d0a97e;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #222222;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li span {
  font-size: 13px;
  display: block;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  padding: 0 40px 0 20px;
  margin: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 11px;
  display: block !important;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li span, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li span, .mobile-menu .mean-bar .mean-nav > ul li ul li span {
  font-size: 11px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
/*-- About Shape --*/
.about-shape {
  position: absolute;
}
.about-shape.one {
  left: 0;
  top: 60px;
}
.about-shape.two {
  right: 0;
  bottom: 0;
}

/*-- About Content --*/
.about-content h3 {
  margin-bottom: 0;
}
.about-content h1 {
  font-weight: 600;
  margin-bottom: 25px;
}
.about-content p {
  max-width: 570px;
}
.about-content .btn {
  margin-top: 20px;
}
.about-content .desc {
  margin-bottom: 15px;
}
.about-content.about-content-1 {
  padding-left: 40px;
  padding-right: 70px;
}
@media only screen and (max-width: 767px) {
  .about-content.about-content-1 {
    padding-right: 0;
  }
}
.about-content.about-content-1 h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.about-content.about-content-1 h3::before {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: 15px;
  top: 50%;
  width: 60px;
  height: 1px;
  margin-top: 2px;
  background-color: #c8c8c8;
}
.about-content.about-content-1 .desc {
  position: relative;
}
.about-content.about-content-1 .desc::before, .about-content.about-content-1 .desc::after {
  width: 1px;
  height: 90%;
  background-color: #c8c8c8;
  content: "";
  position: absolute;
  top: 0;
}
.about-content.about-content-1 .desc::before {
  left: -40px;
  top: 8px;
}
.about-content.about-content-1 .desc::after {
  left: -35px;
  top: 16px;
}

/*-- About Content Light --*/
.about-content-light h3 {
  color: #d8d8d8;
}
.about-content-light h1 {
  color: #d8d8d8;
}
.about-content-light p {
  color: #d8d8d8;
}

/*-- About Image --*/
.about-image {
  position: relative;
  margin-left: -30px;
  margin-bottom: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image {
    margin-left: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .about-image {
    margin-left: -7px;
  }
}
.about-image .col {
  margin-bottom: 14px;
}
.about-image .col:first-child {
  margin-top: 30px;
}
.about-image .col img {
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image .col {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-image .col {
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .about-image .col {
    margin-left: 0;
  }
}

/*-- About Image Wrap --*/
.about-image-wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-image-wrap .image-1, .about-image-wrap .image-2 {
  min-height: 450px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.about-image-wrap .image-1 {
  width: 65%;
}
.about-image-wrap .image-2 {
  width: 40%;
  position: relative;
}
.about-image-wrap .image-2::before {
  position: absolute;
  left: 8%;
  top: 8%;
  right: 8%;
  bottom: 8%;
  content: "";
  border: 15px solid rgba(208, 169, 126, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 380px;
  }
  .about-image-wrap .image-1 {
    width: 60%;
  }
  .about-image-wrap .image-2 {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 300px;
  }
  .about-image-wrap .image-1 {
    width: 60%;
  }
  .about-image-wrap .image-2 {
    width: 40%;
  }
}
@media only screen and (max-width: 575px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 250px;
  }
}

/*----------------------------------------*/
/*  05. Shop CSS
/*----------------------------------------*/
/*-- Shop Toolbar --*/
.shop-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

/*-- Product View Mood --*/
.product-view-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 80px;
  margin-bottom: 10px;
}
.product-view-mode button {
  border: none;
  background-color: transparent;
  padding: 0;
  height: 21px;
  margin-right: 15px;
  position: relative;
}
.product-view-mode button:hover.grid span {
  background-position: 0 -21px;
  width: 21px;
}
.product-view-mode button:hover.list span {
  background-position: -21px -21px;
  width: 29px;
}
.product-view-mode button.active.grid span {
  background-position: 0 -21px;
  width: 21px;
}
.product-view-mode button.active.list span {
  background-position: -21px -21px;
  width: 29px;
}
.product-view-mode button:last-child {
  margin-right: 0;
}
.product-view-mode button span {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  background-image: url(/assets/images/icons/view-mode-sprites.png);
}
.product-view-mode button.grid span {
  background-position: 0 0;
  width: 21px;
}
.product-view-mode button.list span {
  background-position: -21px 0;
  width: 29px;
}

/*-- Product Showing --*/
.product-showing {
  margin-bottom: 10px;
}
.product-showing p {
  margin: 0;
  line-height: 21px;
}

/*-- Product Short --*/
.product-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.product-short p {
  margin: 0;
  line-height: 21px;
  float: left;
  margin-right: 20px;
  white-space:nowrap;
}
.product-short .nice-select {
  width: 160px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 50px;
  font-size: 13px;
  padding: 0 15px;
}
.product-short .nice-select{
  width: 100%;
}
.product-short .nice-select .current {
  line-height: 29px;
  display: block;
}
.product-short .nice-select .list {
  padding: 10px 0;
  width: 100%;
}
.product-short .nice-select .list li {
  padding: 0 15px;
  line-height: 30px;
  height: auto;
  min-height: auto;
}

/*-- Shop Product Wrap --*/
.shop-product-wrap > .col, .shop-product-wrap > [class*=col-] {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.shop-product-wrap.list > .col, .shop-product-wrap.list > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
#listeproduct > .row > * {
  padding-right: calc(var(--bs-gutter-x) * .2) !important;
  padding-left: calc(var(--bs-gutter-x) * .2) !important;
}
/*----------------------------------------*/
/*  06. Product CSS
/*----------------------------------------*/
/*-- Product Slider --*/
.brand-slider .slick-arrow {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #ffffff;
  padding: 10px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}
.brand-slider .slick-arrow i {
  font-size: 24px;
  line-height: 24px;
  display: block;
}
.brand-slider .slick-arrow.slick-prev {
  left: -7px;
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .brand-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
.brand-slider .slick-arrow.slick-next {
  right: -7px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .brand-slider .slick-arrow.slick-next {
    right: 8px;
  }
}

.brand-slider .slick-arrow:hover {
  background-color: #222222;
  color: #d0a97e;
}
.brand-slider:hover .slick-arrow {
  opacity: 1;
}
.brand-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}
.brand-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}
.brand-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-slider .slick-dots li {
  margin: 0 5px;
}
.brand-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #d0a97e;
  background-color: #222222;
  text-indent: -9999px;
  border-radius: 50px;
}
.brand-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #d0a97e;
}
.brand-slider .slick-list {
  margin: 0 -15px;
  padding-bottom: 20px;
}
.brand-slider .slick-list .slick-slide{
  margin: 0 15px;
}
[class$="-slider"] .slick-list .slick-slide{
  margin: 0 15px;
}

/*-- Product Item --*/
.product-item.grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px 15px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	transition: .4s;
	background-blend-mode: overlay;
}
.product-item.grid:hover {
    transform: translateY(-4px);
}
.product-item.grid:hover h4.product-title a{
	color: rgb(60, 93, 93);
}
.product-item.grid.private {
  /*background-color: rgba(120, 187, 187, 0.2); sans transparence*/
  background-color: #C7D1C4;
}
.product-item.grid.public {
  background-color: rgb(255, 255, 255);
}
.product-item.private:hover{
	/*background-color: rgba(120, 187, 187, 0.4); sans transparence*/ 
	background-color:#B6CEC4;
	
}
.product-item.public:hover{
}
.product-item.grid.private .product-content a.access.block,
.product-item.grid.public .product-content a.access.block {
  color: #666 !important;
}
.product-item.grid.private .product-content a.access.block:hover,
.product-item.grid.public .product-content a.access.block:hover {
  color:#3c5d5 !important;
}
.product-item.grid.private .product-text{
  color: #fff !important;
}
.product-item.grid.public .product-text{
	color:#333 !important;
}
/*.product-item.grid.access .product-content a.access.block,
.product-item.grid.access .product-text{
	color:#333 !important;
}*/
/*.product-item.grid.access:hover .product-content a.access.block,
.product-item.grid.access:hover .product-text{
	color:#fff !important;
}*/
.product-title a {
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.6);
}
/* end add 29.09.25 */
.product-item {
	position: relative;
	background-color: #fff; /* fiche blanche */
	border: 1px solid #ebebeb;
	border-radius: 10px;
	height: 360px;
	max-height: 360px;
	color: #737373;
	padding: 18px 18px 0 18px;
	overflow: hidden; /* pour éviter les débordements */
	transition:.4s;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top;
	background-blend-mode:overlay;
}
/* Calque image assombrie */
.product-item::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/img/hat-background.png) no-repeat top/contain;
	filter: brightness(70%); /* ↓ plus sombre */
	opacity: 0.3;            /* contrôle la transparence */
	z-index: 0;
}
.product-item:hover .product-image .image {
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	border-radius:10px
}

/* déclinaisons */
.product-item:hover::before {
	filter: brightness(50%); /* encore plus sombre au hover */
	opacity: 0.3;
}
.product-item.grid.private::before {
  filter: brightness(50%); /* plus clair */
  opacity: 0.5;
}
.product-item.grid.public::before {
  filter: brightness(30%);
  opacity: 0.3;
}
/* Le contenu passe au-dessus */
.product-item > * {
  position: relative;
  z-index: 1;
}*/
.product-item .product-content div.level-img{
	background-position:center;
	background-repeat:no-repeat;
	width:70px; height:35px;
	background-size:cover;
	border-radius:50%;
	padding:2px
}
.product-item .product-content div.level-text{
	text-shadow: 1px 1px 1px rgba(96,80,52,0.8);
}
/* Affichage de l'overlay au hover - modif background*/
.product-item.private:hover::before {
  /*content: "Réservé aux abonnés";*/
  position: absolute;
  /*inset: 0;*/ /* top/right/bottom/left à 0 */
  /*inset: 0em 0em 2.8em;*/
  /*background: rgba(121, 185, 185, 0.8);*/
  background: rgba(0, 0, 0, 0.5);
  color: #000;
  mix-blend-mode: normal;
  font-size: 1.1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 1;
  z-index: 5;
  transition: opacity 0.3s ease;
}
.product-item.private:hover .product-content {
  transform: scale(0.98);
  /*filter: blur(1px);*/
  transition: all 0.3s ease;
}
/* */

.product-item:hover h4, .product-item:hover .product-text{
	color:#333;
}
.product-item:hover .product-image .product-action {
  margin-top: 0;
  /*opacity: 1;*/
  opacity: 0.9;
  border-radius: 15px;
  padding:10px;
}
.product-item .product-image {
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 15px;
}
.product-item .product-image .image {
  display: block;
}
.product-item .product-image .image img {
  width: 100%;
  opacity:0.9;
  filter: grayscale(60%);
  background-blend-mode: luminosity;
  filter: sepia(0.5);
}
.product-item .product-image .product-action {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-top: 30px;
  opacity: 0;
}
.product-item.grid.private:hover .product-content a.access.block{
	color:#fff !important;
}
.product-item .product-image .product-text{
 /*border:1px solid red;*/
  height: 100px;
  max-height: 110px;
  width: -moz-available;
  max-width: -moz-available;
  vertical-align: middle;
  display: inline-block;
  overflow:hidden;
  text-overflow: ellipsis;
	text-align:center;
	line-height:20px;
 }
 .product-text.text-center {
    font-size: 0.85rem;
	line-height: 0.85rem;
    font-weight: 500;
    color: #737373;
    min-height: 36px; /* force hauteur pour alignement */
    text-align: center;
    margin-bottom: 10px;
}
.product-title {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.35;
	line-height:40px;
    max-height: calc(1.8rem * 2 * 1.35); /* ✅ 2 lignes * 1.8rem */
	display: -webkit-box;
    -webkit-line-clamp: 2;              /* Limite à 2 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 10px;
	padding: 4px 0;
	margin:0;
	width: 230px;
	max-width:230px;
	height:80px;
	max-height:80px;
	color:#737373
}
.product-title a {
  padding: 0 5px;
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.6);
}
.product-item .product-image .product-action a, .product-item .product-image .product-action button {
  border: none;
  background-color: transparent;
  padding: 15px;
  border-right: 1px solid #ededed;
}
.product-item .product-image .product-action a:last-child, .product-item .product-image .product-action button:last-child {
  border-right: none;
}
.product-item .product-image .product-action a span, .product-item .product-image .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(/assets/images/icons/action-small-sprites.png);
}
.product-item .product-image .product-action a.cart span, .product-item .product-image .product-action button.cart span {
  background-position: 0 0;
}
.product-item .product-image .product-action a.compare span, .product-item .product-image .product-action button.compare span {
  background-position: -20px 0;
}
.product-item .product-image .product-action a.quickview span, .product-item .product-image .product-action button.quickview span {
  background-position: -40px 0;
}
.product-item .product-image .product-action a.wishlist span, .product-item .product-image .product-action button.wishlist span {
  background-position: -60px 0;
}
.product-item .product-image .product-action a.wishlist.is-active, .product-item .product-image .product-action button.wishlist.is-active {
  background-color: #222222;
}
.product-item .product-image .product-action a.wishlist.is-active span, .product-item .product-image .product-action button.wishlist.is-active span {
  background-position: -80px -19px;
}
.product-item .product-image .product-action a.wishlist.is-active:hover, .product-item .product-image .product-action button.wishlist.is-active:hover {
  background-color: #222222;
}
.product-item .product-image .product-action a.wishlist.is-active:hover span, .product-item .product-image .product-action button.wishlist.is-active:hover span {
  background-position: -80px -19px;
}
.product-item .product-image .product-action a:hover, .product-item .product-image .product-action button:hover {
  background-color: #222222;
}
.product-item .product-image .product-action a:hover.cart span, .product-item .product-image .product-action button:hover.cart span {
  background-position: 0 -19px;
}
.product-item .product-image .product-action a:hover.compare span, .product-item .product-image .product-action button:hover.compare span {
  background-position: -20px -19px;
}
.product-item .product-image .product-action a:hover.quickview span, .product-item .product-image .product-action button:hover.quickview span {
  background-position: -40px -19px;
}
.product-item .product-image .product-action a:hover.wishlist span, .product-item .product-image .product-action button:hover.wishlist span {
  background-position: -60px -19px;
}
.product-item .product-content {
  margin: 0 -18px;
}
.product-content a.access.block{
	color:#aaa !important;
	max-width:200px;
	width:200px
}
.product-item.private .product-content a.access.block{
	color:#fff !important;
}
.openAccess{
    font-size: 0.8rem;
	line-height:1.2;
    margin-top: 4px;
    color: #333;
}
.openAccess a.access.block {
    color: #c00;
    font-weight: 500;
	/* add to test */
	display: inline-block;
	margin-top: 5px;
	padding: 4px 0px;
	border-radius: 6px;
	font-size: 0.85rem;
	text-decoration: none;
	transition: 0.2s ease;
	/* add to test */
}
/*.openAccess a.addList {
    display: inline-block;
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    text-decoration: none;
    transition: 0.2s ease;
}*/
.product-action a.addList {
	display: inline-flex;
	align-items: center;     /* centre verticalement le span et le texte */
	gap: 4px;                /* petit espace entre icône et texte */
	text-decoration: none;
}
.product-action a.addList span {
	display: inline-block;   /* inline-block = conserve le flux */
	vertical-align: middle;
	width: 24px;
	height: 21px;
	background: url(/img/action.png) no-repeat;
	background-size: 54px 44px;
	background-position: 5px 0px;
	transition: all 0.3s ease;
}
.product-action a.addList:hover span {
	background-position: 5px -23px;
}
.product-action a.addBlock span {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 21px;
	background: url(/img/action.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 54px 44px;
	background-position: -35px 0px;
	transition: all 0.3s ease;
}
.openAccess a.addList:hover {
    /*background-color: #007bff;
    color: #fff;*/
}
.product-action a.addBlock span {
/* only for size width addList span */
  display: inline-block;
  vertical-align: middle;
  height: 21px;
}
.product-content i.access{
	color:#333
}
/* Niveau */
.product-item .product-content div.level-img, div.level-img {
  background-color: rgba(0, 0, 0, 0);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 70px;
  height: 35px;
  min-width: 35px !important;
  min-height: 35px !important;
  background-size: cover;
  border-radius: 50%;
  padding: 2px;
}
/*.level-img {
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
}
.level-text {
    font-size: 0.8rem;
    line-height: 1;
}*/
.product-item .product-content .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-item .product-content .head .top {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*padding: 0 18px;*/
}
.product-item .product-content .head .top .title {
  margin-bottom: 12px;
  font-size: 18px;
}
.product-item .product-content .head .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 18px 0;
}
.product-content .bottom {
    min-height: 60px; /* ↓ Réduit la hauteur minimale */
    padding-top: 8px;  /* ↓ Moins d’espace au-dessus */
    margin-top: 8px;
	margin: 10px auto 0 auto;
	width:90%;
    display: flex;
    justify-content: flex-start;
    gap: 6px; /* espace entre les lignes internes */
    overflow: hidden;
}
.associated-slider .product-content .bottom{
	margin: 30px auto 0 auto;
}
.product-item.private .product-content .head .bottom{
	border-top:1px solid #eee;
}
.product-item.public .product-content .head .bottom{
	border-top:1px solid #ccc;
}
.product-item .product-content .head .bottom .price {
  font-size: 18px;
  line-height: 21px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin: 0 10px;
}
.product-item .product-content .head .bottom .price .old {
  margin-left: 12px;
  display: block;
  text-decoration: line-through;
  font-weight: 400;
}
.product-item .product-content .head .bottom .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.product-item .product-content .head .bottom .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.product-item .product-content .head .bottom .ratting i:last-child {
  margin-right: 0;
}
.product-item .product-content .body {
  display: none;
}
.product-item.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px;
}
@media only screen and (max-width: 479px) {
  .product-item.list {
    padding: 20px;
  }
}
.product-item.list .product-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  max-width: 300px;
  margin-bottom: 0;
}
.product-item.list .product-image .image {
  display: block;
}
.product-item.list .product-image .image img {
  width: 100%;
}
.product-item.list .product-image .product-action {
  display: none;
}
@media only screen and (max-width: 767px) {
  .product-item.list .product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.product-item.list .product-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 300px);
          flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  padding: 0 50px 0 40px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.list .product-content {
    padding: 0 10px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.list .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.product-item.list .product-content .head .top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
.product-item.list .product-content .head .top .title {
  margin-bottom: 17px;
  font-size: 24px;
}
@media only screen and (max-width: 479px) {
  .product-item.list .product-content .head .top .title {
    font-size: 18px;
  }
}
.product-item.list .product-content .head .bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  border-top: 0;
}
.product-item.list .product-content .head .bottom .price {
  font-size: 24px;
  line-height: 28px;
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .product-item.list .product-content .head .bottom .price {
    font-size: 18px;
    line-height: 21px;
  }
}
.product-item.list .product-content .body {
  display: block;
  margin-top: 30px;
}
.product-item.list .product-content .body ul {
  margin-bottom: 20px;
}
.product-item.list .product-content .body ul li::before {
  content: "";
  font-family: FontAwesome;
  margin-right: 10px;
}
.product-item.list .product-content .body .product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-item.list .product-content .body .product-action a, .product-item.list .product-content .body .product-action button {
  margin-right: 30px;
}
.product-item.list .product-content .body .product-action a:last-child, .product-item.list .product-content .body .product-action button:last-child {
  margin-right: 0;
}
.product-item.list .product-content .body .product-action a span, .product-item.list .product-content .body .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(/img/actionex.png);
}
.product-item.list .product-content .body .product-action a.cart span, .product-item.list .product-content .body .product-action button.cart span {
  background-position: 0 0;
}
.product-item.list .product-content .body .product-action a.compare span, .product-item.list .product-content .body .product-action button.compare span {
  background-position: -27px 0;
}
.product-item.list .product-content .body .product-action a.quickview span, .product-item.list .product-content .body .product-action button.quickview span {
  background-position: -54px 0;
}
.product-item.list .product-content .body .product-action a.wishlist span, .product-item.list .product-content .body .product-action button.wishlist span {
  background-position: -81px 0;
}
.product-item.list .product-content .body .product-action a:hover.cart span, .product-item.list .product-content .body .product-action button:hover.cart span {
  background-position: 0 -25px;
}
.product-item.list .product-content .body .product-action a:hover.compare span, .product-item.list .product-content .body .product-action button:hover.compare span {
  background-position: -27px -25px;
}
.product-item.list .product-content .body .product-action a:hover.quickview span, .product-item.list .product-content .body .product-action button:hover.quickview span {
  background-position: -54px -25px;
}
.product-item.list .product-content .body .product-action a:hover.wishlist span, .product-item.list .product-content .body .product-action button:hover.wishlist span {
  background-position: -81px -25px;
}

/*-- Single Product Details --*/
.exercice-details{
	background:#fff url(/assets/images/grain.png); 
	/*padding:30px 10px;*/
	padding: 30px 10px 0 10px;
}
.level1{background: url(/img/level1.png);}
.level2{background: url(/img/level2.png);}
.level3{background: url(/img/level3.png);}
.level4{background: url(/img/level4.png);}
.product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-details .product-image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 350px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image {
    max-width: 100%;
  }
}
.product-details .product-image .single-product-slider, .product-details .product-image .single-product-slider-syn {
  display: block;
  padding: 20px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-image .single-product-slider img, .product-details .product-image .single-product-slider-syn img {
  width: 100%;
}
.product-details .product-image .single-product-thumb-slider-syn {
  display: block;
  margin-top: 10px;
  margin: 5px -5px -5px;
}
.product-details .product-image .single-product-thumb-slider-syn .item {
  padding: 5px;
}
.product-details .product-image .single-product-thumb-slider-syn .item.slick-center img {
  background-color: #d0a97e;
}
.product-details .product-image .single-product-thumb-slider-syn .item img {
  width: 100%;
  padding: 10px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
  max-width: 480px;
  padding-left: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    max-width: 350px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    padding-left: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 0 !important;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
  margin: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 75px;
  }
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .item img, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .item img {
    padding: 3px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 100px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 100%;
    position: static;
    margin-top: 5px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow {
    display: none !important;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
  top: -7px;
  margin-top: 30px;
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
  bottom: -7px;
  top: auto;
  margin-bottom: 30px;
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow {
  opacity: 1;
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-prev {
  margin-top: 0;
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-next {
  margin-bottom: 0;
}
.product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 480px);
          flex: 0 0 calc(100% - 480px);
  max-width: calc(100% - 480px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
            flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.product-details .product-image.right-thumbnail {
  padding-left: 0;
  padding-right: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 110px;
  }
}
.product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
  left: auto;
  right: 0;
}
.product-details .product-content {
  -webkit-box-flex: 0;
    /*  -ms-flex: 0 0 calc(100% - 350px);
          flex: 0 0 calc(100% - 350px);
  max-width: calc(100% - 350px);*/
  will-change: min-height;
}
@media only screen and (max-width: 767px) {
  .product-details .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.product-details .product-content .product-content-inner {
  /*padding-left: 60px;*/
  padding: 0 10px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-content .product-content-inner {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-content .product-content-inner {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-content .product-content-inner {
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px){
	.product-details .product-content .product-content-inner {
		padding: 0;
	}
	.exercice-details {
		padding:30px 0 0 0;
	}
	/*.product-details-tab-content {
		padding: 0px;
	}*/
}
.product-details .product-content .product-content-inner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-details .product-content .product-content-inner .head .top {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-details .product-content .product-content-inner .head .top .title {
  margin-bottom: 17px;
  font-size: 24px;
}
.product-details h4.title, .product-item h4.title{min-width: 100%; font-size:2.1rem !important;}
.product-details h4.subtitle{min-width: 100%; font-size:1.1rem;}
.product-details h3.subtitle{min-width: 100%; font-size:1.1rem;font-family: "Bignord", sans-serif; font-style:italic;line-height: inherit;}
.product-details h3.subtitle::before,.product-details h3.subtitle::after{
	font-family: 'Playfair Display', Georgia, serif;
    font-size: 3em; /* légèrement plus grand pour l’effet décoratif */
    color: #333;     /* couleur subtile pour ne pas écraser le texte */
    margin-right: 0.3em;
    vertical-align: middle;
    position: relative;
	top:0.2em;
}
.product-details h3.subtitle::before{
	content: '\201C'; /* guillemet ouvrant typographique */
	margin-right:10px;
}
.product-details h3.subtitle::after{
	margin-left:10px;
	content:'\201D';
}
.product-details .product-content .product-content-inner .head .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-details .product-content .product-content-inner .head .bottom .price {
  font-size: 24px;
  line-height: 28px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin-right: 20px;
}
.product-details .product-content .product-content-inner .head .bottom .price .old {
  margin-left: 12px;
  display: block;
  text-decoration: line-through;
  font-weight: 400;
}
.product-details .product-content .product-content-inner .head .bottom .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details .product-content .product-content-inner .head .bottom .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.product-details .product-content .product-content-inner .head .bottom .ratting i:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body {
  display: block;
  /*margin-top: 20px;*/
}
.product-details .product-content .product-content-inner .body p {
  margin-bottom: 20px;
}
.product-details .product-content .product-content-inner .body .product-group {
  margin-bottom: 20px;
}
.product-details .product-content .product-content-inner .body .product-group li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.product-details .product-content .product-content-inner .body .product-group li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-details .product-content .product-content-inner .body .product-group li > * {
  margin-right: 20px;
  margin-bottom: 10px;
}
.product-details .product-content .product-content-inner .body .product-group li > *:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .product-group li .image {
  width: 50px;
  padding: 5px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-content .product-content-inner .body .product-group li .image img {
  max-width: 100%;
}
.product-details .product-content .product-content-inner .body .product-group li .title {
  min-width: 130px;
}
.product-details .product-content .product-content-inner .body .product-group li .price {
  font-weight: 600;
  font-size: 18px;
}
.product-details .product-content .product-content-inner .body .size, .product-details .product-content .product-content-inner .body .vitamin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.product-details .product-content .product-content-inner .body .size h4, .product-details .product-content .product-content-inner .body .vitamin h4 {
  font-size: 18px;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: "Bignord", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 13px;
}
.product-details .product-content .product-content-inner .body .size button, .product-details .product-content .product-content-inner .body .vitamin button {
  border: none;
  background-color: transparent;
  padding: 0;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  margin-right: 25px;
  line-height: 22px;
  border-bottom: 2px solid transparent;
}
.product-details .product-content .product-content-inner .body .size button:last-child, .product-details .product-content .product-content-inner .body .vitamin button:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .size button.active, .product-details .product-content .product-content-inner .body .size button:hover, .product-details .product-content .product-content-inner .body .vitamin button.active, .product-details .product-content .product-content-inner .body .vitamin button:hover {
  border-color: #868686;
}
.product-details .product-content .product-content-inner .body .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.product-details .product-content .product-content-inner .body .quantity h4 {
  margin-right: 10px;
  margin-bottom: 0;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: "Bignord", sans-serif;
  font-weight: 600;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty input {
  width: 60px;
  height: 30px;
  text-align: center;
  background-color: #222222;
  border: none;
  color: #ffffff;
  font-weight: 600;
  margin: 0 2px;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty .qtybtn {
  background-color: #222222;
  color: #ffffff;
  height: 30px;
  width: 25px;
  font-size: 19px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.product-details .product-content .product-content-inner .body .product-action {
  /*display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
}
.product-details .product-content .product-content-inner .body .product-action a, .product-details .product-content .product-content-inner .body .product-action button {
  margin-right: 10px;
}
.product-details .product-content .product-content-inner .body .product-action a:last-child, .product-details .product-content .product-content-inner .body .product-action button:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .product-action a span, .product-details .product-content .product-content-inner .body .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 55px;
  height: 70px;
  background-repeat: no-repeat;
  background-image: url(/img/action.png);
}
.product-details .product-content .product-content-inner .body .product-action a.buy, .product-details .product-content .product-content-inner .body .product-action button.buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 25px;
  padding: 10px 20px;
  background-color: #d0a97e;
  font-weight: 600;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  letter-spacing: 0.5px;
}
.product-details .product-content .product-content-inner .body .product-action a.buy:hover, .product-details .product-content .product-content-inner .body .product-action button.buy:hover {
  background-color: #222222;
  color: #d0a97e;
}
.product-details .product-content .product-content-inner .body .product-action a.buy span, .product-details .product-content .product-content-inner .body .product-action button.buy span {
  margin-right: 15px;
}
.product-details .product-content .product-content-inner .body .product-action a.cart span, .product-details .product-content .product-content-inner .body .product-action a.buy span, .product-details .product-content .product-content-inner .body .product-action button.cart span, .product-details .product-content .product-content-inner .body .product-action button.buy span {
  background-position: 0 0;
}
.product-details .product-content .product-content-inner .body .product-action a.compare span, .product-details .product-content .product-content-inner .body .product-action button.compare span {
  background-position: 0 0;
}
.product-details .product-content .product-content-inner .body .product-action a.quickview span, .product-details .product-content .product-content-inner .body .product-action button.quickview span {
  background-position: -54px 0;
}
.product-details .product-content .product-content-inner .body .product-action a.wishlist span, .product-details .product-content .product-content-inner .body .product-action button.wishlist span {
  background-position: -55px 0;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.cart span, .product-details .product-content .product-content-inner .body .product-action a:hover.buy span, .product-details .product-content .product-content-inner .body .product-action button:hover.cart span, .product-details .product-content .product-content-inner .body .product-action button:hover.buy span {
  background-position: 0 -25px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.compare span, .product-details .product-content .product-content-inner .body .product-action button:hover.compare span {
  background-position: 0px -75px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.quickview span, .product-details .product-content .product-content-inner .body .product-action button:hover.quickview span {
  background-position: -54px -25px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.wishlist span, .product-details .product-content .product-content-inner .body .product-action button:hover.wishlist span,
.product-details .product-content .product-content-inner .body .product-action .wishlist.yet span {
  background-position: -55px -75px;
}
.product-details .single-product-thumb-slider-syn .slick-list {
  margin: 0;
}
.product-details .single-product-thumb-slider-syn .slick-list .slick-slide {
  margin: 0;
}

/*-- Single Product Details Gallery --*/
.product-details-with-gallery .product-image {
  max-width: 40%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin-bottom: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery .product-image {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery .product-image {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-bottom: 10px;
  }
}
.product-details-with-gallery .product-image a {
  display: block;
  padding: 15px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details-with-gallery .product-image a img {
  width: 100%;
}
.product-details-with-gallery .product-content {
  max-width: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery .product-content {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .product-details-with-gallery .product-content .product-content-inner {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery .product-content {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.product-details-with-gallery.right-gallery .product-content .product-content-inner {
  padding-left: 0;
  padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/*-- Single Product Details Tab List --*/
.product-details-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details-tab-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  background-color: #74b7b7;
  color: #d9d9d9;
  border-right: 1px solid #d8d8d8;
}
.product-details-tab-list li:last-child {
  border: none;
}
@media only screen and (max-width: 575px) {
  .product-details-tab-list li {
    bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
  }
  .product-details-tab-list li:nth-child(2) {
    border-right: none;
  }
}
.product-details-tab-list li a {
  display: block;
  line-height: 24px;
  padding: 13px 20px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.product-details-tab-list li a.active {
  background-color: rgb(60, 93, 93);
  color: #fff;
  background-position: center;
  /*background-image: url(/assets/images/menuItemTexture.jpg);*/
}

/*-- Single Product Details Tab Content --*/
.product-details-tab-content {
  /*padding: 45px;*/
  /*padding: 10px 15px 5px 40px;*/
  padding: 10px 5px 5px 10px;
  background-color: #f4f4f4;
}
.product-details-tab-content .property{
	padding:10px;
}
@media only screen and (max-width: 575px) {
  .product-details-tab-content {
    /*padding: 30px;*/
  }
}
/* lits specification */
ul.specification li {
	position: relative; /* pour que le ::after se place correctement */
	display: inline-block; /* optionnel si tu veux les li côte à côte */
	/*padding: 0.5em 1em;*/ /* un peu d'air autour du texte */
	cursor: pointer;
	margin-right: 0.5em
}
/* liens de la liste */
ul.specification li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
/* texte lui-même */
ul.specification li a i {
  position: relative;
  z-index: 1; /* texte au-dessus */
}
/* texte à placer au-dessus du trait */
ul.specification li a span {
  position: relative;
  z-index: 1;  /* texte devant */
}
/* séparation pour les listes qui ont plusieurs items */
ul.specification li:not(:first-child)::before {
	content: ' - ';        /* séparateur */
	margin-right: 0.5em;
	color: #333;        /* couleur du séparateur */
}
/* soulignement pour liens simples (première liste) */
ul.specification li a::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #78bbbb;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: 0;
}
/* hover pour soulignement des liens simples */
ul.specification li a:hover::after {
  transform: scaleX(1);
}
/* soulignement pour liste avec <i> (deuxième liste) */
ul.specification li a i {
  position: relative;
  display: inline-block;
}

ul.specification li a:hover i::after {
  transform: scaleX(1);
}
/*.product-details-tab-content .specification li {
  margin-bottom: 10px;
  display:inline-flex;
	margin-right:2px;
}*/
/*.product-details-tab-content .specification li:first-child a::before{
  content:'';
}
.product-details-tab-content .specification li:last-child {
  margin-bottom: 0;
}*/
.product-details-tab-content .specification li a{
	/*margin-right:10px;*/
	/*margin:0 5px 0 5px*/
}
/*.product-details-tab-content .specification li a::before {
  content : ' - ';
  width: 36px !important;
  height: 22px;
padding-right: 0.2em;
  transition: all 0.3s ease 0s;
}*/
.product-details-tab-content .specification li a:hover::before{
	/*background-position: 15px -16px;*/
	/*content : '\01F441';*/
	/*transition: all 0.3s ease 0s;
	padding-right: 0.2em;*/
}

/* slick associated product */
.slick-track{
	padding-top:10px
}
/*-- Reviwe List --*/
.review-list {
  overflow: hidden;
  margin-bottom: 40px;
  max-width: 650px;
}
.review-list .review {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.review-list .review:last-child {
  margin-bottom: 0;
}
.review-list .review .name {
  font-size: 18px;
  margin-bottom: 15px;
}
.review-list .review .name span {
  font-size: 12px;
}
.review-list .review .name span::before {
  content: "-";
  margin: 0 5px;
}
.review-list .review .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 10px;
}
.review-list .review .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.review-list .review .ratting i:last-child {
  margin-right: 0;
}
/*-- Review Form --*/
.review-form {
  max-width: 650px;
}
.review-form h3 {
  margin-bottom: 20px;
}
.review-form form .ratting {
  margin-bottom: 10px;
}
.review-form form input {
  width: 100%;
  line-height: 24px;
  padding: 10px 20px;
  background-color: #ffffff;
  border: none;
  color: #656565;
}
.review-form form input[type=submit] {
  width: auto;
  background-color: #222222;
  padding: 10px 30px;
  color: #d0a97e;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.review-form form input[type=submit]:hover {
  background-color: #d0a97e;
  color: #222222;
}
.review-form form textarea {
  width: 100%;
  line-height: 24px;
  padding: 8px 20px;
  background-color: #ffffff;
  border: none;
  resize: none;
  color: #656565;
  height: 100px;
}

/*----------------------------------------*/
/*  07. Sidebar CSS
/*----------------------------------------*/
.sidebar {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.sidebar:last-child {
  margin-bottom: 0;
}
.sidebar .lastUpdate ul li a{
	white-space: nowrap;
	text-overflow: ellipsis !important;
	overflow: hidden;
	width: -moz-available;
	width:90%;
	line-height:25px;
}
.lastUpdate li a{
	overflow:hidden;
	text-wrap:nowrap;
	text-overflow: ellipsis;
}
.sidebar .sidebar-title {
  /*font-size: 18px;*/
  line-height: 26px;
  padding: 10px 10px;
  /*background: url(/assets/images/grain.png) repeat, url(/img/pngegg.png) no-repeat right, #78bbbb;*/ /*orig*/
  background: url(/assets/images/grain.png) repeat no-repeat right, #78bbbb;
  border: 10px solid #78bbbb;
  border-image: url(/assets/images/grain.png);
  background-size: contain;
  background-position: right -5px;
  /* */
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  /* */
  
  
}
.sidebar .sidebar-title::after{
	background: url(/img/pngegg.png) no-repeat right center;
}
h4.sidebar-title{
	margin-bottom:0px !important;
}
.accordionfilters {
    cursor: pointer;
    padding: 10px 0;
    margin: 0;
    user-select: none;
	display: flex;
	gap: 10px; /* espace entre l’indicateur et le texte */
}
.accordion-indicator {
    transition: transform 0.2s ease;
	font-size: 1.2rem;
	color:rgb(60, 93, 93);
	background: url(/img/caret-right.png);
    background-repeat: repeat;
    background-size: auto;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.accordionfilters.close .accordion-indicator {
    transform: rotate(0deg); /* ou autre rotation/flèche */
}
.accordionfilters.open .accordion-indicator {
    transform: rotate(450deg); /* ou autre rotation/flèche */
}
.accordionfilters.close{
	border-radius: 5px;
}
.accordionfilters.open{
	border-radius: 5px 5px 0 0;
}
.panel {
    display: none;
    opacity: 0;
    transform: translateY(-10px); /* léger décalage pour l’effet */
    transition: opacity 0.3s ease, transform 0.3s ease;
	background:#fff;
}
.panel.open {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
/*-- Search --*/
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.search-overlay.active {
    display: flex;
}
.search-box {
    position: relative;
    width: 90%;
    max-width: 600px;
}
.search-input {
    width: 100%;
    padding: 20px;
    font-size: 1.5rem;
    border: none;
    border-radius: 8px;
    outline: none;
}
#searchForm .submit-btn {
	padding: 12px 28px;
	margin-top:5px;
	position: relative;
    padding-right: 40px; /* espace pour l'image à droite */
    font-size: 1.1rem;
    font-weight: 500;
    color: #fff;
    background-color: rgba(27, 108, 123, 0.5);
    border: 2px solid rgba(27, 108, 123, 0.8);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}
#searchForm .submit-btn:hover {
    background-color: #bfe1e1;
    color: rgb(27, 108, 123);
}
#searchForm .submit-btn::after{
	content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url('/img/pictoSearchW.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#searchForm .submit-btn:hover::after{
    background-image: url('/img/pictoSearchB.png');
}
.badgeDel{
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
}
.badgeDel:hover{
	color:#bb2222 !important;
}
/* ?? */
.sidebar-search {
  position: relative;
}
.sidebar-search input {
  width: 100%;
  border-radius: 50px;
  border: 1px solid #b4b4b4;
  height: 45px;
  line-height: 23px;
  padding: 10px 25px;
  padding-right: 80px;
  font-size: 13px;
  color: #ccc;
  font-style: italic;
}
.sidebar-search input[type=submit] {
  width: auto;
  border: none;
  background-color: #d0a97e;
  color: #222222;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 500;
  font-family: "Bignord", sans-serif;
  /*font-family: "Oswald", sans-serif;*/
  padding: 11px 20px;
}

/*-- List filters --*/
/* */
.sidebar-list li input[type=checkbox] + label {
  opacity:0.5;
  cursor:pointer;
}
.sidebar-list li input[type=checkbox]:checked + label {
  opacity: 1 !important;
}
.sidebar-list li input:disabled + label {
    cursor: not-allowed;  /* curseur "interdit" */
    opacity: 0.2;          /* rend le label visuellement désactivé */
    pointer-events: none;  /* empêche le clic sur le label */
}
/* */
.sidebar ul.listradio li{
	display:inline-flex !important;
	margin:5px;
	cursor:pointer;
}
.sidebar-list{
	background: #fff;
	padding: 10px 0px 10px 10px;
	border-radius: 0 0 10px 10px;
}
.sidebar-list.listradio{
	padding: 10px 0px;
}

.sidebar-list li {
  /*margin-bottom: 5px;*/ /*del*/
  display: -webkit-inline-box;
  display: flex;
  align-items: center;
  justify-content: space-between; /* badge à droite */
  overflow: hidden;       /* texte trop long tronqué */
  /**/
  line-height: 14px;
  /**/
}
.sidebar-list li input.check-box {
    margin-right: 0.5rem;   /* espace entre checkbox et label */
    flex-shrink: 0;         /* la checkbox garde sa taille */
}

.sidebar-list li label {
    flex-grow: 1;            /* prend tout l’espace restant */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* tronque le texte si trop long */
	position:relative;
}

.sidebar-list li .badge {
    flex-shrink: 0;          /* badge fixe à droite */
    margin-left: 0.5rem;     /* un petit espace avant le badge */
}
.sidebar-list li:last-child {
  margin-bottom: 0;
}
.sidebar-list li a {
  display: block;
  line-height: 20px;
}
/*s.sidebar-list li:hover label{
	opacity:0.8 !important;
}*/
.sidebar-list li:hover input:not(:disabled) + label {
	opacity:0.8 !important;
	
}
.sidebar-list li {
    position: relative; /* référence pour le tooltip */
    display: flex !important;
    align-items: center;
    justify-content: space-between;
	position:relative;
}

.sidebar-list li label {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    cursor: pointer;
	/**/
	font-size: 14px;
	/**/
}

/* Badge */
.sidebar-list li .badge {
    margin-left: 10px;
    flex-shrink: 0;
}

/*-- Post List --*/
.sidebar-post {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebar-post:last-child {
  margin-bottom: 0;
}
.sidebar-post .image {
  display: block;
  max-width: 80px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
  border-radius: 4px;
  overflow: hidden;
}
.sidebar-post .image img {
  width: 100%;
}
.sidebar-post .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 80px);
          flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}
.sidebar-post .content .title {
  font-size: 18px;
  line-height: 24px;
}
.sidebar-post .content p {
  font-size: 13px;
  line-height: 22px;
  max-width: 180px;
}
/*-- Tweet List --*/
.sidebar-tweet {
  margin-bottom: 20px;
}
.sidebar-tweet:last-child {
  margin-bottom: 0;
}
.sidebar-tweet p {
  font-size: 15px;
  line-height: 22px;
  color: #222222;
}
.sidebar-tweet p a {
  font-weight: 600;
  color: #d0a97e;
}
.sidebar-tweet p a:hover {
  text-decoration: underline;
}

/*-- Price Range --*/
#price-range {
  background-color: #f4f4f4;
  height: 7px;
  width: 100%;
  border-radius: 50px;
  position: relative;
  margin-bottom: 30px;
}
#price-range .ui-slider-range {
  background-color: #222222;
  height: 100%;
  border-radius: 50px;
  position: absolute;
  top: 0;
}
#price-range .ui-slider-handle {
  position: absolute;
  top: -2px;
  height: 11px;
  width: 11px;
  background-color: #f4f4f4;
  border: 2px solid #222222;
  border-radius: 50px;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
#price-range .ui-slider-handle span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
  margin-top: 11px;
  font-weight: 600;
  display: block;
  line-height: 23px;
}
#price-range .ui-slider-handle:nth-child(3) {
  margin-left: -11px;
}

/*-- Tag Cloud --*/
.tag-cloud {
  overflow: hidden;
}
.tag-cloud a {
  font-size: 15px;
  line-height: inherit /*23px*/;
  margin-right: 15px;
  float: left;
  margin-bottom: 7px;
}
.tag-cloud a:hover {
  /*font-weight: 600;*/
  /*font-size: 16px;*/
}

/*----------------------------------------*/
/*  08. Banner CSS
/*----------------------------------------*/
.banner a {
  display: block;
  position: relative;
  overflow: hidden;
}
.banner a::before {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: -280px;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 80px;
  z-index: 0;
}
.banner a::after {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: 180%;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 80px;
  z-index: 0;
}
.banner a:hover::before {
  left: 180%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a:hover::after {
  left: -280px;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a img {
  width: 100%;
}

/*----------------------------------------*/
/*  09. Subscribe CSS
/*----------------------------------------*/
.subscribe-section {
  background-image: url(/assets/images/bg/subscribe-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*-- Subscribe Wrap --*/
.subscribe-wrap {
  text-align: center;
}
.subscribe-wrap h3 {
  font-weight: 300;
  color: #d8d8d8;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.subscribe-wrap h3 span {
  color: #d0a97e;
  font-weight: 600;
}
.subscribe-wrap h1 {
  font-weight: 600;
  color: #d8d8d8;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.subscribe-wrap p {
  color: #d8d8d8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-wrap h3 {
    font-size: 22px;
  }
  .subscribe-wrap h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-wrap {
    margin-right: 0;
  }
}

/*-- Subscribe Form --*/
.subscribe-form {
  position: relative;
  max-width: 525px;
  width: 100%;
  margin: auto;
  margin-top: 40px;
}
.subscribe-form input[type=email] {
  width: 100%;
  border: 1px solid #b4b4b4;
  border-radius: 50px;
  height: 50px;
  line-height: 24px;
  padding: 12px 30px;
  background-color: transparent;
  color: #d8d8d8;
  font-size: 13px;
}
@media only screen and (max-width: 479px) {
  .subscribe-form input[type=email] {
    text-align: center;
  }
}
.subscribe-form input[type=email]::-webkit-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::-moz-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]:-ms-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::-ms-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::placeholder {
  color: #d8d8d8;
}
.subscribe-form button {
  font-size: 18px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  color: #222222;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  padding: 13px 30px;
  border-radius: 50px;
  background-color: #d0a97e;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .subscribe-form button {
    position: static;
    margin-top: 10px;
    width: 100%;
  }
}

/*-- Mailchimp Message --*/
.mailchimp-error {
  color: #ff0000;
}

.mailchimp-success {
  color: #28a745;
}

/*----------------------------------------*/
/*  11. Brand CSS
/*----------------------------------------*/
.brand-item {
  text-align: center;
}
.brand-item img {
  width: 20vw;            /* taille responsive */
  height: 20vw;           /* même valeur que width */
  max-width: 150px;       /* limite sur écrans larges */
  max-height: 150px;      /* idem */
  object-fit: cover;      /* garde le ratio sans déformer */
  border-radius: 50%;     /* cercle parfait */
  display: block;
  margin: auto;
}
.brand-item a img:hover{
	border-radius:25%;
}

/*----------------------------------------*/
/*  12. Service CSS
/*----------------------------------------*/
/*-- Service Container --*/
.service-container {
  background-color: #ffffff;
  max-width: 1520px;
  width: 100%;
  margin: auto;
  border: 1px solid #ebebeb;
  border-radius: 500px;
  padding: 25px 0;
  margin-bottom: -90px;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .service-container {
    margin-bottom: 50px;
    max-width: 540px;
    border: none;
    padding: 0;
    border-radius: 0px;
	padding:30px 10px;
  }
}

/*-- Service --*/
.service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 40px;
  position: relative;
}
.service::before {
  content: "";
  position: absolute;
  right: 0;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background-color: #ebebeb;
}
.service:last-child::before {
  display: none;
}
.service .icon {
  width: 38px;
  height: 43px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-image: url(/img/services.png);
}
.service:nth-child(1) .icon {
  background-position: 0 0;
}
.service:hover:nth-child(1) .icon {
  background-position: 0px -43px;
}
.service:nth-child(2) .icon {
  background-position: -38px 0;
}
.service:hover:nth-child(2) .icon {
  background-position: -38px -43px;
}
.service:nth-child(3) .icon {
  background-position: -78px 0;
}
.service:hover:nth-child(3) .icon {
  background-position: -78px -43px;
}
/*.service:nth-child(4) .icon {
  background-position: -156px 0;
}*/
.service .content {
  width: calc(100% - 52px);
  padding-left: 25px;
}
.service .content h3 {
  font-weight: 500;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .service {
    padding: 15px 25px;
  }
  .service .content {
    padding-left: 20px;
  }
  .service .content h3 {
    font-size: 20px;
  }
  .service .content p {
    font-size: 13px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .service::before {
    display: none;
  }
  .service:last-child {
    margin-bottom: 0;
  }
  .service p {
    max-width: 300px;
  }
}
/*----------------------------------------*/
/*  13. Blog CSS
/*----------------------------------------*/
/*-- Blog Section Title --*/
.blog-section-title {
  background-color: #222222;
  padding: 78px 35px;
}
.blog-section-title h1 {
  color: #d8d8d8;
  font-weight: 600;
  letter-spacing: 0.25px;
  margin-bottom: 0;
}
.blog-section-title p {
  color: #d8d8d8;
  line-height: 24px;
  margin-top: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-section-title {
    padding: 80px 35px;
  }
  .blog-section-title h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section-title {
    padding: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-section-title {
    padding: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-section-title {
    padding: 30px;
  }
}

/*-- Blog Slider --*/
.blog-slider .slick-arrow {
  position: absolute;
  bottom: -1px;
  z-index: 99;
  height: 30px;
  width: 40px;
  border: none;
  padding: 0;
  text-align: center;
  background-color: #d8d8d8;
  color: #222222;
}
.blog-slider .slick-arrow i {
  font-size: 18px;
  line-height: 32px;
  display: block;
}
.blog-slider .slick-arrow:hover {
  background-color: #d0a97e;
  color: #222222;
}
.blog-slider .slick-arrow.slick-prev {
  right: 41px;
}
.blog-slider .slick-arrow.slick-next {
  right: 0;
}

/*-- Home Blog --*/
.home-blog {
  background-color: #222222;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-blog .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  text-indent: -9999px;
}
.home-blog .image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .home-blog .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .home-blog .image {
    height: 200px;
  }
}
.home-blog .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62%;
          flex: 0 0 62%;
  padding: 50px;
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-blog .content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .home-blog .content {
    padding: 30px 50px 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .home-blog .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.home-blog .content .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.25px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 479px) {
  .home-blog .content .title {
    font-size: 20px;
  }
}
.home-blog .content .title a {
  color: #d8d8d8;
}
.home-blog .content .title a:hover {
  color: #d0a97e;
}
.home-blog .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.home-blog .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  letter-spacing: 0.5px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  margin-bottom: 3px;
}
.home-blog .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.home-blog .content .blog-meta li:last-child::after {
  display: none;
}
.home-blog .content .blog-meta li a:hover {
  color: #d0a97e;
}
.home-blog .content p {
  color: #d8d8d8;
  line-height: 24px;
  margin-bottom: 12px;
}
.home-blog .content .read-more {
  color: #d8d8d8;
  font-weight: 600;
  text-transform: capitalize;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
}
.home-blog .content .read-more:hover {
  color: #d0a97e;
}

/*-- Blog --*/
.blog-item {
  background-color: #222222;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  text-indent: -9999px;
}
.blog-item .image img {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .blog-item .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-item .image {
    height: 200px;
  }
}
.blog-item .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  padding: 50px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item .content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-item .content {
    padding: 30px 50px 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-item .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.blog-item .content .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.25px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 479px) {
  .blog-item .content .title {
    font-size: 20px;
  }
}
.blog-item .content .title a {
  color: #d8d8d8;
}
.blog-item .content .title a:hover {
  color: #d0a97e;
}
.blog-item .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.blog-item .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  letter-spacing: 0.5px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  margin-bottom: 3px;
}
.blog-item .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.blog-item .content .blog-meta li:last-child::after {
  display: none;
}
.blog-item .content .blog-meta li a:hover {
  color: #d0a97e;
}
.blog-item .content p {
  color: #d8d8d8;
  line-height: 24px;
  margin-bottom: 12px;
}
.blog-item .content .read-more {
  color: #d8d8d8;
  font-weight: 600;
  text-transform: capitalize;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
}
.blog-item .content .read-more:hover {
  color: #d0a97e;
}
.blog-item.grid .image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  background-image: none !important;
  height: auto !important;
  min-height: auto !important;
}
.blog-item.grid .image img {
  display: block;
}
.blog-item.grid .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 30px;
}

/*-- Single Blog --*/
.single-blog-item .image {
  width: 100%;
  margin-bottom: 21px;
}
.single-blog-item .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.single-blog-item .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #222222;
  letter-spacing: 0.5px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  margin-bottom: 3px;
}
.single-blog-item .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.single-blog-item .content .blog-meta li:last-child::after {
  display: none;
}
.single-blog-item .content .blog-meta li a:hover {
  color: #d0a97e;
}
.single-blog-item .content .desc .blockquote {
  margin: 30px 60px;
}
@media only screen and (max-width: 767px) {
  .single-blog-item .content .desc .blockquote {
    margin: 30px;
  }
}
.single-blog-item .content .desc .blockquote p {
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
}
.single-blog-item .content .blog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.single-blog-item .content .blog-footer .tags, .single-blog-item .content .blog-footer .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-blog-item .content .blog-footer .tags span, .single-blog-item .content .blog-footer .share span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  line-height: 25px;
  margin-right: 10px;
}
.single-blog-item .content .blog-footer .tags a, .single-blog-item .content .blog-footer .share a {
  font-size: 15px;
  line-height: 25px;
}
.single-blog-item .content .blog-footer .tags a::after, .single-blog-item .content .blog-footer .share a::after {
  content: ",";
  margin-right: 5px;
}
.single-blog-item .content .blog-footer .tags a:last-child::after, .single-blog-item .content .blog-footer .share a:last-child::after {
  display: none;
}

/*-- Blog Navigation --*/
.blog-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
.blog-navigation a {
  font-size: 15px;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
  line-height: 20px;
}
.blog-navigation a i {
  line-height: 24px;
  display: block;
  color: #acacac;
}
.blog-navigation a.prev-blog i {
  float: left;
  margin-right: 10px;
}
.blog-navigation a.next-blog i {
  float: right;
  margin-left: 10px;
}
.blog-navigation a:hover {
  color: #d0a97e;
}
.blog-navigation a:hover i {
  color: #d0a97e;
}

/*----------------------------------------*/
/*  14. Comment CSS
/*----------------------------------------*/
/*-- Comment Wrap --*/
.comment-wrap h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 40px;
}

/*-- Comment List --*/
.comment-list {
  overflow: hidden;
  margin-bottom: 40px;
}
/*-- Child Comment --*/
.child-comment {
  margin-left: 120px;
}
@media only screen and (max-width: 479px) {
  .child-comment {
    margin-left: 0;
  }
}

/*-- Comment --*/
.comment {
  margin-bottom: 50px;
}
.comment .image {
  width: 90px;
  float: left;
  margin-right: 30px;
  border-radius: 4px;
  overflow: hidden;
}
.comment .image img {
  width: 100%;
}
.comment .content {
  overflow: hidden;
}
.comment .content h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}
.comment .content .time {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
}
.comment .content .reply {
  line-height: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.comment .content .decs {
  margin-top: 2px;
}
.comment .content .decs p {
  line-height: 26px;
}

/*-- Comment Form --*/
.comment-form input {
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #9d9d9d;
  height: auto;
  line-height: 18px;
  padding: 0 0 10px;
  margin-bottom: 40px;
}
.comment-form input:focus {
  border-color: #d0a97e;
}
.comment-form textarea {
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #9d9d9d;
  height: 130px;
  line-height: 18px;
  padding: 0 0 10px;
  margin-bottom: 40px;
  resize: none;
}
.comment-form textarea:focus {
  border-color: #d0a97e;
}
.comment-form button {
  padding: 10px 30px;
  border-radius: 50px;
  background-color: #222222;
  color: #d0a97e;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 25px;
  border: none;
  /*font-family: "Oswald", sans-serif;*/
  font-family: "Bignord", sans-serif;
}
.comment-form button:hover {
  background-color: #d0a97e;
  color: #222222;
}

/*----------------------------------------*/
/*  15. Contact CSS
/*----------------------------------------*/
/*-- Contact Information --*/
.contact-info {
  background-color: #222222;
  max-width: 435px;
  padding: 95px 60px;
}
@media only screen and (max-width: 479px) {
  .contact-info {
    padding: 50px 30px;
  }
}
/* Image ronde et responsive */
.contact-info img{
	width: 100px;
	height: 100px;
	border-radius: 50%; /* rond parfait */
	object-fit: cover;  /* recadre proprement si l'image n'est pas carrée */
	border:2px solid #7ac0c0 ;
	padding:2px;
}
.contact-info li:first-child{
	display: flex;
	align-items: center;        /* centre verticalement */
	justify-content: space-between; /* nom à gauche, image à droite */
}
.contact-info li:first-child h4 {
	margin: 0; /* pour l'alignement */
}
.contact-info ul li {
  border-bottom: 1px dashed #636363;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.contact-info ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contact-info ul li h4 {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 9px;
}
.contact-info ul li p {
  color: #d8d8d8;
  max-width: 250px;
}
.contact-info ul li p a {
  display: block;
}

/*-- Contact Form Wrap --*/
.contact-form-wrap h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.contact-form-wrap p {
  margin-bottom: 30px;
}

/*-- Contact Form --*/
.contact-form input{
  display: block;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  
  color: #656565;
}
.contact-form input:not([type='checkbox']){
  width: 100%;
  padding: 11px 25px;
}
.contact-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  line-height: 24px;
  padding: 20px 25px;
  color: #656565;
  height: 190px;
  resize: none;
}
.contact-form button {
  font-size: 18px;
  line-height: 25px;
  padding: 10px 30px;
  text-transform: uppercase;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  font-family: "Bignord", sans-serif;
}
.contact-form button:hover {
  background-color: #d0a97e;
  color: #222222;
}
.remarque{display:none !important;}
/*---------------------------------------
    16. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 2px solid #7ac0c0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 2px solid #7ac0c0;
  }
}
.cart-table .table thead {
  background-color: #7ac0c0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}
.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 20px;
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 160px;
  }
}
.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
  text-align: left !important;
}
.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #eeeeee;
  max-width: 70px;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.cart-table td.pro-title a:hover {
  color: rgb(60, 93, 93);
}
.cart-table td.pro-duration span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.cart-table td.pro-level .pro-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px){
  .cart-table td.pro-level .pro-qty{
    justify-content: flex-start;
  }
}
.cart-table td.pro-level .pro-qty input {
  width: 60px;
  height: 30px;
  text-align: center;
  background-color: #222222;
  border: none;
  color: #ffffff;
  font-weight: 600;
  margin: 0 2px;
}
.cart-table td.pro-level .pro-qty .qtybtn {
  background-color: #222222;
  color: #ffffff;
  height: 30px;
  width: 25px;
  font-size: 19px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #d0a97e;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #222222;
  background-color: #d0a97e;
}
.cart-table td.pro-addtocart button:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-remove a i {
  font-size: 15px;
}
.cart-table td.pro-remove a:hover {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}
.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  background-color: transparent;
}
.calculate-shipping form .nice-select::after {
  border-color: #222222;
}
.calculate-shipping form .nice-select .current {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #222222;
}
.calculate-shipping form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
}
.calculate-shipping form input[type=submit] {
  font-weight: 700;
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
  width: 140px;
}
.calculate-shipping form input[type=submit]:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
}
.discount-coupon form input[type=submit] {
  font-weight: 700;
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
  width: 140px;
}
.discount-coupon form input[type=submit]:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #222222;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}
.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
  color: #d0a97e;
}
.cart-summary .cart-summary-wrap p {
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  color: #ffffff;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #ffffff;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #d0a97e;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
  margin-left: 20px;
  font-weight: 700;
  float: right;
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button.checkout-btn {
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*---------------------------------------
    17. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #222222;
  margin-bottom: 15px;
}
.checkout-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #222222;
}
.checkout-form .nice-select .current {
  color: #222222;
  display: block;
  line-height: 23px;
}
.checkout-form .nice-select .list {
  width: 100%;
}
.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #222222;
  margin-bottom: 15px;
}
.checkout-form input[type=checkbox] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
.checkout-form .check-box:last-child {
  margin-right: 0;
}
.checkout-form .check-box input[type=checkbox] {
  display: none;
}
.checkout-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin: 0;
}
.checkout-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #222222;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #222222;
}
.checkout-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #222222;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #d0a97e;
}
.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}
.checkout-cart-total h4 span {
  float: right;
  display: block;
}
.checkout-cart-total ul {
  border-bottom: 1px solid #ffffff;
}
.checkout-cart-total ul li {
  color: #ffffff;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #ffffff;
  float: right;
}
.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #222222;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}
.single-method:last-child {
  margin-bottom: 0;
}
.single-method input[type=radio] {
  display: none;
}
.single-method input[type=radio] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.single-method input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #d0a97e;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio]:checked + label::before {
  border: 2px solid #d0a97e;
}
.single-method input[type=radio]:checked + label::after {
  opacity: 1;
}
.single-method input[type=checkbox] {
  display: none;
}
.single-method input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.single-method input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #d0a97e;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox]:checked + label::before {
  border: 2px solid #d0a97e;
}
.single-method input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #ffffff;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*---------------------------------------
    18. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}
.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  margin: 0;
  line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}
.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 20px;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #d0a97e;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-color {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #ff0000;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #222222;
  font-size: 14px;
}

/*---------------------------------------
    19. My Account CSS
-----------------------------------------*/
/*-- My Account Tab Menu -*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
		   background-color: #7ac0c0 !important;
  background: url(/assets/images/grain.png) repeat;
}
.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #222222;
  font-weight: 600;
  font-size: 12px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;

}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background: rgb(60, 93, 93) url(/assets/images/grain.png) repeat;
  color: #ffffff;
}
.myaccount-tab-menu a.brown{
	background:#CBB070 url(/assets/images/grain.png) repeat !important;
}
.myaccount-tab-menu a.brown:hover, .myaccount-tab-menu a.brown.active{
	background:#B07C48 url(/assets/images/grain.png) repeat !important;
}
.myaccount-tab-menu a i {
  font-size: 16px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.myaccount-content .welcome a {
  color: #000000;
}
.myaccount-content .welcome a:hover {
  color: #d0a97e;
}
.myaccount-content .welcome strong {
  font-weight: 600;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}
.myaccount-table table th, .myaccount-table .table th {
  padding: 10px;
}
.myaccount-table table td, .myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}

.saved-message {
  border-top: 3px solid #d0a97e;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}
.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}
.account-details-form input[type=email]{
	background: #ccc;
}

/*---------------------------------------
    20. Login & Register CSS
-----------------------------------------*/
/*--Login Register Form -*/
.login-register-section{
	background-color: #e6e1d0 !important;
	background: url(/assets/images/grain.png);
	background-attachment: fixed;
	background-blend-mode: darken;
}
.login-register-form h3, .login-client-form h3 {
  margin-bottom: 30px;
}
/*.login-register-form input:not([type=radio]), .login-client-form input:not([type=radio]),
.login-register-form select, .login-client-form select,
.register-form input:not([type=radio]), .register-form select {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
  background:#fff;
}*/
.login-register-form input:not([type=radio]):not([type=checkbox]),
.login-client-form input:not([type=radio]):not([type=checkbox]),
.login-register-form select,
.login-client-form select,
.register-form input:not([type=radio]):not([type=checkbox]),
.register-form select{
	display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
  background:#fff;
}
.login-client-form input[type=radio]{
	padding:0;
	padding: 10px;
	margin-right: 10px;
	background-color:#fff;
	border-color:#2a9393;
}
.login-client-form input[type="radio"]:checked {
  background-color: #2a9393; /* rempli quand sélectionné */
}
.login-client-form input[type=checkbox]{
	padding:0;
	padding: 10px;
	margin-right: 10px;
	background-color:#fff;
	border-color:#2a9393;
}
.login-client-form input[type="checkbox"]:checked {
  background-color: #2a9393; /* rempli quand sélectionné */
}

/*----------------------------------------
	20.5 Password 
------------------------------------------*/
/* password eye*/
.password-wrapper {
	position: relative;
	width: 100%;
}
.password-wrapper input {
	width: 100%;
	padding-right: 40px; /* espace pour l'icône à droite */
}
.password-wrapper .input-group-text {
	position: absolute;
	top: 50%;
	right: 30px; /* espace par rapport au bord droit */
	transform: translateY(-50%);
	cursor: pointer;
	color: #666;
	background: none;
	border: none;
	padding: 0;
}
.toggle-password{
	top:50%; transform:translateY(-50%); cursor:pointer;
}
.password-strength{
	padding:0 !important;
}
.password-strength {
	height: 8px;
	background: #e0e0e0;
	border-radius: 4px;
	margin-top: 5px;
	overflow: hidden;
}
.password-strength-bar {
	height: 100%;
	width: 0%;
	background: red;
	transition: width 0.3s;
}
.password-criteria {
	font-size: 0.85em;
	margin-top: 5px;
}
.password-criteria span {
	display: block;
	color: #333;
}
.password-criteria span.valid {
	color: green;
}
.password-criteria span i {
    width: 16px;
    display: inline-block;
    margin-right: 5px;
    color: #333; /* couleur par défaut */
}
.password-criteria span.valid i { display:none; } /* masque le cercle initial */
span.allowed-chars{
	color:#000; display:inline; font-weight:normal; font-size:1rem;white-space:nowrap;
	background: #ffee;
  padding: 5px 10px;
  margin-left: 10px;
  border-radius: 20px;
}

/*---------------------------------------
    21. Footer CSS
-----------------------------------------*/
/*-- Footer Top Section --*/
.footer-top-section {
  /*padding: 180px 0 50px;*/
  padding: 100px 0 0;
}
@media only screen and (max-width: 767px) {
  .footer-top-section {
    padding-top: 90px;
  }
}

/*-- Footer Widget Wrap --*/
.footer-widget-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
  }
}

/*-- Footer Widget --*/
.footer-widget .title {
  /*color: #d8d8d8;*/
  white-space: nowrap;
  margin-top: 15px;
  margin-bottom: 19px;
  color:#F6EDD8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-top: 0;
  }
}
.footer-widget img {
  margin-bottom: 18px;
}
.footer-widget p {
  color: #d8d8d8;
  /*width: 270px;*/
  line-height: 23px;
}
@media only screen and (max-width: 767px) {
  .footer-widget p {
    width: auto;
  }
}
.footer-widget ul li {
  margin-bottom: 12px;
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li a {
  /*color: #d8d8d8;*/
  white-space: nowrap;
  display: block;
  line-height: 23px;
  color:#F6EDD8;
}
.footer-widget ul li a:hover {
  color: #d0a97e;
}

/*-- Footer Bottom Section --*/
.footer-bottom-section {
  /*padding: 15px 0;*/
  padding: 5px 0 !important;
}

.copyright {
  line-height: 22px;
  margin: 4px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center;
  }
}

.editor {
  text-align: right;
  margin: 4px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-method {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .payment-method {
    text-align: center;
  }
}

/* MENTIONS SECTION */
.section-mentions h2,
.section-mentions h3{
	margin:50px 0 30px 0;
}
.section-mentions .content a{
	font-weight: 600;
	letter-spacing: 0.25px;
	margin: 0;
	margin-top: 0px;
	line-height: 1.6rem;
	margin-top: -5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	/*padding-bottom: 2px;*/
	z-index: 1;
}
.section-mentions .content a:hover::before{
	background-color: #78bbbb;
}
.section-mentions .content a::before {
  position: absolute;
  left: 0;
  bottom: 4px;
  content: "";
  height: 6px;
  width: 100%;
  background-color: #ccc;
  z-index: -1;
  }
/* perso */
/* social icons */
[class^="retroicon-"]::before, [class*=" retroicon-"]::before {
	font-family: "retro-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a:hover > i[class^="retroicon-"], a:hover > i[class*=" retroicon-"] {
	top: -5px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.social-icons li {
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 10px;
}
.social-icons .icon::before {
	/*line-height: 1.85;*/
}
.social-icons .icon {
	display: inline-block;
	color: #F5EEE3;
	font-size: 45px;
	background-color: #383A3C;
	width: 50px;
	height: 50px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0 0 0 0px #FFF, inset 0 0 0 0px #F5EEE3;
	-moz-box-shadow: inset 0 0 0 0px #FFF, inset 0 0 0 0px #F5EEE3;
	-o-box-shadow: inset 0 0 0 0px #FFF, inset 0 0 0 0px #F5EEE3;
	box-shadow: inset 0 0 0 0px #FFF, inset 0 0 0 0px #F5EEE3;
}
.social-icons li a:hover, a.big-icon-link:hover span {
	top: -5px;
}
.social-icons li a, a.big-icon-link span {
	position: relative;
	top: 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	/*z-index: 999;*/
}
.social-icons {
	text-align: center;
}
.social-icons h5 {
	font-size: 24px;
	font-family: "BazarMedium";
	text-transform: uppercase;
	color: #F6EDD8;
}
.social-icons hr, .comments hr {
	border: none;
	background-color: rgba(56,58,60,0.9);
	height: 2px;
	width: 40px;
	margin: 0 auto 10px auto;
}
.social-icons hr{
  background-color: rgba(245,238,227,0.9) !important;
}
.light-text .social-icons .icon {
	color: #383A3C;
	background-color: #F5EEE3;
	-webkit-box-shadow: inset 0 0 0 1x #F5EEE3, inset 0 0 0 2px #383A3C;
	-moz-box-shadow: inset 0 0 0 1px #F5EEE3, inset 0 0 0 2px #383A3C;
	-o-box-shadow: inset 0 0 0 1px #F5EEE3, inset 0 0 0 2px #383A3C;
	box-shadow: inset 0 0 0 1px #F5EEE3, inset 0 0 0 2px #383A3C;
}
a.IconMenu > span{
	display:none;
	position: absolute;
	bottom: 0;
	color:#333;
	transition: 4s;
	z-index:1000;
	font-weight: normal;
	font-style: italic;
	font-family: "Oswald", sans-serif;
	white-space: nowrap;
	/**/
	padding: 5px;
	top: 60px;
	/**/
}
@media (max-width: 991px) {
	a.IconMenu > span{
		top: 80px;
	}
}

a.IconMenu:hover > span{display:block; transition:4s;}
a.IconMenu i.Icon-user{
	/*background:#605035 url(/img/pictouserW.png);*/
	/*background:url(/img/pictouserW.png);*/
	background-size:cover !important;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	background:url(/img/pictouserNB.png);
	background-color: #F5EEE3;
}
a.IconMenu i.Icon-nouser{
	/*background:#605035 url(/img/pictouserW.png);*/
	background:url(/img/pictonouserW.png);
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.5);
}
a.IconMenu i.Icon-Caddie{
	background:#605035 url(/img/caddyfull.png);
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.5);
}
a.IconMenu i.IconFilter{
	background:#605035 url(/img/filtre.png);
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.5);
	/*background-color: #F5EEE3;*/ /*si utilisé*/
}
a.IconMenu i.IconFilter.active{
	background:#605035 url(/img/filtre.png);
	background-size:cover;
	background-color: #F5EEE3;
}
a.IconMenu:hover i.IconFilter {
  background: #fff url(/img/filtreB.png);
    background-size: auto;
  background-size: cover;
  opacity: 0.5;
}
a.IconMenu:hover i.Icon-user{
	background: #fff url(/img/pictouserNB.png);
	background-size:cover;
	opacity:0.5;
}
a.IconMenu:hover i.Icon-nouser{
	background: #fff url(/img/pictonouserNB.png);
	background-size:cover;
	opacity:0.5;
}
a.IconMenu:hover i.Icon-Caddie{
	background: #fff url(/img/caddyfullN.png);
	background-size:cover;
	opacity:0.5;
}
a.IconMenu i.icon-search{
	background:url(/img/pictoSearchW.png);
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.5);
}
a.IconMenu:hover i.icon-search{
	background: #fff url(/img/pictoSearchB.png);
	background-size:cover;
	opacity:0.5;
}
a.IconMenu i.Icon-wish{
	background:url(/img/wishW.png);
	background-size:cover;
	background-color: rgba(0, 0, 0, 0.5);
}
a.IconMenu:hover i.Icon-wish{
	background: #fff url(/img/wishB.png);
	background-size:cover;
	opacity:0.5;
}
/* loader infinite pages */
.loader-balls {
  display: inline-block;
}
.loader-balls .ball {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #333;
  border-radius: 50%;
  animation: bounce 0.6s infinite ease-in-out alternate;
}
.loader-balls .ball:nth-child(2) {
  animation-delay: 0.2s;
}
.loader-balls .ball:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-10px);
    opacity: 1;
  }
}