.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } #email-capture { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1002; color: #302e2b; background-color: white; padding: 20px; font-size: 18px; border-top: 1px solid #c8c2bb; } #email-capture .close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #302e2b; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #email-capture .close i { font-size: 18px; } #email-capture .close:hover { color: #f6f5f4; background-color: #427ddd; } #email-capture form { padding-left: 55px; } #email-capture img { position: absolute; top: 20px; left: 20px; height: 40px; } #email-capture p { display: inline; margin: 0 20px 0 0; padding-bottom: 20px; font-size: 18px; } #email-capture .group { display: inline; } #email-capture .group label { display: none; } #email-capture .group input { width: auto; display: inline; font-size: 18px; } #email-capture .button { display: none; } #email-capture .big-arrow { position: absolute; left: 50%; top: -200px; font-size: 200px; margin-left: -100px; color: white; } #email-capture.success { background-color: #48a55f; color: white; font-size: 28px; } #email-capture-fadeout { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; background-color: rgba(0, 0, 0, 0.75); }