/**************************
 * Blocs
 **************************/
#dealer_dealerzone,
#dealer_map,
#dealer_list
{
	
}

#dealer_dealerzone::after,
#dealer_map::after,
#dealer_list::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

#dealer_dealerzone
{
	margin: 			50px 0;
}

#dealer_map
{

}

#dealer_list
{

}
	

/**************************
 * DealerZone
 **************************/
.dealerzone_item
{
	position: 				relative;
	background-color: 		#fff;
	margin: 				10px 10px;
	height: 				230px;
	border: 				1px solid rgba(0,0,0,.1);
}
.dealerzone_item::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	.dealerzone_item_picture
	{
		display:  				none;
		float: 					left;
		width: 					40%;
		margin: 				1%;
		height: 				180px;
		background-position: 	left;
		background-repeat: 		no-repeat;
		background-size: 		contain;
	}
	.dealerzone_item_info
	{
		/*float: 			right;*/
		/*width: 			58%;*/
		height: 		180px;
		text-align:   	center;
		padding: 		10px 10px;
	}
	.dealerzone_item_name
	{
		display: 			block;
		clear: 				both;
		height: 			50px;
		background-color: 	#9A86CB;
		color: 				#fff;
		font-family: 		"Poppins", Arial;
		font-size: 			22pt;
		text-align: 		center;
	}
	
	.dealerzone_item_hover
	{
		position: 			absolute;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
		background-color: 	rgba(0,0,0,.8);
		color: 				#fff;
		padding: 			20px;
		-webkit-transform: 	scale(0);
		-moz-transform: 	scale(0);
		-ms-transform: 		scale(0);
		opacity: 			0;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1); 
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	     -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	        transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	}
	.dealerzone_item:hover .dealerzone_item_hover
	{
		-webkit-transform: 	scale(1);
		-moz-transform: 	scale(1);
		-ms-transform: 		scale(1);
		opacity: 			1;
	}

	.dealerzone_item .address,
	.dealerzone_item .city,
	.dealerzone_item .country,
	.dealerzone_item .phone,
	.dealerzone_item .fax,
	.dealerzone_item .courriel,
	.dealerzone_item .website
	{
	
	}

	.dealerzone_item .phone,
	.dealerzone_item .fax,
	.dealerzone_item .courriel,
	.dealerzone_item .website
	{
		margin: 		8px 0;
	}

	.dealerzone_item a:link,
	.dealerzone_item a:hover,
	.dealerzone_item a:active,
	.dealerzone_item a:visited
	{
		color: 			#000;
	}

	
	
	
	#dealer_dealerzone .slick-prev::before,
	#dealer_dealerzone .slick-next::before
	{
		content: 			"";
	}
	
	#dealer_dealerzone .slick-prev,
	#dealer_dealerzone .slick-next
	{
		background-image: 		url(../images/dealer/next.png);
		background-position: 	left;
		background-repeat: 		no-repeat;
		background-size: 		contain;
		width: 					16px;
		height: 				16px;
		margin: 				0 10px;
	}
	#dealer_dealerzone .slick-prev
	{
		background-image: 		url(../images/dealer/previous.png);
	}
	
	
		.dealer_previous,
		.dealer_next
		{
			position: 				absolute;
			bottom: 				40%;
			width: 					24px;
			height: 				24px;
			background-position: 	center center;
			background-repeat: 		no-repeat;
			background-size: 		16px;
			cursor: 				pointer;
			background-color: 		rgba(200,200,200,1);
		}
		.dealer_previous
		{
			left: 					10px;
			background-image: 		url(../images/commons/previous.png);
		}

		.dealer_next
		{
			right: 					10px;
			background-image: 		url(../images/commons/next.png);
		}
			
 
 
/**************************
 * Map
 **************************/
