/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.subcategorie {
    margin-bottom: 1.5rem;
}

.content_scene_cat {
  border-top: 5px solid #333;
  color: #d7d7d7;
  line-height: 19px;
  margin: 0 0 26px 0;
}
.content_scene_cat .content_scene_cat_bg {
  padding: 18px 10px 10px 42px;
  background-color: #464646 !important;
}
@media (max-width: 3999px) {
  .content_scene_cat .content_scene_cat_bg {
    padding: 10px 10px 10px 15px;
  }
}
.content_scene_cat span.category-name {
  font: 600 2.625em/3.188em "Open Sans", sans-serif;
  color: #fff;
  margin-bottom: 12px;
}
@media (max-width: 3999px) {
  .content_scene_cat span.category-name {
    font-size: 1.563em;
    line-height: 1.875em;
  }
}
.content_scene_cat p {
  margin-bottom: 0;
}
.content_scene_cat a {
  color: #fff;
}
.content_scene_cat a:hover {
  text-decoration: underline;
}
.content_scene_cat .content_scene {
  color: #fff;
}
.content_scene_cat .content_scene .cat_desc {
  padding-top: 20px;
}
.content_scene_cat .content_scene .cat_desc a {
  color: #777;
}
.content_scene_cat .content_scene .cat_desc a:hover {
  color: #515151;
}

.acrroche_category {
  padding: calc(( 25vw - (15px*6))/4) 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #737373;
  letter-spacing: 1px;
  line-height: 2;
  word-spacing: 5px;
}

/**************************************************************************************************
										Category Slider
**************************************************************************************************/
#slider_category {
  margin-bottom: -30px;
}
#slider_category #slider_block_category .slider_category_container {
  position: relative;
  display: flex;
  min-height: calc( 100vw / 3.5);
  height: 100%;
  background-size: cover;
  display: flex;
}
#slider_category #slider_block_category .slider_category_container.middle-left {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
#slider_category #slider_block_category .slider_category_container.middle-right {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
#slider_category #slider_block_category .slider_category_container.middle-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
#slider_category #slider_block_category .slider_category_container.top-left {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
#slider_category #slider_block_category .slider_category_container.top-right {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
}
#slider_category #slider_block_category .slider_category_container.top-center {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
#slider_category #slider_block_category .slider_category_container.bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
}
#slider_category #slider_block_category .slider_category_container.bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}
#slider_category #slider_block_category .slider_category_container.bottom-center {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
#slider_category #slider_block_category .slider_category_container img {
  width: 100%;
}
#slider_category #slider_block_category .slider_category_container .slider_category_description {
  padding: 5%;
  color: #fff;
  width: 100%;
}
#slider_category #slider_block_category .slider_category_container .slider_category_description h2 {
  font-size: 1.375em;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
}
#slider_category #slider_block_category .slider_category_container .slider_category_description p {
  font-size: 2.250em;
  color: #fff;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 600;
}
#slider_category #slider_block_category .slider_category_container .slider_category_description button {
  font-size: 0.875em;
  text-transform: uppercase;
  background-color: #e94240;
  font-weight: bold;
  letter-spacing: 2px;
  margin-top: 25px;
}
#slider_category #slider_block_category .slider_category_container .slider_category_description button a {
  color: #fff;
}
#slider_category #slider_block_category .slick-dots {
  bottom: 20px;
}
#slider_category #slider_block_category .slick-dots li {
  width: 10px;
  height: 10px;
}
#slider_category #slider_block_category .slick-dots li button {
  border: 1px solid #fff;
  background: transparent;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
#slider_category #slider_block_category .slick-dots li button:before {
  width: 10px;
  height: 10px;
}
#slider_category #slider_block_category .slick-dots li.slick-active button {
  background-color: #fff;
}

/**************************************************************************************************
									Sub Categories Styles
**************************************************************************************************/
#subcategories {
  position: relative;
  padding-bottom: calc(( 25vw - (15px*6))/4);
  padding-top: calc(( 25vw - (15px*6))/8);
  background-color: #ddd;
}
#subcategories .title {
  padding-bottom: calc(( 25vw - (15px*6))/8);
  color: #737373;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}

.sub_name h4 {
    text-align: center;
    font-size: 1.25rem;

}
.sub_name h4 a {
    text-transform: uppercase;
    
    color: #000;
}

.img-replace {
    background: red;
    opacity: 0.4;
}

