html { line-height:1.15;-webkit-text-size-adjust:100%} body { margin:0} main { display:block} h1 { font-size:2em;margin:.67em 0} hr { box-sizing:content-box;height:0;overflow:visible} pre{ font-family:monospace,monospace;font-size:1em}a{ background-color:transparent} abbr[title] { border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b, strong{ font-weight:bolder}code, kbd, samp{ font-family:monospace,monospace;font-size:1em} small{ font-size:80%}sub, sup{ font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{ bottom:-.25em}sup{ top:-.5em}img{ border-style:none} button, input, optgroup, select, textarea{ font-family:inherit;font-size:100%;line-height:1.15;margin:0} button, input{ overflow:visible}button, select{ text-transform:none} [type=button], [type=reset], [type=submit], button{ -webkit-appearance:button} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{ border-style:none;padding:0} [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{ outline:1px dotted ButtonText}fieldset{ padding:.35em .75em .625em}legend{ box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{ vertical-align:baseline}textarea{ overflow:auto}[type=checkbox], [type=radio]{ box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{ height:auto}[type=search]{ -webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{ -webkit-appearance:none}::-webkit-file-upload-button{ -webkit-appearance:button;font:inherit}details{ display:block}summary{ display:list-item}template{ display:none}[hidden] { display: none } :root { --site-header-fill: #111111; --dark-default-fill: #2c2e2e; --primary-default-fill: #115111; --light-default-fill: #ffffff; --active-link-color: #ffde03; --active-link-color-gradient: #ffc107; --ribbon-fill: #ea0202; --inactive-link-color: #ffffff; --mobile-menu-divider: #424545; --mobile-menu-link-color: #ffffff; --search-text-color: #ffffff; --header-search-background: #6f7374; --language-nav-background: #000000; --our-favorite-casinos: #197419; --pale-green-background: #e8f1e8; --site-footer-line-color: #3c3b3b; --site-footer-header: #ffffff; --site-footer-links: #b2b8ba; --iconbar-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDMwIDIzIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzIiByeD0iMS41Ii8+PHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMiIHk9IjEwIiByeD0iMS41Ii8+PHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMiIHk9IjIwIiByeD0iMS41Ii8+PC9nPjwvc3ZnPg=="); --select-dropdown-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3Ij48cGF0aCBkPSJNNi41NTUgNi43NEwuODk1IDEuMTU4Qy42NDcuOTEzLjY0Ny41MTYuODk1LjI3YS42NC42NCAwIDAgMSAuODk4IDBsNS4yMSA1LjE0IDUuMjEtNS4xNGEuNjQuNjQgMCAwIDEgLjg5OSAwYy4yNDguMjQ1LjI0OC42NDMgMCAuODg4bC01LjY2IDUuNTg0YS42NS42NSAwIDAgMS0uODk5LS4wMDF6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNmZmYiLz48L3N2Zz4="); --header-search-reset-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjA5IDEuNzAyTDE0LjU4LjE5MiA4LjEyMyA2LjY0NSAxLjYuMTkxLjA5IDEuNzAybDYuNDU1IDYuNTI0TC4wOSAxNC42OGwxLjUxIDEuNTEgNi41MjQtNi40NTUgNi40NTUgNi40NTUgMS41MS0xLjUxLTYuNDU0LTYuNDU1eiIvPgo8L3N2Zz4K"); --x-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4wOSAxLjcwMkwxNC41OC4xOTIgOC4xMjMgNi42NDUgMS42LjE5MS4wOSAxLjcwMmw2LjQ1NSA2LjUyNEwuMDkgMTQuNjhsMS41MSAxLjUxIDYuNTI0LTYuNDU1IDYuNDU1IDYuNDU1IDEuNTEtMS41MS02LjQ1NC02LjQ1NXoiPjwvcGF0aD48L3N2Zz4="); --white-magnify-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS4yNjUgMS4yNjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4'); --gray-magnify-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS4yNjUgMS4yNjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4'); --facebook-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjNDI2N2IyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI1Ij48L3JlY3Q+PHBhdGggZD0iTTIwLjI5NSA3LjAwNEwxNy45ODIgN2MtMi42IDAtNC4yNzggMS43MjMtNC4yNzggNC40djIuMDI0aC0yLjMyNmMtLjIgMC0uMzY0LjE2My0uMzY0LjM2NFYxNi43YzAgLjIuMTYzLjM2NC4zNjQuMzY0aDIuMzI2djcuNGMwIC4yLjE2My4zNjQuMzY0LjM2NGgzLjAzNGMuMiAwIC4zNjQtLjE2My4zNjQtLjM2NHYtNy40aDIuNzJjLjIgMCAuMzY0LS4xNjMuMzY0LS4zNjR2LTIuOTMzYzAtLjA5Ni0uMDM4LS4xOS0uMTA3LS4yNTdzLS4xNi0uMTA3LS4yNTctLjEwN2gtMi43MnYtMS43MTZjMC0uODI1LjE5Ny0xLjI0MyAxLjI3LTEuMjQzbDEuNTU4LS4wMDFjLjIgMCAuMzY0LS4xNjMuMzY0LS4zNjRWNy4zNjdjMC0uMi0uMTYzLS4zNjMtLjM2My0uMzY0eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+'); --twitter-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMzhhMWYzIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI1IiAvPjxwYXRoIGQ9Ik0yNy4zMiA5LjEzYy0uODMuMzYtMS43MTQuNi0yLjYzNy43MTcuOTUtLjU2MiAxLjY3My0xLjQ0NiAyLjAxMy0yLjUtLjg4NC41MjMtMS44Ni44OTMtMi45MDIgMS4xQTQuNiA0LjYgMCAwIDAgMjAuNDUyIDdjLTIuNTMzIDAtNC41NzMgMi4wNC00LjU3MyA0LjU0MyAwIC4zNi4wMy43MDYuMTA2IDEuMDM2LTMuODA0LS4xODQtNy4xNy0xLjk5NC05LjQzMi00Ljc1LS4zOTUuNjgtLjYyNiAxLjQ1OC0uNjI2IDIuMjk2YTQuNTQgNC41NCAwIDAgMCAyLjAzMyAzLjc3NGMtLjczNS0uMDE0LTEuNDU2LS4yMjYtMi4wNjctLjU2di4wNWMwIDIuMjA3IDEuNTg2IDQuMDQgMy42NjYgNC40NjNhNC42IDQuNiAwIDAgMS0xLjIuMTVjLS4yOTMgMC0uNTktLjAxNy0uODY2LS4wNzguNTkzIDEuOCAyLjI3NSAzLjEyIDQuMjc2IDMuMTY0YTkuMjQgOS4yNCAwIDAgMS01LjY3MyAxLjkzN2MtLjM3NSAwLS43MzUtLjAxNy0xLjA5NS0uMDYyQzcuMDI3IDI0LjI2IDkuNDMgMjUgMTIuMDIgMjVjOC40MiAwIDEzLjAyNC02LjkyMyAxMy4wMjQtMTIuOTI0YTExLjUgMTEuNSAwIDAgMC0uMDE3LS41ODdjLjkwOC0uNjQgMS42Ny0xLjQ0IDIuMjkzLTIuMzU4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiAvPjwvc3ZnPg=='); --warning-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjcuNTggNDkuOEwzOS45IDMuOTNhNi4wNiA2LjA2IDAgMCAwLTEwLjM4IDBMMS44NyA0OS44QTYuMDYgNi4wNiAwIDAgMCAzIDU3LjQ1YzEuMTQ1IDEuMDE3IDIuNjMgMS41NyA0LjE2IDEuNTVoNTUuMTJjMS41My4wMiAzLjAxNS0uNTM0IDQuMTYtMS41NWE2LjA4IDYuMDggMCAwIDAgMS4xNC03LjY0eiIgc3Ryb2tlPSIjMTk3NDE5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzQuNzIgMTkuOTJjLTEuNjcgMC0zIC45LTMgMi40OCAwIDQuODUuNTcgMTEuODIuNTcgMTYuNjcgMCAxLjI2IDEuMSAxLjggMi40IDEuOCAxIDAgMi4zNy0uNTMgMi4zNy0xLjggMC00Ljg1LjU3LTExLjgyLjU3LTE2LjY3LjAzLTEuNi0xLjMyLTIuNDgtMi45LTIuNDh6bS4wNCAyMy43NWEzLjE0IDMuMTQgMCAwIDAgMCA2LjI3IDMuMTQgMy4xNCAwIDAgMCAwLTYuMjd6IiBmaWxsPSIjMTk3NDE5IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4='); --check-green-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBkPSJNOS43NCAxLjZMNC4yOCA3LjMzN2EuODguODggMCAwIDEtLjYzMS4yNzVWOGwtLjAwOC0uMzg4Yy0uMjM4LS4wMDItLjQ3LS4xMDctLjYzNS0uMjg3bC0yLjc1NS0zQy0uMDkyIDMuOTUzLS4wODIgMy4zNi4yNzMgM2MuMTY3LS4xNy4zODctLjI2My42Mi0uMjYzLjI0NSAwIC40NzMuMTAyLjY0My4yODdMMy42NiA1LjMzNSA4LjQ3Ni4yNzVDOC42NDUuMDk4IDguODcgMCA5LjEwOCAwcy40NjMuMDk3LjYzLjI3NWMuMzQ4LjM2Ni4zNDguOTYgMCAxLjMyN3oiIGZpbGw9IiMxMTUxMTEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg=='); --white-green-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNOCAuMTI4YzQuMzQgMCA3Ljg3MiAzLjUzMiA3Ljg3MiA3Ljg3MlMxMi4zNCAxNS44NzIgOCAxNS44NzIuMTI4IDEyLjM0LjEyOCA4IDMuNjYuMTI4IDggLjEyOHptNC4zNjQgNi4yNjhjLjMyLS4zMi4zMi0uODQyIDAtMS4xNjMtLjE1NS0uMTU1LS4zNjItLjI0LS41OC0uMjRzLS40MjYuMDg2LS41OC4yNEw2Ljc2NSA5LjY3IDQuOCA3LjY0M2MtLjE1Ni0uMTYyLS4zNjctLjI1LS41OTItLjI1LS4yMTQgMC0uNDE3LjA4Mi0uNTcuMjMtLjMyNi4zMTUtLjMzNi44MzYtLjAyIDEuMTYzbDIuNTM3IDIuNjNjLjE1Mi4xNTguMzY1LjI1LjU4NC4yNWwuMDA3LjM0di0uMzRhLjgzLjgzIDAgMCAwIC41ODEtLjI0MWw1LjAyOC01LjAyOHoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=='); --red-cross-svg: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTUuMzY4IDIuNjMzYy0zLjUtMy41LTkuMjIyLTMuNS0xMi43MyAwQTguOTUgOC45NSAwIDAgMCAwIDljMCAyLjQwNS45MzYgNC42NjYgMi42MzYgNi4zNjdDNC4zOTIgMTcuMTIzIDYuNjk3IDE4IDkuMDAyIDE4czQuNjEtLjg3NyA2LjM2Ni0yLjYzM2E5LjAyIDkuMDIgMCAwIDAgMC0xMi43MzR6IiBmaWxsPSIjZmJlOGU4Ii8+PHBhdGggZD0iTTEzLjIxIDEyLjMwNkwxMC40MDMgOS41bDIuODA2LTIuODA2Yy4zODctLjM4Ny4zODctMS4wMTUuMDAxLTEuNDAzYS45OS45OSAwIDAgMC0xLjQwMi0uMDAxTDkgOC4wOTggNi4xOTIgNS4yOWEuOTkuOTkgMCAwIDAtMS40MDIuMDAxYy0uMzg3LjM4OC0uMzg3IDEuMDE2LjAwMSAxLjQwM0w3LjU5NyA5LjUgNC43OSAxMi4zMDZjLS4zODguMzg3LS4zODggMS4wMTUtLjAwMSAxLjQwMy4xOTMuMTk0LjQ0OC4yOS43MDIuMjlhLjk5Ljk5IDAgMCAwIC43MDEtLjI5TDkgMTAuOTAzbDIuODA4IDIuODA4Yy4xOTMuMTk0LjQ0Ny4zLjcuM2EuOTkuOTkgMCAwIDAgLjcwMi0uMjkxYy4zODYtLjM4OC4zODYtMS4wMTYtLjAwMS0xLjQwM3oiIGZpbGw9IiNlMDIwMjAiLz48L3N2Zz4='); } * { font-family: "Lato", Helvetica, Arial, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; border: 0; list-style: none; /*outline:none;*/ } /* fonts */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: local("Lato Regular"), local("Lato-Regular"), url(/includes/performance/fonts/lato/Lato-Regular.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Regular.woff) format("woff"); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: local("Lato Bold"), local("Lato-Bold"), url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); } @font-face { font-family: "Lato"; font-style: normal; font-weight: 900; font-display: swap; src: local("Lato Black"), local("Lato-Black"), url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); } body { font-size: 14px; line-height: 18px; height: 100%; } h1 { font-size: 22px; font-weight: 900; line-height: 1.21; margin: 0 0 25px 0; color: var(--primary-default-fill); } h2 { font-size: 22px; font-weight: 900; margin-bottom: 15px; line-height: normal; color: var(--dark-default-fill); } h3 { font-size: 18px; font-weight: 700; margin-bottom: 10px; color: var(--dark-default-fill); } h4 { font-size: 16px; font-weight: 700; color: var(--dark-default-fill); } p { font-size: 16px; font-weight: 400; margin-bottom: 25px; line-height: 1.44; color: var(--header-search-background); } p strong { color: var(--dark-default-fill); } a { color: var(--our-favorite-casinos); } a:hover { text-decoration: none; } section { display: block; } /* Helpers */ .flex{ display: flex;} .flex-wrap { flex-wrap: wrap;} @media (min-width: 768px) { h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } } .container { width: 100%; padding: 0 10px; margin: 0 auto; } .container--fluid { width: 100%; padding: 0 10px; margin: 0; } .container__row { margin-left: -10px; margin-right: -10px; } @media (min-width: 576px) { .container { max-width: 540px; } .container, .container--fluid { padding: 0 15px; } .container__row { margin-left: -15px; margin-right: -15px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 980px; } } @media (min-width: 1024px) { .container { max-width: 1010px; } } @media (min-width: 1200px) { .container { max-width: 1200px } } .cta-button { background:linear-gradient(to bottom, #ffde03 0, #ffde03 0);font-weight:900;border:none;text-decoration:none;text-align:center;margin:0;padding:0 5px;font-size:13px;font-weight:900;border-radius:5px;box-shadow:none;display:flex;align-items:center;justify-content:center;height:40px;color:#2c2e2e;} @media (hover: hover) { .cta-button:hover{ background:linear-gradient(to bottom, #ffde03 0, #ffc107 100%);} .cta-button.transparent:hover { color:#115111;background: transparent;} } .cta-button.transparent{background: transparent;border:1px solid #c8cfd1;color:#6f7374;} .cta-button--light-green{background: #e8f1e8 !important; color: #115111;border-radius: 3px;} .cta-button--small{width:140px;height:34px;} .page { margin: 0; padding: 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; transition: left 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, right 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; } .page--mobile-menu { position: fixed; left: 280px; right: -280px; transition: left 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, right 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; } .site-header { z-index: 999; } .modal-activated .site-header { z-index: 9999; } /* .modal-activated:not(.page--mobile-menu) .site-header { z-index: 9999; } */ .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { position: relative; } .site-header__mobile-menu-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; background-color: var(--site-header-fill); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; opacity: 0; width: 0; z-index: 98; } .page--mobile-menu .site-header__mobile-menu-overlay { width: calc(100%); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity: 0.7; } .site-header { background-color: var(--site-header-fill); transition: all 0.3s ease-in-out; top: 0; } .site-header--navigation-sticky-down .site-header { position: fixed; top: -100px; left: 0; right: 0; margin-bottom: -100px; } .site-header--navigation-sticky-down, .site-header--navigation-sticky-up { margin-top: 55px; } .site-header--navigation-sticky-up .site-header { position: fixed; top: 0px; left: 0; right: 0; } .site-header__brand { position: relative; display: flex; justify-content: space-between; height: 55px; z-index: 99; } .site-header__content { margin-left: 0; width: auto; } .site-header--has-languages .site-header__content { margin-left: 0; width: auto; } .site-header__content { display: flex; align-items: center; justify-content: flex-end; } .page--search-bar { position: fixed; } .site-header__text { display: none; } .site-header__mobile-menu-toggle { position: absolute; height: 55px; } .site-header__mobile-menu-button { outline-style: none; cursor: pointer; border: none; margin: 16px 0; padding: 0; height: 23px; overflow: hidden; width: 30px; height: 23px; background: var(--iconbar-svg); background-repeat: no-repeat; background-position: 0px 0px; } .site-header__logo { height: 55px; text-align: center; display: flex; align-items: center; margin: 0 auto; width: 175px; } .site-header__link { display: inline-block; } .site-header__image { margin: 0; max-width: 100%; height: auto; } .site-header__search { overflow: hidden; position: absolute; left: calc(100% - 50px); right: calc((100% * -1) + 50px); right: 0; padding: 0 10px; top: 0; height: 55px; display: inline-block; background: var(--site-header-fill); transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; } .page--search-bar .site-header__search { position: absolute; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; right: 0; left: 0; } .header-search__field { display: inline-block; position: absolute; top: 16px; left: 55px; right: 55px; text-overflow: ellipsis; white-space: nowrap; } .header-search__input { -webkit-appearance: none; font-size: 16px; background-color: transparent; color: var(--search-text-color); width: 100%; height: 20px; border-radius: 3px 0 0 3px; border-color: transparent; border-width: 0; border-style: solid; text-shadow: none; } .header-search__results { display: none; clear: both; background-color: #fff; margin-top: 15px; position: fixed; width: 100%; left: 0; height: 90vh; padding: 10px; font-size: 14px; max-height: 540px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); } .header-search__results.header-search--results-loading, .header-search__results.header-search--results-empty, .header-search__results.header-search--results-error { display: block; } .header-search__results.header-search--results-show { overflow-y: auto; overflow-x: hidden; display: block; } .header-search__results-loading, .header-search__results-empty, .header-search__results-show, .header-search__results-error { display: none; } .header-search--results-loading .header-search__results-loading { display: block; width: 220px; height: 19px; background: url("https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/header-search-loader.gif") no-repeat; } .header-search--results-empty .header-search__results-empty { display: block; } .header-search--results-show .header-search__results-show { display: block; } .header-search--results-error .header-search__results-error { display: block; } .header-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--search-text-color); opacity: 1; /* Firefox */ } .header-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--search-text-color); } .header-search__input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--search-text-color); } .header-search__input:focus { outline: none; } .header-search__reset, .site-header__social { display: none; } .header-search__mobile-magnifying-glass { margin: 14px 0 0 0; width: 24px; height: 24px; display: inline-block; background: var(--white-magnify-svg); background-repeat: no-repeat; background-position: 0px 0px; } .site-header__search-overlay { display: block; position: fixed; top: 0; bottom: 0; left: 0; background-color: var(--site-header-fill); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; opacity: 0; width: 0; z-index: 97; } .page--search-bar .site-header__search-overlay { width: 100%; transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity: 0.7; } .header-search__magnifying-glass { border: 0; outline: none; display: none; cursor: pointer; } .page--search-bar .header-search__magnifying-glass::after { width: 100%; transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity: 0.7; } .header-search__close { width: 16px; height: 17px; float: right; margin: 20px 3px 0 0; display: inline-block; background: var(--x-close); background-repeat: no-repeat; background-position: 0 0; } .site-header__navigation { height: 0; } .site-header__menu { position: absolute; left: -280px; top: 0; bottom: 0; right: 100%; padding: 0 13px 20px 13px; background-color: var(--site-header-fill); color: #ffffff; overflow-y: auto; overflow-x: hidden; } .site-nav__mobile-menu-close { position: relative; left: -13px; padding: 0; outline-style: none; cursor: pointer; border: none; display: block; width: 46px; height: 49px; background: var(--x-close); background-repeat: no-repeat; background-position: 15px 16px; } .site-nav { width: 100%; padding: 0 0; margin: 13px 0 0 0; display: block; } .site-nav__item { min-height: 48px; border-bottom: solid 1px var(--mobile-menu-divider); float: none; display: block; z-index: 98; position: relative; } .site-nav__item:last-child { border-bottom: none; } .site-nav__item.site-nav__item--hide-in-mobile-menu { display: none; } .site-nav__link { text-decoration: none; font-size: 14px; color: var(--mobile-menu-link-color); font-weight: bold; padding: 15px; display: block; width: 100%; position: relative; } .opened .site-nav__link { border-bottom: 1px solid var(--active-link-color); color: var(--active-link-color); } .site-nav--drop-down-icon { position: absolute; bottom: 0; right: 5px; top: 12px; content: ""; transition: all .2s; display: block; width: 26px; height: 26px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .opened .site-nav--drop-down-icon { transform: rotate(180deg); } .site-nav__chilren { padding: 0; border-top: solid 1px var(--mobile-menu-divider); z-index: 99; display: none; position: relative; background-color: transparent; border: none; padding-left: 10px; } .site-nav--show-children { display: block; } .site-nav__chilren .site-nav__item { width: 100%; } .site-nav__chilren .site-nav__item:last-child { border-bottom: none; } .site-nav__chilren .site-nav__link { padding: 12px 15px; text-decoration: none; justify-content: flex-start; text-align: left; width: 100%; position: relative; color: #fff; border-bottom: none; font-weight: 400; font-size: 14px; height: 50px; display: flex; align-items: center; } .site-nav--active { color: var(--active-link-color); } .site-header__language { background-color: var(--language-nav-background); } .language-nav { line-height: 18px; padding: 3px 9px 5px 9px; border: 1px solid #595c5d; border-radius: 5px; width: 100%; background: var(--select-dropdown-svg); background-repeat: no-repeat; background-position: 94% 21px; background-color: var(--language-nav-background); cursor: initial; } .language-nav__active { display: block; height: 46px; padding: 15px; font-size: 14px; color: var(--mobile-menu-link-color); cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .language-nav__item { padding: 0; border-top: solid 1px var(--mobile-menu-divider); display: none; } .language-nav.language-nav--open .language-nav__item { display: block; } .language-nav__link { display: block; height: 46px; padding: 15px; font-size: 14px; text-decoration: none; color: var(--mobile-menu-link-color); -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } input.header-search__input::-ms-clear, input.header-search__input::-ms-reveal { display: none; width: 0; height: 0; } input.header-search__input::-webkit-search-decoration, input.header-search__input::-webkit-search-cancel-button, input.header-search__input::-webkit-search-results-button, input.header-search__input::-webkit-search-results-decoration { display: none; } .container--header { z-index: 99; width: 100%; padding: 0 10px; margin: 0; } .header-search__results-list-item { line-height: 1.44; color: #6f7374; font-size: 16px; position: relative; background-repeat: no-repeat; background-size: 100px auto; background-position: center left; padding-left: 100px; width: 310px; cursor: pointer; min-height: 66px; margin-bottom: 10px; transition: background .1s ease; } .header-search__results-list-item:last-child { margin-bottom: 0; } .header-search__results-list-item:hover { background-color: #f5f5f5; } .header-search__results-list-item-link { display: block; font-size: 16px; font-weight: bold; padding: 10px 25px 0 17px; color: #0a0c0c; line-height: 1; text-decoration: none; } .header-search__results-list-item-name { margin-bottom: 2px; display: block; } .header-search__results-list-item-provider { font-size: 14px; color: #7f7f7f; line-height: 1.36; padding: 0; } .site-header__content-container-right { margin-left: 15px; } .hide-on-tablet { display: none; } .hide-on-desktop { display: block; } .show-on-tablet { display: none; } .user-balance { display: flex; flex-direction: column; margin-left: 30px; margin-top: -20px; position: relative; } .user-balance p > img { vertical-align: middle; margin-right: 5px; } .user-balance p { font-size: 14px; margin: 0; color: #fff; line-height: 14px; } .user-balance p:first-child { color: #6F7374; font-size: 12px; margin-bottom: 5px; } .coin-balance-arrow { display: none; } .user-balance-mobile { display: none; } .user-balance-coins { position: relative; } .add-coins { margin-left: 5px; color: #fff; text-decoration: none !important; } .user-balance-coins .add-coins { vertical-align: middle; } .add-coins img { vertical-align: text-bottom; } .user-balance-coins .user-coin-balance { display: inline-block; margin: 0; line-height: 24px; font-weight: 900; vertical-align: middle; } .coin-tooltip, .coin-tooltip-mobile { display: none; position: absolute; background: #fff; font-size: 14px; font-weight: bold; padding: 3px 10px; border-radius: 5px; width: 140px; line-height: 22px; bottom: -33px; right: -29px; } .coin-tooltip:before, .coin-tooltip-mobile:before { content: ' '; display: block; background: #fff; width: 16px; height: 16px; position: absolute; top: -5px; border-radius: 3px; border-bottom-right-radius: 50%; transform: rotate(45deg); right: 29px; } .coin-tooltip-close, .coin-tooltip-mobile-close { position: absolute; top: 2px; right: 3px; } .coin-tooltip-mobile { left: 0; right: initial; color: #000; text-align: left; bottom: -26px; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .5); } .coin-tooltip-mobile:before { right: initial; left: 7px; width: 14px; height: 14px; top: -6px; } .vso-coins-supported-label { position: absolute; width: 100%; height: 31px; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 64.58%); border-radius: 6px; color: rgba(255, 222, 3, 1); text-align: center; line-height: 30px; font-size: 12px; font-weight: bold; } .vso-coins-supported-label img { display: inline-block; vertical-align: middle; margin-right: 3px; width: initial; height: initial; } .list-bell:before { background: url(/assets/images/list-bell.png) center center no-repeat !important; height: 26px !important; } .list-folder:before { background: url(/assets/images/list-folder.png) center center no-repeat !important; height: 26px !important; } .list-vso-coins:before { background: url(/assets/images/list-vso-coins.png) center center no-repeat !important; height: 20px !important; } .list-christmas-tournament::before { background: url("/assets/images/svg-icons/christmas-tournament.svg") center center no-repeat !important; height: 26px !important; } .list-gift:before { background: url(/assets/images/list-gift.png) center center no-repeat !important; height: 26px !important; } .label-new { font-size: 10px !important; font-weight: bold; background: #E02020; border-radius: 5px; padding: 1px 5px 2px !important; display: inline-block; margin-left: 25px; margin-bottom: 5px !important; color: #fff !important; } .label-new:before { display: none !important; } .register-label-new { font-size: 10px !important; font-weight: bold; background: #E02020; border-radius: 5px; padding: 1px 5px 2px !important; display: inline-block; margin-left: 25px; color: #fff !important; margin-bottom: 5px !important; position: absolute; right: -8px; top: -10px; line-height: 1.15; } .single-trigger--signup { position: relative; } .user-balance-mobile > span > img { vertical-align: middle; margin-right: 5px; } .user-balance-mobile > span { font-size: 14px; margin: 0; color: #fff; line-height: 14px; padding: 0; font-family: "Lato", Helvetica, Arial, sans-serif; } .user-balance-mobile span:first-child { color: #6F7374; font-size: 12px; margin-bottom: 5px; } .user-balance-mobile { text-decoration: none !important; } .user-balance-mobile > span { display: block; } .header-balance-clickable { display: inline-block; cursor: pointer; } .header-balance-clickable img { vertical-align: middle; margin-right: 5px; } .menu-mobile-header{display:none} .menu__dropdown-arrow {width:14px;pointer-events: all;} @media screen and (max-width: 767px) { .list-bell:before { background: url(/assets/images/list-bell-green.png) center center no-repeat !important; } .list-folder:before { background: url(/assets/images/list-folder-green.png) center center no-repeat !important; } .list-vso-coins:before { background: url(/assets/images/list-vso-coins-green.png) center center no-repeat !important; } .list-christmas-tournament::before { background: url("/assets/images/svg-icons/christmas-tournament-green.svg") center center no-repeat !important; } .list-gift:before { background: url(/assets/images/list-gift-green.png) center center no-repeat !important; } .label-new { margin-left: 23px !important; margin-bottom: 1px !important; padding: 0px 10px 0px !important; } .register-label-new { top: -10px; } } @media screen and (max-width: 991px) { .user-balance { display: none; } .user-balance-mobile { display: block; border-radius: 5px; border: solid 1px #595C5D; padding: 7px 10px; margin: 5px 0 20px 0; font-weight: bold; } .user-balance-mobile .user-balance-coins { font-size: 16px; } .coin-balance-arrow { display: block; position: absolute; right: 15px; top: 50%; margin-top: -7px; } } @media (min-width: 768px) { .coin-tooltip-mobile { left: 2px; bottom: -49px; } .hide-on-desktop { display: none; } .site-header--has-languages .site-header__content-container-left { width: 350px; display: flex; flex-wrap: wrap; } .site-header--navigation-sticky-down, .site-header--navigation-sticky-up { margin-top: 100px; } .site-header__brand { height: 100px; display: flex; } .site-header__mobile-menu-button { margin: 38px 0; } .site-header__mobile-menu-button::after { top: 100px; } .site-header__logo { margin-right: 0; width: 175px; text-align: left; height: auto; } .site-header__image { margin: 0; max-width: 100%; } .site-header__content { height: auto; } .site-header__content-container { display: flex; flex-wrap: nowrap; width: 100%; height: 100%; justify-content: space-between; align-items: center; } .site-header__text { margin-top: auto; display: block; color: #ffffff; margin-bottom: 11px; font-size: 14px; font-weight: bold; line-height: 18px; } .site-header__search { position: static; display: block; height: auto; padding: 0; margin-bottom: auto; width: 100%; } .page--search-bar .site-header__search { transition: none; position: relative; } .header-search { float: left; border-radius: 3px 0 0 3px; background-color: var(--header-search-background); max-height: 80vh; width: 210px; width: calc(100% - 50px); height: 32px; } .header-search__field { position: relative; top: 0; left: 0; margin: 4px 0 8px 11px; float: left; width: 85%; } .header-search__input { width: 190px; height: 20px; font-size: 14px; padding: 0; } .header-search__reset { float: left; height: 31px; width: 22px; cursor: pointer; background: var(--header-search-reset-svg); background-repeat: no-repeat; background-position: 2px 8px; } .header-search--reset-show { display: inline-block; } .header-search__mobile-magnifying-glass { display: none; } .header-search__magnifying-glass { display: inline-block; float: left; width: 32px; height: 32px; background: var(--gray-magnify-svg); background-size: 18px 18px; border-radius: 0 3px 3px 0; background-repeat: no-repeat; background-position: center; margin-left: 0; background-color: var(--active-link-color); } .header-search__close { display: none; } .page--search-bar { position: fixed; } .site-header__social { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } .header-social__text { display: inline-block; color: #ffffff; font-size: 14px; text-align: right; line-height: 18px; margin-right: 12px; } .header-social__logo { display: inline-block; width: 32px; min-width: 32px; height: 32px; background: var(--facebook-svg); background-repeat: no-repeat; background-position: 0px 0px; } .header-search__results { margin-top: 33px; left: auto; width: 332px; border-radius: 3px; height: auto; } } @media (min-width: 819px) { .header-search__results { height: 80vh; } } @media (min-width: 992px) { .site-header__content-container-right { margin-left: 30px; } .site-header__logo { margin-left: 10px; } .site-header__mobile-menu-toggle { position: relative; } .hide-on-tablet { display: block; } .page { transition: none; } .page--mobile-menu { position: static; } .site-header { transition: none; } .site-header--navigation-sticky-down, .site-header--navigation-sticky-up { margin-top: 0; } .site-header--navigation-sticky-down .site-header, .site-header--navigation-sticky-up .site-header { position: static; margin-bottom: auto; } .site-header__navigation { background-color: var(--site-header-fill); height: 51px; border-top: solid 1px #595c5d; } .site-header__navigation .container { padding: 0 10px; } .site-header--navigation-sticky .site-header__navigation { z-index: 997; position: fixed; top: 0; left: 0; right: 0; } .site-header--navigation-sticky .site-header__language { display: none; } .site-header__navigation::after { top: 150px; } .site-header--navigation-sticky .site-header { padding-bottom: 50px; } .site-header__menu { position: static; padding: 0; overflow: visible; } .site-nav__mobile-menu-close, .site-header__mobile-menu-toggle, .site-header__mobile-menu-overlay { display: none; } .site-header__logo { width: 230px; height: auto; margin-right: 0; text-align: left; display: flex; align-items: center; margin: 0; } .site-header__image { margin: 22px 0; max-width: 100%; } .header-search__input { width: 235px; } .site-header__content-container-right { display: flex; flex-direction: column; align-items: flex-end; } .site-header__language-placeholder { width: 130px; height: 32px; } .site-header--has-languages .site-header__social { margin-top: 10px; } .header-social__logo { float: right; } .site-nav { height: auto; display: flex; justify-content: space-between; margin: 0; } .site-nav__item { display: inline-block; border-bottom: none; height: auto; } .site-nav__item.site-nav__item--hide-in-mobile-menu { display: inline-block; } .site-nav__link { padding: 0 5px; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: normal; border-bottom: 2px solid transparent; transition: all 0.1s; padding-right: 15px; } .site-nav--drop-down:hover .site-nav__link--parent, .menu-item-has-children:hover .link-with-megamenu { border-bottom: 2px solid var(--active-link-color); color: var(--active-link-color); } .menu-item-has-children:hover .megamenu-trigger { fill: var(--active-link-color); } .site-nav--drop-down:hover .menu__dropdown-arrow{fill:#ffde03} .site-nav__chilren { background-color: #111; position: absolute; min-width: 170px; border: none; top: 50px; width: 100%; padding-left: 0; } .megamenu__categorized-items .site-nav__chilren { position: relative; top: 0; display: block; left: 0; } .site-nav--drop-down-icon { top: 24px; width: 11px; height: 6px; right: 0; background-size: cover; background-position: 0px 0px; } .site-nav__chilren .site-nav__item { width: 100%; } .site-nav__chilren .site-nav__link { padding: 12px 15px; text-decoration: none; justify-content: flex-start; text-align: left; width: 100%; color: #fff; font-weight: 700; font-size: 14px; height: 50px; display: flex; align-items: center; } .site-nav__chilren .site-nav__link::after { content: ''; position: absolute; bottom: 0; width: 150px; height: 1px; background: #424545; left: 10px; } .megamenu .megamenu__link-item::after{width:100%;left:0;} .site-nav__chilren .site-nav__item:hover .site-nav__link::after, .megamenu__categorized-items .site-nav__item:hover .megamenu__link-item::after { background-color: var(--active-link-color); } .site-nav--drop-down:not(.megamenu__categorized-items) .site-nav__item:last-child .site-nav__link::after{display:none} .site-nav__chilren .site-nav__item:last-child .site-nav__link::after { border-bottom: none; } .site-nav__chilren .site-nav__link:hover { color: var(--active-link-color); } .site-header__language { width: 130px; height: 32px; z-index: 99; } .language-nav { float: right; width: 130px; margin: 0; background-position: 94% 11px; min-height: 32px; } .language-nav__active { padding: 2px 0 2px 0; height: auto; } .language-nav__item { padding: 0; border-top: none; } .language-nav__link:hover { color: #ffde03; } .language-nav__link { height: auto; font-size: 14px; padding: 2px 0; text-decoration: none; color: var(--mobile-menu-link-color); } } @media screen and (max-width: 991px) and (min-width: 768px) { .site-header__logo { margin-left: 45px; margin-right: 10px; } } @media (min-width: 1200px) { .container--header { padding: 0; } .site-header__logo { width: auto; } .site-header--navigation-sticky-up { margin-top: 0; } .header-search__results { height: auto; } } @media screen and (max-width: 991px) and (min-width: 820px) { .site-header__logo { width: 220px; } } @media (max-width: 991px) { .site-header__brand { max-width: 100%; } .show-on-tablet { display: block; } .site-nav--show-children .site-nav__item.site-nav__item--hide-in-mobile-menu { display: inline-block; } .site-nav--drop-down:hover .menu__dropdown-arrow {fill:#ffde03} } @media (max-width: 767px) { .site-header__brand { margin-left: 0; margin-right: 0; } .hide-on-mobile { display: none; } } /* accept-terms-ab-test */ .accept-terms-ab-test-social-container { display: none; } body.accept-terms-ab-test .accept-terms-ab-test-social-container { display: block; } body.accept-terms-ab-test .accept-terms-ab-test-email-container { display: none; } /* end accept-terms-ab-test */ /* for current template changes */ .header-search{position:relative;float:left;width:278px;} .site-header__text{margin-bottom:10px;font-size:14px;font-weight:700;color:#fff;} .signin-modal__block--signup .styled-list li { font-size: 14px; padding-left: 25px; position: relative; line-height: 1.43; margin-bottom: 5px; } .styled-list li::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background: url("https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/check-green.svg") center center no-repeat #e8f1e8; border-radius: 50%; } .animated {-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;} #signing-modal-container > div > div > div.signin-modal__block.signin-modal__block--signup.js-signin-modal-block.signin-modal__block--is-selected > div.signin-modal__block__right-side > div > a { display: none; } @-webkit-keyframes fadeIn { from { opacity: 0; -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } @keyframes fadeIn { from { opacity: 0; -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } ::placeholder, ::-webkit-input-placeholder { color: #6f7374; opacity: 1; } /* PROFILE SIDEBAR NAV */ .quick-menu { margin-top: 20px; } .sidebar { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 9999; } .sidebar__nav { width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.17); background-color: #ffffff; transition: opacity 0.2s ease-in; opacity: 0; height: 100%; display: flex; justify-content: center; align-items: center; } .sidebar__item-icon, .sidebar__item-icon svg { width: 26px; height: 26px; } .sidebar__item--quick .sidebar__item-icon, .sidebar__item--quick .sidebar__item-icon svg { width: 22px; height: 22px; } .sidebar__item--quick { display: flex; align-items: center; justify-content: unset; text-decoration: none; height: 66px; background-color: transparent; transition: background-color 0.2s; padding: 0 10px 0 15px; border-bottom: 1px solid #ebf0f1; } .sidebar__item--quick .sidebar__item-icon { margin-right: 7px; } .sidebar__item { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-decoration: none; background-color: transparent; position: relative; padding: 0 5px; } .sidebar__item-name--desktop { display: none; } .sidebar__item-name--mobile { display: block; } .sidebar__item-name { width: 100%; font-size: 10px; font-weight: 900; line-height: normal; color: #2c2e2e; text-align: center; text-transform: uppercase; margin-top: 5px; } .sidebar__item--active .sidebar__item-name { color: #197419; } .sidebar__item--active .sidebar__item-icon svg .stroke { stroke: #197419; } .sidebar__item--active .sidebar__item-icon svg .stroke-green { stroke: #197419; } .sidebar__item--active .sidebar__item-icon svg .fill { fill: #197419; } .sidebar__item--active .folder-favorite, .sidebar__item--active .home-roof, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body { fill: #197419; stroke: #197419; } .sidebar__item--active .fav-heart { stroke: #fff; fill: #fff; } .sidebar__item--active .home-door { stroke: #197419; fill: #fff; } .sidebar__item--active .bonus-present .ribbon-part { fill: #fff; stroke: transparent; } .sidebar__item--active .bonus-present .inner-part { fill: #197419; } .sidebar__item--active .bonus-present .cls-1 { fill: #197419; stroke: #197419; } .sidebar__item--active .bonus-present .cls-2 { fill: #fff; } .sidebar__item--active .bonus-present .ribbon-line { fill: #197419; } .sidebar__item--active .bonus-present .corner-line { fill: #197419; } .sidebar__item--active .clock-arrows { stroke: #fff; } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body { fill: #197419; stroke: #197419; } .sidebar__item--active .bell-stroke { stroke: #197419; } .sidebar__item--quick { height: 40px; padding: 0 7px; } .sidebar__item--quick .sidebar__item-name { font-size: 14px; width: auto; font-weight: 700; line-height: normal; text-align: left; text-transform: none; margin-top: 0; } /* HEADER USER PROFILE */ .header__user { align-items: center; margin-left: 0; /*margin-right:10px;*/ } .header__user-profile { width: 36px; height: 36px; display: block; position: relative; } .header__avatar { width: 100%; } .profile .header__avatar-oval { fill: #e8f1e8; } .profile .header__avatar-icon { fill: #197419; } .notify-trigger { width: 31px; height: 32px; display: block; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.1s; } .notify-link { padding: 0; height: 32px; display: block; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.1s; } .user-avatar { width: 36px; height: 36px; outline: none; } .user-avatar--desktop { display: none; } .user-avatar--mobile { display: block; } .avatar-image { width: 100%; } .modal-nickname { text-align: center; font-size: 18px; line-height: 23px; color: #2C2E2E; font-weight: 700; margin-bottom: 0; margin-top: 5px; } body:not(.profile) .header-avatar { opacity: 0.6; } body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus .header-avatar { opacity: 1; } .quick-menu__avatar { width: 80px; height: 80px; margin: 0 auto; } .alert .notify-trigger { -webkit-animation: ring 6s ease infinite; -moz-animation: ring 6s ease infinite; -o-animation: ring 6s ease infinite; animation: ring 6s ease infinite; } /* SYSTEM NOTIFICATION */ .system-notification { width: 100%; min-height: 50px; position: fixed; top: -50px; opacity: 0; transition: top 0.3s ease-in-out, opacity 0.2s ease-in-out; z-index: 99991; display: flex; align-items: center; justify-content: center; } .system-notification .notification__icon { margin-right: 10px; } .notification-show .system-notification { opacity: 1; } /* MESSAGES NOTIFICATIONS .notification{ width: 95%; border-radius: 6px; box-shadow: 0 2px 15px 0 #afc8af; border: solid 1px #468f46; background-color: #e8f1e8; position: absolute; bottom: -5px; z-index: 99991; opacity: 1; }*/ .notification.noted { display: block; } .notification__wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; padding: 10px; } .notification__icon { position: relative; top: 0; width: 26px; height: 26px; border-radius: 50px; background-color: #fff; } .notification__icon::before, .notification__icon::after { content: ''; display: block; position: absolute; width: 4px; height: 16px; margin-top: 0; border-radius: 5px; } .notification--success { background-color: #468f46; } .notification--success .notification__icon::before { top: 5px; left: 15px; height: 16px; transform: rotate(45deg); background-color: #468f46; } .notification--success .notification__icon::after { transform: rotate(-45deg); height: 11px; border: 0; bottom: 0px; right: auto; top: 10px; left: 7px; background-color: #468f46; } .notification--error .notification__icon::after, .notification--error .notification__icon::before { top: 4px; left: 12px; transform: rotate(45deg); width: 3px; height: 19px; background-color: #e02020; } .notification--error .notification__icon::after { transform: rotate(-45deg); } .notification__text, .notification__link, .notification__undo { color: #197419; font-weight: 700; } .notification__text { font-size: 16px; line-height: 16px; margin-bottom: 0; max-width: 85%; color: #fff; } .game-notification .notification__text--green { color: #197419; font-weight: 700; font-size: 18px; line-height: 20px; text-align: left; width: 77%; } .game-notification__wrap { flex-direction: row; } .game-notification__icon { width: 32px; height: 32px; background-color: #468f46; margin-right: 15px; margin-bottom: 0; } .game-notification__icon--remove { width: 22px; height: 24px; margin-bottom: 4px; margin-right: 15px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='24px' viewBox='0 0 22 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Favourite-games-remove-game-desktop-design-' transform='translate(-509.000000, -352.000000)' fill='%23197419'%3E%3Cg id='Group-2' transform='translate(435.000000, 332.000000)'%3E%3Cpath d='M93.3809524,26.7828174 L93.3809524,41.391513 C93.3809524,42.8320348 92.2086667,44.0002087 90.7619048,44.0002087 L90.7619048,44.0002087 L79.2380952,44.0002087 C77.7918571,44.0002087 76.6190476,42.8320348 76.6190476,41.391513 L76.6190476,41.391513 L76.6190476,26.7828174 L93.3809524,26.7828174 Z M89.1904762,30.9567304 C88.9008095,30.9567304 88.6666667,31.1899478 88.6666667,31.4784696 L88.6666667,31.4784696 L88.6666667,39.3045565 C88.6666667,39.5925565 88.9008095,39.8262957 89.1904762,39.8262957 C89.4801429,39.8262957 89.7142857,39.5925565 89.7142857,39.3045565 L89.7142857,39.3045565 L89.7142857,31.4784696 C89.7142857,31.1899478 89.4801429,30.9567304 89.1904762,30.9567304 Z M85,30.9567304 C84.7108571,30.9567304 84.4761905,31.1899478 84.4761905,31.4784696 L84.4761905,31.4784696 L84.4761905,39.3045565 C84.4761905,39.5925565 84.7108571,39.8262957 85,39.8262957 C85.2891429,39.8262957 85.5238095,39.5925565 85.5238095,39.3045565 L85.5238095,39.3045565 L85.5238095,31.4784696 C85.5238095,31.1899478 85.2891429,30.9567304 85,30.9567304 Z M80.8095238,30.9567304 C80.520381,30.9567304 80.2857143,31.1899478 80.2857143,31.4784696 L80.2857143,31.4784696 L80.2857143,39.3045565 C80.2857143,39.5925565 80.520381,39.8262957 80.8095238,39.8262957 C81.0986667,39.8262957 81.3333333,39.5925565 81.3333333,39.3045565 L81.3333333,39.3045565 L81.3333333,31.4784696 C81.3333333,31.1899478 81.0986667,30.9567304 80.8095238,30.9567304 Z M87.6190476,19.9999478 C87.8448095,19.9999478 88.044381,20.1439478 88.115619,20.3568174 L88.115619,20.3568174 L89.0438095,23.1303826 L95.4761905,23.1303826 C95.7658571,23.1303826 96,23.3641217 96,23.6521217 L96,23.6521217 L96,25.2173391 C96,25.5053391 95.7658571,25.7390783 95.4761905,25.7390783 L95.4761905,25.7390783 L74.5238095,25.7390783 C74.2346667,25.7390783 74,25.5053391 74,25.2173391 L74,25.2173391 L74,23.6521217 C74,23.3641217 74.2346667,23.1303826 74.5238095,23.1303826 L74.5238095,23.1303826 L80.9561905,23.1303826 L81.884381,20.3568174 C81.955619,20.1439478 82.1557143,19.9999478 82.3809524,19.9999478 L82.3809524,19.9999478 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .game-notification__icon::before, .game-notification__icon::after { content: ''; display: block; position: absolute; width: 4px; height: 16px; margin-top: 0; border-radius: 5px; background-color: #fff; } .game-notification__icon::after { transform: rotate(-45deg); height: 10px; border: 0; bottom: 0px; right: auto; top: 12px; left: 9px; } .game-notification__icon::before { top: 7px; left: 17px; height: 17px; transform: rotate(45deg); } .notification__undo { display: none; font-size: 18px; padding: 0 10px; } .notification--error .notification__undo { color: #fff; } .resend-activation-link { display: none !important; cursor: pointer; background: #fff !important; font-size: 13px; color: #2c2e2e; margin-left: 35px; margin-top: 15px; width: 110px; padding: 0; } #notification__undo.show, .resend-activation-link.show { display: flex !important; } .notification--close::before, .notification--close::after { content: ''; display: block; position: absolute; transform: rotate(45deg); margin-top: 0; } .notification--close::after { transform: rotate(-45deg); } .notification--close { position: absolute; right: 15px; top: 5px; cursor: pointer; transition: opacity 0.2s; } .notification-popup--close::before, .notification-popup--close::after { background-color: #fff; width: 2px; height: 16px; top: 0; left: 40%; } .notification-popup--close { background-color: transparent; width: 14px; height: 16px; right: 10px; } .notification--close:hover { opacity: 0.8; } .notification-popup--mobile-close { top: 6px; right: 6px; display: block; } .notification-popup--mobile-close::before, .notification-popup--mobile-close::after { background-color: #468f46; } .notification--error { background-color: #e02020; } .notification--error .notification--close::before, .notification--error .notification--close::after { background-color: #fff; } .notification--error .notification__text { color: #fff; } /* USER NOTIFICATIONS */ .header__dropdown { display: none; position: absolute; top: 47px; width: 360px; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; z-index: 999; padding: 15px; } .header__dropdown--profile { right: -5px; left: auto; top: 49px; padding-top: 20px; width: 320px; } .header__dropdown::after { position: absolute; bottom: 100%; width: 0; height: 0; content: ' '; pointer-events: none; border: solid transparent; border-width: 10px; border-color: rgba(17, 17, 17, 0); border-bottom-color: #fff; } .single-game__save{z-index: 999;} .single-game__save--on-img { top: 5px !important; right: 5px; background-color: rgba(17, 17, 17, 0.4); } .single-game__save--on-img { top: 5px !important; right: 5px; background-color: rgba(17, 17, 17, 0.4); } .single-game__save--on-img:hover { background-color: rgba(17, 17, 17, 0.7); } .single-game__save--on-img.loved .heart-state { fill: #e02020; } .game-row .link.save-game.loved .love-game { fill: #e02020; stroke: transparent; } /* Settings */ .settings { padding-bottom: 100px; } .single-row { margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } .single-row__title { font-size: 18px; color: #2c2e2e; line-height: 23px; font-weight: 700; display: inline-block; margin-top: 5px; } .input-field { border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; height: 40px; padding: 10px; color: #2c2e2e; line-height: 17px; font-size: 14px; } .confirm-buttons { margin-top: 50px; } .confirm-buttons__save { max-width: 350px; width: 100%; } .confirm-buttons__cancel, .confirm-buttons__signout { font-size: 13px; font-weight: 900; line-height: normal; text-align: center; color: #2c2e2e; margin-top: 10px; background-color: transparent; padding: 10px; text-decoration: none; } .confirm-buttons__signout { font-size: 14px; color: #6f7374; } .confirm-buttons__cancel:hover, .confirm-buttons__signout:hover { color: #115111; } /* USER LOGIN MODAL POPUP*/ button { font-family: 'Lato', Helvetica, Arial, sans-serif; } button, input, .or_separator { font-family: 'Lato', Helvetica, Arial, sans-serif; } .text-left { text-align: left; } .signin-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fbfcfc; z-index: 999; overflow-y: auto; cursor: pointer; visibility: hidden; transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 0.3s, transform 0.3s, visibility 0.3s; transition: opacity 0.3s, transform 0.3s, visibility 0.3s; transition-property: all; } .signin-modal.signin-modal--is-visible { transform: translateY(0); opacity: 1; visibility: visible; } .page--mobile-menu .signin-modal.signin-modal--is-visible { display: none; } .signin-modal__container { padding-top: 85px; cursor: auto; } .signin-modal__switcher:after { /* clearfix */ content: ''; display: table; clear: both; } .signin-modal__switcher { display: flex; width: 270px; height: 42px; border-radius: 5px; background-color: #e8f1e8; margin: 0 auto 20px auto; padding: 2px; } .signin-modal__switcher li { margin-bottom: 0; } .signin-modal__switcher button { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 133px; height: 38px; text-align: center; background: transparent; cursor: pointer; font-size: 13px; font-weight: 700; color: #115111; transition: all 0.3s linear; } .signin-modal__switcher button.selected { background-color: #197419; border-radius: 5px; color: #fff; } .signin-modal__inner { padding: 0 30px 30px 30px; text-align: center; max-width: 370px; margin: 0 auto; } .signin-modal__title { font-size: 34px; font-weight: 900; line-height: normal; margin-bottom: 20px; } .signin-modal__message--error { font-weight: normal; color: #e02020; font-size: 16px; line-height: 23px; } .signin-modal__block[data-type="last-step"] .signin-modal__message { font-size: 16px; line-height: 1.44; } .signin-modal__fieldset { position: relative; margin: 20px 0; } .signin-modal__fieldset:first-child { margin-top: 0; } .signin-modal__fieldset:last-child { margin-bottom: 0; } .signin-modal__fieldset-disclimer { font-size: 12px; display: block; margin-top: 10px; margin-bottom: 12px; color: #6f7374; opacity: 0.71; } .signin-modal__label.signin-modal__label--image-replace { display: block; position: absolute; left: 10px; top: 21px; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; font-size: inherit; } .signin-modal__input { margin: 0; padding: 0; background-color: #ffffff; border-radius: 3px; color: #2c2e2e; font-size: 14px; } .signin-modal__input.signin-modal__input--full-width { width: 100%; } .signin-modal__input.signin-modal__input--has-padding { padding: 10px 20px 10px 35px; } .signin-modal__input.signin-modal__input--has-padding-no-icon { padding: 10px 20px 10px 20px; } .signin-modal__input.signin-modal__input--has-border { border: solid 1px #dadde0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .signin-modal__input.signin-modal__input--has-border:focus { border-color: #27b327; outline: none; } .signin-modal__input--has-error .signin-modal__input { border: 1px solid #e02020; color: #e02020; } .signin-modal__input--has-error .signin-modal__input::-webkit-input-placeholder, .signin-modal__input--has-error .signin-modal__input::placeholder { color: #e02020; } .signin-modal__input--has-error svg.email-icon path, .signin-modal__input--has-error .signin-modal__label--password svg { stroke: #e02020 !important; } .signin-modal__input--has-error svg.email-icon polygon { fill: #e02020 !important; } .signin-modal__input--has-error .signin-modal__checkbox-input ~ .signin-modal__checkbox-caption, .signin-modal__input--has-error .signin-modal__checkbox-input ~ .signin-modal__checkbox-caption a { color: #e02020; } .signin-modal__input--has-error .signin-modal__checkbox-input ~ .signin-modal__checkbox-checkmark { border: 1px solid #e02020; } .eye-icon { display: none; } .hide .hide-pass { display: flex; } .show .show-pass { display: flex; } .signin-modal__input[type='submit'], .signin-modal__cta--yellow, .signin-modal__cta { padding: 12px 0; display: block; cursor: pointer; border-radius: 5px; background-color: #ffde03; color: #2c2e2e; font-weight: 900; font-size: 13px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } .signin-modal__cta{margin-bottom:20px;} .signin-modal__input[type='submit']:hover, .signin-modal__input[type='submit']:focus, .signin-modal__cta--yellow:hover, .signin-modal__cta--yellow:focus { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); outline: none; } .signin-modal__cta--transparent { border-radius: 5px; border: solid 1px #b2b8ba; color: #6f7374; background-color: transparent; display: inline-block; width: 100%; } .signin-modal__cta--switch-signup { width: 270px; margin: 0 auto; } .signin-modal__cta--transparent:hover { color: #115111; background: transparent; } .signin-modal__hide-password { position: absolute; right: 0; top: 0; padding: 5px 10px; top: 20px; bottom: auto; font-size: 14px; height: 41px; display: flex; align-items: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .signin-modal__error { display: block; text-align: right; position: absolute; right: 0; top: 2px; z-index: 2; line-height: normal; color: #e02020; font-size: 12px; pointer-events: none; visibility: hidden; opacity: 0; } .signin-modal__error svg { position: relative; top: 3px; } .signin-modal__error.signin-modal__error--is-visible { opacity: 1; visibility: visible; position: relative; -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s; } .signin-modal__checkboxset .signin-modal__error { text-align: left; } .signin-modal__checkboxset { position: relative; margin-bottom: 10px; font-size: 14px; } .signin-modal__checkboxset a { color: #6f7374; } .or_separator { color: #6f7374; font-size: 12px; position: relative; justify-content: center; height: 16px; display: flex; align-items: center; margin-top: 20px; margin-bottom: 10px; } .or_separator::before, .or_separator::after { content: ''; position: absolute; top: 58%; height: 1px; width: 140px; background-color: #c8cfd1; left: 0; } .or_separator::after { left: auto; right: 0; } .switch-signup__text { color: #6f7374; font-size: 12px; display: block; text-align: center; margin-bottom: 20px; } .social-logins { display: flex; margin-bottom: 20px; flex-direction: column; align-items: center; } .single-login { width: 100%; margin-top: 10px; transition: all 0.2s; height: 40px; display: flex; align-items: center; padding: 6px 10px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24); background-color: #ffffff; text-align: left; cursor: pointer; } .single-login:hover { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.24); } .single-login__icon { width: 20px; height: 20px; margin-right: 10px; } .single-login__name { color: #6f7374; font-size: 16px; line-height: 14px; } .legal-icons { text-align: center; width: 270px; margin: 10px auto 20px auto; padding-bottom: 16px; } .signin-modal__block--signup .legal-icons { border-bottom: none; } .signin-modal__close { display: none; position: absolute; width: 21px; height: 21px; right: 5px; top: 5px; border-radius: 3px; background-color: #e8f1e8; cursor: pointer; } .signin-modal__close--bigger { width: 21px; height: 22px; } .signin-modal__header-close { width: 28px; height: 28px; background-color: transparent; cursor: pointer; position: relative; display: none; z-index: 9; } .signin-modal__header-close::before, .signin-modal__header-close::after { content: ''; display: block; position: absolute; background: #fff; left: 48%; top: 0; border-radius: 5px; width: 3px; height: 28px; transform: rotate(45deg); } .signin-modal__header-close::after { transform: rotate(-45deg); } .signin-modal__close:hover { background-color: #d0ead0; } .signin-modal__close::before, .signin-modal__close::after { content: ''; display: block; position: absolute; background: #115111; width: 1px; height: 14px; top: calc(50% - 7px); left: calc(50% - 1px); transform: rotate(45deg); } .signin-modal__close::after { transform: rotate(-45deg); } .signin-modal__close--bigger::before, .signin-modal__close--bigger::after { height: 13px; top: 4px; left: 10px; margin-top: 0; } .signin-modal__block { background-color: #fbfcfc; width: auto; } .signin-modal__block--signin { margin: 0 auto; } .switch-signup { display: none; } .signin-modal__blocks-wrapper { display: flex; overflow: hidden; } .mobile-list { text-align: left; margin-bottom: 25px; display: block; } #signing-modal-container > div > div > div.signin-modal__block.signin-modal__block--signup.js-signin-modal-block.signin-modal__block--is-selected > div.signin-modal__block__right-side > div > a { justify-content: end; text-decoration: underline; background: none; font-weight: 400; color: #197419; margin-bottom: 30px; font-size: 14px; height: 0; margin-top: 20px; } .mobile-list li { font-size: 16px; line-height: 23px; margin-bottom: 12px; color: #6f7374; } .desktop-list { margin-top: 20px; } .desktop-list li { color: #fff; margin-bottom: 12px; } .desktop-list li::before { background: url("https://www.vegasslotsonline.com/assets/images/svg-icons/white-check.svg") center center no-repeat; background-size: 14px; } .signin-modal__vso-logo { width: 163px; } .signin-modal__block__left-side { display: none; } .left-side__content { margin-top: 80px; } .left-side__content .cta-button { width: 100%; margin-top: 20px; font-size: 14px; background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 0) !important; color: #197419; } .left-side__content .cta-button:hover { opacity: .95; transition: .3; } .left-side__switch-signin { position: absolute; left: 45px; bottom: 10px; font-size: 14px; } .left-side__switch-signin span { text-decoration: underline; cursor: pointer; } .signin-modal__fieldset--with-info { position: relative; } .signin-modal__fieldset__info { display: block; color: #6f7374; font-size: 12px; line-height: 14px; position: absolute; left: 0; top: -19px; padding-left: 5px; opacity: 0; transition: opacity 0.2s; } .signin-modal__fieldset__info--visible { opacity: 1; } .signin-modal__fieldset__info--hint { position: relative; padding-left: 15px; top: auto; opacity: 1; } .info-icon--hint { margin-left: -15px; } .info-icon { position: relative; top: 1px; margin-right: 3px; } .signin-modal__checkbox-container, .signin-modal__checkbox-input, .signin-modal__checkbox-checkmark { cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .signin-modal__checkbox-container { display: block; position: relative; cursor: pointer; height: 18px; display: flex; align-items: center; } .signin-modal__bottom-message { text-align: center; font-size: 14px; margin-top: 20px; } .signin-modal__bottom-message span { color: #197419; text-decoration: underline; line-height: 0.86; font-size: 14px; cursor: pointer; } .signin-modal__bottom-message span:hover { text-decoration: none; } .signin-modal__checkbox-input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .signin-modal__checkbox-checkmark { position: absolute; top: 2px; left: 0; height: 16px; width: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 1.5px; border: solid 1px #babdc0; } .signin-modal__checkbox-caption { display: block; position: relative; padding-left: 23px; font-size: 14px; line-height: normal; color: #6f7374; } .signin-modal__checkbox-input:checked ~ .signin-modal__checkbox-checkmark { background-color: #468f46; border: none; } .signin-modal__checkbox-input:checked ~ .signin-modal__checkbox-checkmark:after { content: ''; position: absolute; display: block; left: 5px; top: 2px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .signin-modal__checkbox-input:checked ~ .signin-modal__checkbox-caption, .signin-modal__checkbox-input:checked ~ .signin-modal__checkbox-caption a { color: #468f46; } .modal-activated { overflow: hidden; } /* Header buttons */ .signin-modal__triggers { display: flex; align-items: center; margin-left: 0; position: relative; } .single-trigger { margin-bottom: 0; font-size: 12px; color: #fff; text-decoration: none; text-align: center; padding: 5px 0 5px 5px; } .single-trigger--cta { color: #333; font-weight: 900; background: linear-gradient(to bottom, #ffde03 0, #ffde03 0); padding: 8px 10px; border-radius: 4px; display: flex; align-items: center; justify-content: center; } @media (hover: hover) { .single-trigger:hover { color: #ffde03; } .single-trigger--cta:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); color: #333; } } .single-trigger--cta svg { display: none; } .single-trigger--signup { width: 76px; height: 35px; } .single-trigger--newsletter { width: 100%; height: 35px; margin-bottom: 20px; font-size: 13px; } .site-header__language--mobile { margin-bottom: 20px; } .single-trigger--signin { display: none; cursor: pointer; } .trigger-sep { display: none; } .single-trigger--mobile-signin { display: flex; width: 100%; max-width: 250px; height: 35px; border-radius: 5px; border: solid 1px #6f7374; justify-content: center; align-items: center; padding-left: 0; margin: 0 auto 20px auto; font-size: 14px; background-color: transparent; } .signin-modal__main-img { margin-bottom: 30px; } .signin-modal-trigger--back { display: none; } .signin-modal-trigger--header-back { background-color: transparent; border: none; position: absolute; top: 7px; right: 2px; display: none; } /* Single game overlays */ .game-image { position: relative; display: flex; height: 106px; } .game-overlay { transition: all .3s ease-in; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; text-align: center; display: flex; justify-content: center; align-items: center; z-index: 9; border-radius: 5px; } .game-overlay--notification { width: 92%; height: 86px; top: auto; left: 4%; bottom: 20px; position: fixed; border-radius: 4px; box-shadow: 0 2px 15px 0 #a2d0a2; border: solid 1px #96cb96; background-color: rgba(248, 255, 248, 1); z-index: 92; } .profile .game-overlay--notification { bottom: 70px; } @media screen and (min-width: 1024px) { .game-box:hover .game-overlay--play, .single-game:hover .game-overlay--play { opacity: 1; } } .game-overlay--play { background: rgba(0, 0, 0, 0.7); } .game-overlay--play .cta-button { width: 90%; } .profile .title-wrapper .left-side{display:flex;align-items:end;} .profile .title-wrapper{margin-bottom:25px;display:flex;width:100%;justify-content: space-between;align-items:center;} .profile .title-wrapper .right-side{display:flex;align-items:center;} .profile.title-wrapper .page-title{margin-bottom:0;} .no-user-heart-popup { background-color: #000; background-image: linear-gradient(to bottom, #232323, #000000); border: solid 1px rgba(255, 255, 255, 0.46); padding: 9px 7px; position: absolute; top: 0; left: 0; color: #FFF; font-size: 14px; border-radius: 5px; z-index: 9999; text-align: center; display: none; opacity: 0; transition: none; font-weight: bold; } .no-user-heart-popup.visible { transition: opacity .3s; } .no-user-heart-popup a { color: #ffde03 !important; display: inline-block; } .no-user-heart-popup--arrow { width: 16px; height: 16px; transform: rotate(45deg); background-color: #000; border: solid 1px rgba(255, 255, 255, 0.46); position: absolute; bottom: -9px; border-left: none; border-top: none; left: 50%; margin-left: -3px; } .no-user-heart-popup.bottom .no-user-heart-popup--arrow { bottom: initial; top: -9px; transform: rotate(-135deg); background-color: #232323; } /*Adoptation for genesis */ .site-header--has-languages .site-header__content-container-left { display: none; } .site-header__content { position: absolute; top: 10px; right: 10px; } .site-header__content-container-right { margin-left: 15px; } @media screen and (min-width: 768px) { .signin-modal__block--signup .styled-list li { color: #fff; } .sidebar__item-name--desktop { display: block; } .sidebar__item-name--mobile { display: none; } .site-header--has-languages .site-header__content-container-left { display: flex; flex-wrap: wrap; width: 312px; } .header-search__results { width: 310px; } .site-header__content { position: relative; top: 0; right: 0; } .resend-activation-link { width: 100%; width: 140px; } } @media (min-width: 992px) { .site-header__content-container-right { flex-direction: row; align-items: center; margin-left: 30px; } .site-header__content-container-right.login-disabled { flex-direction: column; align-items: flex-end; } .site-header__logo { margin-left: 0; } } @media screen and (max-width: 767px) and (min-width: 540px) { .site-header__logo { margin-left: auto; } } @media screen and (max-width: 540px) { .site-header__logo { max-width: 175px; } } @media screen and (max-width: 360px) { .site-header__logo {margin-top: 3px;} } /* Helpers */ .mobile-text { display: block; } .desktop-text { display: none; } .m-auto { margin-left: auto; margin-right: auto; } .mb-0 { margin-bottom: 0; } .mt-0 { margin-top: 0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .pl-10 { padding-left: 10px; } .pt-10 { padding-top: 10px; } .pr-10 { padding-right: 10px; } .mt-20 { margin-top: 20px; } .mb-10 { margin-bottom: 10px; } .ml-20 { margin-left: 20px; } .full-width { width: 100%; } .flex { display: flex; } .flex-column { flex-direction: column; align-items: center; } .flex-center { justify-content: center; align-items: center; } .white-color { color: #fff; } .white-box { border-radius: 5px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; } .green-color { color: #115111; } .green-text { color: #468f46 !important; } svg { pointer-events: none; } button { cursor: pointer; } @media screen and (min-width: 420px) { .game-image { height: 131px; } } @media screen and (min-width: 540px) { .signin-modal__switcher button { font-size: 14px; } .single-trigger--signin { display: block; } .single-trigger { font-size: 14px; } .trigger-sep { width: 1px; height: 20px; background-color: #6f7374; display: block; margin: 0 15px; } .single-trigger--mobile-signin { display: none; } .single-trigger--signup { width: 98px; height: 35px; } .single-trigger--signup svg { display: block; margin-right: 5px; } .notification__text { line-height: 20px; padding-right: 0; } .game-overlay--notification { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: auto; } .game-notification__icon { margin-bottom: 5px; margin-right: 0; width: 24px; height: 24px; } .game-notification__icon--remove { margin-right: 0; } .game-notification .notification__text--green { text-align: center; width: 100%; font-size: 14px; line-height: 17px; } .game-notification__wrap { flex-direction: column; } .game-notification__icon::before, .game-notification__icon::after { width: 3px; } .game-notification__icon::after { height: 8px; top: 10px; left: 7px; } .game-notification__icon::before { top: 5px; left: 13px; height: 14px; } .game-overlay--notification { background-color: rgba(248, 255, 248, 0.92); } .notification-popup--mobile-close { display: none; } .notification-popup--close { right: 15px; } .notification__wrap { width: 100%; padding: 0; justify-content: center; } .resend-activation-link { margin-left: 15px; margin-top: 0; } } @media screen and (min-width: 768px) { .active.header__dropdown { display: block; } .user-avatar--desktop { display: block; } .user-avatar--mobile { display: none; } .modal-activated .header { z-index: 0; } .signin-modal__switcher { display: none; } .legal-icons { border-bottom: 2px solid #dadde0; } .signin-modal__close { display: none; } .modal-activated .signin-modal__close { display: block; } .signin-modal__container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 0; } .signin-modal__block { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); display: none; } .signin-modal__block.signin-modal__block--is-selected { display: block; } .signin-modal__block--signup.signin-modal__block--is-selected { display: flex; } .signin-modal { background-color: rgba(0, 0, 0, 0.7); z-index: 9999; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .signin-modal__inner { padding-top: 34px; } .signin-modal__block--signin { width: 370px; } .switch-signup { display: block; } .mobile-list { display: none; } .signin-modal__block--signup { width: 770px; height: 680px; } .signin-modal__block__left-side { width: 300px; background-color: #197419; padding: 30px; border-radius: 5px 0 0 5px; position: relative; display: block; } .signin-modal__block__right-side { width: 470px; display: flex; align-items: center; justify-content: center; } .signin-modal__block__right-side .signin-modal__inner { padding-bottom: 0; } .signin-modal-trigger--back { display: block; } .notification { width: 201px; bottom: -7px; right: 0; } .mobile-text { display: none; } .desktop-text { display: block; } } @media screen and (min-width: 992px) { .header__user { margin-left: 20px; margin-right: 0; } .signin-modal__triggers { margin-left: 25px; } .sidebar { position: absolute; left: 0; width: 270px; height: 100%; bottom: auto; z-index: 9; } .sidebar__nav { padding: 15px; border-radius: 8px; width: 270px; display: block; height: auto; } .sidebar__item { display: flex; align-items: center; justify-content: unset; text-decoration: none; height: 66px; background-color: transparent; transition: background-color 0.2s; border-bottom: 1px solid #ebf0f1; } .sidebar__item:hover, .sidebar__item:focus, .sidebar__item--quick:hover, .sidebar__item--quick:focus { border-radius: 5px; background-color: #ebf0f1; border-bottom: 1px solid transparent; } .sidebar__item--active { background-color: #197419; border-radius: 5px; border-bottom: 1px solid transparent; } .sidebar__item--active:hover, .sidebar__item--active:focus { background-color: #197419; } .sidebar__item-name { width: auto; font-size: 16px; font-weight: 700; line-height: normal; color: #2c2e2e; text-align: left; text-transform: none; margin-top: 0; } .sidebar__item--active .sidebar__item-name { color: #fff; } .sidebar__item-icon { width: auto; height: auto; } .sidebar__item-icon svg { width: auto; height: auto; stroke: #2C2E2E; } .sidebar__item--active .sidebar__item-icon svg .stroke { stroke: #fff; } .sidebar--fixed { position: fixed; top: 70px; } .sidebar--absolute { position: absolute; } .sidebar__item--active .folder-favorite, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body { fill: #fff; stroke: transparent; } .sidebar__item--active .fav-heart { stroke: #197419; fill: #197419; } .sidebar__item--active .home-door { stroke: transparent; fill: #197419; } .sidebar__item--active .bonus-present .ribbon-part { fill: transparent; stroke: #197419; } .sidebar__item--active .bonus-present .ribbon-line { fill: #fff; } .sidebar__item--active .bonus-present .inner-part { fill: transparent; } .sidebar__item--active .bonus-present .cls-1, .sidebar__item--active .bonus-present .cls-2, .sidebar__item--active .bonus-present .corner-line { fill: #fff; stroke: transparent; } .sidebar__item--active .clock-arrows { stroke: #197419; } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body, .sidebar__item--active .home-roof { fill: #fff; stroke: #fff; } .sidebar__item--active .bell-stroke { stroke: #fff; } .notification__text { max-width: 80%; padding-right: 10px; } .notification--close { top: calc(50% - 8px); } .single-trigger--newsletter { display: none; } } @media screen and (max-width: 992px) and (min-width: 540px) { .system-notification { height: auto; } .notification__text { max-width: 65%; padding-right: 0; } .notification__wrap { padding: 20px 0; } .notification--close { top: 5px; } } @media screen and (min-width: 1200px) { .sidebar { width: 270px; } .siderbar__item { padding: 0 0 0 15px; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .sidebar, .sidebar__nav { width: 250px; } .siderbar__item { padding: 0 0 0 10px; } .sidebar__item-icon { margin-right: 10px; } } @media screen and (max-width: 991px) { .sidebar__item::after { content: ''; position: absolute; right: 0; top: calc(50% - 5px); width: 1px; height: 10px; background-color: #ebf0f1; } .sidebar__item:last-child::after { display: none; } .header-search {width:250px;} } @media screen and (max-width: 860px) and (orientation: landscape) { .signin-modal__container { height: 100%; } } @media screen and (max-width: 767px) { .modal-activated .single-trigger--signup { opacity: 0; } .signin-modal__block { background-color: #fbfcfc; transition: all 0.3s ease-in-out; opacity: 0; min-width: 100%; width: auto; } .signin-modal__block--signin { transform: translateX(-100%); } .signin-modal__block--signup { transform: translateX(100%); } .signin-modal__block--reset { position: absolute; top: -150%; padding-top: 80px; } .signin-modal__block--is-selected { opacity: 1; } .signin-modal__block--signin.signin-modal__block--is-selected { transform: translateX(0); } .signin-modal__block--signup.signin-modal__block--is-selected { transform: translateX(-100%); } .signin-modal__block--reset.signin-modal__block--is-selected { top: 56px; } .signin-modal__header-close { transition: right 0.4s ease-in-out; position: absolute; top: 2px } .modal-activated .signin-modal__header-close { display: block; right: 5px; } .modal-activated.reset-pass .signin-modal__header-close { display: none; } .overlayer { position: absolute; height: 100%; width: 0; background: #111111; display: block; opacity: 0; transition: opacity 0.5s ease-in-out, width 0.5s ease-in-out; } .reset-pass .signin-modal-trigger--header-back { display: block; } .modal-activated .overlayer { width: 100%; opacity: 1; } .opened .signin-modal { z-index: 0; } .full-width--mobile { width: 100% } .modal-activated .user-avatar { opacity: 0; } .modal-activated:not(.page--mobile-menu) .site-header { top: 0; /*position: fixed;*/ top: 0px; left: 0; right: 0; } .is-mobile .signin-modal__block { padding-bottom: 70px; } .is-mobile .change-nickname-modal .signin-modal__block { padding-bottom: 0; } .header__dropdown--profile { display: none; } .site-header__search { display: none; } #headerNotificationUnregistered .active.header__dropdown { display: block; } } @media screen and (max-width: 519px) { .cta-button--light-green { width: 140px; height: 30px; } .confirm-buttons { margin-top: 30px; } } @media screen and (max-width: 479px) { /* .sidebar__item:first-child{ display: none; } */ .sidebar__item[data-name="notifications"] { display: none; } .header__dropdown--profile { width: 300px; } } @-webkit-keyframes ring { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 12%, 4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 14%, 6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0); transform: rotate(0); } } @-moz-keyframes ring { 0% { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 12%, 4% { -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 14%, 6% { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } 16% { -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @keyframes ring { 0% { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } 12%, 4% { -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); } 14%, 6% { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -o-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 16% { -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } } .single-trigger--signup svg { margin-right: 2px; } .single-trigger--cta { padding: 7px 0; } .single-trigger--signin { white-space: nowrap; } .signin-modal__block--signup.signin-modal__block--is-selected .signin-modal__fieldset { margin: 10px 0; } .signin-modal__block--signup.signin-modal__block--is-selected .or_separator { margin-top: 10px; margin-bottom: 0; } @media screen and (min-width: 768px) { .signin-modal__block--signup.signin-modal__block--is-selected .signin-modal__title { margin-top: 40px; } .signin-modal__block--signup.signin-modal__block--is-selected .signin-modal__inner { padding: 0; } } @media screen and (max-width: 768px) { #signing-modal-container > div > div > div.signin-modal__block.signin-modal__block--signup.js-signin-modal-block.signin-modal__block--is-selected > div.signin-modal__block__right-side > div > a { text-decoration: underline; background: none; font-weight: 400; color: #197419; margin-bottom: 30px; font-size: 14px; height: 0; margin-top: 20px; display: block; width: 100%; text-align: right; } } .vli-226__button { justify-content: center; } @media screen and (min-width: 580px) { .single-trigger--signup { width: 133px; } } @media screen and (max-width: 840px) { } @media screen and (max-width: 620px) { .single-trigger--signup { padding: 1px 5px; width: 96px; line-height: 14px; } } @media screen and (max-width: 400px) { .header .header-top .brand-logo .logo { margin-left: 30px; } .site-header__logo { margin: 3px auto 0 45px; } } @media screen and (max-width: 360px) { .single-trigger--signup { width: 80px; line-height: 13px; } } .loader { position: absolute; top: 3px; left: 15%; color: #6f7374; font-size: 4px; margin: 15px; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .resend_button { position: relative; } @-webkit-keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } .header__dropdown--notifications { max-height: 503px; left: -315px; } #headerNotificationUnregistered { display: none; } .header__notification { position: relative; margin-right: 15px; } .header__notification.hidden { display: none; } .header__notification .cta-button { width: 100%; } .header__dropdown--notifications::after { right: 19px; } .header__dropdown--notifications .overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .dashboard .user-notification__card .user-notifications--static .overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .header__dropdown--profile::after { right: 10px; } .header__dropdown--notifications .title-wrapper { /* margin-bottom:10px; --> original */ margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; } .header__dropdown--notifications .clear-all { width: 80px; height: 30px; } .notification__container { max-height: 385px; overflow-y: auto; scrollbar-width: none; padding: 0 0 30px 0; visibility: hidden; margin-right: -10px; } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered { display: block; } .ver-1, .ver-2, .ver-3, .ver-4 { display: none; } .vli-549-a .ver-1 { display: block; } .vli-549-b .ver-2 { display: block; } .vli-549-c .ver-3 { display: block; } .vli-549-d .ver-4 { display: block; } .unregistered-user .notification__container { padding: 0; margin: -5px; } .unregistered-user .notification__container { margin: -5px; } .unregistered-user .cta-button.transparent { border: 1px solid rgba(25, 116, 25, 0.7); color: #197419; margin-top: 10px; width: 100%; } @media screen and (max-width: 766px) { .unregistered-user .header__dropdown--notifications { left: -215px; width: 360px; } .unregistered-user .header__dropdown--notifications::after { right: 120px; } } @media screen and (max-width: 375px) { .unregistered-user .header__dropdown--notifications { left: -215px; width: 360px; } .unregistered-user .header__dropdown--notifications::after { right: 120px; } } @media screen and (max-width: 360px) { .unregistered-user .header__dropdown--notifications { left: -220px; width: 350px; } .unregistered-user .header__dropdown--notifications::after { right: 105px; } } @media screen and (max-width: 320px) { .coin-show-on-m .hi { font-size: 24px; } .vli-549-a .site-header__link, .vli-549-b .site-header__link, .vli-549-c .site-header__link, .vli-549-d .site-header__link, .CA .site-header__link { max-width: 120px; } .vli-549-a .site-header__image, .vli-549-b .site-header__image, .vli-549-c .site-header__image, .vli-549-d .site-header__image, .CA .site-header__image, .vli-668 .site-header__image, .CA .site-header__image { max-width: 120px; } .unregistered-user .header__dropdown--notifications { width: 320px; left: -184px; } .unregistered-user .header__dropdown--notifications::after { right: 110px; } } .notification__container::-webkit-scrollbar { width: 11px; } .notification__container::-webkit-scrollbar-track { background: transparent; } .notification__container::-webkit-scrollbar-thumb { background-color: #90A4AE; border-radius: 6px; border: 3px solid #FFFFFF; } .notification__container_bottom-shadow { background: linear-gradient(0deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%); height: 60px; margin-top: -60px; z-index: 999999; position: absolute; width: calc(100% - 20px); display: block; box-sizing: border-box; pointer-events: none; } @media (hover: hover) { .notification__container:hover, .notification__container:focus { visibility: visible; } .notification__container:hover { transition: visibility 0s ease-in 0ms, opacity 0ms; } } .header__notification__counter { align-items: center; justify-content: center; width: 17px; height: 17px; font-size: 12px; color: #fff; font-weight: 700; position: absolute; left: 0; top: 0; z-index: 9; pointer-events: none; display: none; background: #E80C19; border-radius: 5px; } .header__notification.alert .header__notification__counter { display: flex; } .header__notification .notify-trigger:hover, .header__notification .notify-trigger:active, .header__notification .notify-trigger:focus, .active .notify-trigger { background-color: transparent; } #notify-bell { fill: #FFF; } .notify-trigger:hover #notify-bell { opacity: 1; } body:not(.profile) #notify-bell { opacity: 0.6; } body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus #notify-bell { opacity: 1; } .header__notification.alert #notify-bell { transform: rotate(9deg); fill: #FFDE03; opacity: 1; } .user-notifications .cta-button { z-index: 9; position: relative; } .user-notification__card { border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; padding: 20px; margin-bottom: 20px; position: relative; visibility: visible; opacity: 1; transition: all 0.3s ease-out; } @media (hover: hover) { .user-notification__card:hover { cursor: pointer; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } } .user-notification__card.removing, .user-notifications--popup .user-notification__card.removing { opacity: 0; height: 0; padding: 0; margin: 0; } .user-notification__card.not-read { background-color: #EEFFEA; } .user-notification__card__dot { display: none; background-color: #E02020; height: 8px; width: 8px; border-radius: 4px; margin-left: 8px; } .user-notification__card.not-read .user-notification__card__dot { display: inline-block; } .user-notification__card__top .figuer { height: 64px; } .user-notification__labels { display: flex; } .user-notification__wrapper { width: 100%; } .unregistered.user-notification__wrapper { display: flex; gap: 10px; } .user-notification__categories { margin-bottom: 10px; } .user-notification__category { font-family: Lato; padding: 2px 8px; background: rgba(20, 92, 20, 0.1); border-radius: 5px; margin-right: 10px; font-size: 12px; line-height: 17px; display: inline-block; color: #145C14; } .user-notification__card__image { width: 64px; height: 64px; border-radius: 5px; margin-right: 10px; } .user-notification__title { font-family: Lato; color: #145C14; font-weight: 900; font-size: 16px; margin-bottom: 0; line-height: 20px; } .header__notification .user-notification__title { line-height: 110%; } .header__notification .user-notification__categories { margin-bottom: 7px; } .notification-page.main-wrapper { min-height: 430px; } .user-notification__view-more-title { margin-bottom: 20px; margin-top: 50px; font-size: 22px; line-height: 28px; } .user-notification__back-to { padding-right: 16px; text-decoration: none; background-color: transparent; display: inline-block; line-height: 28px; } .user-notification__back-to svg { vertical-align: middle; } .user-notification__card--single, .user-notification__card--single .user-notification__card { max-width: 650px; width: 100%; } .user-notification__card--single, .user-notification__card--single .user-notification__card p { font-size: 14px; margin-bottom: 20px; } .user-notification__card--main .user-notification__wrapper h3.user-notification__title { display: none; } .user-notification__card .user-notification__card__top .user-notification__title { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .user-notification__card--img { width: 100%; height: 320px; background-size: cover; background-position: center; border-radius: 5px; margin-bottom: 20px; } .user-notification__published { color: #145C14; margin-left: auto; font-family: Lato; font-size: 12px; white-space: nowrap; padding-bottom: 10px; } .user-notification__card__content { margin-top: 10px; margin-bottom: 0; font-size: 14px; } .user-notifications--static .user-notification__card__content { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .user-notification--btn__outlined { color: #197419; border: 1px solid rgba(25, 116, 25, 0.7); box-sizing: border-box; border-radius: 5px; padding: 8px 16px; font-family: Lato; font-style: normal; font-weight: 900; font-size: 12px; line-height: 110%; background: transparent; text-decoration: none; text-align: center; height: 34px; } .user-notification--btn__outlined.button-big { line-height: 17px; font-size: 16px; } .user-notification--btn__outlined:hover { color: #FFF; background: #197419; cursor: pointer; } .user-notification--btn__outlined.full { display: flex; align-items: center; justify-content: center; } .user-notification--close { width: 20px; height: 20px; border-radius: 2.3px; background-color: #e8f1e8; right: 8px; top: 8px; z-index: 9; } .user-notification--close::before, .user-notification--close::after { background-color: #468f46; width: 1.5px; height: 11px; top: 4px; left: calc(50% - 0.75px); } .user-notifications.empty .view-all { display: none; } .user-notifications.empty .empty-message { display: flex; min-height: 100px; justify-content: center; align-items: center; } .user-notifications--static.empty .empty-message { display: flex; min-height: 350px; justify-content: center; align-items: center; } .header__dropdown--notifications .user-notification__card { margin: 1px 1px 10px 1px; padding: 10px; } .header__dropdown--notifications .user-notification__card__content { font-size: 14px; line-height: 140%; margin-top: 5px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; padding: 0; } .header__dropdown--notifications .user-notification__title { padding-right: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; padding: 0; margin-top: 0; } .header__dropdown--notifications .user-notification--close { top: 5px; right: 5px; } .alert .notify-trigger { -webkit-animation: ring 6s ease infinite; -moz-animation: ring 6s ease infinite; -o-animation: ring 6s ease infinite; animation: ring 6s ease infinite; } @media screen and (max-width: 767px) { .user-notification__wrapper .cta-button { width: 100%; } .user-notification__title { line-height: 17px; } .user-notification__categories { margin-bottom: 5px; } .user-notification__card--img { margin-top: 5px; background-size: contain; background-repeat: no-repeat; } .notification-page .user-notification__card--main .cta-button--small { width: 100%; padding: 0; } } .menu-subs{position:absolute;width:100%;height:auto;margin-top:0;padding:1rem 2rem;border:none;outline:0;z-index:500;display:none;background:#111;-webkit-box-shadow:inset 0 1px 0 #767676;box-shadow:inset 0 1px 0 #767676;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .megamenu{left:0;top:50px} .site-nav .megamenu li .megamenu__link-item{height:46px;position:relative;padding-left:10px;justify-content: flex-start;} .megamenu__categorized-items{width:100%} .megamenu__row, .megamenu__row:last-child{margin-bottom:0} .menu-column-3{width:904px;padding:15px 32px 32px} .megamenu__list-item{-webkit-box-flex:0;flex:0 0 33.3%;padding:0;max-width:252px;margin-right:0} .megamenu__list-item:last-child{margin-right:0} .megamenu__categorized-items__title{display:none} .megamenu__row{display:-webkit-box;display:flex;flex-wrap:wrap} .megamenu__list-item.text-center .title{text-align:center} .megamenu__dropdown-trigger{border-bottom:1px solid #424545} .megamenu-trigger .site-nav--drop-down-icon, .megamenu__dropdown-trigger .site-nav--drop-down-icon{pointer-events: none;} .menu-item-has-children{position: static;display:flex;} .megamenu__categorized-items .site-nav__item {width: 100%;} .link-with-megamenu {padding-right: 5px;} @media only screen and (min-width: 993px) { .site-nav__link:hover {color: var(--active-link-color);} .menu-item-has-children{position: relative;padding-right: 0;} .menu-item-has-children:hover .menu-subs{display:block;} .megamenu__link-item::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#424545} .megamenu__categorized-items__title{font-weight:900;font-size:16px;line-height:17.6px;color:#7E8384;margin-bottom:15px;padding-left:10px;display:block} .megamenu__list-item{margin-right:40px} .megamenu__row{margin-bottom:35px} .megamenu__drop-down-icon, .megamenu__dropdown-trigger{display:none} .site-nav--drop-down:hover .menu__dropdown-arrow{fill:#ffde03} .megamenu-trigger{position: absolute;right: 0;top: calc(50% - 2px);} html[data-useragent='ie'] .megamenu-trigger{top: 0;} .link-with-megamenu{padding-right: 16px;} .menu__dropdown-arrow {width:12px} } @media only screen and (max-width: 992px) { .menu-item-has-children .menu__dropdown-arrow{transform:rotate(-90deg);pointer-events:none;width:25px;height:25px;padding:5px;cursor:pointer} .menu-item-has-children .menu__dropdown-arrow path{pointer-events: none;} .menu-item-has-children .megamenu-trigger{pointer-events: all;} .menu-item-has-children .megamenu__categorized-items .menu__dropdown-arrow, .megamenu__categorized-items .drop-down-icon{transform:rotate(0);} .menu-item-has-children{align-items:center} .opened .menu__dropdown-arrow{fill:#ffde03} .menu{z-index:1099;overflow:hidden;} .menu.actived{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%);display:flex} .menu-mobile-header{position:relative;position:-webkit-sticky;position:sticky;display:-webkit-box;display:none;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;top:0;height:52px;z-index:501;background:#111;} .menu-mobile-header .menu-mobile-arrow{display:none;font-size:1.25rem;line-height:3.125rem;width:3.125rem;height:3.125rem;cursor:pointer;text-align:center;background-color:inherit} .menu-mobile-header.actived .menu-mobile-arrow{display:block} .menu-mobile-header.actived{display:flex;position: absolute;width: 100%;top: unset;left:0;} .menu-mobile-header .menu-mobile-title{font-size:18px;font-weight:900;line-height:inherit;color:#949B9C;text-transform:capitalize;text-rendering:optimizeLegibility} .menu-mobile-header .menu-mobile-close{font-size:2.25rem;line-height:3.125rem;cursor:pointer;width:3.125rem;height:3.125rem;border-left:1px solid rgba(0,0,0,.1);color:#121212;text-align:center} .site-nav{overflow-y:auto;overflow-x:hidden;margin-bottom:20px;} .menu-subs.megamenu{position:absolute;display:none;top:50px;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:3rem 1rem 1rem;opacity:1;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none} .menu-subs.actived{display:block} .megamenu__list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0;} .megamenu__list-item img.responsive{margin-top:0} .megamenu__list-item.text-center .title{margin-bottom:1.25rem} .megamenu__list-item.text-center:last-child .title{margin-bottom:0} .megamenu__categorized-items.opened, .megamenu__row:first-child{border-bottom: solid 1px var(--mobile-menu-divider);} .megamenu-actived .site-nav__item, .megamenu-actived .single-trigger, .megamenu-actived .site-header__language, .megamenu-actived .user-balance-mobile{display: none;} .megamenu-actived .megamenu__categorized-items .site-nav__item, .megamenu-actived .menu-item-has-children{display: flex;} .slideLeft{animation: 0.5s ease 0s 1 normal forwards running slideLeft;} .slideRight {animation: 0.5s ease 0s 1 normal forwards running slideRight;} } @-webkit-keyframes slideLeft {0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}} @keyframes slideLeft {0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}} @-webkit-keyframes slideRight {0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} @keyframes slideRight {0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.breadcrumbs { display: none; } @media (min-width: 992px) { .breadcrumbs { display: block; white-space: nowrap; line-height: 20px; } } .breadcrumbs__content { display: none; } @media (min-width: 992px) { .breadcrumbs__content { display: block; white-space: nowrap; line-height: 20px; width: 100%; border-bottom: 0.5px solid #e3e7e8; color: #575757; font-size: 12px; line-height: 20px; padding: 5px 0; } .breadcrumbs__text { padding: 0 5px 0 0; line-height: 20px; } .breadcrumbs__separator { line-height: 20px; } .breadcrumbs__link { color: #585959; text-decoration: none; line-height: 20px; } .breadcrumbs__link:hover { text-decoration: underline; } .breadcrumbs__current { color: #575757; } } @media (min-width: 1200px) { } .text-area__container { display: flex; flex-wrap: nowrap; } .text-area__content a:hover { text-decoration: none; } .text-area__content .content-sep5 { color: #0a0c0c; margin: 10px auto; float: left; width: 100%; height: 1px; clear: both; height: 50px; } .text-area__side { display: none; } .text-area__content{width:100%;} .text-area__content .content-sep5:before { width: 100%; display: block; margin: 10px auto 0; content: ""; height: 1px; background: #c8cfd1; } .text-area__content ul { margin-bottom: 30px; margin-top: 30px; } .text-area__content li { font-size: 16px; color: #6f7374; padding-left: 33px; position: relative; line-height: 1.64; margin-bottom: 10px; z-index: 0; } .text-area__content li::before { position: absolute; left: 0; top: 3px; content: ''; width: 18px; height: 18px; background: #e8f1e8 url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/check-green.svg) no-repeat center center; border-radius: 50%; } .text-area__content li.cons::before { position: absolute; left: 0; top: 3px; content: ''; width: 18px; height: 18px; background: #e8f1e8 url(https://www.vegasslotsonline.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; border-radius: 50%; } .text-area__content li.alert::before { content: '!'; background-color: #fbe8e8; background-image: none; width: 19px; display: flex; justify-content: center; align-items: center; color: #e02020; font-size: 13px; font-weight: 700; } .text-area__content ul.dot li::before { content: "\2022"; color: #12750f; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; position: unset; left: unset; top: unset; height: unset; background: unset; border-radius: unset; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .text-area__content ul.dot li::before { position: -ms-page; left: auto; top: auto; height: auto; background: none; border-radius: 0; } } .text-area__content .bold-black { font-weight: bold; color: var(--dark-default-fill); } .text-area__content .bolder { font-weight: 900; color: var(--dark-default-fill); } .text-area__content li h3 { line-height: normal; } .text-area__content img { max-width: 100%; height: auto; } .text-area__content strong { color: #2c2e2e; } .text-area__separator { display: block; clear: both; width: 100%; height: 50px; margin: 5px auto; } .text-area__separator::before { content: ""; display: block; margin: 10px auto 0; height: 1px; background-color: #c8cfd1; } .text-area__funny-lines { width: 100%; display: block; color: #197419; text-align: center; font-size: 18px; position: relative; font-weight: bold; margin: 30px 0; } .text-area__funny-lines::before { position: relative; display: block; content: ' '; height: 2px; width: 100%; background: #197419; margin-bottom: 20px; } .text-area__funny-lines::after { position: relative; display: block; content: ' '; height: 2px; width: 100%; background: #197419; margin-top: 20px; } .text-area__container ul.styled-list li.cons::before { background: #e8f1e8 url(https://www.vegasslotsonline.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; } @media (min-width: 768px) { .text-area { padding: 45px 0 40px 0; } .text-area__content h1 { color: var(--primary-default-fill); margin: 0 0 25px 0; line-height: 26.62px; font-size: 28px; font-weight: 900; } } .content-header { padding: 20px 0 15px 0; overflow: hidden; } .content-header__title__image-wrapper { border-radius: 3px; border: solid 1px #dadde0; float: left; margin-right: 15px; height: 32px; overflow: hidden; min-width: 60px; text-align: center; } .content-header__title__image { height: 32px; max-width: 100%; object-fit: cover; } .content-header__row { display: flex; flex-wrap: wrap; } .content-header__content { display: block; width: 100%; } .content-header__side { display: none; } .content-header__image { max-width: 100%; height: auto; } .content-header__content-toggle { color: #197419; text-decoration: none; display: block; position: relative; z-index: 9; cursor: pointer; font-size: 12px; } .content-header .text-area__content ul { margin-bottom: 30px; margin-top: 0; } .content-header .text-area__content li { font-size: 16px; color: #6f7374; padding-left: 30px; position: relative; line-height: 1.44; margin-bottom: 20px; z-index: 0; } .content-header .text-area__content li::before { position: absolute; left: 0; top: 3px; content: ''; width: 18px; height: 18px; background: #e8f1e8 url('https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/check-green.svg') no-repeat center center; border-radius: 50%; } .content-header__more-section { overflow: hidden; max-height: 0; transition: all 0.3s ease-in-out; margin-bottom: 0; } .content-header__content.content-header--read-less .content-header__more-section { max-height: 90em; } .content-header__content .content-header__read-less { display: none; } .content-header__content.content-header--read-less .content-header__read-more { display: none; } .content-header__content.content-header--read-less .content-header__read-less { display: block; } .readmore-only-mobile { display: block; } .content-header .text-area__content span.highlight { position: relative; background-position: left bottom, right bottom; background-attachment: scroll, scroll; color: #2C2E2E; background-image: linear-gradient(-225deg, transparent 0, #FFEE81 0px), linear-gradient(-45deg, transparent 0, #FFEE81 0px); background-size: 51% 7px; background-repeat: no-repeat; font-weight: 700; } .content-header__side-casinos { margin-top: 24px; max-width: 100%; width: 100%; /*background-color: #002200;*/ } @media (min-width: 992px) { .content-header__row { display: flex; flex-wrap: nowrap; } .content-header__content { padding-right: 30px; } .content-header__side { padding-left: 0; display: inline-block; flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: center; width: 33.333333333333%; -webkit-flex: 0 0 33.333333333333%; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; padding-top: 0; } .content-header__side-casinos { width: 296px; min-width: 296px; max-width: 296px; margin-top: 0; padding-left: 10px; } } @media (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .content-header__side {display: block;} } @media (min-width: 1200px) { .content-header__side { width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .reviews-widget { background-color: #fbfcfc; position: relative; padding: 30px 0; } .reviews-widget__casino { border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); position: relative; transition: all .3s; background: #ffffff; margin: 0px 0 20px 0; } .reviews-widget__our-country-casino { font-size: 18px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__header { border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; padding: 9px 10px 10px 10px; margin-bottom: 20px; } .reviews-widget__header_top{} .reviews-widget__header_top::after{} .reviews-widget__geo{} .reviews-widget__geo-container { display: flex; flex-wrap: wrap; justify-content: center; } .reviews-widget__geo-casinos { font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; color: #197419; } .reviews-widget__geo-mobile{} .reviews-widget__geo-mobile-line1 { font-size: 16px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: normal; color: #2c2e2e; margin-left: 4px; } .reviews-widget__geo-mobile-separtor { flex-basis: 100%; height: 5px; } .reviews-widget__geo-mobile-line2 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__geo-tablet { display: none; } .reviews-widget__geo-change { display: flex; cursor: pointer; } .reviews-widget__geo-change * { cursor: pointer; } body.reviews-widget--geo-change { overflow: hidden; } .reviews-widget__geo-change-link { position: relative; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__geo-change-link::after { position: absolute; bottom: 0; right: -11px; top: 5px; content: ""; margin-left: -5px; display: block; width: 8px; height: 5px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/chevron-right.svg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; } .reviews-widget__geo-change-cta { display: none; } .reviews-widget__geo-change-flag { display: inline-block; margin: 0 6px; width: 20px; height: 15px; line-height: 15px; background-size: contain; border-radius: 3px; background-repeat: no-repeat; float: left; } .reviews-widget__search { margin: 15px 0; max-height: 35px; overflow: visible; position: relative; } .reviews-widget__search-field { height: 35px; border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; padding: 7px 10px; margin: 0 10px; } .reviews-widget__search .reviews-widget__search-field { margin: 0; } .reviews-widget--search-active .reviews-widget__search-field { border: solid 1px #468f46; } .reviews-widget__search-input { -webkit-appearance: none; background-color: transparent; width: calc(100% - 20px); border-color: transparent; border-width: 0; border-style: solid; text-shadow: none; opacity: 1; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; } .reviews-widget--search-active .reviews-widget__search-input { width: calc(100% - 50px); } .reviews-widget__search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-weight: normal; opacity: 0.49; } .reviews-widget__search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-weight: normal; opacity: 0.49; } .reviews-widget__search-input::-ms-input-placeholder {/* Microsoft Edge */ font-weight: normal; opacity: 0.49; } .reviews-widget__search-input:focus { outline: none; } input.reviews-widget__search-input::-ms-clear, input.reviews-widget__search-input::-ms-reveal { display: none; width: 0; height: 0; } input.reviews-widget__search-input::-webkit-search-decoration, input.reviews-widget__search-input::-webkit-search-cancel-button, input.reviews-widget__search-input::-webkit-search-results-button, input.reviews-widget__search-input::-webkit-search-results-decoration { display: none; } .reviews-widget__search-magnify { display: inline-block; float: right; width: 16px; height: 16px; background: var(--gray-magnify-svg); background-size: 16px 16px; border-radius: 0 3px 3px 0; background-repeat: no-repeat; background-position: center; margin-top: 2px; background-color: transparent; opacity: 0.3; } .reviews-widget__search-reset { display: none; } .reviews-widget--search-active .reviews-widget__search-reset { position: relative; display: block; float: right; width: 25px; height: 16px; cursor: pointer; margin-left: 9px; padding-left: 9px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/cancel.svg); background-repeat: no-repeat; background-position: 9px 2px; } .reviews-widget--search-active .reviews-widget__search-reset::before { position: absolute; display: block; content: ""; width: 1px; height: 13px; border-left: solid 1px #c8cfd1; left: 0px; top: 3px; } .reviews-widget__search-outcome { display: none; position: absolute; top: 43px; width: 100%; height: 334px; border-radius: 3px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; z-index: 20; padding: 0; } .reviews-widget--search-active .reviews-widget__search-outcome { display: block; } .reviews-widget__search-outcome::before { display: none; content: ""; position: absolute; left: calc(50% - 5px); width: 0; top: -5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; } .reviews-widget--search-active .reviews-widget__search-outcome::before, .reviews-widget--search-active .reviews-widget__search-outcome { display: block; } .reviews-search-result { display: block; background-repeat: no-repeat; background-size: 30px 30px; background-position: 15px 5px; padding-left: 53px; padding-top: 10px; height: 40px; padding-bottom: 5px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; text-decoration: none; } .reviews-search-result b { font-weight: 900; } .reviews-search-result:hover { background-color: #f9fbfb; } .reviews-widget__header-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; } .reviews-widget__header-sort { width: calc(50% - 5px); flex-basis: calc(50% - 5px); border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; position: relative; } .reviews-widget__header-sort-mobile { position: relative; text-align: center; display: block; padding: 7px 0 8px 0; cursor: pointer; } .reviews-widget__header-sort-mobile-caption { position: relative; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; margin-left: 10px; } .reviews-widget__header-sort-mobile-caption:before { position: absolute; bottom: 0; left: -13px; top: 2px; content: ""; margin-left: -5px; display: block; width: 14px; height: 14px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/sort.svg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; } .reviews-widget__header-sort-tablet { display: none; } .reviews-widget__header-sort-options { cursor: pointer; display: none; position: absolute; top: 42px; width: 100%; left: 0; border-radius: 3px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; z-index: 10; padding: 15px 14px 15px 14px; } .reviews-widget--header-sort-active .reviews-widget__header-sort-options { display: block; } .reviews-widget__header-sort-options .reviews-widget__filters-chevron-container { display: none; } .reviews-widget__nudge { position: absolute; left: calc(50% - 10px); top: -8px; width: 20px; height: 8px; overflow: hidden; } .reviews-widget__nudge::after { content: ''; position: absolute; width: 6px; height: 6px; top: 5px; left: 7px; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3); transform: rotate(45deg); background: #ffffff; } .reviews-widget__header-sort-option { display: block; margin: 0 0 10px 0; padding-left: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; text-align: left; } .reviews-widget__header-sort-option:last-child { margin-bottom: 0; } .reviews-widget__header-sort-input { display: none; position: absolute; opacity: 0; } .reviews-widget__header-sort-input:checked ~ .reviews-widget__header-sort-caption:after { background-color: #6f7374; } .reviews-widget__header-sort-caption { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__header-sort-caption:before { content: ""; position: absolute; top: 6px; left: 0; height: 8px; width: 8px; background-color: transparent; border-radius: 50%; border: solid 1px #6f7374; } .reviews-widget__header-sort-caption:after { content: ""; position: absolute; top: 9px; left: 3px; height: 4px; width: 4px; background-color: transparent; border-radius: 50%; border: solid 0px transparent; } .reviews-widget__header-filters { width: calc(50% - 5px); flex-basis: calc(50% - 5px); text-align: center; border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; } .reviews-widget__filters-button * { cursor: pointer; } .reviews-widget__filters-mobile { display: block; width: 100%; position: relative; padding: 7px 0 8px 0; } body.reviews-widget--header-filters-mobile-active { overflow: hidden; } .reviews-widget--header-filters-mobile-active .reviews-widget__header-filters { position: fixed; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; background-color: #ffffff; } .reviews-widget__filters-mobile-caption { position: relative; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; margin-left: 10px; } .reviews-widget__filters-mobile-caption::before { content: " "; position: absolute; bottom: 0; left: -14px; top: 1px; content: ""; margin-left: -5px; display: block; width: 16px; height: 16px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/filter-reviews.svg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; } .reviews-widget__filters-mobile-count { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #b2b8ba; } .reviews-widget--filtering .reviews-widget__filters-mobile-count { color: #468f46; } .reviews-widget__filters-mobile-close { display: none; } .reviews-widget--header-filters-mobile-active .reviews-widget__filters-mobile-close { width: 21px; height: 21px; border-radius: 3.5px; background-color: #e8f1e8; display: block; position: absolute; top: 13px; right: 13px; } .reviews-widget--header-filters-mobile-active .reviews-widget__filters-mobile-close svg { width: 9px; height: 9px; } .reviews-widget__filters-tablet { display: none; } .reviews-widget__filters { display: none; overflow-y: auto; } .reviews-widget--header-filters-mobile-active .reviews-widget__filters { position: fixed; top: 42px; left: 0; right: 0; padding: 0 10px 0 10px; display: block; text-align: left; bottom: 0; padding-bottom: 65px; } .reviews-widget__filters-active, .reviews-widget__filters-no-active { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; margin-bottom: 20px; } .reviews-widget__filters-active, .reviews-widget--filtering .reviews-widget__filters-no-active { display: none; } .reviews-widget--filtering .reviews-widget__filters-active { display: block; } .reviews-widget__selected-filter { margin-top: 8px; } .reviews-widget__selected-filter-title { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__selected-filter-details { display: inline-block; margin-top: 5px; margin-right: 8px; border-radius: 12px; background-color: #e8f1e8; cursor: pointer; } .reviews-widget__selected-filter-caption { display: inline-block; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; padding: 4px 10px 5px 15px; } .reviews-widget__selected-filter-remove { display: inline-block; position: relative; width: 10px; height: 10px; margin-right: 15px; } .reviews-widget__selected-filter-remove::after { content: ''; display: inline-block; width: 10px; height: 1px; background-color: #2c2e2e; transform: rotate(45deg); position: absolute; left: 0; top: 5px; } .reviews-widget__selected-filter-remove::before { content: ''; display: inline-block; width: 10px; height: 1px; background-color: #2c2e2e; transform: rotate(-45deg); position: absolute; left: 0; top: 5px; } .reviews-widget__filters-payment-methods, .reviews-widget__filters-casino-games, .reviews-widget__filters-game-providers, .reviews-widget__filters-geo-changer { position: relative; height: 44px; border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; overflow: hidden; margin-bottom: 8px; } .reviews-widget__filters-payment-methods.reviews-widget--filter-open, .reviews-widget__filters-game-providers.reviews-widget--filter-open { height: 320px; overflow: auto; } .reviews-widget__filters-casino-games.reviews-widget--filter-open { height: auto; } .reviews-widget__filter-caption { cursor: pointer; display: inline-block; position: relative; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; width: 100%; padding: 11px 10px 20px 10px; } .reviews-widget--filter-open .reviews-widget__filter-caption { padding-bottom: 10px; } .reviews-widget__filters-casino-games-options { } .reviews-widget__filters-payment-methods-options, .reviews-widget__filters-game-providers-options { position: absolute; top: 80px; bottom: 1px; left: 15px; right: 0; overflow-y: auto; } .reviews-widget__filters-casino-games-options { margin: 0 15px; } .reviews-widget__filters-chevron-icon { border-style: solid; border-width: 1px 1px 0 0; border-color: #9ca1a3; display: inline-block; transform: rotate(135deg); transition: all 0.2s ease-in-out; position: relative; top: -4px; height: 8px; width: 8px; } .reviews-widget__filters-chevron-container { position: absolute; right: 10px; transition: all 0.2s ease-in-out; } .reviews-widget--header-sort-options-show .reviews-widget__filters-chevron-container, .reviews-widget--filter-open .reviews-widget__filters-chevron-container { transform: rotate(180deg); transition: all 0.2s ease-in-out; } .reviews-widget--filter-open .reviews-widget__search-field { margin-bottom: 8px; } .reviews-widget__header-sort-option, .reviews-widget__checkbox-container, .reviews-widget__checkbox-input, .reviews-widget__checkbox-checkmark { cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .reviews-widget__checkbox-container { display: block; position: relative; cursor: pointer; } .reviews-widget__checkbox-input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .reviews-widget__checkbox-checkmark { position: absolute; top: 2px; left: 0; height: 12px; width: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 1.5px; border: solid 1px #babdc0; } .reviews-widget__checkbox-caption { display: block; position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__checkbox-input:checked ~ .reviews-widget__checkbox-checkmark { background-color: #468f46; border: none; } .reviews-widget__checkbox-input:checked ~ .reviews-widget__checkbox-checkmark:after { content: ""; position: absolute; display: block; left: 4px; top: 1px; width: 3px; height: 6px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .reviews-widget__checkbox-input:checked ~ .reviews-widget__checkbox-caption { color: #468f46; } .reviews-widget__filters-options { position: fixed; height: 54px; left: 0; right: 0; bottom: 0; padding: 10px; box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15); display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #ffffff; } .reviews-widget__filters-clear { width: calc(50% - 5px); flex-basis: calc(50% - 5px); height: 34px; border-radius: 5px; border: solid 1px #b2b8ba; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; opacity: 0.4; } .reviews-widget--filtering .reviews-widget__filters-clear { opacity: 1; } .reviews-widget__filters-clear-symbol { padding-right: 5px; padding-left: 5px; } .reviews-widget__filters-show-results { width: calc(50% - 5px); flex-basis: calc(50% - 5px); height: 34px; border-radius: 5px; background-color: #ffde03; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #2c2e2e; } .reviews-widget__filters-show-results-count { padding-right: 5px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #2c2e2e; padding-left: 5px; } .reviews-widget__geo-changer-overlay { background-color: rgba(17, 17, 17, 0.9); width: 100%; z-index: 99; top: 0; height: 100%; left: 0; position: fixed; display: none; } .reviews-widget--geo-change .reviews-widget__geo-changer-overlay { display: flex; justify-content: center; align-items: center; } .reviews-widget--geo-change .reviews-widget__geo-changer-container { position: relative; display: block; width: calc(100% - 20px); margin: auto 0; background-color: #ffffff; padding: 30px 15px 17px 15px; } .reviews-widget__geo-change-close-button { width: 21px; height: 21px; border-radius: 3.5px; background-color: #e8f1e8; display: block; position: absolute; top: 16px; right: 16px; padding: 0 6px; cursor: pointer; } .reviews-widget__geo-change-close-button svg { width: 9px; height: 9px; } .reviews-widget__geo-change-text { display: block; font-size: 18px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #2c2e2e; width: 92%; margin-bottom: 14px; } .reviews-widget__geo-change-title { display: block; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; width: 100%; margin-bottom: 11px; position: relative; } .reviews-widget__geo-change-showtooltip { position: relative; display: inline-block; text-align: center; margin-left: 6px; top: 4px; cursor: pointer; } .reviews-widget__geo-change-tooltip { display: none; } .reviews-widget__geo-change-showtooltip .reviews-widget__nudge { top: 16px; z-index: 2; display: none; } .tooltip--display .reviews-widget__geo-change-showtooltip .reviews-widget__nudge { display: block; } .tooltip--display .reviews-widget__geo-change-tooltip { display: block; position: absolute; top: 26px; height: auto; border-radius: 1px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; left: 0; right: 0; z-index: 1; padding: 15px 15px 8px 15px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__geo-change-tooltip-close { margin-top: 7px; text-align: center; } .reviews-widget__geo-change-tooltip-close-link { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; text-decoration: underline; cursor: pointer; } .reviews-widget--geo-change .reviews-widget__geo-changer-container .reviews-widget__geo-change-flag { width: 24px; height: 18px; margin: 0 8px 0 0; } .reviews-widget__filters-geo-changer { margin-bottom: 15px; } .reviews-widget__filters-geo-changer .reviews-widget__filter-caption { font-size: 14px; padding-left: 6px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; display: flex; height: 44px; padding-top: 0; padding-bottom: 0; align-items: center; } .reviews-widget__geo-change-close { text-align: center; } .reviews-widget__geo-change-close-link { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; text-decoration: underline; cursor: pointer; } .reviews-widget__geo-change-options { position: absolute; top: 80px; bottom: 1px; right: 0; left: 0; overflow-y: scroll; scrollbar-color: #c8cfd1 #ebf0f1; scrollbar-width: thin; } .reviews-widget__geo-change-options::-webkit-scrollbar { width: 5px; } .reviews-widget__geo-change-options::-webkit-scrollbar-track { background: #ebf0f1; } .reviews-widget__geo-change-options::-webkit-scrollbar-thumb { background: #c8cfd1; } .reviews-widget__geo-change-options::-webkit-scrollbar-thumb:hover { background: #c8cfd1; } .reviews-widget__filters-geo-changer.reviews-widget--filter-open { height: 320px; overflow: auto; } .reviews-widget__tablet-label { display: none; } .reviews-widget__checkbox-caption { text-align: left; } .reviews-widget__filters-active-tablet { display: none; } .reviews-widget__selected-filter-wrapper .reviews-widget__selected-filter, .reviews-widget--selected-filter-clear-all { display: none; } .reviews-widget__selected-filter-wrapper .reviews-widget__selected-filter.reviews-widget--selected-filter-show { display: block; } .reviews-widget__title { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; text-align: left; margin-bottom: 8px; } .reviews-widget__no-results { display: none; margin: 20px 0 4px 0; } .reviews-widget__no-results.reviews-widget--no-results { display: block; } .reviews-widget__no-results-symbol { text-align: center; } .reviews-widget__no-results-image { display: inline-block; width: 47px; height: 40px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/warning.svg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; } .reviews-widget__no-results-primary { text-align: center; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; text-align: center; color: #115111; } .reviews-widget__no-results-secondary { text-align: center; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: center; color: #2c2e2e; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .reviews-widget .container { overflow: hidden; min-height: 540px; } } @media (min-width: 768px) { .reviews-widget__no-results { margin: 50px 0 20px 0; text-align: center; justify-content: center; align-content: center; } .reviews-widget__no-results.reviews-widget--no-results { display: flex; } .reviews-widget__no-results-symbol { display: inline-block; width: 70px; margin-right: 22px; } .reviews-widget__no-results-image { display: inline-block; width: 64px; height: 55px; background: url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/warning.svg); background-repeat: no-repeat; background-size: cover; background-position: 0px 0px; } .reviews-widget__no-results-text { display: inline-block; width: 560px; } .reviews-widget__no-results-primary { text-align: left; font-size: 22px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; color: #115111; } .reviews-widget__no-results-secondary { text-align: left; } .reviews-widget--selected-filter-clear-all { display: inline-block; background-color: #fbe8e8; } .reviews-widget__selected-filter-title { display: inline-block; margin-right: 8px; } .reviews-widget__selected-filter-wrapper .reviews-widget__selected-filter.reviews-widget--selected-filter-show { display: inline-block; margin-top: 0; margin-bottom: 8px; } .reviews-widget__selected-filter-details:last-child { margin-right: 20px; } .reviews-widget { padding: 45px 0 40px; } .reviews-widget__header { border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-bottom: 25px; padding: 20px; } .reviews-widget__header_top { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 4px; margin-bottom: 9px; } .reviews-widget__header_top::after { content: ""; height: 0; border-bottom: solid 1px #dadde0; display: block; position: relative; bottom: 0; width: 100%; } .reviews-widget__geo { flex: 0 0 100%; } .reviews-widget__geo-container { display: flex; flex-wrap: wrap; justify-content: flex-start; } .reviews-widget__our-country-casino { font-size: 22px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.55; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__geo-casinos { font-size: 22px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; } .reviews-widget__geo-mobile-line1, .reviews-widget__geo-mobile-separtor, .reviews-widget__geo-mobile-line2 { display: none; } .reviews-widget__geo-tablet { display: block; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; color: #2c2e2e; margin-left: 5px; } .reviews-widget__geo-change-link .reviews-widget__geo-change-flag { width: 28px; height: 21px; top: 3px; position: relative; } .reviews-widget__geo-change-link .reviews-widget__geo-change-caption { font-size: 18px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__geo-change-link::after { display: none; } .reviews-widget__geo-change-cta { display: inline-block; margin-left: 8px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #468f46; } .reviews-widget__search { display: flex; justify-content: space-between; } .reviews-widget__search { display: block; width: 100%; } .reviews-widget--geo-change .reviews-widget__geo-changer-container { width: 600px; } .reviews-widget__header-bottom { display: block; } .reviews-widget__header-sort { margin-top: 23px; width: 140px; display: inline-block; border-radius: 0px; border: none; } .reviews-widget__header-sort-mobile, .reviews-widget__filters-mobile { display: none; } .reviews-widget__header-sort-tablet, .reviews-widget__filters-tablet { display: block; position: absolute; top: -23px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__header-sort-options-wrapper { width: 140px; height: 35px; position: relative; } .reviews-widget__header-sort-options { display: flex; flex-wrap: wrap; top: 0px; left: 0px; position: absolute; z-index: 11; border-radius: 0; box-shadow: none; padding: 0; height: 35px; overflow: hidden; border-radius: 3px; border: solid 1px #dadde0; background-color: #ffffff; } .reviews-widget__header-sort-options.reviews-widget--header-sort-options-show { height: auto; } .reviews-widget__header-sort-options .reviews-widget__nudge { display: none; } .reviews-widget__header-sort-option { flex: 0 0 100%; display: none; padding: 5px 8px 5px 8px; margin: 0; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; order: 1; } .reviews-widget__header-sort-option:hover { background-color: #f9fbfb; } .reviews-widget__header-sort-option.selected { display: block; order: 0; padding-top: 9px; } .reviews-widget__header-sort-option.selected:hover { background-color: transparent; } .reviews-widget--header-sort-options-show .reviews-widget__header-sort-option { display: block; } .reviews-widget__header-sort-caption::before, .reviews-widget__header-sort-caption::after { display: none; } .reviews-widget__header-sort-options .reviews-widget__filters-chevron-container { display: block; top: 8px; right: 9px; } .reviews-widget__header-filters { display: inline-block; float: right; position: relative; margin-top: 23px; border: none; width: 300px; background-color: transparent; } .reviews-widget__filters-button { display: none; } .reviews-widget__filters { display: flex; flex-wrap: wrap; justify-content: space-between; overflow-y: visible; } .reviews-widget__filters-active, .reviews-widget__filters-no-active { order: 10; } .reviews-widget__filters-no-active { display: none; } .reviews-widget__filters-active { margin-top: 40px; margin-bottom: 20px; text-align: left; position: relative; left: -350px; min-width: 650px; width: 650px; } .reviews-widget__filter-wrapper { width: 140px; height: 35px; } .reviews-widget__filters-payment-methods, .reviews-widget__filters-casino-games, .reviews-widget__filters-game-providers { width: 140px; height: 35px; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; position: absolute; z-index: 11; } .reviews-widget__filter-caption { font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; text-align: left; padding: 9px 7px 9px 9px; } .reviews-widget__filters-geo-changer .reviews-widget__filter-caption { padding: 11px 7px 13px 15px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #6f7374; } .reviews-widget__geo-change-options .reviews-widget__filter-caption:hover { background-color: #f9fbfb; } .reviews-widget__filters-geo-changer .reviews-widget__search-field { margin-left: 15px; margin-right: 15px; } .reviews-widget--geo-change .reviews-widget__geo-changer-container .reviews-widget__geo-change-flag { width: 28px; height: 21px; margin: 0 8px 0 0; } .reviews-widget__filters .reviews-widget__filters-chevron-container { right: 8px; top: 10px; } .reviews-widget__filters .reviews-widget__search-field { padding: 10px 8px; } .reviews-widget__filters .reviews-widget__search-input { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; } .reviews-widget__filters-payment-methods-options, .reviews-widget__filters-game-providers-options { left: 0; right: 0; } .reviews-widget__checkbox-container { padding: 5px 10px; } .reviews-widget__checkbox-container:hover { background-color: #f9fbfb; } .reviews-widget__checkbox-checkmark { left: 10px; top: 7px; } .reviews-widget__checkbox-caption { margin: 0; } .reviews-widget__title { margin: 5px 10px; } .reviews-widget__filters-casino-games-options { margin: 0; } .reviews-widget__filters .reviews-widget__search-magnify { margin-top: 0px; } .reviews-widget__filters-payment-methods-options, .reviews-widget__filters-game-providers-options { overflow-x: hidden; } .reviews-widget__filters-payment-methods-options::-webkit-scrollbar, .reviews-widget__filters-game-providers-options::-webkit-scrollbar { width: 5px; } .reviews-widget__filters-payment-methods-options::-webkit-scrollbar-track, .reviews-widget__filters-game-providers-options::-webkit-scrollbar-track { background: #ebf0f1; } .reviews-widget__filters-payment-methods-options::-webkit-scrollbar-thumb, .reviews-widget__filters-game-providers-options::-webkit-scrollbar-thumb { background: #c8cfd1; } .reviews-widget__filters-payment-methods-options::-webkit-scrollbar-thumb:hover, .reviews-widget__filters-game-providers-options::-webkit-scrollbar-thumb:hover { background: #c8cfd1; } .reviews-widget__filters-payment-methods-options, .reviews-widget__filters-game-providers-options { overflow-y: scroll; scrollbar-color: #c8cfd1 #ebf0f1; scrollbar-width: thin; } .reviews-widget__filters-options { display: none; } .reviews-widget__filters-payment-methods.reviews-widget--filter-open, .reviews-widget__filters-game-providers.reviews-widget--filter-open { height: 385px; overflow: auto; } .reviews-widget__filters-active-tablet { display: block; } .reviews-widget__filters-active-mobile { display: none; } .reviews-widget--search-active .reviews-widget__search-reset { background-position: 9px 0px; } .reviews-widget__geo-change-text { width: 100%; } .reviews-widget__filters-show-results-count { padding-right: 0; } .reviews-widget__filters-clear-symbol { padding-left: 0; } } @media (min-width: 992px) { .reviews-widget__filters-active { left: -575px; min-width: 875px; width: 875px; } .reviews-widget--filtering .reviews-widget__filters-active { display: flex; flex-wrap: nowrap; } .reviews-widget__filters-active-tablet { min-width: 116px; width: 116px; margin-top: 7px; } .reviews-widget__header-sort { margin-top: 0; width: 200px; display: inline-flex; align-items: flex-start; } .reviews-widget__header-sort-tablet, .reviews-widget__filters-tablet { position: static; margin-top: 10px; margin-right: 10px; } .reviews-widget__header-filters { margin-top: 0; width: 370px; display: inline-flex; align-items: flex-start; justify-content: space-between; } .reviews-widget__header-filters .reviews-widget__filters { width: 300px; } } @media (min-width: 1200px) { .reviews-widget__no-results { margin: 80px 0 50px 0; } .reviews-widget__filters-active { left: -755px; min-width: 1115px; width: 1115px; } .reviews-widget--search-active .reviews-widget__search-reset { background-position: 9px 0px; } .reviews-widget__filters .reviews-widget__search-field { padding: 8px 8px; } .reviews-widget__filters .reviews-widget__search-input { font-size: 14px; } .reviews-widget__our-country-casino { font-size: 22px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: 1.55; letter-spacing: normal; color: #2c2e2e; margin-bottom: 20px; } .reviews-widget__header { border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-bottom: 25px; padding: 20px; } .reviews-widget__header_top { position: relative; padding-bottom: 0px; margin-bottom: 20px; flex-wrap: wrap; } .reviews-widget__geo { width: 660px; flex: 0 0 660px; } .reviews-widget__tablet-label { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #2c2e2e; display: block; margin-top: 9px; } .reviews-widget__search { width: 360px; flex: 0 0 360px; margin-top: 0; margin-bottom: 20px; } .reviews-widget__header_bottom { padding-top: 20px; } .reviews-widget__header-sort { width: 230px; } .reviews-widget__header-sort-options-wrapper { width: 170px; } .reviews-widget__header-filters { width: 430px; } .reviews-widget__header-filters .reviews-widget__filters { width: 360px; } .reviews-widget__filter-wrapper { width: 170px; } .reviews-widget__filters-payment-methods, .reviews-widget__filters-casino-games, .reviews-widget__filters-game-providers { width: 170px; } .reviews-widget__header-sort-caption, .reviews-widget__filter-caption { font-size: 14px; } } .reviews-widget__search-language { display: none; } .reviews-widget--multi-language .reviews-widget__search-language { display: flex; flex-wrap: wrap; margin-bottom: 18px; } .reviews-widget__search-title { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #6f7374; flex: 0 0 100%; margin-bottom: 8px; margin-top: 10px; } .reviews-widget__search-lang, .reviews-widget__search-english { cursor: pointer; width: calc(50% - 15px); font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #2c2e2e; text-align: center; padding-bottom: 5px; } .reviews-widget__search-lang{margin-left: 15px;} .reviews-widget__search-english{margin-right: 15px;} .reviews-widget__search-lang, .reviews-widget--show-english .reviews-widget__search-english{border-bottom: 4px solid #468f46;} .reviews-widget--show-english .reviews-widget__search-lang, .reviews-widget__search-english{border-bottom: 4px solid transparent;} .reviews-widget__search-lang-qty, .reviews-widget__search-english-qty{color: #197419;} .reviews-widget__search-results { position: absolute; top: 1px; bottom: 1px; left: 0; right: 0; display: flex; flex-wrap: wrap; overflow-y: scroll; } .reviews-widget__search-no-results{display:none;} .reviews-widget__search-no-results-found { padding: 15px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #2c2e2e; } .reviews-widget--multi-language .reviews-widget__search-results { top: 57px; bottom: 0; left: 0px; right: 0; } .reviews-widget__search-lang-results{width:100%;transition: all .0s; overflow-y: auto;margin-top: 15px;} .reviews-widget--multi-language .reviews-widget__search-lang-results{width:100%;} .reviews-widget__search-english-results{width:0;transition: all .0s;overflow-y: hidden;margin-top: 15px;} .reviews-widget--multi-language .reviews-widget__search-english-results{width:0;} .reviews-widget--show-english .reviews-widget__search-english-results{width:100%; overflow-y: auto;} .reviews-widget--show-english .reviews-widget__search-lang-results{overflow-y: hidden;width:0;} .reviews-widget--multi-language .reviews-widget__search-english-results{width:0;} .reviews-widget--show-english .reviews-widget__search-english-results{width:100%;} .reviews-widget__search-lang-results::-webkit-scrollbar, .reviews-widget__search-english-results::-webkit-scrollbar {width: 5px;} .reviews-widget__search-lang-results::-webkit-scrollbar-track, .reviews-widget__search-english-results::-webkit-scrollbar-track {background: #ebf0f1;} .reviews-widget__search-lang-results::-webkit-scrollbar-thumb, .reviews-widget__search-english-results::-webkit-scrollbar-thumb {background: #c8cfd1;} .reviews-widget__search-lang-results::-webkit-scrollbar-thumb:hover, .reviews-widget__search-english-results::-webkit-scrollbar-thumb:hover {background: #c8cfd1;} @supports (scrollbar-width: thin) { .reviews-widget__search-lang-results, .reviews-widget__search-english-results { overflow-y: auto; scrollbar-color: #C8CFD1 #EBF0F1; scrollbar-width: thin; } } .casino-info-row { padding: 10px 10px 20px; border-radius: 5px; transition: all .3s; } .casino-info-row__content { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: center; width: 100%; } .casino-info-row.casino-info-row--casino-of-the-month { padding-top: 22px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border: solid 2px #197419; background-image: linear-gradient(to bottom, #ffffff, #f4fff4); } .casino-info-row__of-the-month { width: 100%; height: 25px; position: absolute; top: -9px; left: -3px; } .casino-info-row__of-the-month-wrapper { color: #fff; padding: 1px 15px 0; height: 25px; position: relative; text-align: left; text-decoration: none; width: auto; text-transform: uppercase; transition: all .3s; top: 5px; left: -1px; display: inline-block; z-index: 9; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07); border-radius: 5px 0 5px 0; } .casino-info-row--casino-of-the-month .casino-info-row__of-the-month-wrapper { background-color: #ea0202; } .casino-info-row__of-the-month-text { display: block; text-transform: none; font-size: 12px; font-weight: 900; font-stretch: normal; line-height: 1.77; } .casino-info-row__of-the-month-text:after { content: ''; border-width: 0 5px 4px 0; right: -5px; border-color: transparent transparent #8d2700; top: 0; position: absolute; z-index: 1; border-style: solid; } .casino-info-row__of-the-month-bottom-edge { border-width: 0 4px 5px 0; left: 0px; border-color: transparent #8d2700 transparent transparent; bottom: -5px; position: absolute; z-index: 1; border-style: solid; height: 0; width: 0; } .casino-info-row__logo { order: 1; width: 100%; } .casino-info-row__logo-wrapper { margin: 0 auto; } .casino-info-row__logo-link { display: block; width: 100%; height: 100%; } .casino-info-row__logo-image { width: 100%; margin: 0; padding: 0; border-radius: 3px; max-width: 100%; } .casino-info-row__rating { order: 2; width: auto; padding: 12px 0 0 0; } .casino-info-row__rating-wrapper { margin: 0; display: flex; align-items: center; } .casino-info-row__rating-title { padding: 0; margin: 0 10px 0 0; font-size: 14px; line-height: 1.44; color: #6f7374; } .casino-info-row__rating-title::after { content: ':'; width: 5px; height: 6px; right: 0; } .casino-info-row__rating-stars { width: 112px; height: 18px; } .casino-info-row__award { order: 3; width: auto; display: flex; height: auto; padding-left: 10px; } .casino-info-row__award-wrapper { padding-right: 5px; margin-top: 15px; width: 100%; } .casino-info-row__award-image { height: 30px; width: 30px; } .casino-info-row__award-label { display: none; } .casino-info-row__offer { display: flex; order: 4; justify-content: center; width: 100%; padding: 0 15px; } .casino-info-row__offer-wrapper{} .casino-info-row__offer-link { margin: 12px 0; font-size: 22px; line-height: 1.27; font-weight: 700; color: #333; text-decoration: none; display: block; text-transform: none; text-align: center; } .casino-info-row__offer-link .red-text { font-weight: 900; color: #197419; } .casino-info-row__payment-methods { order: 5; width: 100%; } .casino-info-row__payment-methods-wrapper { text-align: center; } .casino-info-row__payment-methods-title { margin-bottom: 5px; line-height: normal; font-size: 14px; font-weight: 400; } .casino-info-row__payment-methods-list { text-align: center; } .casino-info-row__payment-methods-list-items { font-size: 14px; color: #6f7374; line-height: 12px; } .casino-info-row__payment-methods-list-link { font-size: 14px; line-height: 12px; color: #197419; } .casino-info-row__blacklisted { order: 5; text-align: center; width: 100%; padding: 0 15px; } .casino-info-row__blacklisted-content { font-weight: bold; font-size: 20px; color: #333; line-height: 28px; width: 100%; text-align: center; text-transform: uppercase; } .casino-info-row__cta { order: 6; width: 100%; padding: 20px 0 0; text-align: center; } .casino-info-row__play-now{} .casino-info-row__play-now-link { width: 100%; max-width: 100%; height: 40px; margin: 0 auto; font-size: 13px; color: #2c2e2e; background: linear-gradient(to bottom, #ffde03 0, #ffde03 0); border: none; text-decoration: none; text-align: center; padding: 0 10px; font-weight: 900; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: none; line-height: normal; } .casino-info-row__play-now-link--disabled { background: linear-gradient(to bottom, #ebf0f1 0, #ebf0f1 0); color: rgba(17, 17, 17, 0.35); } .casino-info-row__review{} .casino-info-row__review-link { font-size: 12px; font-weight: 400; margin-top: 10px; color: #197419; display: block; line-height: normal; } .casino-info-row__terms { margin-top: 10px; } .casino-info-row__terms-content, .casino-info-row__terms-content * { text-align: left; margin-bottom: 0; font-size: 10px; line-height: 14px; font-weight: 300; color: #6f7374; padding-bottom: 0; } .casino-info-row__terms-content a { color: #197419; } @media (min-width: 481px) { .casino-info-row__logo { width: 45%; } .casino-info-row__logo-wrapper { max-height: 100%; } .casino-info-row__cta { order: 1; width: 35%; padding: 0; } .casino-info-row__review-link { margin-top: 5px; } .casino-info-row__rating { width: 50%; } .casino-info-row__rating-wrapper { justify-content: flex-end } .casino-info-row__award { width: 50%; padding-left: 20px; } .casino-info-row__award-wrapper { display: flex; align-items: center; } .casino-info-row__award-label { display: block; padding: 0 5px; color: #6f7374; font-size: 12px; margin-left: 5px; } } @media (min-width: 480px) { .casino-info-row__payment-methods-title { margin-bottom: 0px; } } @media (min-width: 540px) { .casino-info-row__logo { width: 35%; } } @media (min-width: 768px) { .casino-info-row__logo { width: 29%; } .casino-info-row__offer, .casino-info-row__blacklisted { order: 1; width: 46%; text-align: center; } .casino-info-row__cta { order: 1; width: 150px; } .casino-info-row__rating { padding: 15px 0; } .casino-info-row__award-wrapper { margin-top: 0; } } @media (min-width: 992px) { .casino-info-row { padding: 15px; } .casino-info-row__content { flex-wrap: nowrap; } .casino-info-row__logo { width: 16%; } .casino-info-row__rating { min-width: 150px; width: auto; } .casino-info-row__rating-wrapper { flex-wrap: wrap; justify-content: center; } .casino-info-row__rating-title { font-size: 12px; margin-bottom: 5px; } .casino-info-row__rating-title::after { content: ''; width: 0; height: 0; right: 0; } .casino-info-row__rating-stars { flex: 0 0 100%; } .casino-info-row__award { width: 10%; padding: 0; margin-right: -15px; } .casino-info-row__award-wrapper { flex-wrap: wrap; justify-content: center; } .casino-info-row__award-image { height: 40px; width: 40px; } .casino-info-row__award-label { white-space: normal; margin: 5px 0 0 0; display: block; width: 100%; text-align: center; line-height: normal; } .casino-info-row__offer { order: 4; width: 30%; } .casino-info-row__payment-methods { width: 16%; } .casino-info-row__payment-methods-wrapper { text-align: left; } .casino-info-row__payment-methods-list { text-align: left; } .casino-info-row__payment-methods-title, .casino-info-row__payment-methods-list-items, .casino-info-row__payment-methods-list-link { font-size: 12px; line-height: 12px; } .casino-info-row__payment-methods-title { margin-bottom: 8px; } .casino-info-row__blacklisted { order: 5; width: 46%; position: relative; } .casino-info-row__cta { order: 6; width: 130px; } } @media (min-width: 1200px) { .casino-info-row { padding: 20px; } .casino-info-row__logo { width: 17%; } .casino-info-row__award { position: relative; width: 12%; } .casino-info-row__offer { width: 22%; position: relative; } .casino-info-row__payment-methods { width: 18%; } .casino-info-row__award::before, .casino-info-row__award::after, .casino-info-row__offer::after { content: ''; position: absolute; top: 0; width: 1px; height: 100%; background: #d8d8d8; } .casino-info-row__blacklisted::before { left: 0; } .casino-info-row__award::after, .casino-info-row__offer::after { right: 0; } .casino-info-row__blacklisted { width: 40%; } .casino-info-row__cta { width: 150px; } } .pagination { width: 100%; margin-top: 15px; } .pagination__contain { display: flex; flex-wrap: wrap; justify-content: center; } .pagination__page { display: none; margin: 0 5px; } .pagination__page-link { cursor: pointer; color: #6f7374; border-radius: 5px; border: solid 1px #c8cfd1; font-size: 14px; text-decoration: none; box-sizing: border-box; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; font-weight: 700; } .pagination--active .pagination__page-link { color: #115111; } .pagination--first, .pagination--last, .pagination--active { display: block; } .pagination--page-move { background-color: #ebf0f1; border: 1px solid transparent; } .pagination__spacer-span { cursor: not-allowed; display: flex; margin: 0; height: 33px; align-items: center; line-height: normal; font-size: 14px; color: #6f7374; font-weight: bold; } .pagination__page.pagination--mobile { display: block; } @media (min-width: 768px) { .pagination__page { display: block; } .pagination__spacer.pagination--mobile { display: none; } } .page-rating { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .page-rating__rate-our-casino { flex-basis: 100%; margin: 2px 0 3px 0; } .page-rating__five-stars-wrapper { margin-left: -7px; } .page-rating__five-stars-wrapper svg { margin: 0 0 0 5px; transition: height 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; width: 112px; height: 18px; text-align: center; } .page-rating em { margin-left: 5px; font-family: Calibri, Arial; color: #575757; } @media all and (min-width: 425px) { .page-rating__rate-our-casino { flex-basis: auto; white-space: nowrap; } .page-rating__rate-our-casino { display: inline-block; } .page-rating__five-stars-wrapper { margin-left: 0; } } .content-area { padding: 30px 0; } @media (min-width: 768px) { .content-area { padding: 65px 0 65px 0; } } .text-area__content [class*="col-"] { display: inline-block; padding: 15px; } .text-area__content .col-xs-1 { width: calc(100% / 12); } .text-area__content .col-xs-2 { width: calc(100% / 6); } .text-area__content .col-xs-3 { width: calc(100% / 4); } .text-area__content .col-xs-4 { width: calc(100% / 3); } .text-area__content .col-xs-5 { width: calc(100% * 5 / 12); } .text-area__content .col-xs-6 { width: calc(100% * 1 / 2); } .text-area__content .col-xs-7 { width: calc(100% * 7 / 12); } .text-area__content .col-xs-8 { width: calc(100% * 8 / 12); } .text-area__content .col-xs-9 { width: calc(100% * 9 / 12); } .text-area__content .col-xs-10 { width: calc(100% * 10 / 12); } .text-area__content .col-xs-11 { width: calc(100% * 11 / 12); } .text-area__content .col-xs-12 { width: 100%; } @media (min-width: 576px) { .text-area__content .col-sm-1 { width: calc(100% / 12); } .text-area__content .col-sm-2 { width: calc(100% / 6); } .text-area__content .col-sm-3 { width: calc(100% / 4); } .text-area__content .col-sm-4 { width: calc(100% / 3); } .text-area__content .col-sm-5 { width: calc(100% * 5 / 12); } .text-area__content .col-sm-6 { width: calc(100% * 1 / 2); } .text-area__content .col-sm-7 { width: calc(100% * 7 / 12); } .text-area__content .col-sm-8 { width: calc(100% * 8 / 12); } .text-area__content .col-sm-9 { width: calc(100% * 9 / 12); } .text-area__content .col-sm-10 { width: calc(100% * 10 / 12); } .text-area__content .col-sm-11 { width: calc(100% * 11 / 12); } .text-area__content .col-sm-12 { width: 100%; } } @media (min-width: 768px) { .text-area__content .col-md-1 { width: calc(100% / 12); } .text-area__content .col-md-2 { width: calc(100% / 6); } .text-area__content .col-md-3 { width: calc(100% / 4); } .text-area__content .col-md-4 { width: calc(100% / 3); } .text-area__content .col-md-5 { width: calc(100% * 5 / 12); } .text-area__content .col-md-6 { width: calc(100% * 1 / 2); } .text-area__content .col-md-7 { width: calc(100% * 7 / 12); } .text-area__content .col-md-8 { width: calc(100% * 8 / 12); } .text-area__content .col-md-9 { width: calc(100% * 9 / 12); } .text-area__content .col-md-10 { width: calc(100% * 10 / 12); } .text-area__content .col-md-11 { width: calc(100% * 11 / 12); } .text-area__content .col-md-12 { width: 100%; } } @media (min-width: 992px) { .text-area__content .col-lg-1 { width: calc(100% / 12); } .text-area__content .col-lg-2 { width: calc(100% / 6); } .text-area__content .col-lg-3 { width: calc(100% / 4); } .text-area__content .col-lg-4 { width: calc(100% / 3); } .text-area__content .col-lg-5 { width: calc(100% * 5 / 12); } .text-area__content .col-lg-6 { width: calc(100% * 1 / 2); } .text-area__content .col-lg-7 { width: calc(100% * 7 / 12); } .text-area__content .col-lg-8 { width: calc(100% * 8 / 12); } .text-area__content .col-lg-9 { width: calc(100% * 9 / 12); } .text-area__content .col-lg-10 { width: calc(100% * 10 / 12); } .text-area__content .col-lg-11 { width: calc(100% * 11 / 12); } .text-area__content .col-lg-12 { width: 100%; } } @media (min-width: 1200px) { .text-area__content .col-xl-1 { width: calc(100% / 12); } .text-area__content .col-xl-2 { width: calc(100% / 6); } .text-area__content .col-xl-3 { width: calc(100% / 4); } .text-area__content .col-xl-4 { width: calc(100% / 3); } .text-area__content .col-xl-5 { width: calc(100% * 5 / 12); } .text-area__content .col-xl-6 { width: calc(100% * 1 / 2); } .text-area__content .col-xl-7 { width: calc(100% * 7 / 12); } .text-area__content .col-xl-8 { width: calc(100% * 8 / 12); } .text-area__content .col-xl-9 { width: calc(100% * 9 / 12); } .text-area__content .col-xl-10 { width: calc(100% * 10 / 12); } .text-area__content .col-xl-11 { width: calc(100% * 11 / 12); } .text-area__content .col-xl-12 { width: 100%; } } .text-area__container.margin-top-15 { margin-top: 15px; } .text-area__container.margin-bottom-15 { margin-bottom: 15px; } .image-left-width90-margin4_20_0_0-display768 .text-area__side { width: 60px; min-width: 68px; margin: 4px 20px 0 0; } .image-left-width90-margin4_20_0_0-display768 .text-area__image { width: 100%; } @media (min-width: 768px) { .image-left-width90-margin4_20_0_0-display768 .text-area__side { display: block; } } .content-area.background-green { background-color: #115111; } .background-green .text-area__content h2, .background-green .text-area__content p, .background-green .text-area__content a { color: #fff; } .text-area__container.color-white * { color: #ffffff; } .box-area { margin: 10px 0 20px 0; } .box-area__items { display: flex; flex-wrap: wrap; justify-content: space-between; } @supports (display: grid) { .box-area__items { display: block; } } .box-area__item { padding: 20px 20px 20px 20px; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #197419; margin: 0 0 10px 0; } .box-area__item-content strong { display: block; font-size: 18px; margin-bottom: 10px; } .box-area__item-content p { margin-bottom: 15px; } .box-area .styled-list { margin-top: 20px; } .box-area .styled-list li { position: relative; margin-bottom: 14px; padding-left: 25px; font-size: 16px; line-height: 1.44; } .box-area .styled-list li::before { position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; content: ''; background: url(https://www.vegasslotsonline.com/assets/images/svg-icons/check-green.svg) center center no-repeat #e8f1e8; } @media screen and (min-width: 768px) { @supports (display: grid) { .box-area__items { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; grid-auto-rows: 1fr; } } } @media screen and (min-width: 992px) { .box-area { margin: 10px 0 0 0; } .box-area__item-content strong, .box-area__item-content p { font-size: 14px; } } .box-area.color-white * { color: #ffffff; } @media (min-width: 992px) { .box-area.box-col-1-1-3-3 .box-area__item { width: 32%; margin: 0 0 20px 0; } @supports (display: grid) { .box-area.box-col-1-1-3-3 .box-area__item { width: 100%; margin: 0; } .box-area.box-col-1-1-3-3 .box-area__items { grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } } } @media (min-width: 768px) { .text-area__container.image-top768-max-width70p { flex-wrap: wrap; align-items: center; justify-content: center; } .image-top768-max-width70p .text-area__side { display: block; text-align: center; margin: 0 0 30px 0; } .image-top768-max-width70p .text-area__image { max-width: 70%; } } @media (min-width: 992px) { .text-area__container.image-right992-max-width100p { flex-wrap: nowrap; align-items: center; justify-content: center; } .image-right992-max-width100p .text-area__content { padding: 0 15px; } .image-right992-max-width100p .text-area__side { order: 2; display: flex; width: 33.333333333333%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333333333%; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; padding: 0 15px; margin: 0 0 0 0; align-items: center; } .image-right992-max-width100p .text-area__image { max-width: 100%; } } .content-faq { padding: 45px 0 40px; background-color: #fbfcfc; } .content-faq__title { margin-bottom: 30px; } .content-faq__question-block { border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background: #fff; margin-bottom: 10px; width: 100%; } .content-faq__question { display: block; padding: 18px 60px 20px 20px; font-size: 16px; font-weight: 700; color: #2c2e2e; text-decoration: none; position: relative; cursor: pointer; width: 100%; background-color: transparent; text-align: left; font-family: "Lato", Helvetica, Arial, sans-serif; } .content-faq__question-arrow { display: block; position: absolute; right: 15px; width: 30px; height: 30px; top: calc(50% - 15px); transition: all 0.2s ease-in-out; font-size: 15px; transform: rotate(0deg); background: #e8eeef url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/faq-arrow.svg) no-repeat center center; background-size: 26px; border-radius: 5px; } .content-faq--active .content-faq__question-arrow { transform: rotate(180deg); } .content-faq--active .content-faq__answer { max-height: 2000px; transition: max-height 2.0s ease-in-out, padding-bottom 0.25s ease-in-out; padding-bottom: 15px; } .content-faq__answer { overflow: hidden; max-height: 0; padding: 0 20px 0 20px; transition: max-height 0.25s cubic-bezier(0, 1.05, 0, 0.9), padding-bottom 0.25s ease-in-out; } .content-faq__answer .styled-list li { font-size: 16px; color: #6f7374; padding-left: 33px; position: relative; line-height: 1.64; margin-bottom: 10px; z-index: 0; } .content-faq__answer .styled-list li::before { position: absolute; left: 0; top: 3px; content: ''; width: 18px; height: 18px; background: #e8f1e8 url(https://assets.vegasslotsonline.com/vegasslotsonline.com/assets/images/svg-icons/check-green.svg) no-repeat center center; border-radius: 50%; } .padding-flex { padding-top: 145px; } @media screen and (min-width: 768px) { .padding-flex { padding-top: 95px; } } @media screen and (min-width: 992px) { .padding-flex { padding-top: 105px; } } .might-also-like { padding-top: 30px; padding-bottom: 50px; } .might-also-like__header { font-size: 20px; font-weight: 700; } .might-also-like__cards { width: 240px; display: flex; flex-wrap: wrap; justify-content: center; margin: 15px auto 0 auto; } .might-also-like__card { max-width: 270px; width: 100%; margin: 0 0 20px 0; padding: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 5px; transition: all .3s linear; position: relative; display: flex; flex-direction: column; } .might-also-like__link { text-decoration: none; } .might-also-like__image-container { max-height: 200px; overflow: hidden; text-align: center; } .might-also-like__image { max-width: 100%; height: auto; width: 100%; border-radius: 5px 5px 0 0; } .might-also-like__contents { height: auto; flex: 1; background: #fff; text-decoration: none; padding: 24px; display: flex; flex-direction: column; } .might-also-like__title { margin-bottom: 15px; font-size: 18px; font-weight: bold; line-height: 1.28; color: #2c2e2e; } .might-also-like__description { line-height: 1.44; color: #6f7374; padding: 0 0 10px 0; font-size: 16px; font-weight: 400; margin-bottom: 0; } .might-also-like__button { margin-top: auto; } .might-also-like__button .cta-button { margin-top: 4px; font-size: 16px; font-weight: 700; } @media (min-width: 480px) { .might-also-like__cards { width: 270px; } } @media (min-width: 768px) { .might-also-like { padding-top: 45px; padding-bottom: 70px; } .might-also-like__cards { width: 100%; } .might-also-like__card { margin: 0 15px 20px 15px; } } @media (min-width: 992px) { .might-also-like__header { font-size: 18px; } .might-also-like__cards { justify-content: space-between; margin-top: 25px; } .might-also-like__card { width: 23.5%; padding: 0; margin: 0; } } @media (min-width: 1200px) { } .favourite-casinos { padding: 30px 0 37px 0; background-color: var(--our-favorite-casinos); } .favourite-casinos__header { text-align: center; color: #ffffff; font-size: 22px; font-weight: 900; margin: 0 0 20px 0; } .favourite-casinos__casinos { text-align: center; } .favourite-casinos__casino { position: relative; display: inline-block; max-width: 135px; margin: 5px 5px 10px 5px; } body.game-frame--fullscreen span.favourite-casinos__casino-of-the-month, body span.favourite-casinos__casino-of-the-month { position: absolute; width: calc(100% + 0px); height: calc(100% + 5px); background: #FFF; z-index: 0; top: -13px; left: 0px; font-size: 9px; padding: 2px; margin: 0; color: #DA3B01 !important; line-height: 1em; font-weight: bold; border-radius: 7px; } .favourite-casinos__casino_image { /*width: 100%;*/ width: 135px; height: 51px; border-radius: 7px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(255, 255, 255, 0.5); max-width: 145px; z-index: 5; position: relative; } @media (min-width: 768px) { .favourite-casinos__header { font-size: 28px; margin: 0 0 30px 0; } } @media (min-width: 992px) { .favourite-casinos__casino_image { } } .subscribe-to-newsletter { padding: 34px 0 34px 0; background-position: center center; background-repeat: no-repeat; background-size: cover !important; color: #ffffff; background: -webkit-linear-gradient(to bottom, #051705 0%, #115111 100%); background: linear-gradient(to bottom, #051705 0%, #115111 100%); } .subscribe-to-newsletter__container { text-align: center; } .subscribe-to-newsletter__header { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); line-height: 1.21; margin: 0 0 15px 0; font-size: 22px; font-weight: 900; color: #ffffff; } .subscribe-to-newsletter__info { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); font-size: 18px; line-height: normal; margin-bottom: 25px; color: #ffffff; } .subscribe-to-newsletter__email { font-size: 16px; color: #333333; height: 40px; width: 100%; max-width: 100%; background-color: rgba(255, 255, 255, 0.9); border: solid 1px #ffffff; border-radius: 5px; padding-left: 19px; margin-bottom: 10px; outline-color: #333333; } .subscribe-to-newsletter__email::-webkit-input-placeholder, .subscribe-to-newsletter__email::placeholder { color: #333333; opacity: 1; } .subscribe-to-newsletter__submit { font-size: 13px; font-weight: 900; padding: 0 12px; display: block; cursor: pointer; height: 40px; width: 100%; min-width: auto; color: #2c2e2e; background: linear-gradient(to bottom, #ffde03 0, #ffde03 0) !important; border-radius: 5px; } @media (min-width: 576px) { /* 510px content */ .subscribe-to-newsletter { padding: 53px 0 53px 0; } .subscribe-to-newsletter__header { font-size: 28px; } .subscribe-to-newsletter__form { max-width: 570px; margin: 0 auto; display: flex; justify-content: space-between; } .subscribe-to-newsletter__email { max-width: 300px; text-align: left; background-color: rgba(255, 255, 255, 0.7); } .subscribe-to-newsletter__submit { font-size: 16px; margin-left: 30px; width: 175px; min-width: auto; } } @media (min-width: 768px) { /* 690px content */ .subscribe-to-newsletter__email { max-width: 370px; height: 50px; } .subscribe-to-newsletter__submit { font-size: 18px; height: 50px; } } .site-footer { background-color: var(--site-header-fill); } /* genesis template panel I created does not seem to take the style in any way or form, inserted in to footer so it correctly displays the panel in game page */ .banner-section { display: block; margin-top: 20px; padding: 0; text-align: center; } .banner-section img { width: 100%; } .close-banner { position: absolute; top: 0; right: 0; border-radius: 0 10px; padding: 2px 5px; background: rgba(0, 0, 0, 0.4); color: #FFFFFF; font-size: 11px; } .banner-desktop { display: none; } .banner-mobile { display: none; } @media screen and (max-width: 960px) { .banner-mobile { display: initial; } .banner-container { position: relative; margin: auto; max-width: 330px; } } @media screen and (min-width: 961px) { .banner-desktop { display: initial; } .banner-container { position: relative; margin: auto; max-width: 960px; } } .site-footer__icons { padding-top: 20px; display: block; } .site-footer__icons-links { text-align: center; height: auto; width: 100%; display: block; flex-wrap: wrap; align-items: center; justify-content: center; vertical-align: middle; padding: 0 15px; } .site-footer__icons-link { display: inline-block; margin: 1%; width: auto; height: auto; justify-content: center; align-items: center; max-width: 100%; } .site-footer__icons-link:nth-child(1) { max-width: 115px; } .site-footer__icons-link:nth-child(2) { max-width: 180px; } .site-footer__icons-link img { width: auto; height: auto; max-width: 100%; } .site-footer__icons-social { margin: 25px auto; color: #ffffff; text-align: center; justify-content: center; align-items: center; display: flex; min-height: 40px; } .footer-scl__text { padding-top: 8px; margin-right: 12px; height: 32px; display: inline-block; font-size: 14px; width: auto; white-space: nowrap; } .site-footer__twitter-icon { display: inline-block; width: 45px; height: 32px; background: var(--twitter-svg); background-repeat: no-repeat; background-position: 0px 0px; } .footer-scl__facebook-icon { display: inline-block; width: 32px; height: 32px; background: var(--facebook-svg); background-repeat: no-repeat; background-position: 0px 0px; } @media (min-width: 540px) { .site-footer__icons-links { display: flex; flex-wrap: nowrap; } .site-footer__icons-link { display: flex; margin: 0 2%; height: 40px; } } @media (min-width: 768px) { .site-footer__icons-link { margin: 0 35px 0 0; height: 40px; padding: 0; } .site-footer__icons-link:nth-child(1) { max-width: 100%; } .site-footer__icons-link:nth-child(2) { max-width: 100%; } .site-footer__icons-link:last-child { margin-right: 0; } } @media (min-width: 992px) { .site-footer__icons-links { height: 100px; } } @media (min-width: 1200px) { .site-footer__icons { padding-top: 0; } } @media (min-width: 1200px) { .site-footer__icons { display: flex; vertical-align: middle; justify-content: space-between; height: auto; flex-wrap: nowrap; align-items: center; } .site-footer__icons-links { width: auto; padding: 0; flex-wrap: nowrap; justify-content: left; height: 100px; } .site-footer__icons-social{margin:0;} .footer-scl__facebook-icon{width:67px;} .IT .site-footer__icons-links {padding:25px 0;} } .site-footer__note-content p { font-size: 12px; color: #b2b8ba; } .line-under-text { border-bottom: 1px solid var(--site-footer-line-color); margin-bottom: 30px; } .site-footer__links { padding-bottom: 10px; border-bottom: 1px solid var(--site-footer-line-color); } .site-footer__links-logo {} .footer-logo__link { line-height: 18px; font-size: 12px; font-weight: 400; margin: 0 auto 20px auto; max-width: 280px; height: auto; display: block; } .footer-logo__images { max-width: 100% } .site-footer__links-cols { display: flex; flex-wrap: wrap; } .site-footer__links-col { padding-left: 10px; padding-right: 10px; width: 50%; margin-bottom: 20px; } .site-footer__links-col:last-child { padding-right: 0; } .footer-col__header { font-size: 12px; font-weight: 900; line-height: 18px; color: var(--site-footer-header); margin-bottom: 10px; text-transform: none; } .footer-col__item { margin-bottom: 6px; line-height: 1.2; } .footer-col__link { color: var(--site-footer-links); font-weight: 400; font-size: 12px; text-decoration: none; } .footer-col__link:hover { text-decoration: underline; color: #fff; } .site-footer--5-cols { justify-content: center; display: flex; flex-wrap: wrap; } .site-footer--5-cols .site-footer__links-logo { width: 100%; float: none; display: block; margin-bottom: 20px; } .site-footer--5-cols .footer-logo__link { margin: 0 auto; } .site-footer--5-cols .site-footer__links-cols { width: 100%; justify-content: flex-start; } @media (min-width: 576px) { .footer-logo__link { font-size: 14px; } .footer-col__header { font-size: 14px; } .footer-col__item { margin-bottom: 9px; } .footer-col__link { font-size: 14px; } } @media (min-width: 768px) { .site-footer__links { padding-bottom: 25px; } .site-footer__links-col { width: 25%; } .site-footer--5-cols .site-footer__links-logo { margin-bottom: 30px; } .site-footer--5-cols .site-footer__links-col { width: 20%; } } @media (min-width: 1200px) { .site-footer__links::after { display: block; content: ""; clear: both; } .site-footer__links-logo { display: inline-block; width: 365px; float: left; } .footer-logo__link { margin: 0 0 0 15px; } .site-footer__links-cols { float: right; width: 800px; display: flex; flex-wrap: wrap; } } .site-footer__terms { display: flex; flex-wrap: wrap; width: auto; padding: 20px 0; } .footer-terms__copyright { order: 2; width: 100%; text-align: center; } .footer-terms__copyright-text { color: var(--site-footer-links); padding: 0; margin-bottom: 0; font-size: 12px; color: #b2b8ba; line-height: 2; } .footer-terms__links { order: 1; width: 100%; margin-bottom: 20px; } .footer-terms__items { text-align: center; } .footer-terms__item { display: inline-block; line-height: 1.44; margin-right: 10px; } .footer-terms__item:last-child { margin-right: 0; } .footer-terms__link { font-size: 12px; font-weight: 400; color: #b2b8ba; text-transform: none; text-decoration: none; } .site-footer__disclaimer { border-top: 1px solid #595c5d; padding-bottom: 40px; padding-top: 20px; text-align: center; } .site-footer__disclaimer p { font-size: 10px; color: #b2b8ba; margin-bottom: 10px; } html[lang="de"] .footer-terms__links { width: 100%; float: unset; text-align: center; order: 1; margin-bottom: 20px; } html[lang="de"] .footer-terms__item { margin-left: 0; } html[lang="de"] .footer-terms__copyright { order: 2; width: 100%; text-align: center; } @media (min-width: 768px) { .site-footer__terms { padding: 32px 0; } } @media (min-width: 992px) { html[lang="de"] .footer-terms__copyright { order: 1; text-align: left; width: auto; } html[lang="de"] .footer-terms__links { order: 2; margin-bottom: 0; width: auto; } html[lang="de"] .footer-terms__item { margin-left: 5px; } } @media (min-width: 1200px) { .site-footer__terms { display: block; } .site-footer__terms::after { display: block; content: ""; clear: both; } .footer-terms__copyright { width: 18%; float: left; order: 1; text-align: left; } .footer-terms__links { width: 82%; float: right; order: 2; } .footer-terms__items { text-align: right; } .footer-terms__item { margin-right: 0; margin-left: 10px; } html[lang="de"] .footer-terms__links { width: 78%; float: right; } } .IT .site-footer__icons-links { flex-wrap: wrap; justify-content: center; padding: 0; height: auto; } .site-footer__icons-link .it-icon {width:100px;margin-top:15px;} @media (min-width: 992px) { .IT .site-footer__icons-links {padding-bottom:0;padding-top:20px;} } @media (min-width: 1200px) { .IT .site-footer__icons-links {padding:25px 0;} } .subscribe-to-newsletter-sticky { position: fixed; left: 0; right: 0; background: -webkit-linear-gradient(to bottom, #051705 0%, #115111 100%); background: linear-gradient(to bottom, #051705 0%, #115111 100%); bottom: 0; z-index: 97; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); /* max-height: 350px; */ transition: max-height 0.4s linear; padding: 0; } .page--mobile-menu .subscribe-to-newsletter-sticky { position: absolute; } .subscribe-to-newsletter-sticky--hide { max-height: 0; transition: max-height 0.4s linear; } .subscribe-to-newsletter-sticky__close { right: 5px; top: 5px; position: absolute; display: block; width: 24px; height: 24px; cursor: pointer; border-radius: 3px; background-color: #115111; overflow: hidden; z-index: 9; } .subscribe-to-newsletter-sticky__close-icon { position: relative; display: inline-block; width: 24px; height: 24px; overflow: hidden; cursor: pointer; } .subscribe-to-newsletter-sticky__close-icon::before, .subscribe-to-newsletter-sticky__close-icon::after { content: ''; position: absolute; height: 2px; width: 14px; top: 45%; left: 5px; margin-top: 0; background: #468f46; } .subscribe-to-newsletter-sticky__close-icon::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .subscribe-to-newsletter-sticky__close-icon::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .subscribe-to-newsletter-sticky__container { padding-top: 15px; padding-bottom: 15px; } .subscribe-to-newsletter-sticky__message { } .subscribe-to-newsletter-sticky__message-title { text-align: center; margin: 0 auto; max-width: 260px; color: #fff; font-size: 22px; font-weight: 900; text-transform: none; line-height: 1.36; width: 100%; display: block; box-sizing: border-box; padding-top: 0; } .subscribe-to-newsletter-sticky__message-show-more { display: block; font-size: 14px; color: #fff; text-align: center; text-decoration: none; margin-top: 10px; padding-bottom: 10px; background: var(--select-dropdown-svg) no-repeat bottom center; cursor: pointer; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-show-more { display: none; } .subscribe-to-newsletter-sticky__message-content { width: 270px; margin: 0; text-align: center; font-size: 16px; color: #ffffff; line-height: 1.44; overflow: hidden; max-height: 0; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content { margin: 5px auto 20px auto; transition: max-height 0.4s; max-height: 100%; } .subscribe-to-newsletter-sticky__message-list { display: none; } .subscribe-to-newsletter-sticky__input { max-height: 0px; overflow: hidden; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__input { transition: max-height 0.4s; max-height: 200px; } .subscribe-to-newsletter-sticky__input-email { max-width: 450px; box-sizing: border-box; text-align: center; border: solid 1px #ffffff; padding-left: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 5px; width: 100%; height: 40px; font-size: 16px; color: #6f7374; margin-bottom: 15px; font-style: normal; line-height: normal; } .subscribe-to-newsletter-sticky__input-button { width: 100%; line-height: normal; height: 40px; max-width: 100%; border-radius: 5px; border: none; font-size: 15px; cursor: pointer; background: linear-gradient(to bottom, #ffde03 0, #ffde03 0) !important; text-decoration: none; text-align: center; margin: 0; padding: 0 10px; font-weight: 900; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: none; min-width: auto; color: #2c2e2e; } .subscribe-to-newsletter-sticky__no-thanks { font-size: 14px; color: #ffffff; text-align: center; width: 90%; line-height: 15px; height: 15px; margin: 10px auto 0 auto; } .subscribe-to-newsletter-sticky__no-thanks-action { cursor: pointer; } @media (max-width: 767px) { .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content { width: 100%; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.desktop-subtitle { display: none; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.lower { display: none; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.mobile-subtitle { display: block; } } @media (min-width: 420px) { .subscribe-to-newsletter-sticky__form { justify-content: center; display: flex; flex-wrap: wrap; } .subscribe-to-newsletter-sticky__input { width: 300px; padding-top: 0; } .subscribe-to-newsletter-sticky__input-button { font-size: 13px; } } @media (min-width: 540px) { .subscribe-to-newsletter-sticky__input-button { height: 40px; } } @media (min-width: 768px) { .subscribe-to-newsletter-sticky__message { width: 390px; margin-right: 5px; } .subscribe-to-newsletter-sticky__message-title { max-width: none; text-align: left; } .subscribe-to-newsletter-sticky__message-show-more { display: none; } .subscribe-to-newsletter-sticky__message-content { margin: 5px auto 0 auto; margin-bottom: 0; width: 100%; text-align: left; max-height: 100%; } .subscribe-to-newsletter-sticky__message-content.mobile-subtitle { display: none; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content { margin: 5px auto 0 auto; } .subscribe-to-newsletter-sticky__message-list { padding-top: 13px; display: flex; flex-wrap: wrap; } .subscribe-to-newsletter-sticky__message-list-item { line-height: 17px; color: #fff; display: flex; align-items: center; width: 50%; text-align: left; padding: 3px 0 6px 25px; font-weight: 400; position: relative; padding-right: 0; box-sizing: border-box; position: relative; list-style-type: none; margin-bottom: 0; font-size: 16px; font-style: normal; font-style: normal; background: var(--white-green-svg) center left no-repeat; } .subscribe-to-newsletter-sticky__input { width: 280px; padding-top: 7px; max-height: 200px; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.desktop-subtitle { display: none; } } @media (min-width: 992px) { .page--mobile-menu .subscribe-to-newsletter-sticky { position: fixed; } } @media (min-width: 1025px) { .subscribe-to-newsletter-sticky__close { right: 20px; top: 10px; } .subscribe-to-newsletter-sticky__container { text-align: inherit; vertical-align: middle; width: 830px; margin: auto; box-sizing: border-box; padding: 24px 0 } .subscribe-to-newsletter-sticky__form { justify-content: space-between; display: flex; flex-wrap: wrap; } .subscribe-to-newsletter-sticky__message { width: 500px; margin: 0; } .subscribe-to-newsletter-sticky__input { width: 300px; padding: 0; } } .cookie-popup { -webkit-text-size-adjust: 100%; position: fixed; left: 0; right: 0; bottom: 10px; z-index: 200000; transform: none !important; } .cookie-popup * { -webkit-text-size-adjust: 100%; } body.cookie-popup--settings { position: fixed; right: 0; left: 0; } .cookie-popup--settings .cookie-popup { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 200000; background-color: rgba(17, 17, 17, 0.6); display: flex; align-items: center; } .cookie-popup--settings .cookie-popup1 { display: none; } .cookie-popup1__container { padding: 10px 10px 20px 10px; background: #115111; border-radius: 5px; border: 1px solid #fff; } .cookie-popup1__content__text, .cookie-popup1__content__link { font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; align-items: center; text-align: center; color: #FFFFFF; margin-bottom: 11px; padding: 0; } .cookie-popup1__content__text__break { display: none; } .cookie-popup1__cta { display: flex; flex-wrap: nowrap; justify-content: center; } .cookie-popup1__settings, .cookie-popup1__accept { flex-direction: row; justify-content: center; padding: 0px 20px; /*width: 85px;*/ height: 34px; border-radius: 5px; font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 900; font-size: 12px; line-height: 110%; display: flex; align-items: center; text-align: center; flex: none; order: 1; align-self: stretch; flex-grow: 0; /*margin: 0px 8px;*/ cursor: pointer; outline: 0; color: #000000; } .cookie-popup1__settings { background: transparent; border: 1px solid #ffffff; color: #FFFFFF; } .cookie-popup1__accept { background: #FFDE03; margin-left: 10px; } .cookie-popup2 { display: none; } .cookie-popup--settings .cookie-popup2 { display: flex; justify-content: center; } .cookie-popup2__container { position: relative; background: #FFFFFF; border-radius: 5px; margin: 40px 0 40px 0; max-height: calc(100vh - 80px); padding: 17px 10px 15px 10px; overflow: auto; max-width: 540px; } .cookie-popup2__close { width: 24px; height: 24px; position: absolute; top: 7px; right: 5px; cursor: pointer; } p.cookie-popup2__content__title { font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 900; font-size: 20px; line-height: 130%; text-align: left; color: #000000; padding: 0; margin: 0 0 15px 0; } .cookie-popup2__content__text { font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; display: flex; align-items: center; color: #6F7374; padding: 0; margin: 0 0 20px 0; } .cookie-popup2__accordian { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 0 10px 0 10px; margin: 0 0 10px 0; position: relative; } .cookie-popup2__accordian__indicator { display: block; position: absolute; right: 12px; width: 32px; height: 32px; top: 12px; transition: all 0.2s ease-in-out; font-size: 15px; transform: rotate(180deg); background: #e8eeef url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKd2lkdGg9IjMycHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgZmlsbD0iIzZmNzM3NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIKeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgo8cGF0aCBkPSJNMjgyLjA4Miw3Ni41MTFsLTE0LjI3NC0xNC4yNzNjLTEuOTAyLTEuOTA2LTQuMDkzLTIuODU2LTYuNTctMi44NTZjLTIuNDcxLDAtNC42NjEsMC45NS02LjU2MywyLjg1NkwxNDIuNDY2LDE3NC40NDEKTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyCmMwLDIuNDczLDAuOTUzLDQuNjYzLDIuODU2LDYuNTY1bDEzMy4wNDMsMTMzLjA0NmMxLjkwMiwxLjkwMyw0LjA5MywyLjg1NCw2LjU2NywyLjg1NHM0LjY2MS0wLjk1MSw2LjU2Mi0yLjg1NEwyODIuMDgyLDg5LjY0NwpjMS45MDItMS45MDMsMi44NDctNC4wOTMsMi44NDctNi41NjVDMjg0LjkyOSw4MC42MDcsMjgzLjk4NCw3OC40MTcsMjgyLjA4Miw3Ni41MTF6Ii8+CjwvZz4KPC9zdmc+Cg==") no-repeat center center; background-size: 26px; border-radius: 5px; cursor: pointer; } .cookie-popup2__accordian__indicator--closed { transform: rotate(0deg); } .cookie-popup2__accordian__content { transition: max-height 1.0s ease-in-out, padding-bottom 0.25s ease-in-out; max-height: 1000px; overflow: hidden; } .cookie-popup2__accordian__indicator--closed ~ .cookie-popup2__accordian__content { transition: max-height 0.25s cubic-bezier(0, 1.05, 0, 0.9), padding-bottom 0.25s ease-in-out; max-height: 0; } p.cookie-popup2__accordian__title { font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 900; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; color: #2C2E2E; margin: 0 38px 0 0; padding: 5px 0; height: 56px; } .cookie-popup2__accordian__title__part1 { display: inline-flex; margin-right: 5px; flex-wrap: nowrap; white-space: nowrap; } .cookie-popup2__accordian__title__part2 { display: inline-flex; align-items: center; } .cookie-popup2__accordian__title--normal { font-weight: 500; } .cookie-popup2__accordian__text { font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; display: flex; align-items: center; color: #6F7374; padding: 0 0 15px 0; margin: 0; } .cookie-popup2__cta { padding: 5px 0 0 0; display: flex; justify-content: center; } .cookie-popup2__save-settings { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 20px; height: 40px; background: #FFDE03; border-radius: 5px; flex: none; order: 0; flex-grow: 0; margin: 0px 0px; font-family: 'Noto Sans SC', "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 900; font-size: 16px; line-height: 110%; color: #2C2E2E; } .cookie-popup2__switch { display: flex; align-items: center; justify-content: left; position: relative; padding: 0 6px 0 7px; width: 42px; height: 24px; background: #197419; border: 1px solid #197419; box-sizing: border-box; border-radius: 61.5385px; margin-left: 3px; cursor: pointer; } .cookie-popup2__switch--on .cookie-popup2__switch { justify-content: right; background: #B2B8BA; border: 1px solid #B2B8BA; } .cookie-popup2__switch--on .cookie-popup2__accordian__enabled, .cookie-popup2__accordian__disabled { display: none; } .cookie-popup2__switch--on .cookie-popup2__accordian__disabled, .cookie-popup2__switch--on .cookie-popup2__switch__off { display: inline; } .cookie-popup2__switch__marker { position: absolute; width: 14px; height: 14px; left: calc(100% - 5px - 7px - 6px); top: 4px; background: #FFFFFF; border-radius: 50%; transition: .4s; } .cookie-popup2__switch--on .cookie-popup2__switch__marker { left: 5px; } .cookie-popup.cookie-popup--hide, .cookie-popup.cookie-popup--hide .cookie-popup2 { display: none; } @media (min-width: 768px) { .cookie-popup1__content__text__break { display: inline; } .cookie-popup2__container { padding: 30px 30px 30px 30px; } .cookie-popup2__accordian { /*border-radius: 8px;*/ padding: 0 20px 0 20px; margin-bottom: 14px; } .cookie-popup2__accordian__indicator { right: 20px; top: 12px; } .cookie-popup2__cta { padding: 15px 0 0 0; } } @media (min-width: 992px) { .cookie-popup { bottom: 20px; } .cookie-popup1__container { padding: 20px 20px 20px 20px; width: 790px; max-width: 790px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .cookie-popup1__content__text { padding: 0 20px 0 0; } .cookie-popup1__content__text, .cookie-popup1__content__link { text-align: left; margin-bottom: 0; } } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cookie-popup1__container { display: block; } .cookie-popup1__content__text, .cookie-popup1__content__link { text-align: center; margin-bottom: 11px; } }