/* YACHT > Commons
-------------------------------------------------------------------------------------------------------------------------------- */
.yacht-els {
	position:relative;
	display:block; height:100%;
	background-color:#0d1c33;
	-webkit-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:background-color .5s;
}
.yacht-els:hover { background-color:#19203f }
.yacht-els:after {
	position:absolute;
	top:10.1px; left:10.1px;
	right:10.1px; bottom:10.1px;
	border:#fff 1px solid;
	pointer-events: none;
	content:""; z-index:2;
	/*-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;*/
}
/*.yacht-els:hover:after {
	top:0; right:0;
	bottom:0; left:0;
	border-width:10px;
	opacity:0;
}*/
.yacht-els .thumbnails > img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.yacht-els:hover .thumbnails > img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.yacht-els .yacht-content {
	display:table;
	position:relative;
	width:100%; height:150px;
	color:#fff; padding:0 10px 10px;
}
.yacht-els .yacht-content > h3 { 
	display:table-cell;
	padding:10px 20px 20px;
	vertical-align:middle;
	-webkit-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}
.yacht-els:hover .yacht-content h3 { color:#ccad75 }
.yacht-els h3 em {
	display:block;
	text-transform:none;
	font-style:normal;
	font-size:0.8em;
}
.yacht-els .yacht-label {
	display:inline-block;
	position:absolute;
	top:20px; left:20px;
	background-color:#ccad75;
	padding:5px 10px; z-index:3;
	text-transform:uppercase;
	font-family: 'Spinnaker', sans-serif;
    font-size: 12px; color:#fff;
	line-height:12px;
}
/* --- */
.yacht-content .yacht-content-overlay {
	position:absolute;
	top:0; left:0;
	bottom:0; right:0;
	opacity:0;
	background-color:rgba(0, 0, 0, .8);
	-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.yacht-content:hover .yacht-content-overlay { opacity:1; }
.yacht-els .yacht-content-wrapper {
	display:table-cell;
	padding:0 10px 20px;
	vertical-align:middle;
}
.yacht-els .bt-discover {
	display: block;
    position: absolute;
    text-align: center;
    margin:-20px 0 0 -40px;
    top: 50%; left: 50%;
    background-color:#d3ae6d;
    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;
}
.yacht-els .bt-discover:hover { background-color:#0d1c33; }
.yacht-els .yacht-content-wrapper h3 {
	display:block;
	line-height:1em; 
	font-size:13px;
	text-align:center; 
}
.yacht-content .yacht-content-wrapper ul { display:table; float:left; font-size: 13px; }
.yacht-content .yacht-content-wrapper ul li {
	display:table-cell;
	padding-right:5px;
}
.yacht-content .yacht-content-wrapper ul li strong {
	display:inline-block;
	font-size:1.2em;
	margin-left:5px;
}
.yacht-content .yacht-content-wrapper .price {
	float:right;
	font-family: 'Spinnaker', sans-serif;
	color:#d3ae6d;
	font-size: 13px;
}

/* YACHT > Modules
-------------------------------------------------------------------------------------------------------------------------------- */
.slider-yacht .swiper-container { position:relative; padding:0 50px; }
.slider-yacht .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-yacht .swiper-slide .yacht-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-yacht .swiper-slide.swiper-slide-next .yacht-els {
	-webkit-transform:scale(1);
        -ms-transform:scale(1);
            transform:scale(1);
}
.slider-yacht .slider-page-prev,
.slider-yacht .slider-page-next {
	position:absolute; top:0;
	height:100%; width:50px;
	background-color:#fff;
	z-index:2;
}
.slider-yacht .slider-page-prev { left:0 }
.slider-yacht .slider-page-next { right:0 }
.slider-yacht .slider-page-prev svg,
.slider-yacht .slider-page-next svg {
	position:absolute;
	top:50%; left:0;
	margin:-15px 10px;
	cursor:pointer;
}
.slider-yacht .slider-page-prev .arrow,
.slider-yacht .slider-page-next .arrow { 
	fill:#d3c3b9;
	-webkit-transition:fill .3s;
  	-o-transition:fill .3s;
	transition:fill .3s;
}
.slider-yacht .slider-page-prev:hover .arrow,
.slider-yacht .slider-page-next:hover .arrow { fill:#0d1c33 }
.slider-yacht .swiper-button-disabled .arrow { opacity:.4 }
.slider-yacht .swiper-button-disabled:hover .arrow { fill:#d3c3b9 }

@media screen and (max-width: 900px) {
	.slider-yacht .swiper-slide { padding:5px; }
	.yacht-els .yacht-content h3 { font-size:14px; }
}
@media screen and (max-width: 700px) {
	.slider-yacht { max-width: 600px; margin: 0 auto; }
	.slider-yacht .swiper-slide { width:50%; }
	.slider-yacht .swiper-slide .yacht-els ,
	.slider-yacht .swiper-slide.swiper-slide-next .yacht-els  {
		-webkit-transform:scale(1);
			-ms-transform:scale(1);
				transform:scale(1);
	}
}
@media screen and (max-width: 480px) {
	.slider-yacht { max-width: 340px; }
	.slider-yacht .swiper-slide { width:100%; }
}

/* YACHT > Widgets selections yachts
-------------------------------------------------------------------------------------------------------------------------------- */
#selection-yachts .yacht-els { font-size:11px; }
#selection-yachts .yacht-els .yacht-content h3 { background-color:transparent }
#selection-yachts .yacht-els .yacht-content { height:auto; padding: 20px 10px 10px; }
#selection-yachts .yacht-els:hover .yacht-content { background-color:#19203F; }
#selection-yachts .slider-yacht .swiper-slide.swiper-slide-next > a,
#selection-yachts .slider-yacht .swiper-slide > a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 990px) {
	#selection-yachts .yacht-els .yacht-content { padding:10px 20px; }
	#selection-yachts .yacht-els .yacht-content { height:200px; }
	#selection-yachts .yacht-content ul,
	#selection-yachts .yacht-content .price {
		text-align:center;
		width:auto; float:none;
		margin:0 auto 5px;
	}
}

/* YACHT > Listes
-------------------------------------------------------------------------------------------------------------------------------- */
#yachts-list {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
}

#yachts-list .yacht-els { width: 31.333%; margin: 8px 1% 16px; }
#yachts-list .yacht-els .yacht-content { padding:20px 10px 10px; height:auto; }

/* slider listing */
.yacht-thumb-slider { position:relative; z-index:0; overflow:hidden; }
.yacht-thumb-slider .swiper-wrapper,
.yacht-thumb-slider .swiper-slide { width: 100%; }
.yacht-thumb-slider .swiper-slide img { display: block; width:100%; }
.yacht-thumb-slider .yacht_slider_nav  {
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    margin-top: -17px;
    z-index: 2;
    top: 50%;
	opacity:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px auto;
    -webkit-transition: background-color .3s, opacity .3s;
    -moz-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s;
}
.yacht-thumb-slider .yacht_slider_nav:hover { background-color:rgba(0, 0, 0, .6) }
.yacht-thumb-slider .nav_prev { background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0yMi4yLDEuMmwwLjYsMC42TDkuNywxNC45Yy0wLjIsMC4yLTAuMiwwLjQsMCwwLjZsMTMuMSwxMy4xbC0wLjYsMC42Yy0wLjIsMC4xLTAuNCwwLjEtMC41LDANCglMNy45LDE1LjVjLTAuMS0wLjItMC4xLTAuNCwwLTAuNkwyMS42LDEuMkMyMS44LDEsMjIsMSwyMi4yLDEuMkwyMi4yLDEuMnoiLz4NCjwvc3ZnPg0K"); left:10px; }
.yacht-thumb-slider .nav_next { background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik04LjQsMjkuMmwtMC42LTAuNmwxMy4xLTEzLjFjMC4yLTAuMiwwLjItMC40LDAtMC42TDcuOCwxLjhsMC42LTAuNkM4LjUsMSw4LjgsMSw4LjksMS4yDQoJbDEzLjcsMTMuN2MwLjEsMC4yLDAuMSwwLjQsMCwwLjZMOC45LDI5LjJDOC44LDI5LjMsOC41LDI5LjMsOC40LDI5LjJMOC40LDI5LjJ6Ii8+DQo8L3N2Zz4NCg=="); right:10px; }
.yacht_slider_pagination {
	position:absolute;
	text-align:center;
	width:100%; z-index:2;
	opacity:0;
	-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.yacht_slider_pagination .swiper-pagination-bullet {
	background-color:transparent;
	border:#fff 1px solid;
	opacity:1;
}
.yacht_slider_pagination .swiper-pagination-bullet-active { background-color:#fff; }
.yacht-thumb-slider:hover .yacht_slider_nav,
.yacht-thumb-slider:hover .yacht_slider_pagination { opacity:1; }

@media screen and (min-width: 1900px) { #yachts-list .yacht-els { width:23%; } }
@media screen and (max-width: 1280px) {
	#yachts-list { max-width:660px; margin:0 auto }
	#yachts-list .yacht-els { width:48%; }
}
@media screen and (max-width: 990px) {
	#yachts-list { max-width:inherit }
	#yachts-list .yacht-els { width:31.33%; }
	#yachts-list .yacht-els .yacht-content { padding:10px 20px; }
	#yachts-list .yacht-content ul,
	#yachts-list .yacht-content .price {
		text-align:center;
		width:auto; float:none;
		margin:0 auto 5px;
	}
}
@media screen and (max-width: 700px) { #yachts-list .yacht-els { width:48%; } }
@media screen and (max-width: 480px) {
	#yachts-list { max-width:300px; }
	#yachts-list .yacht-els { width:100%; margin:10px 0 } 
}