/* ITINERAIRES > commons
-------------------------------------------------------------------------------------------------------------------------------- */
.itineraries-els {
	position:relative;
	display:block; height:100%;
	background-color: #fff;
}
.itineraries-els .thumbnails { background-color:#ccad75 }
.itineraries-els .thumbnails.th_loading { background-image:url(../../images/common/th_preloader_2.gif); }
.itineraries-els .thumbnails > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.itineraries-els:hover .thumbnails > img {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.itineraries-els:after {
	position:absolute;
	top:10.1px; left:10.1px;
	right:10.1px; bottom:10.1px;
	border:#cfb27d 1px solid;
	pointer-events: none;
	content:"";
	/*-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;*/
}
/*.itineraries-els:hover:after {
	top:0; right:0;
	bottom:0; left:0;
	border-width:10px;
	opacity:0;
}*/
.itineraries-els .itineraries-content {
	display:table;
	text-align:center;
	padding:0 10px 10px;
	width:100%;
}
.itineraries-els .itineraries-text { display:table-cell; padding:20px; }
.itineraries-els .itineraries-content h3 {
	-webkit-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}
.itineraries-els .itineraries-content h4 {
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	margin-bottom:10px;
	line-height:14px;
	font-size:12px;
	color:#ccad75;
}
.itineraries-els:hover .itineraries-content h3 { color:#ccad75; }
.itineraries-els .itineraries-content p { 
	font-size:12px;
	line-height:18px;
	margin:0;
}
.itineraries-els .bt-discover {
	display:block;
	position:absolute;
	text-align:center;
	margin-left:-40px;
	bottom:1px; left:50%;
	background-color:#fff;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
	font-size:11px; padding:2px 0;
	width:80px; z-index:3;
	-webkit-transition:color .5s, background-color .5s;
	-o-transition:color .5s, background-color .5s;
	transition:color .5s, background-color .5s;
}
.itineraries-els:hover .bt-discover { background-color:#0d1c33; color:#fff; }
.itineraries-els .bt-discover:hover { background-color:#4e5883; color:#fff; }

/* ITINERAIRES > Modules
-------------------------------------------------------------------------------------------------------------------------------- */
.slider-itineraries .swiper-container { position:relative; margin:0 50px; }
.slider-itineraries .swiper-slide { 
	width:33.33%; padding:10px;
	-webkit-transition:width .5s, padding .5s;
	-o-transition:width .5s, padding .5s;
	transition:width .5s, padding .5s;
}
.slider-itineraries .swiper-slide .itineraries-els { 
	position:relative;
	-webkit-transition:-webkit-transform .5s;
    transition:-webkit-transform .5s;
    -o-transition:transform .5s;
    transition:transform .5s;
    transition:transform .5s, -webkit-transform .5s;
	-webkit-transform:scale(0.9);
	    -ms-transform:scale(0.9);
	        transform:scale(0.9);
}
.slider-itineraries .swiper-slide.swiper-slide-next .itineraries-els {
	-webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
}
.slider-itineraries .itineraries-els .itineraries-content {	height:210px; padding:0 10px 10px; }
.widget-itineraries .itineraries-els .itineraries-content {	height:140px; }
.slider-itineraries .itineraries-els .itineraries-text { padding:10px 20px 20px; vertical-align:middle; }
.slider-itineraries .slider-page-prev,
.slider-itineraries .slider-page-next {
	position:absolute; top:0;
	height:100%; width:50px;
	z-index:2;
}
.slider-itineraries .slider-page-prev { left:0 }
.slider-itineraries .slider-page-next { right:0 }
.slider-itineraries .slider-page-prev svg,
.slider-itineraries .slider-page-next svg {
	position:absolute;
	top:50%; left:0;
	margin:-15px 10px;
	cursor:pointer;
}
.slider-itineraries .slider-page-prev .arrow,
.slider-itineraries .slider-page-next .arrow { 
	fill:#d3c3b9;
	-webkit-transition:fill .3s;
  	-o-transition:fill .3s;
	transition:fill .3s;
}
.slider-itineraries .slider-page-prev:hover .arrow,
.slider-itineraries .slider-page-next:hover .arrow { fill:#ccad75 }
.slider-itineraries .swiper-button-disabled .arrow { opacity:.4 }
.slider-itineraries .swiper-button-disabled:hover .arrow { fill:#d3c3b9 }

@media screen and (max-width: 900px) {
	.slider-itineraries .swiper-slide { padding:5px; }
	.slider-itineraries .itineraries-els .itineraries-content { height:280px; }
	.widget-itineraries .itineraries-els .itineraries-content {	height:120px; }
	.slider-itineraries .itineraries-els .itineraries-content h3 { font-size:14px; }
	
}
@media screen and (max-width: 700px) {
	.slider-itineraries { 
		max-width: 600px; 
		margin: 0 auto; 
	}
	.slider-itineraries .swiper-slide { width:50%; }
	.slider-itineraries .swiper-slide .itineraries-els,
	.slider-itineraries .swiper-slide.swiper-slide-next .itineraries-els {
		-webkit-transform:scale(1);
			-ms-transform:scale(1);
				transform:scale(1);
	}
}
@media screen and (max-width: 540px) {
	.slider-itineraries { max-width: 340px; }
	.slider-itineraries .swiper-slide { width:100%; }
}
@media screen and (max-width: 340px) {
	.slider-itineraries .slider-page-prev { left:-20px; }
	.slider-itineraries .slider-page-next { right:-20px; }
	.slider-itineraries .swiper-container { margin:0 20px; }
}

/* ITINERAIRES > Modules Accueil ---- */
.carousel-itineraries {
	position: relative;
	max-width: 1280px;
	padding: 0 60px;
	margin: 3% auto;
}
.carousel-itineraries .itineraries-els {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.carousel-itineraries .itineraries-els .itineraries-thumb { 
	width: 60%;
	background: #ccad75;
	overflow: hidden;
}
.carousel-itineraries .itineraries-thumb .fig_background {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
	-webkit-transition: opacity .3s, -webkit-transform .5s;
	transition: opacity .3s, -webkit-transform .5s;
	-o-transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s;
	transition: opacity .3s, transform .5s, -webkit-transform .5s;
}
.carousel-itineraries a:hover .itineraries-thumb .fig_background {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.carousel-itineraries .itineraries-els .itineraries-content {
	width: 40%;
	height: 33vw;
	max-height: 330px;
	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: 40px 5%;
	color: #0d1c33;
}
.carousel-itineraries .itineraries-els .bouton_3 { margin: 20px 0 0 }
.carousel-itineraries .slider-page-prev,
.carousel-itineraries .slider-page-next {
	position:absolute;
	height:100%; 
	width:50px;
	z-index:2;
	top:0;
}
.carousel-itineraries .slider-page-prev { left:0 }
.carousel-itineraries .slider-page-next { right:0 }
.carousel-itineraries .slider-page-prev svg,
.carousel-itineraries .slider-page-next svg {
	position:absolute;
	top:50%; left:0;
	margin:-15px 10px;
	cursor:pointer;
}
.carousel-itineraries .slider-page-prev .arrow,
.carousel-itineraries .slider-page-next .arrow { 
	fill:#d3c3b9;
	-webkit-transition:fill .3s;
  	-o-transition:fill .3s;
	transition:fill .3s;
}
.carousel-itineraries .slider-page-prev:hover .arrow,
.slider-itineraries .slider-page-next:hover .arrow { fill:#ccad75 }
.slider-itineraries .swiper-button-disabled .arrow { opacity:.4 }
.slider-itineraries .swiper-button-disabled:hover .arrow { fill:#d3c3b9 }

@media screen and (max-width: 700px) {
	.carousel-itineraries .itineraries-els .itineraries-content { 
		max-height: inherit;
		height: auto;
	}
}
@media screen and (max-width: 540px) {
	.carousel-itineraries .itineraries-els .itineraries-content { 
		max-height: inherit;
		height: auto;
	}
	.carousel-itineraries {
		max-width: 480px;
		padding: 0 60px;
	}
	.carousel-itineraries .itineraries-els { display: block; }
	.carousel-itineraries .itineraries-els .itineraries-thumb { 
		width: 100%;
		height: 40vw;
	}
	.carousel-itineraries .itineraries-els .itineraries-content {
		width: 100%;
		padding: 40px;
	}
}

/* ITINERAIRES > Liste
-------------------------------------------------------------------------------------------------------------------------------- */
#itineraries-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;
}
#itineraries-list li { 
	width: 31.333%; 
	margin: 8px 1%;
	-webkit-transition:opacity .5s, -webkit-transform .5s;
    transition:opacity .5s, -webkit-transform .5s;
    -o-transition:transform .5s, opacity .5s;
    transition:transform .5s, opacity .5s;
    transition:transform .5s, opacity .5s, -webkit-transform .5s;
}
#itineraries-list li > a { display:block; height:100%; position:relative; }
#itineraries-list li { position:relative; }
#itineraries-list li .itineraries-els { padding-bottom:30px; }

#itineraries-list.empty-result li {
	-webkit-transform:scale(0);
        -ms-transform:scale(0);
            transform:scale(0);
	opacity:0;
}

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


/* ITINERAIRES > Days
-------------------------------------------------------------------------------------------------------------------------------- */
.itinerary-day {
	margin:20px 0;
	background-color:#fff;
	position:relative;
	min-height:380px;
	display:table;
	width:100%;
}
.itinerary-day:after {
	position:absolute;
	top:10px; left:10px;
	right:10px; bottom:10px;
	border:#cfb27d 1px solid;
	pointer-events: none;
	content:"";
}
.itinerary-day-content {
	display:table-cell;
	padding:30px;
	text-align:justify
}
.itinerary-day-thumb {
	display:table-cell;
	background-color:#ccad75;
	width:50%;
}
.itinerary-day-thumb.th_loading { background-image:url(../../images/common/th_preloader_2.gif); }
.itinerary-day-content h3 {
	text-align:center;
	font-size:12px;
	color:#ccad75;
}
.itinerary-day-content h3 .num {
	display:block;
	font-size:18px;
	text-align:center;
	border:#ccad75 1px solid;
	width:30px; height:30px;
	line-height:30px;
	margin:10px auto 0;
}
.itinerary-day-content h4 {
	text-align:center;
	margin-bottom:20px;
	font-family: 'Spinnaker', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
@media screen and (max-width: 860px) {
	.itinerary-day { padding-top:75%; }
	.itinerary-day-thumb {
		position:absolute;
		width:100%; padding-top:75%;
	    top:0; left:0;
	}
}
@media screen and (max-width: 700px) {
	.itinerary-day { padding-top:0; }
	.itinerary-day-thumb {
		position:static; 
		width:50%; padding-top:0;
	}
}
@media screen and (max-width: 480px) {
	.itinerary-day { padding-top:75%; }
	.itinerary-day-thumb {
		position:absolute;
		width:100%; padding-top:75%;
	}
}