.subscribe-modal{max-width:1024px;width:100%}@media only screen and (min-width:768px){.subscribe-modal{height:720px}.subscribe-wrapper{display:flex}}@media only screen and (min-width:768px) and (max-width:1024px){.subscribe-modal-woman{width:calc(100vw - 32rem)}}.subscribe-wrapper *{box-sizing:border-box;margin:0;padding:0}.subscribe-wrapper{background-color:#005a8c;border:4px solid #fff;border-radius:12px;height:80px;justify-content:center;position:relative;width:120px;z-index:0}.subscribe-lid{border-bottom:36px solid transparent;border-left:50px solid transparent;border-right:50px solid transparent;height:100%;left:4;position:absolute;top:1px;transform-origin:top;transition:transform .25s linear;width:95%}.subscribe-lid.subscribe-lid-one{border-top:36px solid #046da7;transform:rotateX(0);transition-delay:.75s;z-index:3}.subscribe-lid.subscribe-lid-two{border-top:36px solid #005a8c;transform:rotateX(90deg);transition-delay:.5s;z-index:1}.subscribe-envelope{border-color:transparent #e0edf3 #e0edf3 #cde1ed;border-radius:7px;border-style:solid;border-width:36px 56px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.subscribe-letter{background-color:#fff;border-radius:12px;height:calc(100% - 10px);position:absolute;top:4px;transition:.5s;width:80%;z-index:2}.subscribe-letter p{color:#3b4049;font-size:16px;margin-top:30px;text-align:center}.subscribe-wrapper:hover .subscribe-lid.subscribe-lid-one{transform:rotateX(90deg);transition-delay:0s}.subscribe-wrapper:hover .subscribe-lid.subscribe-lid-two{transform:rotateX(180deg);transition-delay:.25s}.subscribe-wrapper:hover .subscribe-letter{transform:translateY(-50px);transition-delay:.5s}