@font-face {
	font-family: RenaultBold;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RenaultLife-Bold.eot);
	src: url(../fonts/RenaultLife-Bold.eot?#stopIE678here) format("forceIE9woff"), url(../fonts/RenaultLife-Bold.woff) format("woff"), url(../fonts/RenaultLife-Bold.ttf) format("truetype")
}

@font-face {
	font-family: RenaultRegular;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RenaultLife.eot);
	src: url(../fonts/RenaultLife.eot?#stopIE678here) format("forceIE9woff"), url(../fonts/RenaultLife.woff) format("woff"), url(../fonts/RenaultLife.ttf) format("truetype")
}

@font-face {
	font-family: RenaultLight;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/RenaultLife-Light.eot);
	src: url(../fonts/RenaultLife-Light.eot?#stopIE678here) format("forceIE9woff"), url(../fonts/RenaultLife-Light.woff) format("woff"), url(../fonts/RenaultLife-Light.ttf) format("truetype")
}

.vwCslider-wrapper {
	position: relative;
	width: 1200px;
	max-width: 100%;
	background: #f2f2f2;

	margin: 0 auto;

	
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	font-size: 0;
}

@keyframes contentMinimize {
	0% {
		opacity: 1;
	}
	100%{
		opacity: 0;
		min-height: 0;
	}
}
@keyframes contentMaximize {
	0% {
		opacity: 0;
		min-height: 0;
	}
	100%{
		opacity: 1;
		min-height: 560px;
	}
}

.vwCslider-wrapper .content {
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 560px;
	overflow: hidden;
}

.vwCslider-wrapper.minimize .content {
	animation: contentMinimize .5s forwards;
}
.vwCslider-wrapper.maximize .content {
	animation: contentMaximize .5s forwards;
}
/*
	** common **
	*/

	.vwCslider-wrapper a.blue{
		display: inline-block;
		font-size: 14px;
		line-height: 1;
		font-family: 'RenaultBold';
		padding: 13px 30px;
		background: #fc3;
		color:#000;
		text-decoration: none;
		transition: .3s ease-in-out;
	}

	.vwCslider-wrapper a.blue:hover{
		background: rgb(255, 221, 51);
	}

/* 
	** Anchor **
	*/

	.vwCslider-wrapper .anchor {
		position: absolute;
		width: 1px;
		height: 100%;
		left: 0;
		bottom: 0;

		background: #fff;
		z-index: 10;
		cursor: pointer;
		/*transition: box-shadow .3s;*/
	}

	.vwCslider-wrapper .anchor.dragRight:active {
		/*box-shadow: -10px 0 0px 10px rgba(255,255,255,0.2), -3px 0 5px 3px rgba(255,255,255,0.5);*/
	}
	.vwCslider-wrapper .anchor.dragLeft:active {
		/*box-shadow: 10px 0 0px 10px rgba(255,255,255,0.2), 3px 0 5px 3px rgba(255,255,255,0.5)*/
	}

	.vwCslider-wrapper .anchor:active span {
		border: 0; 
		box-shadow: 0 0 0 5px rgba(255,255,255,0.9);
		background-size: 90%;
		transition: background .3s, box-shadow .3s;
	}

	.vwCslider-wrapper .anchor span {
		position: absolute;

		width: 60px;
		height: 60px;

		border-radius: 100%;
		background: url('../imgs/up.png') center no-repeat;
		background-size: 100%;

		/*top: 115px;*/
		top: 250px;
		left: 50%;
		transform: translate(-50%, 0%);
		transition: background .3s, box-shadow .9s;
	}
	.vwCslider-wrapper .anchor span::before,
	.vwCslider-wrapper .anchor span::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 7px;
		height: 8px;

		background-size: 100%;
		background-repeat: no-repeat;

		transition: .3s ease-in-out;
	}

	.vwCslider-wrapper .anchor.dragLeft span:active::before {
		left: -20px;
		width: 12px;
		height: 13px;
	}
	.vwCslider-wrapper .anchor.dragRight span:active::after {
		right: -20px;
		width: 12px;
		height: 13px;
	}

	.vwCslider-wrapper .anchor span::after {
		right: -15px;
		background-image: url('../imgs/right.png');
	}
	.vwCslider-wrapper .anchor span::before {
		left: -15px;
		background-image: url('../imgs/left.png');
	}
/*
	** up-libre **
	*/
	.up-libre {
		position: absolute;
		display: inline-block;

		border-left: 1px solid #919191;
		border-right: 0;

		padding: 14px;

		top: 80px;
		left: 90px;
		right: auto;
		font-size: 18px;
		font-family: 'RenaultBold';
		text-align: left;
	}

	.vwCslider-wrapper.dLeft .up-libre {
		top: 80px;
		right: 90px;
		left: auto;
		text-align: right;

		border-left: 0;
		border-right: 1px solid #919191;
	}
/* 
	** Slide **
	*/

	.vwCslider-wrapper .vwCslide {
		position: absolute;
		top: 0px;
		left: 0;
		height: 100%;
		width: 100%;

		opacity: 0;
		z-index: 1;
		transition: .3s ease-in-out;
	}

	.vwCslider-wrapper .vwCslide.active{
		opacity: 1;
		z-index: 2;
	}

	.vwCslider-wrapper .vwCslide:nth-child(odd) {
		text-align: right;
	}

/*
	** link mobile
	*/
	.vwCslider-wrapper .vwCslide .linkMobile {
		display: none;
	}
