.traffic-theme .brand {
  min-width: 100px;
}
	
.traffic-theme #theme-stage img{
  width: 100%;
}

.traffic-theme #theme-stage .theme-big-active{
width: 100%;
height: 400px;
position: absolute;
top: 50%;
margin-top: -328px;
}

.traffic-theme #theme-stage .theme-big-active .theme-fallback{
width: 950px;
height: 400px;
position: absolute;
top: 75px;
left: 50%;
margin-left: -475px;
}

.traffic-theme #theme-stage.static-mode .theme-big-active .theme-fallback{
display: block;
}

.traffic-theme #theme-stage.static-mode .theme-big-active svg{
	display: none;
}

.traffic-theme #streets-and-tunnels,
.traffic-theme #traffic-controls,
.traffic-theme .car-track{
position: absolute;
display: block;
top: 75px;
width: 960px;
left: 50%;
margin-left: -480px;
z-index: 0;
}

.traffic-theme .car-track{
z-index: 1;
width: 928px;
margin-left: -464px;
overflow: hidden;
height: 120px;
}

.traffic-theme #traffic-controls{
z-index: 3;
pointer-events: none;
}

.traffic-theme #traffic-controls [data-action],
.traffic-theme #traffic-controls g{
pointer-events: all;
}

.traffic-theme #traffic-controls [data-action]:hover{
cursor: pointer;
}

.traffic-theme .car-track ul{
display: block;
width: 1875px;
height: 120px;
position: absolute;
top: 0;
left: 0;
}

.traffic-theme .car-track ul.tray-two{
left: 1875px;
}

.traffic-theme .car-track .track{
margin-left: -476px;	
}

.traffic-theme #top-car-track.car-track{
top: 117px;
}

.traffic-theme #bottom-car-track.car-track{
top: 308px;
}

.traffic-theme #bottom-car-track.car-track ul.tray-two{
left: -1875px;
}

.traffic-theme #top-car-track.car-track ul{
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.traffic-theme #bottom-car-track.car-track ul{
/* Flip track direction */
-moz-transform: scaleX(-1) translateZ(0);
-webkit-transform: scaleX(-1) translateZ(0);
transform: scaleX(-1) translateZ(0);
}

.traffic-theme .car-track .car{
display: inline-block;
background: url('../images/cars-sprite_wheels.svg') 50% 0 no-repeat,
			url('../images/cars-sprite_chassis.svg') 50% 0 no-repeat;
width: 250px;
height: 120px;
}

.no-svg .traffic-theme .car-track .car{
background: url('../images/cars-sprite.png') 50% 0 no-repeat;
}

.traffic-theme #theme-stage .car-track .car .show-link,
.traffic-theme #theme-stage .car-track .car.games a{
display: block;
height: 100%;
width: 100%;
}

.traffic-theme #theme-stage .car-track .car .show-graphic{
width: 30%;
display: block;
margin: 0 auto;
}

.traffic-theme #theme-stage .car-track .car .show-title,
.traffic-theme #theme-stage .car-track .car.games em{
position: absolute;
left: -999em;
}

/* Specific car styles */

.traffic-theme #theme-stage .car-track .car-one.car{
width: 120px;
height: 92px;
background-position: 0 -370px;
margin: 0 0 0 66px;
}

.traffic-theme #theme-stage .car-track .car-one.car .show-graphic{
width: 53%;
}

.traffic-theme #theme-stage .car-track .car-two.car{
height: 110px;
width: 212px;
background-position: 50% -122px;
margin: 9px 128px 0 206px;	
}

.traffic-theme #theme-stage .car-track .car-two.car .show-graphic{
width: 29.5%;
margin-top: 4px;
}

.traffic-theme #theme-stage .car-track .car-three.car{
width: 190px;
background-position: 50% 4px;
}

.traffic-theme #theme-stage .car-track .car-three.car .show-graphic{
display: none;
}

.traffic-theme #theme-stage .car-track .car-four.car{
width: 120px;
height: 92px;
background-position: -128px -370px;
margin: 0 0 0 230px;
}

.traffic-theme #theme-stage .car-track .car-four.car .show-graphic{
width: 53%;
}

.traffic-theme #theme-stage .car-track .car-five.car{
background-position: 50% -243px;
height: 110px;
width: 212px;
margin: 9px 0 0 206px;
}

.traffic-theme #theme-stage .car-track .car-five.car .show-graphic{
width: 30.5%;
margin-top: 2px;
}

/* IE 9 fixes */
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-one.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-two.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-three.car{
display: none;
}

.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-four.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-five.car{
visibility: visible;	
}

.traffic-theme .cars-animated #top-car-track.car-track ul{
  animation:         tray-one-go-top 30s linear infinite;
  -webkit-animation: tray-one-go-top 30s linear infinite;
}

