#vip-widget-wrapper { margin: 0 auto; background: inherit; font-size: 10px; font-family: "proxima-nova", Tahoma, Arial, sans-serif; text-align: center; padding-left: 0; padding-right: 0; display: flex; justify-content: center; } #vip-widget-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #vip-widget-wrapper a, #vip-widget-wrapper p { font-family: "proxima-nova", Tahoma, Arial, sans-serif; font-size: 10px; margin: 0; } #vip-widget-wrapper img { width: 100%; } #vip-widget-wrapper span { font-family: "proxima-nova", Tahoma, Arial, sans-serif !important; font-size: inherit; } #vip-widget-wrapper span.text-heavy { font-weight: 700; font-size: inherit; } #vip-widget-wrapper span.text-underline { text-decoration: underline; font-size: inherit; } #vip-widget-wrapper .wdg-modal__link { cursor: pointer; } #vip-widget-wrapper #vip-widget__main { background: #1d3b60; width: 180px; height: 180px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; } #vip-widget-wrapper .vip-widget__inner .wdg-copy { margin-bottom: 1em; } #vip-widget-wrapper .vip-widget__inner .wdg-copy p { color: #fff; text-transform: uppercase; } #vip-widget-wrapper .vip-widget__inner .wdg-copy .wdg-headline { font-weight: 700; font-size: 1.8em; line-height: 1em; } #vip-widget-wrapper .vip-widget__inner .wdg-copy .wdg-subheadline { font-weight: 600; font-size: 1.1em; } #vip-widget-wrapper .vip-widget__inner .widget-cta { line-height: 1.2em; } #vip-widget-wrapper .vip-widget__inner .widget-cta p { cursor: pointer; color: #e5c16b; text-transform: uppercase; transition: 0.5s ease; } #vip-widget-wrapper .vip-widget__inner .widget-cta p .wdg-maincta { font-weight: 600; font-size: 1.8em; line-height: 1em; } #vip-widget-wrapper .vip-widget__inner .widget-cta p .wdg-subcta { text-transform: capitalize; color: #fff; transition: 0.5s ease; text-decoration: underline; font-size: 1.1em; } #vip-widget-wrapper .wdg-modal__link #vip-widget__main { background-repeat: no-repeat; background-position: 100%, 100%, 0 0; background-image: -webkit-linear-gradient(top left, #7baed4 0%, rgba(123, 174, 212, 0.8) 37%, rgba(123, 174, 212, 0.2) 45%, rgba(123, 174, 212, 0) 50%); background-image: -moz-linear-gradient(0 0, #7baed4 0%, rgba(123, 174, 212, 0.8) 37%, rgba(123, 174, 212, 0.2) 45%, rgba(123, 174, 212, 0) 50%); background-image: -o-linear-gradient(0 0, #7baed4 0%, rgba(123, 174, 212, 0.8) 37%, rgba(123, 174, 212, 0.2) 45%, rgba(123, 174, 212, 0) 50%); background-image: linear-gradient(0 0, #7baed4 0%, rgba(123, 174, 212, 0.8) 37%, rgba(123, 174, 212, 0.2) 45%, rgba(123, 174, 212, 0) 50%); -moz-background-size: 250% 250%, 100% 100%; background-size: 250% 250%, 100% 100%; -webkit-transition: background-position 0s ease; -moz-transition: background-position 0s ease; -o-transition: background-position 0s ease; transition: 0s ease; } #vip-widget-wrapper .wdg-modal__link:hover #vip-widget__main { background-position: 0 0, 0 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 1px 1px 12px -1px rgba(0, 0, 0, 0.83); box-shadow: 1px 1px 12px -1px rgba(0, 0, 0, 0.83); } #vip-widget-wrapper .wdg-modal__link:hover #vip-widget__main .vip-widget__inner .widget-cta { line-height: 1.2em; } #vip-widget-wrapper .wdg-modal__link:hover #vip-widget__main .vip-widget__inner .widget-cta p { color: #1d3b60; } #vip-widget-wrapper .wdg-modal__link:hover #vip-widget__main .vip-widget__inner .widget-cta p .wdg-maincta { font-weight: 700; } #vip-widget-wrapper .wdg-modal__link:hover #vip-widget__main .vip-widget__inner .widget-cta p .wdg-subcta { color: #fff; } #vip-widget-wrapper .vip-widget__modal { position: fixed; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 99999999999; } #vip-widget-wrapper .vip-widget__modal.wdg-modal--open { visibility: visible; opacity: 1; transition-delay: 0.3s; z-index: 9999999999; } #vip-widget-wrapper .vip-widget__modal .wdg-modal__bg { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; } #vip-widget-wrapper .vip-widget__modal .wdg-modal__content { background: #fff; position: relative; padding: 2em; } #vip-widget-wrapper .vip-widget__modal .wdg-modal__content .wdg-modal__close { width: 35px; height: 35px; position: absolute; border-radius: 50%; right: -12px; top: -12px; background: #333; border: 2px solid #fff; letter-spacing: -2px; } #vip-widget-wrapper .vip-widget__modal .wdg-modal__content .wdg-modal__close a { text-decoration: none; font-size: 23px; color: #fff; } #vip-widget-wrapper .vip-widget__modal .wdg-modal__content .wdg-modal__close a:focus { outline: none; }
@media only screen and (max-width: 480px) { #vip-widget-wrapper .desktop-toggle { display: none; } #vip-widget-wrapper .mobile-toggle { display: block; } }
@media only screen and (max-width: 1439px) { #vip-widget-wrapper { display: none; }
}