#map
{
	width: 			100%;
	height: 		500px;
}
 
 	.dealer_map_item
 	{
 		width: 					16px;
 		height: 				16px;
 		background-color: 		#9A86CB;
 		border: 				2px solid rgba(255,255,255,.8);
 		-moz-border-radius:		50%;
 		-webkit-border-radius:	50%;
 		border-radius:			50%;
 	}
 	.dealer_map_item .mapitem_name
 	{
 		display: 				none;
 	}
 	.dealer_map_item .infobulle
 	{
 		position: 				absolute;
 		z-index: 				1000;
 		bottom: 				25px;
 		left: 					-12px;
 		width: 					220px;
 		display: 				none;
 		background-color: 		#fff;
 		-moz-border-radius:		5px;
 		-webkit-border-radius:	5px;
 		border-radius:			5px;
 		padding: 				10px;
 		box-shadow: 			1px 1px 3px rgba(0,0,0,.6);
 	}
 	.dealer_map_item:hover .infobulle
 	{
 		display: 				block;
 	}
 	.dealer_map_item .infobulle .name
 	{
 		font-size: 			11pt;
 		font-weight: 		bold;
 	}
 	.dealer_map_item .infobulle .phone
 	{
 		margin: 			10px 0;
 		font-size: 			14pt;
 	}
 	
 	.dealer_map_item:hover .infobulle::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
		position: 		absolute;
		bottom: 		-10px;
		left: 			10px;
		width: 			0;
		height: 		0;
		border-style: 	solid;
		border-width: 	10px 10px 0 10px;
		border-color: 	#ffffff transparent transparent transparent;

	}
	 	
		.dealer_map_item::before,
		.dealer_map_item::after {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -25px 0 0 -25px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			content: '';
			opacity: 0;
			pointer-events: none;
		}
		
		.dealer_map_item::after {
			margin: -30px 0 0 -30px;
			width: 60px;
			height: 60px;
		}
				
		.dealer_map_item::before,
		.dealer_map_item::after {
			box-shadow: 0 0 0 2px rgba(0,0,0,0.8);
			box-shadow: 0 0 0 2px rgba(154, 134, 203, 0.4);
		}
		
		.dealer_map_item::before,
		.dealer_map_item::after {
			-webkit-animation-name: anim-effect-jagoda-2, anim-effect-jagoda-1;
			animation-name:anim-effect-jagoda-2, anim-effect-jagoda-1;
			-webkit-animation-duration: 1.2s;
			animation-duration: 1.2s;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
		}
		
		.dealer_map_item::before,
		.dealer_map_item::after 
		{
			-webkit-animation-duration: 1.0s;
			animation-duration: 1.0s;
		}
		
		.dealer_map_item::after {
			-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
		}
				
	 	
	@-webkit-keyframes anim-effect-jagoda-1 {
		0%, 100% {
			opacity: 0;
		}
		40%, 60% {
			opacity: 1;
		}
	}
	
	@keyframes anim-effect-jagoda-1 {
		0%, 100% {
			opacity: 0;
		}
		40%, 60% {
			opacity: 1;
		}
	}
	
	@-webkit-keyframes anim-effect-jagoda-2 {
		0% {
			-webkit-transform: scale3d(0.5, 0.5, 1);
			transform: scale3d(0.5, 0.5, 1);
		}
		100% {
			-webkit-transform: scale3d(1.4, 1.4, 1);
			transform: scale3d(1.4, 1.4, 1);
		}
	}
	
	@keyframes anim-effect-jagoda-2 {
		0% {
			-webkit-transform: scale3d(0.5, 0.5, 1);
			transform: scale3d(0.5, 0.5, 1);
		}
		100% {
			-webkit-transform: scale3d(1.4, 1.4, 1);
			transform: scale3d(1.4, 1.4, 1);
		}
	}
 
/**************************
 * Dealer
 **************************/
#dealer_list
{
	position: 			relative;
	min-height: 		300px;
	background-color: 	#fff;
	margin-bottom: 		100px;
	
}

	#dealer_list #dealer_list_country
	{
		padding:				40px 50px;
		
		display: 				none;
		-webkit-column-count: 	3; 
		-moz-column-count: 		3; 
		column-count: 			3;
		
		-webkit-column-gap: 	40px; 
		-moz-column-gap: 		40px; 
		column-gap: 			40px;
	}
	
	#dealer_list #dealer_list_country.opened
	{
		display: 				block;
	}
	
		.dealer_countryname
		{
			font-size: 			11pt;
			font-weight: 		bold;
			cursor: 			pointer;
		}
	
		.dealer_countryname span
		{
			color: 				rgba(0,0,0,.3);
			font-weight: 		normal;
		}
	
	
	#dealer_list #dealer_list_items
	{
		position: 			relative;
		display: 			none;
	}

	#dealer_list #dealer_list_items.opened
	{
		display: 			block;
	}



.dealer_items
{
	position: 			relative;
	padding:			10px 50px;
	display: 			none;
	background-color: 	#fff;
}
.dealer_items.selected
{
	display: 			block;
}
.dealer_items .close
{
	position: 				absolute;
	right: 					0;
	top: 					0;
	width: 					32px;
	height: 				32px;
	background-image: 		url(../images/dealer/close.png);
	background-position: 	center center;
	background-repeat: 		no-repeat;
	background-size: 		32px;
	margin: 				10px;
	cursor: 				pointer;
	opacity: 				0.5;
}

.dealer_title
{
	color: 				#9A86CB;
	font-family: 		"Poppins", Arial;
	font-size: 			22pt;
	text-align: 		center;
	margin: 			20px 0 30px 0;
}

	/**************************
	 * Dealer Item
	 **************************/
	 .dealer_item
	 {
	 	margin-right: 		10px;
	 } 
	 
		 .dealer_item .name
		 {
		 	font-size: 			11pt;
		 	font-weight: 		bold;
		 	margin: 			5px 0;
		 }
		 .dealer_item .picture
		 {
		 	height: 			140px;
		 	background-color: 	#ddd;
		 }
		 .dealer_item a:link,
		 .dealer_item a:hover,
		 .dealer_item a:active,
		 .dealer_item a:visited
		 {
		 	display: 			block;
		 	color: 				#000;
		 	text-decoration: 	underline;
		 	margin: 			4px 0;
		 }
		 

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 900px) 
{
	

	#dealer_list #dealer_list_country
	{
		padding:				30px 40px;
		
		display: 				none;
		-webkit-column-count: 	2; 
		-moz-column-count: 		2; 
		column-count: 			2;
		
		-webkit-column-gap: 	40px; 
		-moz-column-gap: 		40px; 
		column-gap: 			40px;
	}
}
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	

	#dealer_list #dealer_list_country
	{
		padding:				20px 20px;
		
		display: 				none;
		-webkit-column-count: 	1; 
		-moz-column-count: 		1; 
		column-count: 			1;
	}
}