/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	/* calc SVG heights manually because height: auto does NOT work */
	#visa #tyyppi { 
		height: 43.1097561vw;
		bottom: -5%;
	}
	
	#visa #hana { 
		height: 17.7777vw;
	}
	
	#visa #robottikasi {
		height: 15.44vw;
	}
	
	.pullot .pullo.korkiton .korkki {
		-moz-transform: 	translate(-50%, -490px);
		-webkit-transform: 	translate(-50%, -490px);
		-o-transform: 		translate(-50%, -490px);
		-ms-transform: 		translate(-50%, -490px);
		transform: 			translate(-50%, -490px);
	}
	
	#visa #robottikasi { 
		-moz-transform: 	translateY(-100px);
		-webkit-transform: 	translateY(-100px);
		-o-transform: 		translateY(-100px);
		-ms-transform: 		translateY(-100px);
		transform: 			translateY(-100px);
	}
		
	#visa #robottikasi.up { 
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	#visa #robottikasi.grap.up { 
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	
	#visa .linjasto .pullot .pullo.pickup {
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	
	#visa #robottikasi.korkita {
		-moz-transform: 	translateY(0);
		-webkit-transform: 	translateY(0);
		-o-transform: 		translateY(0);
		-ms-transform: 		translateY(0);
		transform: 			translateY(0);
	}
	
	/* No pointer-events support, so lets use display none instead */
	#visa .kyssari #respond { display: none; }
	#visa .kyssari #respond.nayta {	display: block; }

	/* IE11 supports pointer-events, so lets undo display none for it */
	_:-ms-fullscreen, :root #visa .kyssari #respond { display: block; }
	
	/* Because no pointer-events support, use larger offset for queestions */
	#visa .kyssari .kysymys {
		-moz-transform: 	translateY(500px);
		-webkit-transform: 	translateY(500px);
		-o-transform: 		translateY(500px);
		-ms-transform: 		translateY(500px);
		transform: 			translateY(500px);
	}
	#visa .kyssari .kysymys.old {
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
		
}

/* IE 9 */
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 

	/* calc SVG heights manually because height: auto does NOT work */
	#visa #tyyppi { 
		height: 43.1097561vw;
		bottom: -5%;
	}
	
	#visa #hana { 
		height: 17.7777vw;
	}
	
	#visa #robottikasi {
		height: 15.44vw;
	}
	
	.pullot .pullo.korkiton .korkki {
		-moz-transform: 	translate(-50%, -490px);
		-webkit-transform: 	translate(-50%, -490px);
		-o-transform: 		translate(-50%, -490px);
		-ms-transform: 		translate(-50%, -490px);
		transform: 			translate(-50%, -490px);
	}
	
	#visa #robottikasi { 
		-moz-transform: 	translateY(-100px);
		-webkit-transform: 	translateY(-100px);
		-o-transform: 		translateY(-100px);
		-ms-transform: 		translateY(-100px);
		transform: 			translateY(-100px);
	}
		
	#visa #robottikasi.up { 
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	#visa #robottikasi.grap.up { 
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	
	#visa .linjasto .pullot .pullo.pickup {
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	
	#visa #robottikasi.korkita {
		-moz-transform: 	translateY(0);
		-webkit-transform: 	translateY(0);
		-o-transform: 		translateY(0);
		-ms-transform: 		translateY(0);
		transform: 			translateY(0);
	}
	
	/* No pointer-events support, so lets use display none instead */
	#visa .kyssari #respond { display: none; }
	#visa .kyssari #respond.nayta {	display: block; }
	
	/* Because no pointer-events support, use larger offset for queestions */
	#visa .kyssari .kysymys {
		-moz-transform: 	translateY(500px);
		-webkit-transform: 	translateY(500px);
		-o-transform: 		translateY(500px);
		-ms-transform: 		translateY(500px);
		transform: 			translateY(500px);
	}
	#visa .kyssari .kysymys.old {
		-moz-transform: 	translateY(-500px);
		-webkit-transform: 	translateY(-500px);
		-o-transform: 		translateY(-500px);
		-ms-transform: 		translateY(-500px);
		transform: 			translateY(-500px);
	}
	
}