.traffic-theme .cars-animated #bottom-car-track.car-track ul{
  animation:         tray-one-go-bottom 30s linear infinite; 
  -webkit-animation: tray-one-go-bottom 30s linear infinite;
}

.traffic-theme .cars-paused #top-car-track.car-track ul,
.traffic-theme .cars-paused #bottom-car-track.car-track ul,
.traffic-theme .cars-stopped #top-car-track.car-track ul,
.traffic-theme .cars-stopped #bottom-car-track.car-track ul{
  animation-play-state:paused;
  -webkit-animation-play-state:paused; 
}


/* Initial Object State */
.traffic-theme .simple-view #bottom-tree,
.traffic-theme .simple-view #top-tree,
.traffic-theme .simple-view #empty-sign,
.traffic-theme .simple-view #stop-light,
.traffic-theme .simple-view #lamp,
.traffic-theme .simple-view path.tunnel,
.traffic-theme .simple-view #bottom-tree.show,
.traffic-theme .simple-view #top-tree.show,
.traffic-theme .simple-view #empty-sign.show,
.traffic-theme .simple-view #stop-light.show,
.traffic-theme .simple-view #lamp.show,
.traffic-theme .simple-view path.tunnel.show{

animation:         none; 
-webkit-animation: none;
  
  	    transform: scale(1);
    -ms-transform: scale(1);
-webkit-transform: scale(1);	
}

.traffic-theme #bottom-tree,
.traffic-theme #top-tree,
.traffic-theme #empty-sign,
.traffic-theme #stop-light,
.traffic-theme #lamp,
.traffic-theme path.tunnel{
		transform: scale(0);
	-ms-transform: scale(0);
-webkit-transform: scale(0);

   		transform-origin: 50% 100%;
	-ms-transform-origin: bottom;
-webkit-transform-origin: bottom;
}

.traffic-theme #stop-light{
		transform-origin: 50% 0%;
	-ms-transform-origin: top;
-webkit-transform-origin: top;	
}

.traffic-theme #bottom-tree.show,
.traffic-theme #top-tree.show,
.traffic-theme #empty-sign.show,
.traffic-theme #stop-light.show,
.traffic-theme #lamp.show,
.traffic-theme path.tunnel.show{
  animation:         bounce-in-object .3s linear; 
  -webkit-animation: bounce-in-object .3s linear;
  

  	    transform: scale(1);
    -ms-transform: scale(1);
-webkit-transform: scale(1);	
}

/* Bounce Object In */

@-webkit-keyframes bounce-in-object {
	  0% {
	      transform: scale(.1);
	      -webkit-transform: scale(.1);
	  }
	 80% {
	      transform: scale(1.2);
	      -webkit-transform: scale(1.2);
	  }
    100% {
	      transform: scale(1);
	      -webkit-transform: scale(1);
	  }
}

@keyframes bounce-in-object {
	  0% {
	      transform: scale(.1);
	  	  -ms-transform: scale(.1);
	  }
	 80% {
	 	transform: scale(1.2);
	 	-ms-transform: scale(1.2);
	      
	  }
    100% {
	    transform: scale(1); 
	    -ms-transform: scale(1);  
	  }
}


/* Animate Cars */
@-moz-keyframes tray-one-go-top {
      0% { margin-left: 0; }
    100% { margin-left: -202.1%; }
}

@-webkit-keyframes tray-one-go-top {
      0% { margin-left: 0; }
    100% { margin-left: -202.1%; }
}

@keyframes tray-one-go-top {
      0% { margin-left: 0; }
    100% { margin-left: -202.1%; }
}

@-moz-keyframes tray-one-go-bottom {
      0% { margin-left: 0; }
    100% { margin-left: 202.1%; }
}

@-webkit-keyframes tray-one-go-bottom {
      0% { margin-left: 0; }
    100% { margin-left: 202.1%; }
}

@keyframes tray-one-go-bottom {
      0% { margin-left: 0; }
    100% { margin-left: 202.1%; }
}

/* Car Chassis Jiggle */

.traffic-theme #theme-stage .car-track .car .show-graphic{
  animation:         show-jiggle .25s linear infinite; 
  -webkit-animation: show-jiggle .25s linear infinite;	
}

@-webkit-keyframes show-jiggle {
	  0% {
	     transform: translateY(0);
	     -webkit-transform: translateY(0);
	  }
	 80% {
	    transform: translateY(-1px);
	    -webkit-transform: translateY(-1px);
	  }
    100% {
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	  }
}

