@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: url( "assets/bg.jpg" ) no-repeat; background-size: contain; }
.mainArea { width: 728px; height: 208px; overflow: hidden; }
.txt1 { background: url( "assets/txt1-728.png" ) no-repeat; background-size: contain; left: 359px; top: 17px; width: 175px; height: 52px; }
.photoContainer { left: -60px; top: -42px; width: 351px; height: 234px; -webkit-box-shadow: -2px 3px 5px rgba( 0, 0, 0, .6 ); box-shadow: -2px 3px 5px rgba( 0, 0, 0, .6 ); overflow: hidden; }
.photo { background: url( "assets/img.jpg" ) no-repeat 0 0; background-size: 351px 234px; width: 351px; height: 234px; }
.txt2 { background: url( "assets/txt2.png" ) no-repeat; background-size: auto 68px; }
.txt2a { background-position: center top; left: 229px; top: 10px; width: 191px; height: 14px; }
.txt2b { background-position: center -22px; left: 229px; top: 32px; width: 191px; height: 33px; }
.txt2c { background-position: center bottom; left: 229px; top: 68px; width: 191px; height: 12px; }
.beans { background: url( "assets/beans.png" ) no-repeat; background-size: contain; left: 434px; top: -31px; width: 193px; height: 129px; }
.footer { width: 125px; height: 90px; bottom: 0; right: 0; }
.cta { right: 12px; top: 52px; width: 102px; height: 26px; overflow: hidden; background-color: #53682b; z-index: 40; }
.cta svg { -webkit-transform: scale( .85 ); -ms-transform: scale( .85 ); transform: scale( .85 ); }
.cta_txt { color: white; fill: white; }
.logo { background: url( "assets/FA_logo.svg" ) no-repeat; background-size: contain; right: 35px; top: 12px; width: 56px; height: 29px; }