#container {
	font-family: Helvetica, Arial;		
	left: 0;
	height: 250px;
	padding: 0px;
	position: absolute;	
	text-align: center;	
	top: 0;
	width: 300px;
	cursor: pointer;
}

/*--------------------- Globals ---------------------*/
:focus { outline:none; }
::-moz-focus-inner { border:0; }
html, body { background-color: #fff; margin: 0; padding: 0; }
#container { position: absolute; width: 300px; height: 250px; }
#sienna { position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; overflow: hidden;
/*
transform-style: preserve-3d;
perspective: 400;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
*/
color: #fff;
background: #000000;
font-family:Montserrat,sans-serif;
}
#sienna svg { position: absolute; overflow: hidden; right: 0; }
#sienna div { display: block; overflow: hidden; position: absolute; background: transparent; }
#sienna img { display: block; width: 100%; height: 100%; position: absolute; }
#sienna .lockup { width: 300px; height: 250px; }



/*--------------------- IE/Utilities ---------------------*/
#sienna #border { background: transparent; border: 1px solid #333; width: 298px; height: 248px; position: absolute; top: 0; left: 0; opacity: 1; }
#sienna #background_exit { display: block; overflow: hidden; background: transparent; width: 100%; height: 100%; position: absolute; }
#sienna .hide { display: none; }

#sienna .darken {
	    position: absolute;
	    width: 100%;
	    height: 200px;
	    opacity: 0.5;
	    background: -moz-linear-gradient(
	      top,
	      rgba(0, 0, 0, 1) 5%,
	      rgba(0, 0, 0, 0) 100%
	    );
	    background: -webkit-linear-gradient(
	      top,
	      rgba(0, 0, 0, 1) 5%,
	      rgba(0, 0, 0, 0) 100%
	    );
	    background: linear-gradient(
	      to bottom,
	      rgba(0, 0, 0, 1) 5%,
	      rgba(0, 0, 0, 0) 100%
	    );
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	  }
	
	  .cta {
	    position: absolute;
	    width: 87px;
	    height: 26px;
	    bottom: 23px;
	    right: 10px;
	    color: #fff;
	    font-weight: 400;
	    font-size: 10px;
	    line-height: 100%;
	    background: #eb091e;
	    border-radius: 50px;
	    display: flex;
	    text-align: center;
	    justify-content: center;
	    flex-direction: column;
	  }
	  .cta p {
	      margin: 0 0 0 0;
	    }
	  .cta:hover { background: #999; }
	
	  #sienna .headline {
	    position: absolute;
	    top: 10px;
	    left: 0;
	    width: 100%;
	    color: #fff;
	    font-size: 19px;
	    font-weight: 700;
	    text-align: center;
	    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
	  }
	  
	  #sienna .headline span { font-weight: 500; }
	
	  #sienna .disclaimer {
	    color: white;
	    font-size: 6.5px;
	    font-weight: 300;
	    line-height: 100%;
	    position: absolute;
	    bottom: 8px;
	    right: 10px;
	    text-align: right;
	  }
	  
	  #sienna #rain_anim {
		  position: absolute;
		  width: 300px;
		  height: 250px;
		  overflow: hidden;
		  
	  }
	  #sienna #rain_anim #rain {
			  width: 4500px;
			  height: 250px;
		  }