@keyframes show-jiggle {
	  0% {
	     transform: translateY(0);
	     -ms-transform: translateY(0);
	  }
	 80% {
	    transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	  }
    100% {
	    transform: translateY(0);
	    -ms-transform: translateY(0);
	  }
}

.traffic-theme #theme-stage .car-track .car-one.car{
  animation:         one-chassis-jiggle .25s linear infinite; 
  -webkit-animation: one-chassis-jiggle .25s linear infinite;
}

@-webkit-keyframes one-chassis-jiggle {
	  0% {
	     background-position: 0 -370px , 0 -370px;
	  }
	 80% {
	     background-position:  0 -370px , 0 -372px;
	  }
    100% {
	     background-position: 0 -370px , 0 -370px;
	  }
}

@keyframes one-chassis-jiggle {
	  0% {
	     background-position: 0 -370px , 0 -370px;
	  }
	 80% {
	     background-position:  0 -370px , 0 -372px;
	  }
    100% {
	     background-position: 0 -370px , 0 -370px;
	  }
}

.traffic-theme #theme-stage .car-track .car-two.car{
  animation:         two-chassis-jiggle .25s linear infinite; 
  -webkit-animation: two-chassis-jiggle .25s linear infinite;
}

@-webkit-keyframes two-chassis-jiggle {
	  0% {
	     background-position: -19px -122px , -19px -122px;
	  }
	 80% {
	     background-position: -19px -122px , -19px -124px;
	  }
    100% {
	     background-position: -19px -122px , -19px -122px;
	  }
}

@keyframes two-chassis-jiggle {
	  0% {
	     background-position: -19px -122px , -19px -122px;
	  }
	 80% {
	     background-position: -19px -122px , -19px -124px;
	  }
    100% {
	     background-position: -19px -122px , -19px -122px;
	  }
}

.traffic-theme #theme-stage .car-track .car-three.car{
  animation:         plow-chassis-jiggle .25s linear infinite; 
  -webkit-animation: plow-chassis-jiggle .25s linear infinite;
}

@-webkit-keyframes plow-chassis-jiggle {
	  0% {
	     background-position: -12px 6px , -12px 6px;
	  }
	 80% {
	     background-position: -12px 6px , -12px 4px;
	  }
    100% {
	     background-position: -12px 6px , -12px 6px;
	  }
}

@keyframes plow-chassis-jiggle {
	  0% {
	     background-position: -12px 6px , -12px 6px;
	  }
	 80% {
	     background-position: -12px 6px , -12px 4px;
	  }
    100% {
	     background-position: -12px 6px , -12px 6px;
	  }
}

.traffic-theme #theme-stage .car-track .car-four.car{
  animation:         four-chassis-jiggle .25s linear infinite; 
  -webkit-animation: four-chassis-jiggle .25s linear infinite;
}

@-webkit-keyframes four-chassis-jiggle {
	  0% {
	     background-position: -128px -371px , -128px -371px;
	  }
	 80% {
	     background-position: -128px -371px , -128px -373px;
	  }
    100% {
	     background-position: -128px -371px , -128px -371px;
	  }
}

@keyframes four-chassis-jiggle {
	  0% {
	     background-position: -128px -371px , -128px -371px;
	  }
	 80% {
	     background-position: -128px -371px , -128px -373px;
	  }
    100% {
	     background-position: -128px -371px , -128px -371px;
	  }
}


.traffic-theme #theme-stage .car-track .car-five.car{
  animation:         five-chassis-jiggle .25s linear infinite; 
  -webkit-animation: five-chassis-jiggle .25s linear infinite;
}

@-webkit-keyframes five-chassis-jiggle {
	  0% {
	     background-position: -20px -243px , -20px -243px;
	  }
	 80% {
	     background-position: -20px -243px , -20px -245px;
	  }
    100% {
	     background-position: -20px -243px , -20px -243px;
	  }
}

@keyframes five-chassis-jiggle {
	  0% {
	     background-position: -20px -243px , -20px -243px;
	  }
	 80% {
	     background-position: -20px -243px , -20px -245px;
	  }
    100% {
	     background-position: -20px -243px , -20px -243px;
	  }
}

/* Static Mode */
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-one.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-two.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-three.car{
display: none;
}

.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-four.car,
.traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-five.car{
visibility: visible;	
}

/* Static Mode Mode w/ CSS3 support */
.cssanimations .traffic-theme #theme-stage.static-mode #top-car-track.car-track ul,
.cssanimations .traffic-theme #theme-stage.static-mode #bottom-car-track.car-track ul,
.cssanimations .traffic-theme #theme-stage.static-mode .car-track .car,
.cssanimations .traffic-theme #theme-stage.static-mode .car-track .car .show-graphic{
  animation:none;
  -webkit-animation:none; 
}

