body { background: #0061AD; url('stock-photo-15961453-ikea-logo.jpg') no-repeat fixed; background-size:100%; font-family: "Verdana", Verdana, sans-serif; }
/*  */

/*stock-photo-15961453-ikea-logo.jpg	stock-photo-16019235-ikea-sign.jpg*/
h1 { font-size: 2.0em; color:#fff; font-weight:bold; }
h2 { font-size: 1.8em; color:#fff; font-weight:normal; margin: 0px; }
h3 { font-size: 1.6em; color:#fff; font-weight:normal; margin: 0px; }

p { font-size:1em; line-height:1.8;}

.header { position:fixed; top:1%; left:3%; }
.scroll-box { left:40%; bottom:10%; position:fixed; color:#fff; }
.scroll-arrow { padding-top:30px; fill-opacity:0.4; } /*rgba(255,255,255,0.4);}*/
.info-box { display:none; background:rgba(0,0,0,0.4); left:3%; bottom:20%; position:fixed; padding:5px 15px 5px 20px; width:35%; }
.info-box p { color:#fff; }

.play { left:3%; bottom:6%; position:fixed; color:#fff; }
.pause { left:3%; bottom:6%; position:fixed; color:#fff; display:none; }
/*#rewind-play { display:none; }*/

.storeList { position:absolute; top:70%; right:0px; margin-bottom:900px; z-index:100; } /*100px right if Verdana*/ /* IN FUTURE USE jQUERY TO ALIGN BASED ON WINDOW SIZE */
.prestore { font-size:18px; font-weight:300; margin-bottom:5px; color:#ccc; line-height: 2.0; }
.store { font-size:18px; font-weight:bold; margin-bottom:5px; color:#ccc; line-height: 2.0; }
.store a { color: #ccc; text-decoration:none; }
.store a:hover { color: #999; text-decoration:none; }

.timeline { position:fixed; top:0px; right:354px; height:100%; border-right:6px solid #FFC809; }
.timeline-flags { position:fixed; top:0px; right:386px; height:100%; border-right:6px solid #FFC809; }
.timeline-group { top:57px; position: absolute; }
.marker { position:fixed; right:391px; top:10%; display:none; }
.flag { position:relative; width:16px; height:16px; top:0px; margin-left:20px; margin-right:5px; border-radius:32px;  }
/*border:10px solid #0061AD;*/
.no-flag { padding-right:10px; }
/*filter: url(filters.svg#grayscale); /* Firefox 3.5+  filter: gray; /* IE6-9  -webkit-filter: grayscale(1); */


.year { font-size:18px; font-weight:normal; font-size:26px; margin-bottom:3px; color:#FFC809; position:relative; left:-40px; }
/*.year { border-top:6px solid #FFC809; padding-top:12px; width:100px; }*/
.off { visibility:hidden; }
.pre { /*color:#aaa;*/ }

.year-current { position:relative; right:80px; top:0px; text-align:right; font-size:22px; font-weight:normal; margin-bottom:3px; margin-right:20px; color:#aaa; }
.year-count { position:relative; top:0px; text-align:left; font-size:26px; font-weight:normal; margin-bottom:3px; margin-right:12px; color:#FFC809; }
.year-counter { background:#0061AD; margin-right:50px; height:50px; width:90px; right:200px; position:relative; padding:5px; font-size:14px; color:#FFC809; }
/*url('ikea-store.svg') no-repeat*/

.map-box { height: 108%; width: 950px; left:0px; top:0px; position:fixed!important; z-index:-100; }

@-moz-keyframes pulsate {
	from {
		-moz-transform: scale(0.1);
		opacity: 0;
	}
	90% {
		-moz-transform: scale(0.4);
		opacity: 0.8;
	}
	to {
		-moz-transform: scale(1.2);
		opacity: 0.1;
	}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.1);
			opacity: 0;
		}
		20% {
			-webkit-transform: scale(0.2);
			opacity: 0.2;
		}
		90% {
			-webkit-transform: scale(0.4);
			opacity: 0.8;
		}
		to {
			-webkit-transform: scale(1.2);
			opacity: 0.1;
		}
	}
	/* get the container that's just outside the marker image, 
		which just happens to have our Marker title in it */
	.map-box div.gmnoprint[title="new store"] {
		-moz-animation: pulsate 0.8s ease-in-out 0.1s;
		-webkit-animation: pulsate 0.8s ease-in-out 0.1s;

		border:4pt solid #FFC809;
		/* make a circle */
		-moz-border-radius:60px;
		-webkit-border-radius:60px;
		border-radius:60px;
		
		/* set the ring's new dimension and re-center it */
		height:40px!important;
		margin:-22px 0 0 -22px;
		width:40px!important;
    
	}
	.map-box div.gmnoprint[title="new store"] img {
		display:none;
	}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(-30px);}
	60% {-ms-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation: bounce 3s infinite;
	-moz-animation: bounce 3s infinite;
	-ms-animation: bounce 3s infinite;
	-o-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}