@charset "UTF-8";
/* CSS Document */

/* standard */
body, body * {vertical-align: baseline; border: 0; outline: 0; padding: 0; margin: 0;}
/* Div layer for the entire banner. */
#container_dc { position: absolute; width: 262px; height: 198px; border:1px solid #000000; top: 0px; left: 0px; margin: auto;}
#content_dc { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #1D2635; z-index: 100; overflow:hidden;}
/* Invisible button for background clickthrough. */
#background_exit_dc {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index:400;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}


/* specific */


/* hide elements with autoAlpha */
.logo, .button, .bkg, .txtWhite, .txtLightBlue, .dateTxt{visibility:hidden;}

#replay img{width:12px; height:14px; position:absolute; margin:0; padding:0; z-index:401; top:6px; left:6px; opacity:.5; cursor:pointer; background:transparent;}

.logo img{width:250px; height:36px;}
.logo{position:absolute; left:6px; text-align:center; margin:0 auto; padding:0; top:5px; z-index:399; width:250px;}

.bkg{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:3; top:0px; left:0px;}


/* offers */
.offer{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:310; top:118px; left:0px;}

.button{width:94px; height:28px; position:absolute; top:160px; left:155px; z-index:398;}


/* elements from SVG */
.glassStrokes{fill:none;stroke:#efefef;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.glassLiquid{fill:#5AB49C;}
.glassLines{fill:none;stroke:#F4B15D;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}

/* svg color */	
.savingsSVG{fill:#F41212;}
.newyearSVG{fill:#FFFFFF;}
.starWhite, .starWhiteLine{fill:#FFFFFF;}
.starGreen{fill:#6DBE60;}
.starBlue{fill:#63C6C9;}
.starGold{fill:#C58044;}
.txtWhite{fill:#FFFFFF;}
.yearLines{opacity:.3; fill:none; stroke:#FFFFFF; stroke-miterlimit:10;}
.txtLightBlue{fill:#23E2E4;}

/* svg */
#txtThisYear{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:390; top:111px; left:76px; width:112px; height:32px; overflow:visible;}
#txtSubscribe{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:390; top:83px; left:0px; width:262px; height:40px; overflow:visible;}
#txtStayConnected{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:390; top:83px; left:0px; width:262px; height:40px; overflow:visible;}
#txtBeInformed{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:390; top:83px; left:0px; width:262px; height:40px; overflow:visible;}
#dateTxt{position:absolute; text-align:center; margin:0 auto; padding:0; z-index:390; top:43px; left:25px; width:212px; height:65px; overflow:visible;}

/* confetti */
.dot{ width:3px; height:3px;position:absolute; background:#24783d;}
#snowContainer{position:absolute; top:0; left:0; width:100%; height:100%; z-index:309;}