.GEM-popup { position: fixed; z-index: 999; left: 0; right: 0; bottom: 0; background-color: #00ADEF; max-height: 100%; overflow-y: auto; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: visibility .5s, -webkit-transform .5s ease-in-out; transition: visibility .5s, -webkit-transform .5s ease-in-out; transition: visibility .5s, transform .5s ease-in-out; transition: visibility .5s, transform .5s ease-in-out, -webkit-transform .5s ease-in-out; }
.GEM-popup.open { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.GEM-popup__container { position: relative; max-width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; }
@media (max-width: 1300px) { .GEM-popup__container { max-width: 1020px; } }
@media (max-width: 640px) { .GEM-popup__container { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; } }
.GEM-popup__column-1_3 { padding: 25px 20px 30px 20px; width: 33.333%; }
.GEM-popup__column-2_3 { padding: 35px 60px 30px 20px; max-width: 680px; }
.GEM-popup__column-1_3, .GEM-popup__column-2_3 { -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 640px) { .GEM-popup__column-1_3, .GEM-popup__column-2_3 { width: 100%; padding: 0 20px; } }
.GEM-popup .cover-image { position: relative; background-position: calc(100% - 40px) 50%; background-size: contain; background-repeat: no-repeat; background-image: url("../../images/GEM-member/cover-image.png"); }
@media (max-width: 1300px) { .GEM-popup .cover-image { background-position: 100% 50%; } }
@media (max-width: 960px) { .GEM-popup .cover-image { background-position: calc(100% + 60px) 50%; } }
@media (max-width: 768px) { .GEM-popup .cover-image { background: none; } }
@media (max-width: 640px) { .GEM-popup__btn-holder { text-align: center; } }
.GEM-popup__btn { display: inline-block; padding: 13px 28px 8px; background-color: #333333; color: #FFFFFF; font-family: "Supria Sans W01 Medium", helvetica, arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: uppercase; text-align: center; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
.GEM-popup__btn:hover { background-color: #454545; }
.GEM-popup__close { cursor: pointer; position: absolute; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 50%; top: 30px; right: 20px; z-index: 5; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
.GEM-popup__close:before, .GEM-popup__close:after { content: ''; position: absolute; top: 11px; left: 4px; width: 16px; height: 1px; background-color: #fff; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; }
.GEM-popup__close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.GEM-popup__close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.GEM-popup__close:hover { background-color: #fff; }
.GEM-popup__close:hover:before, .GEM-popup__close:hover:after { background-color: #00ADEF; }
@media (max-width: 640px) { .GEM-popup__close { top: 25px; } }
.GEM-popup__title-1 { font-family: "Supria Sans W01 Heavy", helvetica, arial, sans-serif; font-size: 50px; line-height: 50px; font-weight: 900; color: #fff; text-transform: uppercase; margin-bottom: 15px; }
.GEM-popup__title-1 span { color: #323232; }
@media (max-width: 768px) { .GEM-popup__title-1 { font-size: 40px; line-height: 40px; } }
@media (max-width: 640px) { .GEM-popup__title-1 { font-size: 30px; line-height: 31px; margin-bottom: 10px; } }
.GEM-popup__title-2 { font-family: "Supria Sans W01 Bold", helvetica, arial, sans-serif; font-size: 20px; line-height: 28px; font-weight: bold; color: #fff; }
@media (max-width: 1300px) { .GEM-popup__title-2 { font-size: 17px; } }
@media (max-width: 640px) { .GEM-popup__title-2 { font-size: 20px; line-height: 26px; margin-bottom: 12px; } }
.GEM-popup p { font-family: "Supria Sans W01 Regular", helvetica, arial, sans-serif; font-size: 16px; line-height: 24px; color: #fff; }
.GEM-popup p strong { font-family: "Supria Sans W01 Heavy", helvetica, arial, sans-serif; font-weight: 900; }
@media (max-width: 1300px) { .GEM-popup p { line-height: 22px; } }
@media (max-width: 640px) { .GEM-popup p { margin-bottom: 20px; } }