.cssanimations .traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-one.car,
.cssanimations .traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-two.car,
.cssanimations .traffic-theme #theme-stage.static-mode .car-track#bottom-car-track .car-three.car{
display: inline-block;
}

/* Swap to static version */
@media only screen and (max-width: 601px) {
	.traffic-theme .theme-section #theme-stage img.theme-mini-static{
		margin-top: 30px;
		min-width: 430px;
		max-width: 601px;
		margin-left: 0;
	}
	
	.traffic-theme .brand {
		min-width: 82px;
	}
}

@media only screen and (max-width: 480px) {
	.traffic-theme .theme-section #theme-stage img.theme-mini-static{
		margin-top: 58px;
	}	
}

@media only screen and (max-width: 360px) {
	.traffic-theme .theme-section #theme-stage img.theme-mini-static{
		margin-left: -42px;
	}	
}


@media only screen and (max-width: 1350px) {
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.9);
	  -ms-transform:scale(.9);
	  transform:scale(.9);
	}
}

@media only screen and (max-width: 1230px) {
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.8);
	  -ms-transform:scale(.8);
	  transform:scale(.8);
	}
}

@media only screen and (max-width: 1025px) {
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.75);
	  -ms-transform:scale(.75);
	  transform:scale(.75);
	}
}
@media only screen and (min-height: 800px) and (max-width: 1000px) {
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.85);
	  -ms-transform:scale(.85);
	  transform:scale(.85);
	}
}

@media only screen and (max-width: 900px) and (max-height: 700px){
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.65);
	  -ms-transform:scale(.65);
	  transform:scale(.65);
	}
}

@media only screen and (max-height: 769px) and (max-width: 1025px){
	.traffic-theme #theme-stage .theme-big-active{	 
	  top: -8px;
	  margin-top: 0;
	}
}

@media only screen and (max-width: 769px) and (max-height: 1025px) {
	.traffic-theme #theme-stage .theme-big-active{	 
	  -webkit-transform:scale(.65);
	  -ms-transform:scale(.65);
	  transform:scale(.65);
	  
	  
	  top: 0px;
	  margin-top: 0;
	}
}


@media only screen and (max-height: 680px) and (max-width: 825px) and (min-width: 602px) {
	.traffic-theme #theme-stage .theme-big-active{	 	  
	  top: -60px;
	  margin-top: 0;
	}
	.traffic-theme .scroll-panel.theme-section {
		min-height: 356px;
	}
}

@media only screen and (max-height: 680px) and (max-width: 1025px) and (min-width: 826px) {
	.traffic-theme #theme-stage .theme-big-active{	 	  
	  top: -85px;
	  margin-top: 0;
	}
	
	.traffic-theme .scroll-panel.theme-section {
	 	min-height: 440px;
	}
}

@media only screen and (max-height: 730px) and (min-width: 1025px) and (max-width: 1230px){ 
	.traffic-theme #theme-stage .theme-big-active{	 	  
	  top: -85px;
	  margin-top: 0;
	}
	.traffic-theme .scroll-panel.theme-section {
	 	min-height: 480px;
	}
}

@media only screen and (max-height: 730px) and (min-width: 1231px) and (max-width: 1381px){ 
	.traffic-theme #theme-stage .theme-big-active{  
		-webkit-transform:scale(.9);
	    -ms-transform:scale(.9);
	    transform:scale(.9);
	  
	  	top: -50px;
	  	margin-top: 0;
	}

	.traffic-theme .scroll-panel.theme-section {
	 	min-height: 515px;
	}
}

@media only screen and (min-height: 841px) and (max-width: 850px){ 
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.75);
	  -ms-transform:scale(.75);
	  transform:scale(.75);
	}
}


@media only screen and (max-height: 840px) and (min-width: 1382px){ 
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.9);
	  -ms-transform:scale(.9);
	  transform:scale(.9);
	  
	  top: -50px;
	  margin-top: 0;
	}
	
	.traffic-theme .scroll-panel.theme-section {
	 	min-height: 555px;
	}
}

@media only screen and (max-height: 888px) and (max-width: 775px) and (min-width: 602px){
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(.55);
	  -ms-transform:scale(.55);
	  transform:scale(.55);
	  
	  top: -50px;
	}
	.traffic-theme .scroll-panel.theme-section {
	  height: 635px !important;
	}
}


@media only screen and (min-height: 1100px) and (min-width: 1382px){ 
	.traffic-theme #theme-stage .theme-big-active{
	  -webkit-transform:scale(1.25);
	  -ms-transform:scale(1.25);
	  transform:scale(1.25);
	}
}


#no-flash-version,
#full-version{
display: none;
}

.has-flash #full-version,
.no-flash #no-flash-version{
display: block;
}