/* Reset
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*normalize 4.2.0*/progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* Ad Boilerplate
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*--safari text weight fix--*/

#ad {
	background: #e9eaea;
	border: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 90px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 728px;
}
#cta {
	bottom: 9px;
    margin: 0 auto;
    opacity: 1;
	padding-left:25px;
	left:430px;
	position: absolute;
    width: 100%;
    -webkit-transition: all .5s;
	   -moz-transition: all .5s;
			transition: all .5s;
	z-index:1001;
}
#bgExitArea{
	height:100%;
	margin:0;
	padding:0;	
	position:absolute;
	width:100%;
	z-index:1000;
}
#cta.In {
	opacity: 1;
}
#zipCode:focus, .button:focus {
    outline: 0;
}
#zipCode {
	border: 1px solid #ACACAC;
	border-radius: 3px;
	box-sizing: border-box;
	color: #ACACAC;
	display: inline-block;
	font-family: Open Sans,Arial,Verdana,sans-serif;
	font-size: 1em;
    font-weight: 400;
	line-height: normal;
	margin: 0;
	position:static;
	text-align: center;
	width: 81px;
	-webkit-appearance: none;
}
.button input, .button a {
	background: linear-gradient(to bottom,#ff9c00 0%,#ff6600 100%); 
	background-position: 0 0;
    background-size: auto 200%;
    border: none;   
	border-radius: 3px; 
	color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway",Arial,Verdana,sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1;
    margin:5px;
    padding: .67em 1.55em;
	position:static;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
    		transition: all .3s;
}
.button input:hover, .button a:hover {
	background-position: 0 100% !important;
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
			transition: all 0s
}
#cta #zipCode, #cta .button {
	display:inline-block;
	height:	45px;
}
/* Creative
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	/*Ad specific css here*/
#bg{
	background:url(flo.png);
	height:90px;
	position:absolute;
	width:88px;
	z-index:6;
	-webkit-filter:drop-shadow(0px 0px 7px rgba(0,0,0,.2));
			filter:drop-shadow(0px 0px 7px rgba(0,0,0,.2));
	
}
#text{position:absolute;left:117px;z-index:5;}
#text div{
	opacity:0;
	position:absolute;
	-webkit-transition:all .25s linear;
	   -moz-transition:all .25s linear;
			transition:all .25s linear;
}
#text div.In{
	opacity:1;
}

#t1,#t2{
	color:#fff;
	left:10px;
	letter-spacing:0.5px;
	text-align:center;
	top:4px;
	width:160px;	
}
#t2,#t3{
	font-size:57px;
	font-weight:600;
	top:12px;
	font-weight:600;
}
#t3,#t4{
	color:#1f63ae;
	font-size:9px;
	left:27px;
	text-align:left;
	top:76px;
	width:200px;
}
#t4{
	color:white;
	font-size:15px;
	font-weight:400;
	left:180px;
	line-height:20px;
	opacity:0;
	top:11px;
}
#t4 span{
	font-weight:600;
}

#ribbon{height:100%;position:absolute;width:100%;}
#ribbon > div{
	background-repeat:no-repeat;
	bottom:0;
	overflow:hidden;
	position:absolute;
	width:0;
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	   		transition:all .25s;
}

/*backgrounds are set in javascript*/
#ribbon>div:nth-child(1){height:66px;z-index:1}
#ribbon>div:nth-child(1).In{width:258px;}

#ribbon>div:nth-child(2){height:85px;z-index:2;overflow:visible;right:465px;}
#ribbon>div:nth-child(2).In{width:140px}

#ribbon>div:nth-child(3){height:90px;left:116px;z-index:3}
#ribbon>div:nth-child(3).In{width:610px}

#ribbon>div:nth-child(4){height:41px;left:116px;opacity:0;width:158px;z-index:4}
#ribbon>div:nth-child(4).In{opacity:1}

#steam{
	background:url(steam.png);
	height:83px;
	left:0px;
	opacity:0;
	position:absolute;
	top:-12px;
	width:59px;
	z-index:10;
	-webkit-transform:scale(.4,.4);
	   -moz-transform:scale(.4,.4);
			transform:scale(.4,.4);
	-webkit-transform-origin:center bottom;
	   -moz-transform-origin:center bottom;
			transform-origin:center bottom;
	-webkit-transition:all 1.5s linear;
	   -moz-transition:all 1.5s linear;
			transition:all 1.5s linear;
}
#steam.In{
	opacity:1;
	-webkit-transform:scale(1,1);
	   -moz-transform:scale(1,1);
			transform:scale(1,1);
}
#steam.Out{
	opacity:0;
	-webkit-transform:scale(1.25,1.25);
	   -moz-transform:scale(1.25,1.25);
			transform:scale(1.25,1.25);
}
#logo{
	background:url(logo.png) no-repeat;
	height:14px;
	opacity:1;
	position:absolute;
	right:15px;
	top:9px;
	width:119px;
	z-index:7;
	-webkit-transition:all .75s;
	   -moz-transition:all .75s;
	   		transition:all .75s;
}
#logo.In{opacity:1}