/* COLLECTIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* Collections > Modules > photo slider */
#collections-content {
	position:relative;
	height: 34vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#collections-content .slider-collections-backgrounds,
.slider-collections-backgrounds li {
	position:absolute; 
	bottom:0; left:0;
	width:100%;
	height:100%;
	z-index:0;
}
.slider-collections-backgrounds li { overflow:hidden; }
.slider-collections-backgrounds li img { 
	display:block; 
	width:100%;
	margin: -6% auto;
	opacity:0;
    -webkit-transform:scale(1.2);
        -ms-transform:scale(1.2);
            transform:scale(1.2);
    -webkit-transition:opacity .3s, -webkit-transform .6s;
    transition:opacity .3s, -webkit-transform .6s;
    -o-transition:transform .6s, opacity .3s;
    transition:transform .6s, opacity .3s;
    transition:transform .6s, opacity .3s, -webkit-transform .6s;
}
.slider-collections-backgrounds li.active { z-index:1 }
.slider-collections-backgrounds li.active img {
	opacity:1;
    -webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
}

/* Collections > Modules > swiper */
#collections-content .slider-collections {
	position: relative;
	max-width:380px;
	z-index: 1; 
	width: 50%;
	right: 16%;
	background: #d3ae6d;
	padding: 20px;
}
.slider-collections .swiper-wrapper { }
.slider-collections .swiper-container { 
	border:#e8dac9 1px solid; 
	color:#fff 
}
.slider-collections .swiper-slide { 
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-bottom: 40px;
	max-height: 330px;
	height: 40vw; 
}
.slider-collections .swiper-slide .collection-els { 
	display: block; 
	padding: 20px; 
}
.slider-collections .swiper-slide h3 { margin-bottom:10px; }
.slider-collections .swiper-slide h4 {
	margin-bottom:20px;
	font-weight:bold;
	color:#0d1c33;
}
.slider-collections .swiper-slide p { max-width:270px; margin:0 auto }
.slider-collections .swiper-slide .bouton_4 { margin-top: 3%; }
.slider-collections .swiper-slide .bouton_4:hover {
	background-color: #fff;
	border-color: #fff;
	color: #ccad75;
}
.slider-collections .swiper-slide .bt-discover {
	display:inline-block;
	position:absolute;
	bottom:50px; left:50%;
	margin-left:-45px;
	background-color:#d3ae6d;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:12px; color:#0d1c33;
	padding:3px 0; width:90px;
	-webkit-transition:color .5s, background-color .5s;
	-o-transition:color .5s, background-color .5s;
	transition:color .5s, background-color .5s;
}
.slider-collections .swiper-slide .bt-discover:hover { background-color:#0d1c33; color:#fff }

.slider-collections .swiper-pagination-bullet { 
	width: 10px;
    height: 10px;
    background:transparent;
	border:#fff 1px solid;
    opacity:1;
}
.slider-collections .swiper-pagination-bullet-active { background-color:#fff; }

@media screen and (max-width: 1280px) {
	#collections-content {
		height: 48vw;
	}
	.slider-collections-backgrounds li img { margin: 0 }
	#collections-content .slider-collections  { right: 20px; }
}
@media screen and (max-width: 720px) {
	#collections-content {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		height: auto;
	}
	#collections-content .slider-collections-backgrounds {
		position: relative;
		height: 37.5vw;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#collections-content .slider-collections  { 
		max-width: inherit;
		width: 100%;
		right: 0; 
		-webkit-box-ordinal-group: 3; 
		-webkit-order: 2; 
		    -ms-flex-order: 2; 
		        order: 2;
	}
	.slider-collections .swiper-slide {
		max-height: inherit;
		height: auto;
	}	
}

@media screen and (max-width: 640px) {
	
	#collections-content .slider-collections-backgrounds {
		height: 65vw;
	}
	.slider-collections-backgrounds li img { width:130%; margin-left:-20%; }
	
}

/* COLLECTIONS > Liste
-------------------------------------------------------------------------------------------------------------------------------- */
.collections-els {
	position:relative;
	display:block; height:100%;
	background-color: #fff;
	min-height: 390px;
}
.collections-els .thumbnails { background-color:#ccad75 }
.collections-els .thumbnails.th_loading { background-image:url(../../images/common/th_preloader_2.gif); }
.collections-els .thumbnails > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.collections-els:hover .thumbnails > img {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.collections-els:after {
	position:absolute;
	top:10px; left:10px;
	right:10px; bottom:10px;
	border:#cfb27d 1px solid;
	pointer-events: none;
	content:"";
	/*-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;*/
}
/*.collections-els:hover:after {
	top:0; right:0;
	bottom:0; left:0;
	border-width:10px;
	opacity:0;
}*/
.collections-els .collections-content {
	text-align:center;
	width:100%; height:55%;
	padding:0 10px 10px;
}
.collections-els .collections-text { padding:20px 20px 10px; }
.collections-els .collections-content h3 {
	-webkit-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}
.collections-els .collections-content h4 {
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	margin-bottom:10px;
	line-height:14px;
	font-size:12px;
	color:#ccad75;
}
.collections-els:hover .collections-content h3 { color:#ccad75; }
.collections-els .collections-content p { 
	font-size:12px;
	line-height:18px;
	margin:0 
}
#collections-list {
	max-width:1010px;
	margin:0 auto;
	padding:30px 10px 5%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
}
#collections-list li {
	position:relative;
	width: 31.333%;
	margin: 8px 1%;
 }
#collections-list li .collections-els { padding-bottom:50px; }
.collection-actions {
	position:absolute;
	text-align:center;
	bottom:20px; width:100%;
}
.collection-actions > a {
	display:inline-block;
	vertical-align:middle;
	padding:2px 5px; margin:0 10px;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:11px;
	color:#ccad75;
	-webkit-transition:background-color .3s, color .3s;
	-o-transition:background-color .5s, color .3s;
	-webkit-transition:background-color .5s, color .3s;
	transition:background-color .5s, color .3s;
}
.collection-actions > a:hover { background-color:#ccad75; color:#fff; }

@media screen and (max-width: 700px) {
	#collections-list { max-width: 600px; margin: 0 auto; }
	#collections-list li { width:48%; }
}
@media screen and (max-width: 540px) {
	#collections-list { max-width: 340px; }
	#collections-list li { width:98%; }
}