@charset "UTF-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
#banner { position: relative; width: 728px; height: 90px; border: 1px solid #000; overflow: hidden; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; }
.fullsize { width: 728px; height: 90px; }
.hide { display: none; }
.show { display: block; }
.hidden { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; }
#banner .interaction { z-index: 100; }
#banner #mainBtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; cursor: pointer; background-color: rgba( 255, 255, 255, 0 ); }
#banner { background-color: #53682b; }
.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.container { background-color: white; }
.img1 { background: url( "assets/img1.jpg" ) no-repeat; background-size: contain; }
.paper { background: url( "assets/list_paper.png" ) no-repeat right top; background-size: contain; left: 61px; top: -423px; width: 767px; height: 779px; -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.txt1 { background: url( "assets/txt1.png" ) no-repeat; background-size: auto 62px; z-index: 21; }
.txt1a { background-position: center top; right: 170px; top: 10px; width: 150px; height: 14px; }
.txt1b { background-position: center bottom; right: 170px; top: 30px; width: 150px; height: 45px; }
.items { background: url( "assets/items.png" ) no-repeat; background-size: contain; width: 103px; height: 105px; right: 376px; top: 43px; -webkit-transform: rotate( -78deg ); -ms-transform: rotate( -78deg ); transform: rotate( -78deg ); }
.img2 { background: url( "assets/img2.jpg" ) no-repeat; background-size: contain; left: 108px; top: -64px; width: 681px; height: 453px; }
.txt2 { background: url( "assets/txt2.png" ) no-repeat; background-size: contain; width: 107px; height: 59px; left: 18px; top: 15px; z-index: 22; }
.txt3 { background: url( "assets/txt3.png" ) no-repeat; background-size: contain; width: 115px; height: 67px; left: 18px; top: 12px; z-index: 22; }
.cta { right: 28px; top: 54px; width: 94px; height: 26px; overflow: hidden; background-color: #b22d3a; }
.cta svg { -webkit-transform: scale( .8 ); -ms-transform: scale( .8 ); transform: scale( .8 ); }
.cta_txt { color: white; fill: white; }
.circle { left: -32px; top: 32px; width: 150px; height: 100px; background-color: white; border-radius: 50%; }
.footer { background: url( "assets/green_bar.jpg" ) no-repeat right top; background-size: 151px 90px; width: 150px; height: 90px; bottom: 0; right: 0; overflow: hidden; }
.logo { background: url( "assets/FA_logo.svg" ) no-repeat center top; background-size: contain; width: 100%; height: 30px; right: 0; top: 8px; }
.star { background: url( "assets/star.png" ) no-repeat; background-size: contain; }
.starXLarge { width: 110px; height: 110px; }
.starLarge { width: 90px; height: 90px; }
.starMed { width: 60px; height: 60px; }
.starSmall { width: 30px; height: 30px; }
.blob { background-color: rgba( 255, 255, 255, .4 ); border-radius: 50%; }
.blobXLarge { width: 70px; height: 70px; }
.blobLarge { width: 50px; height: 50px; }
.blobMed { width: 40px; height: 40px; }
.blobSmall { width: 25px; height: 25px; }
.f1 .twinkle_container .star1 { left: 330px; top: 30px; }
.f1 .twinkle_container .star2 { left: 290px; top: -14px; }
.f1 .twinkle_container .star3 { left: -10px; top: 160px; }
.f1 .twinkle_container .blob1 { left: 316px; top: 70px; }
.f1 .twinkle_container .blob2 { left: 321px; top: 55px; }
.f1 .twinkle_container .blob3 { left: 30px; top: 16px; }
.f1 .twinkle_container .blob4 { left: 30px; top: 26px; }
.f2 .twinkle_container .star1 { left: 520px; top: -30px; }
.f2 .twinkle_container .star2 { left: 500px; top: -30px; }
.f2 .twinkle_container .star3 { left: -10px; top: 160px; }
.f2 .twinkle_container .blob1 { left: 536px; top: 50px; }
.f2 .twinkle_container .blob2 { left: 317px; top: 5px; }
.f2 .twinkle_container .blob3 { display: none; }
.f2 .twinkle_container .blob4 { display: none; }
.f3 .twinkle_container .star1 { left: 500px; top: -30px; }
.f3 .twinkle_container .star2 { left: 300px; top: 46px; }
.f3 .twinkle_container .star3 { left: -10px; top: 160px; }
.f3 .twinkle_container .blob1 { left: 306px; top: -20px; }
.f3 .twinkle_container .blob2 { left: 333px; top: 5px; }
.f3 .twinkle_container .blob3 { right: 140px; top: 16px; }
.f3 .twinkle_container .blob4 { right: 160px; top: 10px; }