/************************************
			Collection
************************************/
.collection {
  padding-bottom: calc(( 25vw - (15px*6))/4);
  display: flex;
  flex-wrap: wrap;
}
.collection .accroche_collection {
  width: 100%;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #737373;
  text-transform: uppercase;
  font-size: 1.2em;
  padding-top: calc(( 25vw - (15px*6))/4);
  padding-bottom: calc(( 25vw - (15px*6))/8);
}
.collection #subcategories {
  background-color: transparent;
  padding-bottom: 0;
}
.collection #subcategories ul {
  margin: 0;
  flex-wrap: wrap;
}
.collection #subcategories ul li {
  width: calc(97.4vw/3);
  margin: 0.25vw;
  position: relative;
}
.collection #subcategories ul li:hover:before {
  display: block;
}
.collection #subcategories ul li:hover .subcategory-image img {
  opacity: 0.5;
}
.collection #subcategories ul li .subcategory-image {
  height: 17vw;
  background-color: #000;
}
.collection #subcategories ul li .subcategory-image:hover img {
  opacity: 0.5;
}
.collection #subcategories ul li .subcategory-image img {
  width: 100%;
  height: 100%;
}
.collection #subcategories ul li .subcategory-image .sub_name {
  position: absolute;
  top: 4vw;
  padding: 0;
  left: 3vw;
  background: none;
  bottom: auto;
  font-size: 1.8em;
}
.collection #subcategories ul li .subcategory-image .sub_name .subcategory-name {
  color: #fff;
}

/************************************
		Collection Single
************************************/
#collection_single {
  padding: calc(( 25vw - (15px*6))/4) 0;
  border-bottom: 2px solid #f1f1f1;
}
#collection_single .top_collection {
  display: flex;
}
#collection_single .top_collection #slider_collection_single_block {
  padding: 0 calc(( 25vw - (15px*6))/4);
  width: calc( 100% / 3 );
}
#collection_single .top_collection #slider_collection_single_block #slider_collection_single li {
  height: calc(100vw/6);
  background-size: cover;
}
#collection_single .top_collection #slider_collection_single_block #slider_collection_single_nav .slick-list {
  padding: 0 !important;
}
#collection_single .top_collection #slider_collection_single_block #slider_collection_single_nav .slick-list .slick-track {
  margin: 0 -4px;
}
#collection_single .top_collection #slider_collection_single_block #slider_collection_single_nav .slick-list .slick-track li {
  background-size: cover;
  width: calc((100vw/12) - 4.25px) !important;
  height: calc(100vw/24);
  margin: 4px 2px;
}
#collection_single .top_collection #slider_collection_single_block #slider_collection_single_nav .slick-list .slick-track li[aria-hidden="false"] {
  margin: 4px 4px 0 0;
}
#collection_single .top_collection .desc_collection h2 {
  font-weight: 700;
  color: #333;
  font-size: 1.4em;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#collection_single .top_collection .desc_collection p {
  line-height: 1.2;
}

/***********************************
		Collection dans category
***********************************/
#collection_category {
  position: relative;
  padding-bottom: calc(( 25vw - (15px*6))/4);
  padding-top: calc(( 25vw - (15px*6))/8);
  background-color: #ddd;
}
#collection_category .title {
  padding-bottom: calc(( 25vw - (15px*6))/8);
  color: #737373;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}
#collection_category ul {
  margin: 0 calc(( 25vw - (15px*6))/4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#collection_category ul .slick-prev, #collection_category ul .slick-next {
  font-size: 1em;
}
#collection_category ul .slick-next {
  right: calc(( 25vw - (15px*6))/-8);
}
#collection_category ul .slick-prev {
  left: calc(( 25vw - (15px*6))/-8);
}
#collection_category ul .slick-list {
  padding: 0 !important;
  margin: 0 -1.4vw;
}
#collection_category ul .slick-list .slick-track {
  display: flex;
}
#collection_category ul .slick-list .slick-track li {
  width: 25vw;
  position: relative;
  margin: 0 1.4vw;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  height: auto;
}
#collection_category ul .slick-list .slick-track li:hover {
  cursor: pointer;
}
#collection_category ul .slick-list .slick-track li:hover:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  box-shadow: inset 0px 0px 0px 4px #e94240;
  position: absolute;
  z-index: 2;
}
#collection_category ul .slick-list .slick-track li:hover .collection-image .block_hover_collection {
  position: absolute;
  top: calc(( 100% - 15%) / 2 );
  bottom: 0;
  left: calc(( 100% - 40%) / 2 );
  right: 0;
  padding: 5px;
  color: #333;
  border: 3px solid #333;
  width: 40%;
  height: 15%;
  background: #fff;
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#collection_category ul .slick-list .slick-track li .collection-image {
  position: relative;
  height: 15vw;
}
#collection_category ul .slick-list .slick-track li .collection-image a {
  width: 100%;
  height: 100%;
  display: flex;
}
#collection_category ul .slick-list .slick-track li .collection-image a img {
  width: 100%;
}
#collection_category ul .slick-list .slick-track li .collection-image a .block_hover_collection {
  display: none;
}
#collection_category ul .slick-list .slick-track li .collection-image .sub_name {
  background-color: #fff;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
#collection_category ul .slick-list .slick-track li .collection-image .sub_name .collection-name {
  color: #333;
}
#collection_category ul .slick-list .slick-track li .description_collection_single {
  padding: 10px;
  padding-bottom: 7vw;
  text-align: justify;
}