[data-component-name=main-promo]{display:none}.promoVisible [data-component-name=main-promo]{display:block}.promoVisible [data-component-name=main-promo] .wrapper{display:inline-block;position:relative;width:100%;text-align:center;color:#000;background-color:#fff;transition:color 1s,background-color 1s}.promoVisible [data-component-name=main-promo] .wrapper button.mfp-close{width:40px;height:40px;top:8px;right:8px;background-size:12px;z-index:3}.promoVisible [data-component-name=main-promo] .wrapper .promotionList{display:inline-block;width:100%;padding-top:22px;padding-bottom:25px;border-bottom:1px solid #000}.promoVisible [data-component-name=main-promo] .wrapper .promotionList .promotionEntry{display:inline-block;padding:0 56px;text-transform:uppercase}.promoVisible [data-component-name=main-promo] .wrapper .promotionList .promotionEntry .longDescription{display:inline}.promoVisible [data-component-name=main-promo] .wrapper .promotionList .promotionEntry .shortDescription{display:none}@media screen and (min-width:768px) and (max-width:1024px){.promoVisible [data-component-name=main-promo] .wrapper button.mfp-close{top:43px;right:43px;background-size:26px}.promoVisible [data-component-name=main-promo] .wrapper .promotionList{padding:56px 0}.promoVisible [data-component-name=main-promo] .wrapper .promotionList .promotionEntry{padding:0 126px}}@media screen and (min-width:1025px){.promoVisible [data-component-name=main-promo] .wrapper button.mfp-close{top:18px;right:22px;background-size:16px}.promoVisible [data-component-name=main-promo] .wrapper .promotionList{padding:32px 0}.promoVisible [data-component-name=main-promo] .wrapper .promotionList .promotionEntry{padding:0 84px}}

/*# sourceMappingURL=main-promo.css.map*/