@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: 300px; height: 250px; border: 1px solid #333; overflow: hidden; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; }
.fullsize { width: 100%; height: 100%; }
.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: white; }
.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 { display: none; }
.logo { background: url( "assets/fa_logo.svg" ) no-repeat; background-size: contain; width: 98px; height: 50px; left: 14px; top: 7px; }
.img1 { background: url( "assets/img1.jpg" ) no-repeat; background-size: cover; }
.img2 { background: url( "assets/img2.jpg" ) no-repeat; background-size: cover; }
.leaf2 { background: url( "assets/leaf2.png" ) no-repeat; background-size: contain; width: 99px; height: 96px; left: 6px; top: 102px; }
.stat { width: 100%; height: 100%; }
.footer { width: 300px; height: 62px; background-color: #f5e5cf; bottom: 0; }
.txt1 { background: url( "assets/txt1.svg" ) no-repeat; background-size: contain; width: 151px; height: 33px; left: 15px; bottom: 14px; }
.txt2 { background: url( "assets/txt2.svg" ) no-repeat; background-size: contain; width: 131px; height: 33px; left: 15px; bottom: 14px; }
.cta { height: 28px; right: 15px; bottom: 17px; }
.stat.ot { background: url( "assets/stat_10.svg" ) no-repeat center 40px; background-size: 49px auto; }
.cta.ot { background: #de7c00 url( "assets/cta_ot.svg" ) no-repeat center center; background-size: 80%; width: 87px; }
.stat.m { background: url( "assets/stat_35.svg" ) no-repeat center 38px; background-size: 63px auto; }
.cta.m { background: #de7c00 url( "assets/cta_m.svg" ) no-repeat center center; background-size: 80%; width: 109px; }