/***********************************
*  slider-default -- slider default template
* ***************************************/

.wsce .swiper-flip .swiper-slide{
	overflow:hidden;
}
/*Content text */

.slider-default .wsce-text-content {
	position: absolute;
	width: 800px; 
	margin-top: 160px;
	left: calc((100% - 80%) / 2);
	z-index: 99;
}
.wsce-boutons {
	margin-top: 50px;
}
.wsce-boutons a {
    text-decoration: none !important;
}
.wsce-boutons div{
	display:flex;
	align-items: center;
}
.wsce-button.button--animated {
	cursor: pointer;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
span.button__text {
	margin-right: 10px;
}
/*/Item iCon Css*/

.wsce-scrolldown.scrollbtn {
	margin: 30px 75px;
	position: absolute;
	right:  calc((100% - 1400px) / 2);
}
.wsce-pag.wsce-swiper-pagination {
	display: contents;
}
.slider-default .wsce-itemicon{
	margin: 0px 5px;
	padding: 0px 5px 5px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

/*Prev Next btn */
.wsce-footer .wsce-nav.swiper-button-next:after, 
.wsce-footer .wsce-nav.swiper-button-prev:after{
	content:'';
}
.wsce-nav.square {
	border: 1px solid;
	padding: 10px;
	border-radius: 0px;
}
.wsce-nav.round {
	border: 1px solid;
	padding: 10px;
	border-radius: 50%;
}
.wsce-footer .wsce-nav.swiper-button-next{
	margin-left: 10px;
	opacity: 1;
	width: 35px;
	height: 35px;
	float: right;
	margin-top: -22px;
	z-index: 99999; 
	cursor: pointer;
	margin-left: 25px;
}
.wsce-footer .wsce-nav.swiper-button-next{
	right: calc((100% - 1330px) / 2);
}

.wsce-footer .wsce-nav.swiper-button-prev{
	opacity: 1;
	width: 35px;
	height: 35px;
	float: right;
	margin-top: -22px;
	z-index: 99999;
	right:calc((100% - 1250px) / 2);
	left:auto;
	cursor: pointer;
}
.wsce-pag.wsce-swiper-pagination{
	bottom: 24px;
	position: absolute;
}
/*Play pause btn */

.wsce-play-pause {
	float: right;
	cursor: pointer;
	padding: 3px 20px;
}
.slider-default .wsceVidplay {
	border-radius: 35px;
	border: 1px solid #FFF;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
	overflow: hidden;
	z-index: 9;
	position: absolute;
	background-color: #ffffff70;
	margin-top: -20px;	
    display: flex;
    align-items: center;
}
.wsceVidplay i {
	margin: 10px;
}
/*/* Scroll down btn ***/


.scrollbtn a {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font : normal 400 20px/1 'Josefin Sans', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;
	transition: opacity .3s;
}
.scrollbtn a:hover {
	opacity: .5;
}

.wsce-scrolldown a {
	padding-top: 60px;
}
.wsce-scrolldown a span.dot {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}
.wsce-scrolldown a span.dot::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.slider-default .wsceVidplay.pause:after {
	content: 'Pause';
	color: #000A20;
	left: 35px;
	top: 8px;
	position: absolute; 
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.slider-default .wsceVidplay.play:after {
	content: 'Play';
	color: #000A20;
	left: 35px;
	top: 8px;
	position: absolute; 
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.slider-default .wsceVidplay:hover {
	width: 88px;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
	background-position: 12px;
}
.wsceVidplay.play .wsceVidplay-pause,
.wsceVidplay.pause .wsceVidplay-play,
.wsceVidplay.play .pauseSvg,
.wsceVidplay.pause .playSvg 
{
	display:none;
}  
.wsceVidplay svg.wsceVidplay-play.e-font-icon-svg,
.wsceVidplay svg.wsceVidplay-pause.e-font-icon-svg{
	width: 15px;
	margin: 10px;
}
.pauseSvg,
.playSvg{
	margin-left: 11px;
}
.slider-default .wsce-background-video {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;

}

.slider-default .wsce-overlay {
	position: fixed;  
	width: 100%;  
	height: 100%;  
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;    
}
.wsce-overlay-bottom {
    position: fixed;
    width: 100%;
    height: 100%; 
    left: 0;
    right: 0;
    bottom: 0;
	z-index:99;
}
.slider-default .wsce-slider .swiper-pagination-bullet-active .borderload{
	position: relative;
	width: 100%;  height: 3px; 
	overflow: hidden;
	background: #ED8D00;
	margin-top: -3px;
}
.slider-default .wsce-slider .swiper-pagination-bullet-active .borderload span{
	position: absolute;
	top: 0;   left: 0;
	width: 100%;  height: 100%;
	background: #ededed;
	display: inline-block;
}
.slider-default .wsce-slider .swiper-pagination-bullet-active{
	transition: width 0.5s ease-in-out;
}
.slider-default .wsce-slider span.swiper-pagination-bullet {
	width: auto;
	height: auto;
}

@keyframes animate{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(100%);
	}
}

/**/
.slider-default .wsce-footer {
	z-index: 999;
	padding: 50px 0;
	display: flex;
	left: calc((100% - 82%) / 2);
	bottom: 0px;
	width: 90%;
	max-width: 90%;
	position: absolute;
	float: left;
	align-items: center;
}


/*  Mobile */
@media only screen and (max-width: 768px) {
	.slider-default .wsce-footer{
		left: 20px;
	}
	.slider-default .wsce-text-content{
		width: 90%; 
		left: 20px;		
		margin-top: 100px;
	}
	.wsce-boutons div {
		display: flex;
	}
	.wsce_nav div.mobhide, .wsce_nav div.borderload {
		display: none;
	}
	.wsce-footer .wsce-nav.swiper-button-prev{
		right: 80px;
	}
	.wsce-footer .wsce-nav.swiper-button-next {
		right: 35px;
	}
	.slider-default .wsce-footer {
		width:100%;
	}
	.slider-default .wsce-scrolldown.scrollbtn {
		margin: 30px 0px;
		position: absolute;
		right: 75px;
	}
}