.product-promotion-modal{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.25);margin:0 auto;z-index:900;position:fixed;bottom:-500px;transition:bottom 1s,opacity 1s;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%;background-size:cover;opacity:0}.product-promotion-modal.opened{bottom:0;opacity:1}.product-promotion-modal .close-button-container{padding:16px 16px 0 16px;text-align:right;margin-bottom:33px}.product-promotion-modal .close-button-container .close-button{font-size:20px;color:#a1a1a1;cursor:pointer}.product-promotion-modal .main-content{padding:0 169px 65px 169px;text-align:center}.product-promotion-modal .main-content .headline{font-size:36px;font-weight:700;margin-bottom:20px}.product-promotion-modal .main-content .sub-headline{font-size:24px;color:#111111;margin-bottom:30px}.product-promotion-modal .main-content .cta-container .button{color:#fff}@media screen and (max-width:767px){.product-promotion-modal{top:140px;left:0;right:0;width:80%;transition:opacity 1s;opacity:0;-webkit-transform:none;transform:none;bottom:auto;visibility:hidden}.product-promotion-modal .close-button-container{margin-bottom:37px}.product-promotion-modal .main-content{text-align:left;padding:0 42px 34px 27px}.product-promotion-modal.opened{bottom:auto;-webkit-animation:appear 1s 1 linear forwards;animation:appear 1s 1 linear forwards;visibility:visible}.product-promotion-modal.closed{-webkit-animation:disappear 1s 1 linear forwards;animation:disappear 1s 1 linear forwards}}@-webkit-keyframes disappear{0%{opacity:1;visibility:visible}99%{opacity:0}100%{opacity:0;visibility:hidden}}@keyframes disappear{0%{opacity:1;visibility:visible}99%{opacity:0}100%{opacity:0;visibility:hidden}}@-webkit-keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}