/* = Map
----------------------------------------------- */

.IgnitionMap{
}

	.IgnitionMap__Map{
		width:100%;
		min-width:320px;
		height:auto;

		display:block;
		position:relative;

		margin:30px auto 15px !important;
		padding:0px;
		border:0px none;
	}

	@media screen and (min-width:992px){
		.IgnitionMap__Map{
			width:90%;
		}
	}

	@media screen and (min-width:1200px){
		.IgnitionMap__Map{
			width:80%;
		}
	}

		/* Map */
		.IgnitionMap__Map img,
		.IgnitionMap__Map svg,
		.IgnitionMap__Map span,
		.IgnitionMap__Size{
			display:none;
		}

		/* List */
		.IgnitionMap__Map ul{
			width:100%;
			height:auto;
			display:block;

			padding:0px !important;
		}

			.IgnitionMap__Map ul li{
				width:50%;
				height:auto;

				display:block;
				position:relative;
				float:left;
	
				color:#470A68;
				font-family:'Open Sans', sans-serif;
				font-family:'Open Sans Condensed', sans-serif;
				font-size:20px;
				font-weight:300;
				line-height:1.0;

				list-style:none;

				margin:5px auto !important;
				padding:0px !important;
				border:0px none;
			}

		.IgnitionMap__Map ul::after{
			content:'';
			display:block;
			clear:both;
		}

		@media screen and (max-width:401px){
			.IgnitionMap__Map ul li:nth-child(2n+1){
				clear:both;
			}
		}
		
		@media screen and (min-width:400px) and (max-width:479px){
			.IgnitionMap__Map ul li{
				width:50%;
				font-size:24px;
			}
			.IgnitionMap__Map ul li:nth-child(2n+1){
				clear:both;
			}
		}

		@media screen and (min-width:480px) and (max-width:767px){
			.IgnitionMap__Map ul li{
				width:33%;
				font-size:28px;
			}
			.IgnitionMap__Map ul li:nth-child(3n+1){
				clear:both;
			}
		}
			
		@media screen and (min-width:768px){

			.IgnitionMap__Size{
				width:100%;
				height:0px;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto !important;
				padding:0 0 64.453%;
				border:0px none;
			}

				svg#Map__Land,
				svg#Map__Dots{
					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;
				}

				/* Land */
				svg#Map__Land{
					opacity:0.15;
					z-index:0;
				}

					svg#Map__Land *{
						fill:#470A68;
					}

				/* Dots */
				svg#Map__Dots{
					z-index:10;
				}
				
					svg#Map__Dots rect{
						fill:#FFFFFF;
						stroke:#470A68;
						stroke-width:1.5;
					
						-webkit-transition:fill 150ms ease-in-out, stroke-width 150ms ease-in-out;
						   -moz-transition:fill 150ms ease-in-out, stroke-width 150ms ease-in-out;
							-ms-transition:fill 150ms ease-in-out, stroke-width 150ms ease-in-out;
							 -o-transition:fill 150ms ease-in-out, stroke-width 150ms ease-in-out;
								transition:fill 150ms ease-in-out, stroke-width 150ms ease-in-out;
					}

					svg#Map__Dots rect:hover,
					svg#Map__Dots rect.jsDotActive{
						stroke:#6D2077;
						stroke-width:7;
						cursor:pointer;
					}


				/* Labels */
				.IgnitionMap__Map span{
					background:#470A68;

					width:auto;
					height:auto;
					
					display:none;
					position:absolute;
					z-index:20;

					color:#FFFFFF;
					font-size:14px;
					line-height:1.0;

					margin:1.6% 0% 0% 1%;
					padding:5px 10px;
					border:0px none;

					opacity:0;

					-webkit-transform:translateY(-50%);
					   -moz-transform:translateY(-50%);
						-ms-transform:translateY(-50%);
						 -o-transform:translateY(-50%);
							transform:translateY(-50%);
					
					-webkit-transition:opacity 150ms ease-in-out;
					   -moz-transition:opacity 150ms ease-in-out;
						-ms-transition:opacity 150ms ease-in-out;
						 -o-transition:opacity 150ms ease-in-out;
							transition:opacity 150ms ease-in-out;
				}

				.IgnitionMap__Map span.jsLabelActive{
					width:auto;
					display:inline-block;
					opacity:1.0;
				}

					.IgnitionMap__Map span#label--Auckland{
						left: 96.05%;
						top: 86.1%;
					}
					.IgnitionMap__Map span#label--Sydney{
						left: 89.3%;
						top: 84.1%;
					}
					.IgnitionMap__Map span#label--Melbourne{
						left: 87.55%;
						top: 86.15%;
					}
					.IgnitionMap__Map span#label--HongKong{
						left: 78.9%;
						top: 58.2%;
					}
					.IgnitionMap__Map span#label--Tokyo{
						left: 86%;
						top: 51.9%;
					}
					.IgnitionMap__Map span#label--Riyadh{
						left: 60%;
						top: 57.1%;
					}
					.IgnitionMap__Map span#label--TelAviv{
						left: 56.95%;
						top: 54.5%;
					}
					.IgnitionMap__Map span#label--Milan{
						left: 49.45%;
						top: 46.5%;
					}
					.IgnitionMap__Map span#label--Zurich{
						left: 49.15%;
						top: 45.5%;
					}
					.IgnitionMap__Map span#label--Frankfurt{
						left: 49.45%;
						top: 43.3%;	
					}
					.IgnitionMap__Map span#label--Amsterdam{
						left: 48.35%;
					    top: 42.6%;
					}
					.IgnitionMap__Map span#label--Luxembourg{
					    left: 48.5%;
					    top: 44.2%;
					}
					.IgnitionMap__Map span#label--Paris{
						left: 47.3%;
						top: 44.4%;
					}
					.IgnitionMap__Map span#label--Madrid{
						left: 45.55%;
						top: 49%;
					}
					.IgnitionMap__Map span#label--London{
						left: 46.65%;
						top: 42.05%;
					}
					.IgnitionMap__Map span#label--Goteborg{
						left: 50.2%;
						top: 38%;
					}
					.IgnitionMap__Map span#label--Lagos{
						left: 47.9%;
						top: 65.4%;
					}
					.IgnitionMap__Map span#label--NewYork{
						left: 25.85%;
						top: 48.7%;
					}
					.IgnitionMap__Map span#label--Chicago{
						left: 21.95%;
						top: 48.1%;
					}
					.IgnitionMap__Map span#label--Orlando{
						left: 23.85%;
						top: 55.3%;
					}
					.IgnitionMap__Map span#label--Vancouver{
						left:11.45%;
						top:43%;
					}
				
				/* List */
				.IgnitionMap__Map ul{
					display:none;
				}
		}