/* 
	** Text cars-colors **
	*/

	.vwCslider-wrapper .vwCslide .text {
		position: relative;
		display: block;
		margin: 80px 90px 0 90px;
		z-index: 12;
		height: 140px;
	}

	.vwCslider-wrapper .vwCslide .text p{
		font-size: 40px;
		line-height: 1;
		font-family: 'RenaultBold';
		margin: 0;
	}

	.vwCslider-wrapper .vwCslide .text a{
		margin-top: 30px;
	}

/* 
	** Slider cars-colors **
	*/

	.vwCslider-wrapper .vwCslide .vwCslider {
		position: relative;
		max-width: 480px;
		width: 60%;
		margin: 0 auto;	
	}

	.vwCslider-wrapper .vwCslide .vwCslider .first {
		position: absolute;
		max-width: 100%;
		width: 0%;
		height: 100%;
		right: 0;
		top: 0;
		z-index: 2;
		overflow: hidden;
		background: #f2f2f2;
	}
	.vwCslider-wrapper .vwCslide .vwCslider .second {
		position: relative;
		z-index: 1;
		overflow: hidden;
		background: #f2f2f2;
	}

	.vwCslider-wrapper .vwCslide .vwCslider .first img {
		position: absolute;
		/*width: 100%;*/
		top: 0;
		bottom: 0;

		left: 0;
	}

	.vwCslider-wrapper .vwCslide .vwCslider .second img {
		position: relative;
		width: 100%;
	}
	.vwCslider-wrapper .vwCslide .vwCslider .first img {
		right: 0;
		left: auto;
	}

/* 
	** Close **
	*/

	.vwCslider-wrapper .close {
		position: absolute;
		z-index: 15;
		width: 44px;
		height: 44px;

		top: 22px;
		right: 22px;

		display: inline-block;
		background: url('../imgs/close.png') center no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
		transition: .2s ease-in-out;
	}

	.vwCslider-wrapper .close:hover {
		opacity: 0.5;
	}

/*
	** whenClosed **
	*/
	@keyframes whenClosedMaximize {
		0% {
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	.vwCslider-wrapper.minimize .whenClosed {
		display: inline-block;
		animation: whenClosedMaximize 1s forwards;
		animation-delay: .5s;
	}
	.vwCslider-wrapper .whenClosed {
		position: relative;
		display: none;
		width: 100%;
		clear: both;
		text-align: center;
		background: #fff;
		opacity: 0;
	}

	.vwCslider-wrapper .whenClosed p{
		display: inline-block;
		vertical-align: middle;
		font-size: 23px;
		font-family: 'RenaultBold';
		margin-right: 50px
	}

	.vwCslider-wrapper .whenClosed a{
		padding-left: 50px;
		padding-right: 50px;
		vertical-align: middle;
	}

	.vwCslider-wrapper .whenClosed::after,
	.vwCslider-wrapper .whenClosed::before {
		content: '';
		display: inline-block;

		float: left;

		width: 112px;
		height: 64px;
		margin: 2px;
		background-image: url('../imgs/yellow.png');
		background-size: 100% 100%;
	}

	.vwCslider-wrapper .whenClosed::after {
		float: right;
		background-image: url('../imgs/blue.png');
	}


/*
	*  Tablet 1024 responsive *
	*/
	@media screen and (max-width: 1024px) {
		.vwCslider-wrapper .vwCslide .text p {
			font-size: 22px;
		}

		.up-libre {
			font-size: 12px;
			line-height: 18px;
			padding: 5px 14px;
		}
	}


/*
	*  Mobile 768 responsive *
	*/
	@media screen and (max-width: 768px) {
		.vwCslider-wrapper.minimize .content {
			display: none !important
		}
		.vwCslider-wrapper.maximize .content {
			min-height: 0;
			height: 590px;
			animation: none;
			display: block;
			opacity: 1;
		}

		.vwCslider-wrapper .vwCslide {
			min-height: 0;
			height: auto;
		}
		.vwCslider-wrapper .anchor {
			top : 50px;
		}
		.vwCslider-wrapper.dLeft .up-libre,
		.vwCslider-wrapper.dRight .up-libre {
			bottom: 20px;
			top: auto;
		}
		.vwCslider-wrapper.dLeft .up-libre {
			right: 20px;
		}
		.vwCslider-wrapper.dRight .up-libre {
			left: 20px;
		}
		.vwCslider-wrapper .vwCslide .text {
			margin-top: 40px;
			margin-left: 20px;
			margin-right: 20px;
		}
		.vwCslider-wrapper .vwCslide .text p br{
			display: none;
		}




		.vwCslider-wrapper .close {
			width: 30px;
			height: 30px;
			right: 13px;
			top: 13px;
		}

		.vwCslider-wrapper.minimize .whenClosed p,
		.vwCslider-wrapper.maximize .whenClosed p {
			display: none !important
		}
	}

	@media screen and (max-width: 700px) {
		.vwCslider-wrapper.maximize .content {
			min-height: 0;
			height: 500px;
			animation: none;
			display: block;
			opacity: 1;
		}
		.vwCslider-wrapper .vwCslide .linkMobile {
			display: block;
			text-align: center;
			margin-top: 42px;
			margin-bottom: 42px;
		}
		.vwCslider-wrapper .vwCslide .text a {
			display: none;
		}
		.vwCslider-wrapper .anchor {
			top : 30px;
		}
		.vwCslider-wrapper .anchor::after {
			width: 40px;
			height: 40px;
		}
	}