.modal,.modal .close-modal,.modal .modal-content{opacity:0;backface-visibility:hidden}.hero,.modal{margin:0 auto}.modal{display:flex;align-items:center;justify-content:center;position:relative;max-width:75rem;min-height:20rem;padding:1rem;border-radius:3px;overflow-y:auto;visibility:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transform:scale(1.2);transition:.6s cubic-bezier(.55, 0, .1, 1)}.modal .close-modal{position:absolute;cursor:pointer;top:20px;right:30px;transition:opacity .6s cubic-bezier(.55, 0, .1, 1),transform .6s cubic-bezier(.55, 0, .1, 1);transition-delay:0.3s}.modal .close-modal svg{width:1.75em;height:1.75em}.modal .modal-content{transition:opacity .6s cubic-bezier(.55, 0, .1, 1);transition-delay:0.3s}.modal.active{visibility:visible;opacity:1;transform:scale(1)}.modal.active .modal-content{opacity:1}.modal.active .close-modal{transform:translateY(10px);opacity:1}@media only screen and (max-width:39.9375em){.modal{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-overflow-scrolling:touch;border-radius:0;transform:scale(1.1);padding:0!important}.close-modal{right:20px!important}}.hero{height:8px;width:100%;overflow:hidden;background-image:url("assets/new_img/list-color.png");background-repeat:repeat-x;animation:6s linear infinite animate-color}@keyframes animate-color{from{background-position:0}to{background-position:1300px}}