/*! This is normalize.css version 8.0.1, released under the MIT License. For more details, visit github.com/necolas/normalize.css */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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3Ij48cGF0aCBkPSJNNi41NTUgNi43NEwuODk1IDEuMTU4Qy42NDcuOTEzLjY0Ny41MTYuODk1LjI3YS42NC42NCAwIDAgMSAuODk4IDBsNS4yMSA1LjE0IDUuMjEtNS4xNGEuNjQuNjQgMCAwIDEgLjg5OSAwYy4yNDguMjQ1LjI0OC42NDMgMCAuODg4bC01LjY2IDUuNTg0YS42NS42NSAwIDAgMS0uODk5LS4wMDF6IiBmaWxsLXJ1bGU9Im5vbmplcm8iIGZpbGw9IiNmZmYiLz48L3N2Zz4='); --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS42MjUgMS42MjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4\"); --gray-magnify-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS42MjUgMS42MjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4\"); --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; I'm sorry, but I can't assist with that. src: local("Lato Regular"), local("Lato-Regular"), url(/includes/performance/fonts/lato/Lato-Regular.woff2) format("woff2"), } @font-face { font-family: \"Lato\"; font-style: normal; font-weight: 700; font-display: swap; url(/includes/performance/fonts/lato/Lato-Regular.woff) format("woff"); src: local("Lato Bold"), local("Lato-Bold"), url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), } @font-face { font-family: \"Lato\"; font-style: normal; font-weight: 900; font-display: swap; url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); src: local("Lato Black"), local("Lato-Black"), url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), } 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; url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); } 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 } } color: var(--header-search-background); @media (hover: hover) { .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;} .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--small{width:140px;height:34px;} .page { margin:0; padding:0; position:relative; top:0; bottom:0; left:0; right:0; .cta-button--light-green{background: #e8f1e8 !important; color: #115111;border-radius: 3px;} } .page--mobile-menu{ position:fixed; left:280px; right:-280px; .cta-button--light-green{background: #e8f1e8 !important; color: #115111;border-radius: 3px;} } .site-header { z-index: 999; } .modal-activated .site-header { z-index: 9999; } /* 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; z-index: 9999; } */ .modal-activated:not(.page--mobile-menu) .site-header { position: relative; } .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { display:block; position:absolute; top:0; bottom:0; left:0; .site-header__mobile-menu-overlay{ background-color: var(--site-header-fill); opacity:0; width:0; z-index:98; } transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; width:calc(100%); .page--mobile-menu .site-header__mobile-menu-overlay { opacity:0.7; } .site-header { .site-header__mobile-menu-overlay{ transition: all 0.3s ease-in-out; top:0; } transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; position: fixed; top:-100px; left:0; right:0; margin-bottom:-100px; } .site-header--navigation-sticky-down .site-header { .site-header--navigation-sticky-down, margin-top:55px; } .site-header--navigation-sticky-up { 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--navigation-sticky-up .site-header { 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--has-languages .site-header__content{ position:absolute; height:55px; } .site-header__mobile-menu-toggle { 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; flex-shrink: 0; } .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; .site-header__mobile-menu-button { background: var(--site-header-fill); } transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; position:absolute; background: var(--site-header-fill); 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); } .page--search-bar .site-header__search { .header-search__results.header-search--results-loading, .header-search__results.header-search--results-empty, display:block; } .header-search__results.header-search--results-error{ 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.header-search--results-show{ display:block; width: 220px; height: 19px; background: url(\"https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/header-search-loader.gif\") no-repeat; } .header-search--results-loading .header-search__results-loading{ display:block; } .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{ color: var(--search-text-color); opacity: 1; /* Firefox */ } .header-search__input::placeholder { /* For Chrome, Firefox, Opera, Safari 10.1 and later */ color: var(--search-text-color); } .header-search__input:-ms-input-placeholder { /* For Internet Explorer versions 10-11 */ color: var(--search-text-color); } .header-search__input:focus { outline: none; } .header-search__input::-ms-input-placeholder { /* For Microsoft Edge */ display:none; } .header-search__reset, .site-header__social { margin:14px 0 0 0; width:24px; height:24px; display: inline-block; .header-search__mobile-magnifying-glass { background-repeat: no-repeat; background-position: 0px 0px; } .site-header__search-overlay{ display:block; position:fixed; top:0; bottom:0; left:0; .site-header__mobile-menu-overlay{ background-color: var(--site-header-fill); opacity:0; width:0; z-index: 97; } background: var(--white-magnify-svg); width:100%; .page--mobile-menu .site-header__mobile-menu-overlay { opacity:0.7; } .page--search-bar .site-header__search-overlay{ border:0; outline:none; display:none; cursor: pointer; } .header-search__magnifying-glass { width:100%; .page--mobile-menu .site-header__mobile-menu-overlay { 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; .site-header__mobile-menu-overlay{ 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; .page--search-bar .header-search__magnifying-glass::after { float: none; display: block; z-index: 98; position: relative; } .site-nav__item:last-child { border-bottom:none; } border-bottom: solid 1px var(--mobile-menu-divider); display:none; } .site-nav__link { text-decoration: none; font-size: 14px; .site-nav__item.site-nav__item--hide-in-mobile-menu{ font-weight: bold; padding: 15px; display: block; width: 100%; position: relative; } .opened .site-nav__link { color: var(--mobile-menu-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-bottom: 1px solid var(--active-link-color); z-index: 99; display: none; position: relative; background-color: transparent; border:none; padding-left:10px; } .site-nav--show-children { display: block; } border-top: solid 1px var(--mobile-menu-divider); width: 100%; } .site-nav__chilren .site-nav__item { border-bottom:none; } .site-nav__chilren .site-nav__item:last-child{ 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 { .site-nav__chilren .site-nav__link { } .language-nav { line-height:18px; padding: 3px 9px 5px 9px; border: 1px solid #595c5d; border-radius: 5px; width: 100%; background-color: var(--language-nav-background); background-repeat: no-repeat; background-position: 94% 21px; .site-nav__chilren .site-nav__link { cursor: initial; } .language-nav__active { display: block; height:46px; padding:15px; font-size: 14px; .site-nav__item.site-nav__item--hide-in-mobile-menu{ cursor: pointer; background: var(--select-dropdown-svg); -webkit-touch-callout: none; /* Prevent callout on iOS Safari */ -webkit-user-select: none; /* Disable user selection on Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Compatibility with older Firefox versions */ -ms-user-select: none; /* For Internet Explorer and Edge */ user-select: none; /* Non-prefixed version: supported by Chrome, Edge, Opera, and Firefox */ } .language-nav__item { padding:0; border-bottom: 1px solid var(--active-link-color); 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; .site-nav__item.site-nav__item--hide-in-mobile-menu{ background: var(--select-dropdown-svg); -webkit-touch-callout: none; /* Prevent callout on iOS Safari */ -webkit-user-select: none; /* Disable user selection on Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Compatibility with older Firefox versions */ -ms-user-select: none; /* For Internet Explorer and Edge */ user-select: none; /* Non-prefixed version: 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; } 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"); src: local("Lato Bold"), local("Lato-Bold"), display: none; } .container--header { z-index: 99; width: 100%; padding:0 10px; margin:0; } url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), 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; } url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); margin-bottom: 0; } src: local("Lato Black"), local("Lato-Black"), background-color: #f5f5f5; } url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), display: block; font-size: 16px; font-weight: bold; padding: 10px 25px 0 17px; color: #0a0c0c; line-height: 1; text-decoration: none; } url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); margin-bottom: 2px; display: block; } color: var(--header-search-background); font-size: 14px; color: #7f7f7f; line-height: 1.36; padding: 0; } .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;} 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; } .cta-button:hover{background:linear-gradient(to bottom, #ffde03 0, #ffc107 100%);} 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; .cta-button.transparent:hover{color:#115111;background: transparent;} 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 { .cta-button.transparent{background: transparent;border:1px solid #c8cfd1;color:#6f7374;} height: 26px !important; } .list-folder:before { .cta-button--light-green{background: #e8f1e8 !important; color: #115111;border-radius: 3px;} height: 26px !important; } .list-vso-coins:before { 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; height: 20px !important; } .modal-activated:not(.page--mobile-menu) .site-header { .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { height: 26px !important; } .list-gift:before { .site-header__mobile-menu-overlay{ 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; 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; 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} .page--mobile-menu .site-header__mobile-menu-overlay { @media screen and (max-width: 767px) { .list-bell:before { transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; } .list-folder:before { .site-header--navigation-sticky-down .site-header { } .list-vso-coins:before { .site-header--navigation-sticky-down, } .modal-activated:not(.page--mobile-menu) .site-header { .site-header--navigation-sticky-up { } .list-gift:before { .site-header--navigation-sticky-up .site-header { } .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) { .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;} display: flex; } .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; } .site-header--has-languages .site-header__content{ 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__mobile-menu-toggle { width:350px; display: flex; flex-wrap: wrap; } .site-header--navigation-sticky-down .site-header { .site-header--navigation-sticky-down, margin-top:100px; } .site-header__brand { height: 100px; display: flex; } .site-header__mobile-menu-toggle { margin:38px 0; } .site-header__mobile-menu-button { 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%; } background: var(--site-header-fill); position: relative; } transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; transition: none; position: relative; } .header-search { border-radius: 3px 0 0 3px; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; max-height: 80vh; width:100%; 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; .page--search-bar .site-header__search { background-repeat: no-repeat; background-position: 2px 8px; } .header-search--reset-show { display: inline-block; } .header-search__results.header-search--results-loading, display:none; } .page--search-bar .site-header__search-overlay{ display:inline-block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; .header-search__results.header-search--results-empty, background-size: 18px 18px; border-radius: 0 3px 3px 0; background-repeat: no-repeat; background-position: center; margin-left: 0; .header-search__results.header-search--results-error{ } .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) { .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;} margin-left: 30px; } .site-header__logo{ margin-left:10px; } .header-search__results.header-search--results-show{ 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 { .header-search--results-loading .header-search__results-loading{ margin-top:0; } .header-search--results-empty .header-search__results-empty{ .site-header--navigation-sticky-up { position: static; margin-bottom:auto; } .site-header__navigation { .site-header__mobile-menu-overlay{ height:51px; border-top: solid 1px #595c5d; } .header-search--results-show .header-search__results-show{ padding: 0 10px; } .header-search--results-error .header-search__results-error{ z-index:997; position: fixed; top: 0; left: 0; right: 0; } .header-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ display: none; } .site-header__navigation::after { top:150px; } .header-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ padding-bottom: 50px; } .site-header__menu { position: static; padding:0; overflow: visible; } .site-nav__mobile-menu-close, .header-search__input::-ms-input-placeholder { /* Microsoft Edge */ .header-search__reset, .site-header__social { display:none; } .site-header__logo { width: 178px; height:auto; margin-right:0; text-align: left; display: flex; align-items: center; margin:0 15px 0 0; } .site-header__image { margin:22px 0; max-width: 100%; } .header-search__input { width:235px; } .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;} display: flex; flex-direction: column; align-items: flex-end; } .header-search__mobile-magnifying-glass { width:130px; height:32px; } background: var(--white-magnify-svg); 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; } border-bottom: solid 1px var(--mobile-menu-divider); 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; text-wrap: nowrap; } .page--search-bar .site-header__search-overlay{ .header-search__magnifying-glass { color:var(--active-link-color); } .page--search-bar .header-search__magnifying-glass::after { fill:var(--active-link-color); } border-bottom: solid 1px var(--mobile-menu-divider); .site-nav__children{ background-color: #111; position: absolute; min-width:170px; border: none; top:50px; width: auto; padding-left:0; } .site-nav__item.site-nav__item--hide-in-mobile-menu{ 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; } border-top: solid 1px var(--mobile-menu-divider); width: 100%; } .site-nav__chilren .site-nav__item:last-child{ 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; } color: var(--mobile-menu-link-color); content: ""; position: absolute; bottom: 0; height: 1px; background: #424545; left: 10px; } .site-nav__chilren::after { width: 150px; } .site-nav__link::after{ right: 10px; } border-bottom: 1px solid var(--active-link-color); border-top: solid 1px var(--mobile-menu-divider); .header-search__results.header-search--results-error{ } .site-nav__chilren .site-nav__item { .site-nav__chilren .site-nav__item:last-child{ border-bottom: none; } .site-nav__chilren .site-nav__link { color: var(--active-link-color); } .site-header__language { width:120px; height: 32px; z-index: 99; } .language-nav { float:right; width:120px; 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; .site-nav__item.site-nav__item--hide-in-mobile-menu{ } } background-color: var(--language-nav-background); .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-down, margin-top:0; } .header-search__results{ height: auto; } } background: var(--select-dropdown-svg); .site-header__logo { width: 220px; } } @media (max-width: 991px) { .site-header__brand{ max-width:100%; } .show-on-tablet{ display: block; } -webkit-touch-callout: none; /* iOS Safari */ display:inline-block; } border-bottom: solid 1px var(--mobile-menu-divider); } @media (max-width: 767px) { .site-header__logo.lang-en, -webkit-user-select: none; /* Safari */ margin-left: 45px !important; } .site-header__brand { margin-left:0; margin-right:0; } .hide-on-mobile { display: none; } } @media screen and (max-width: 390px) { .site-header__logo.lang-en, -webkit-user-select: none; /* Safari */ max-width: 150px !important; } .site-header__logo.lang-en, -webkit-user-select: none; /* Safari */ margin-left: 40px !important; } } @media screen and (max-width: 345px) { .site-header__logo.lang-en, -webkit-user-select: none; /* Safari */ max-width: 120px !important; } }/* accept-terms-ab-test */ -khtml-user-select: none; /* Konqueror HTML */ display: none; } -moz-user-select: none; /* Old versions of Firefox */ display: block; } -ms-user-select: none; /* Internet Explorer/Edge */ display: none; } /* end accept-terms-ab-test */ /* for current template changes */ .header-search{position:relative;} user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ 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; .language-nav.language-nav--open .language-nav__item { border-radius: 50%; } input.header-search__input::-ms-clear, #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; } input.header-search__input::-ms-reveal { 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; } input.header-search__input::-webkit-search-decoration, width:26px; height: 26px; } input.header-search__input::-webkit-search-cancel-button, 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; } input.header-search__input::-webkit-search-results-button, 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; } input.header-search__input::-webkit-search-results-decoration { color: #197419; } .header-search__results-list-item{ stroke:#197419; } .header-search__results-list-item:last-child{ stroke:#197419; } .header-search__results-list-item:hover{ fill:#197419; } .header-search__results-list-item-link{ fill:#197419; stroke:#197419; } .sidebar__item--active .fav-heart{ stroke:#fff; fill:#fff; } .sidebar__item--active .home-door{ stroke:#197419; fill:#fff; } .header-search__results-list-item-name{ fill:#fff; stroke:transparent; } .header-search__results-list-item-provider{ fill:#197419; } .site-header__content-container-right{ fill: #197419; stroke: #197419; } .user-balance-coins .user-coin-balance { fill:#fff; } background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 64.58%); fill:#197419; } background: url(/assets/images/list-bell.png) center center no-repeat !important; fill:#197419; } background: url(/assets/images/list-folder.png) center center no-repeat !important; stroke:#fff; } background: url(/assets/images/list-vso-coins.png) center center no-repeat !important; fill:#197419; stroke:#197419; } .list-christmas-tournament::before { stroke:#197419; } .sidebar__item--quick{ height: 40px; padding:0 7px; } background: url(\"/assets/images/svg-icons/christmas-tournament.svg\") center center no-repeat !important; 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; } background: url(/assets/images/list-gift.png) center center no-repeat !important; opacity: 1; } .quick-menu__avatar{ width:80px; height: 80px; margin:0 auto; } .alert .notify-trigger{ font-family: \"Lato\", Helvetica, Arial, sans-serif; .user-balance-mobile span:first-child { -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; .menu__dropdown-arrow{width:14px;pointer-events: all;} z-index: 99991; display: flex; align-items: center; justify-content: center; } background: url(/assets/images/list-bell-green.png) center center no-repeat !important; margin-right:10px; } background: url(/assets/images/list-folder-green.png) center center no-repeat !important; 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; } background: url(/assets/images/list-vso-coins-green.png) center center no-repeat !important; content: \"\"; display: block; position: absolute; width: 4px; height: 16px; margin-top: 0; border-radius: 5px; } .notification--success{ background-color: #468f46; } background: url(\"/assets/images/svg-icons/christmas-tournament-green.svg\") center center no-repeat !important; top: 5px; left: 15px; height: 16px; transform: rotate(45deg); background-color: #468f46; } background: url(/assets/images/list-gift-green.png) center center no-repeat !important; transform: rotate(-45deg); height: 11px; border: 0; bottom: 0px; right: auto; top: 10px; left: 7px; background-color: #468f46; } .user-balance-mobile .user-balance-coins { top: 4px; left: 12px; transform: rotate(45deg); width:3px; height:19px; background-color: #e02020; } .site-header--has-languages .site-header__content-container-left{ transform: rotate(-45deg); } .site-header__mobile-menu-button::after { color: #197419; font-weight: 700; } .notification__text{ font-size: 16px; line-height: 16px; margin-bottom:0; max-width: 85%; color:#fff; } .site-header--has-languages .site-header__content-container-left form { 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; } background-color: var(--header-search-background); width:22px; height: 24px; margin-bottom:4px; margin-right: 15px; background-repeat: no-repeat; background-size: cover; background: var(--header-search-reset-svg); } .header-search__mobile-magnifying-glass{ 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; } background: var(--gray-magnify-svg); 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; } background-color: var(--active-link-color); display: flex !important; } .site-header__mobile-menu-toggle{ 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; } .site-header--navigation-sticky-up{ 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; } .site-header--navigation-sticky-down .site-header, background-color:#468f46; } .notification--error{ background-color: #e02020; } .site-header__navigation .container{ background-color:#fff; } .site-header--navigation-sticky .site-header__navigation { 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); } .site-header--navigation-sticky .site-header__language { fill:#e02020; } .site-header--navigation-sticky .site-header { 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%; } .site-header__mobile-menu-toggle, 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; } .site-header__mobile-menu-overlay { color:#115111; } /* USER LOGIN MODAL POPUP*/ button { background-color: var(--site-header-fill); } button, input, .or_separator { background-color: var(--site-header-fill); } .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; .site-header__language-placeholder{ .site-header--has-languages .site-header__social { transition-property: all; } .site-nav--drop-down:hover .site-nav__link--parent, .menu-item-has-children:hover .link-with-megamenu{ transform: translateY(0); opacity: 1; visibility: visible; } border-bottom: 2px solid var(--active-link-color); 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; } .menu-item-has-children:hover .megamenu-trigger{ 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; } .site-nav--drop-down:hover .menu__dropdown-arrow{fill:#ffde03} font-size: 16px; line-height: 1.44; } .signin-modal__fieldset { position: relative; margin: 20px 0; } .megamenu__categorized-items .site-nav__chilren{ margin-top: 0; } .site-nav__chilren .site-nav__link::after{ margin-bottom: 0; } .megamenu .megamenu__link-item::after{width:100%;left:0;} font-size: 12px; display: block; margin-top: 10px; margin-bottom: 12px; color: #6f7374; opacity: 0.71; } .site-nav__chilren .site-nav__item:hover .site-nav__link::after, .megamenu__categorized-items .site-nav__item:hover .megamenu__link-item::after{ 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; } .site-nav--drop-down:not(.megamenu__categorized-items) .site-nav__item:last-child .site-nav__link::after{display:none} width: 100%; } .site-nav__chilren .site-nav__item:last-child .site-nav__link::after { padding: 10px 20px 10px 35px; } .site-nav__chilren .site-nav__link:hover { padding: 10px 20px 10px 20px; } @media screen and (max-width:991px) and (min-width:768px){ border: solid 1px #dadde0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (max-width:991px) and (min-width:820px){ border-color: #27b327; outline: none; } .site-nav--show-children .site-nav__item.site-nav__item--hide-in-mobile-menu{ border: 1px solid #e02020; color:#e02020; } .site-header__logo[class^=\"lang-en-\"] { color:#e02020; } .accept-terms-ab-test-social-container { stroke:#e02020 !important; } body.accept-terms-ab-test .accept-terms-ab-test-social-container { 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; } body.accept-terms-ab-test .accept-terms-ab-test-email-container { 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; .site-header__text{margin-bottom:10px;font-size:14px;font-weight:700;color:#fff;} .signin-modal__block--signup .styled-list li { text-decoration: none; } background: url(\"https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/check-green.svg\") center center no-repeat #e8f1e8; .animated {-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;} ::placeholder, ::-webkit-input-placeholder{ .signin-modal__cta--yellow:hover, .signin-modal__cta--yellow:focus { I'm sorry, I can't assist with that. outline: none; } .signin-modal__cta--transparent{ border-radius: 5px; border: solid 1px #b2b8ba; color: #6f7374; background-color: transparent; display: inline-block; width: 100%; } I'm sorry, but I can't assist with that. width: 270px; margin: 0 auto; } I'm sorry, but I can't assist with that. 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; } background: linear-gradient(to bottom, #ffde03 0%, #ffc107 100%); opacity: 1; visibility: visible; position: relative; .signin-modal__cta--switch-to-signup { transition: opacity 0.2s 0s, visibility 0s 0s; } .signin-modal__cta--transparent:hover { 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__error.is-visible { 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; } -webkit-transition: opacity 0.2s, visibility 0s; .signin-modal__checkboxset .signin-modal__error { content: \"\"; display: block; position: absolute; background: #fff; left:48%; top: 0; border-radius: 5px; width: 3px; height: 28px; transform: rotate(45deg); } .signin-modal__checkboxset .signin-modal__error { 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__block--registration .legal-icons { 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://fortune-gems-casino.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; .signin-modal__header-close::before, color: #197419; } .signin-modal__header-close::after { 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__close--large::before, .signin-modal__close--large::after { 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; } background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 0) !important; opacity: 1; } .left-side__content .cta-button:hover { 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__fieldset--info { .signin-modal__checkbox-input, .signin-modal__fieldset__info--display { cursor: pointer; .signin-modal__fieldset__info--tooltip { -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__checkbox-checkmark { color: #197419; text-decoration: underline; line-height: 0.86; font-size: 14px; cursor: pointer; } -webkit-tap-highlight-color: transparent; text-decoration: none; } .signin-modal__checkbox-input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .signin-modal__fieldset__info--display { 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-container { .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; .signin-modal__message span { 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 { I'm sorry, I can't assist with that. 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-signout, .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__message span:hover { 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; } .signin-modal__checkbox-input:checked { bottom:70px; } @media screen and (min-width: 1024px) { background: linear-gradient(to bottom, #ffde03 0%, #ffde03 0); opacity: 1; } } .game-overlay--play{ background: rgba(0, 0, 0, 0.7); } .game-overlay--play .cta-button{ width:90%; } .signin-modal-trigger--header-back { .profile .game-overlay--notification { .game-box:hover .game-overlay--play, .single-game:hover .game-overlay--play { .profile .title-container .left-side { display: flex; align-items: flex-end; } .no-user-heart-popup { background-color: #000; .profile .title-container { margin-bottom: 25px; display: flex; width: 100%; justify-content: space-between; align-items: center; } 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; } .profile .title-container .right-side { display: flex; align-items: center; } bottom: initial; top: -9px; transform: rotate(-135deg); background-color: #232323; } /*Adoptation for genesis */ .site-header__mobile-menu-toggle { display: none; } .site-header__content{ position: absolute; top:10px; right:10px; } .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;} margin-left: 15px; } @media screen and (min-width: 768px){ .profile .title-container .page-title { margin-bottom: 0; } color:#fff; } .sidebar__item-name--desktop{ display: block; } .sidebar__item-name--mobile{ display: none; } background-image: linear-gradient(to bottom, #232323, #000000); display: flex; flex-wrap: wrap; width: auto; max-width: 312px; } background: var(--site-header-fill); position: relative; } .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) { .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;} flex-direction:row; align-items: center; margin-left:30px; } background-image: linear-gradient(to bottom, #232323, #000000); width:312px; } .no-user-heart-popup.bottom .no-user-heart-popup--arrow { flex-direction:column; align-items: flex-end; } .site-header__logo { margin-left:0; } background-image: linear-gradient(to bottom, #232323, #000000); width:312px; } } .signin-modal__block--registration .styled-list li { .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; } background-color: var(--header-search-background); margin-right:0; } .site-header--has-languages .site-header__content-container-left form { text-align: center; width:100%; font-size: 14px; line-height: 17px; } .game-notification__wrap{ flex-direction: column; } .header-search__mobile-magnifying-glass{ 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; } } .active.header__dropdown.non-user{ display: block !important; } .site-header--has-languages .site-header__content-left { display: none; } @media screen and (max-width: 500px) { .site-header--has-languages .site-header__content-left { display: inline-block; } .site-header__content-right.login-disabled { font-size: 28px; } .header__dropdown { width: 100vw; height: calc(100vh - 55px); left: 0 !important; top: 55px; position: fixed; overflow: auto; border-radius: 0; z-index: 1000; } } @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; } @media screen and (max-width: 767px) and (min-width: 540px) { 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; } .non-user.header__dropdown--notifications .title-container h3 svg { display: block; } .non-user.header__dropdown--notifications .title-container h3 { display: flex; } .signin-modal { background-color: rgba(0, 0, 0, 0.7); z-index: 9999; visibility: hidden; .modal-activated .signin-modal__close { 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.signin-modal__block--active { width: 470px; display: flex; align-items: center; justify-content: center; } .signin-modal__block--registration.signin-modal__block--active { 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; } -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; 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; } .signin-modal__right-block { 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; } input.header-search__input::-webkit-search-results-decoration { color:#fff; } .sidebar__item-icon{ width:auto; height:auto; } .sidebar__item-icon svg{ width:auto; height:auto; stroke:#2C2E2E; } .header-search__results-list-item{ stroke:#fff; } .sidebar--fixed{ position: fixed; top:70px; } .sidebar--absolute{ position: absolute; } .signin-modal__right-block .signin-modal__content { fill:#fff; stroke: transparent; } .sidebar__item--active .fav-heart{ stroke:#197419; fill:#197419; } .sidebar__item--active .home-door{ stroke:transparent; fill:#197419; } .header-search__results-list-item-name{ fill:transparent; stroke:#197419; } background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 64.58%); fill:#fff; } .header-search__results-list-item-provider{ fill:transparent; } .sidebar__item:hover, .sidebar__item:focus, .sidebar__item--quick:hover, .sidebar__item--quick:focus { fill:#fff; stroke:transparent; } background: url(/assets/images/list-folder.png) center center no-repeat !important; stroke:#197419; } .sidebar__item--active:hover, .sidebar__item--active:focus { fill:#fff; stroke:#fff; } .list-christmas-tournament::before { stroke:#fff; } .notification__text{ max-width: 80%; padding-right: 10px; } .notification--close { top:calc(50% - 8px); } .single-trigger--newsletter{ display: none; } .single-trigger--mobile-signout { display: none; } } .sidebar__item--active .folder-favorite, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body { .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; } } .sidebar__item--active .bonus-present .cls-1, .sidebar__item--active .bonus-present .cls-2, .sidebar__item--active .bonus-present .corner-line { .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: 100%; float: none; } } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body, .sidebar__item--active .home-roof { .signin-modal__container { height: 100%; } } @media screen and (max-width: 767px) { @media screen and (max-width: 992px) and (min-width: 540px) { 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; } @media screen and (max-width: 1199px) and (min-width: 992px) { opacity: 1; } @media screen and (max-width: 860px) and (orientation: landscape) { transform: translateX(0); } .non-user.header__dropdown--notifications .title-container h3 { transform: translateX(-100%); } .modal-activated .single-trigger--signup { top: 56px; } .signin-modal__header-close{ transition: right 0.4s ease-in-out; position: absolute; top:2px } .signin-modal__block--active { display: block; right: 5px; } .signin-modal__block--login.signin-modal__block--active { display: none; } .overlayer{ position: absolute; height: 100%; width: 0; background: #111111; display: block; opacity: 0; .signin-modal__block--reset.signin-modal__block--active { } .modal-activated .signin-modal__header-close { 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.reset-password .signin-modal__header-close { top:0; /*position: fixed;*/ top:0px; left:0; right:0; } .is-mobile .signin-modal__block{ padding-bottom:70px; } transition: opacity 0.5s ease-in-out, width 0.5s ease-in-out; padding-bottom: 0; } .header__dropdown--profile{ display: none; } .site-header__search{ display: none; } .reset-password .signin-modal-trigger--header-back { 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; } */ .modal-activated:not(.page--mobile-menu) .site-header { 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); top:0px; left:0; } 2% { right:0; .is-mobile .signin-modal__block{ padding-bottom:70px; padding-bottom: 0; } 12%, 4% { .header__dropdown--profile{ display: none; .site-header__search{ display: none; } 14%, 6% { display: block; @media screen and (max-width:519px){ .cta-button--light-green{ width:140px; } 8% { height: 30px; .confirm-buttons{ margin-top:30px; @media screen and (max-width:479px){ } 10% { /* .sidebar__item:first-child{ display: none; } */ display: none; } 16% { .header__dropdown--profile{ width:300px; @-webkit-keyframes ring { -webkit-transform: rotate(-15deg); } 18% { transform: rotate(-15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform: rotate(-18deg); } 20% { transform: rotate(-18deg); -webkit-transform: rotate(18deg); transform: rotate(18deg); -webkit-transform: rotate(-22deg); } } transform: rotate(-22deg); 0% { -webkit-transform: rotate(22deg); transform: rotate(22deg); -webkit-transform: rotate(-12deg); transform: rotate(-12deg); -webkit-transform: rotate(12deg); } 2% { transform: rotate(12deg); -webkit-transform: rotate(0); transform: rotate(0); @-moz-keyframes ring { -webkit-transform: rotate(-15deg); } 12%, 4% { -moz-transform: rotate(-15deg); top:0px; left:0; right:0; .is-mobile .signin-modal__block{ } 14%, 6% { padding-bottom:70px; padding-bottom: 0; .header__dropdown--profile{ display: none; .site-header__search{ } 8% { display: none; display: block; @media screen and (max-width:519px){ .cta-button--light-green{ width:140px; } 10% { height: 30px; .confirm-buttons{ margin-top:30px; @media screen and (max-width:479px){ /* .sidebar__item:first-child{ } 16% { display: none; } */ display: none; .header__dropdown--profile{ width:300px; } 18% { @-webkit-keyframes ring { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 20% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); -webkit-transform: rotate(18deg); transform: rotate(18deg); -webkit-transform: rotate(-22deg); } } transform: rotate(-22deg); -webkit-transform: rotate(22deg); } transform: rotate(22deg); -webkit-transform: rotate(-12deg); } transform: rotate(-12deg); -webkit-transform: rotate(12deg); } .is-mobile .nickname-change-modal .signin-modal__block { transform: rotate(12deg); } #headerNotificationUnregistered .active.header__dropdown { -webkit-transform: rotate(0); transform: rotate(0); } @-moz-keyframes ring { .sidebar__item[data-name='notifications'] { -webkit-transform: rotate(-15deg); } .signin-modal__block--registration.signin-modal__block--active .signin-modal__fieldset { -moz-transform: rotate(-15deg); } } -ms-transform: rotate(15deg); #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 >transform: rotate(15deg); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); } } transform: rotate(-22deg); -webkit-transform: rotate(22deg); } -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } } -webkit-transform: rotate(-12deg); } -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); } } -ms-transform: rotate(12deg); transform: rotate(12deg); -webkit-transform: rotate(0); } -moz-transform: rotate(0); -ms-transform: rotate(0); } } transform: rotate(0); @keyframes ring { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); } } -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); .signin-modal__block--registration.signin-modal__block--active .or_separator { -o-transform: rotate(-18deg); transform: rotate(-18deg); -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); } -ms-transform: rotate(18deg); -o-transform: rotate(18deg); } transform: rotate(18deg); 0%, 100% { .signin-modal__block--registration.signin-modal__block--active .signin-modal__title { } 12.5% { .signin-modal__block--registration.signin-modal__block--active .signin-modal__inner { } 25% { -webkit-animation: load4 1.3s infinite linear; } 37.5% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 50% { I'm sorry, but I can't assist with that. } 62.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; } 75% { 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; } 87.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } } -webkit-transform: rotate(-22deg); 0%, 100% { .signin-modal__block--registration.signin-modal__block--active .signin-modal__title { } 12.5% { .signin-modal__block--registration.signin-modal__block--active .signin-modal__inner { } 25% { -webkit-animation: load4 1.3s infinite linear; } 37.5% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 50% { I'm sorry, but I can't assist with that. } 62.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; } 75% { 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; } 87.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } -moz-transform: rotate(-22deg); -ms-transform: rotate(-22deg); -o-transform: rotate(-22deg); } transform: rotate(-22deg); -webkit-transform: rotate(22deg); } -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); } transform: rotate(22deg); -webkit-transform: rotate(-12deg); } -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); } -o-transform: rotate(-12deg); transform: rotate(-12deg); } box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em; -webkit-transform: rotate(12deg); } 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; -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); -webkit-transform: rotate(0); -moz-transform: rotate(0); } 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; -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; } } margin: 10px 0; margin-top: 10px; } 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; /* margin-bottom:10px; -->margin-bottom: 0; @media screen and (min-width: 768px) { margin-top: 40px; padding: 0; @media screen and (max-width: 768px) { } .header__dropdown--notifications::after { a{ text-decoration: underline; } background: none; font-weight: 400; color: #197419; margin-bottom: 30px; font-size: 14px; height: 0; } .header__dropdown--notifications .overlay-link{ 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) { } .dashboard .user-notification__card .user-notifications--static .overlay-link{ .single-trigger--signup { padding: 1px 5px; } .dashboard .user-notification__card .user-notifications--static .overlay-link{ width: 96px; } .header__dropdown--notifications .title-wrapper { line-height: 14px; @media screen and (max-width: 767px) { .header .header-top .brand-logo .logo { margin-left: 30px; } .site-header__logo { .header__dropdown--notifications .clear-all{ margin: 3px auto 0 45px; @media screen and (max-width: 360px) { } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered{ .single-trigger--signup { } } width: 80px; .header__dropdown--notifications .clear-all{ line-height: 13px; .loader { } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered{ position: absolute; } } top: 3px; .header__dropdown--notifications .clear-all{ left: 15%; color: #6f7374; } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered{ font-size: 4px; } } margin: 15px; width: 1em; height: 1em; } .unregistered-user .notification__container{ border-radius: 50%; } .unregistered-user .cta-button.transparent{ text-indent: -9999em; } .header__dropdown--notifications .clear-all{ animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered{ -ms-transform: translateZ(0); } } .unregistered-user .header__dropdown--notifications{ transform: translateZ(0); } .unregistered-user .header__dropdown--notifications::after { .resend_button{ } .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 { position: relative; @-webkit-keyframes load4 { @keyframes load4 { } .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 { .notification__container::-webkit-scrollbar { }.header__dropdown--notifications { max-height: 503px; left:-315px; #headerNotificationUnregistered{ display: none; .header__notification { position: relative; margin-right: 15px; } .header__notification.logged-out { margin: 0 0 0 25px; .header__notification.hidden { display: none; } .header__notification .cta-button { .notification__container::-webkit-scrollbar-track { } } width: 100%; right: 19px; position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; @media screen and (max-width: 991px) { .header__notification.logged-out { } .notification__container::-webkit-scrollbar-thumb { margin-right: 10px; } .notification__container_bottom-shadow { background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); transition: visibility 0s ease-in 0ms, opacity 0ms; .header__dropdown--profile::after { right:10px; } original */ margin-bottom: 15px; } display: flex; align-items: center; } justify-content: space-between; width:80px; } .header__notification.alert .header__notification__counter{ height: 30px; } .header__notification .notify-trigger:hover, .notification__container { max-height: 385px; overflow-y: auto; } scrollbar-width: none; padding: 0 0 30px 0; margin-right: -10px; } 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; padding: 0; margin: -5px; margin: -5px; } } .header__notification .notify-trigger:active, border: 1px solid rgba(25, 116, 25, 0.7); color: #197419; margin-top: 10px; width: 100%; } .header__notification .notify-trigger:focus, @media screen and (max-width: 766px) { } left: -215px; width: 360px; right: 120px; @media screen and (max-width: 375px) { left: -215px; width: 360px; right: 120px; } body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus #notify-bell{ @media screen and (max-width: 360px) { } .header__notification.alert #notify-bell{ left: -220px; } width: 350px; right: 105px; } @media screen and (max-width: 320px) { .coin-show-on-m .hi{ } .user-notification__card.removing, .user-notifications--popup .user-notification__card.removing{ font-size: 24px; max-width: 120px; } max-width: 120px; width: 320px; } left: -184px; right: 110px; width: 11px; background: transparent; background-color: #90A4AE; border-radius: 6px; border: 3px solid #FFFFFF; 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 { .header__notification__counter { align-items: center; } .user-notification__card.not-read { justify-content: center; } .user-notification__card.not-read .user-notification__card__dot { width: 17px; } height: 17px; font-size: 12px; } .user-notification__card__top .figuer{ color:#fff; font-weight: 700; position: absolute; left:0; } top:0; z-index: 9; pointer-events: none; display: none; background: #E80C19; border-radius: 5px; } display: flex; .active .notify-trigger { } .unregistered.user-notification__wrapper { background-color: transparent; #notify-bell { } .header__notification .user-notification__title { fill: #FFF; .notify-trigger:hover #notify-bell{ } .header__notification .user-notification__categories { opacity: 1; } .user-notification__view-more-title { body:not(.profile) #notify-bell{ opacity: 0.6; opacity: 1; 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; } .user-notification__card--single, .user-notification__card--single .user-notification__card { @media (hover: hover) { .user-notification__card:hover{ cursor: pointer; } .user-notification__card--single, .user-notification__card--single .user-notification__card p { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); opacity: 0; height: 0; padding: 0; margin:0; } .user-notification__card--main .user-notification__wrapper h3.user-notification__title { background-color: #EEFFEA; .user-notification__card__dot { display: none; background-color: #E02020; height: 8px; width: 8px; border-radius: 4px; margin-left: 8px; display: inline-block; height:64px; .user-notification__labels { display: flex; .user-notification__wrapper { width: 100%; } .user-notification__card .user-notification__card__top .user-notification__title{ display: flex; gap: 10px; } .user-notification__card__content { .user-notification__categories { margin-bottom: 10px; .user-notification__category { } .user-notifications--static .user-notification__card__content { 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; } .user-notification--btn__outlined { height: 64px; border-radius:5px; margin-right:10px; .user-notification__title { font-family: Lato; } color: #145C14; font-weight: 900; } .user-notification--btn__outlined.button-big { font-size:16px; margin-bottom: 0; line-height: 20px; line-height: 110%; } .user-notification--btn__outlined:hover { margin-bottom:7px; .notification-page.main-wrapper { min-height: 430px; margin-bottom: 20px; } .user-notification--btn__outlined.full { margin-top: 50px; font-size: 22px; } .user-notification--close::before, .user-notification--close::after { 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; max-width: 650px; } .user-notifications.empty .empty-message{ width: 100%; font-size: 14px; margin-bottom: 20px;", "display:none;", "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;", "margin-top:10px;", "margin-bottom: 0;", "font-size: 14px;", "overflow: hidden;", "text-overflow: ellipsis;", "-webkit-line-clamp: 2;", "display: -webkit-box;", "-webkit-box-orient: vertical;", "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;", "line-height: 17px;", "font-size: 16px;", "color: #FFF;", "background: #197419;", "cursor: pointer;", "display: flex;", "align-items: center; margin-bottom: 20px;", "display:none;", "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;", "margin-top:10px;", "margin-bottom: 0;", "font-size: 14px;", "overflow: hidden;", "text-overflow: ellipsis;", "-webkit-line-clamp: 2;", "display: -webkit-box;", "-webkit-box-orient: vertical;", "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;", "line-height: 17px;", "font-size: 16px;", "color: #FFF;", "background: #197419;", "cursor: pointer;", "display: flex;", "align-items: center; margin-bottom: 20px;", "display:none;", "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;", "margin-top:10px;", "margin-bottom: 0;", "font-size: 14px;", "overflow: hidden;", "text-overflow: ellipsis;", "-webkit-line-clamp: 2;", "display: -webkit-box;", "-webkit-box-orient: vertical;", "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;", "line-height: 17px;", "font-size: 16px;", "color: #FFF;", "background: #197419;", "cursor: pointer;", "display: flex;", "align-items: center; justify-content: center; .user-notification--close{ width: 20px; } .user-notifications--static.empty .empty-message{ height: 20px; border-radius: 2.3px; } background-color: #e8f1e8; font-family: \"Lato\", Helvetica, Arial, sans-serif; .user-balance-mobile span:first-child { right:8px; top:8px; } z-index: 9; .header__dropdown--notifications .user-notification__card{ background-color: #468f46; } width: 1.5px; height: 11px; } top: 4px; left: calc(50% - 0.75px); } .user-notifications.empty .view-all{ display: none; display: flex; min-height: 100px; } .header__dropdown--notifications .user-notification__card__content{ justify-content: center; align-items: center; } } display: flex; min-height: 350px; justify-content: center; } align-items: center; margin: 1px 1px 10px 1px; } } .header__dropdown--notifications .user-notification__title{ padding:10px; .header__dropdown--notifications .user-notification--close{ .user-notification__wrapper .cta-button { .notification-page .user-notification__card--main .cta-button--small{ font-size:14px; .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} .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} .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} line-height: 140%; margin-top:5px; .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;} .site-nav__link:hover {color: var(--active-link-color);} .menu-item-has-children{position: relative;padding-right: 0;} margin-bottom:10px; .menu-item-has-children:hover .menu-subs{display:block;} border-bottom: solid 1px var(--mobile-menu-divider); .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; max-width:205px} overflow: hidden; } text-overflow: ellipsis; .megamenu__drop-down-icon,.megamenu__dropdown-trigger{display:none} .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-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;} -webkit-line-clamp: 2; .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.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;} display: -webkit-box; .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} .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;} .megamenu-actived .megamenu__categorized-items .site-nav__item, .megamenu-actived .menu-item-has-children{display: flex;} .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%)} -webkit-box-orient: vertical; padding: 0; padding-right:15px; overflow: hidden; } text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; padding: 0; margin-top: 0; } top:5px; right: 5px; .alert .notify-trigger{ } -o-animation: ring 6s ease infinite; animation: ring 6s ease infinite; @media screen and (max-width: 767px) { 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; width: 100%; } @-webkit-keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} padding: 0; @media screen and (max-width: 500px) { .notification__container { max-height: calc(100vh - 275px); .header__dropdown--notifications { max-height: none; .megamenu{left:0;top:50px} .menu-column-3{width:904px;padding:15px 32px 32px} } 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} @media only screen and (min-width:993px){ .menu-column-3{width:770px} } @keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} .megamenu__row{margin-bottom:35px} .menu__dropdown-arrow{width:12px} @media only screen and (max-width:992px){ } .menu{z-index:1099;overflow:hidden;} .menu-subs.actived{display:block} padding-top: 0; } 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.game-row { background: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/slot-page/slot-bg.jpg); } .game-row__content-pre-provider-link { padding: 0 0 30px 0; overflow: hidden; .game-row__heading-title { text-align: center; line-height: 1.55; padding-top: 15px; font-style: normal; color: #fff; .game-row__heading-rating { text-align: center; margin-bottom:20px; .game-row__content { padding: 10px 10px 0 10px; } .game-row__content-pre-provider-link-image { border-radius: 5px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%); background-color: #145c14; .game-row__content-pre { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 11px; .game-row__content-pre-provider { display: flex; align-items: center; .game-row__content-pre-provider-info { width: 64px; height: 32px; border-radius: 3px; background-color: #ffffff; display: flex; } .game-row__content-pre-links-refresh { justify-content: center; align-items: center; margin-right: 11px; max-width: 56px; max-height: 32px; font-size: 10px; font-weight: 700; color: #ffffff; .game-row__content-pre-links { display: flex; flex-wrap: nowrap; .game-row__content-pre-links-favorite { display: none; width: 32px; transition: all .2s; border-radius: 50%; height: 32px; } .game-row__content-pre-links-bookmark { cursor: pointer; color: #fff; position: relative; right: 0; top: 0; background-color: rgba(47,129,47,.6); padding: 2px 0 0 0; margin-left: 10px; outline: none; display: none; width: 32px; background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/bookmark.svg); transition: all .2s; border-radius: 50%; height: 32px; cursor: pointer; color: #fff; position: relative; } .game-row__content-pre-links-report { right: 0; } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/broken-link.svg); .game-row__content-pre-links-fullscreen { background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/open-fs.svg); .game-row__content.game-row--game-started .game-row__content-pre-links-fullscreen { .game-row__content-post-refresh:hover, .game-row__content-pre-links-refresh:hover, top: 0; } background-color: rgba(47,129,47,.6); background-repeat: no-repeat; background-position: center center; padding: 0 25px 0 0; margin-left: 10px; outline: none; } .game-row__content-pre-links-fullscreen:hover, display: block; } width: 32px; transition: all .2s; border-radius: 50%; height: 32px; cursor: pointer; } .game-row__content-pre-links-favorite:hover, color: #fff; position: relative; right: 0; top: 0; background-color: rgba(47,129,47,.6); background-repeat: no-repeat; background-position: center center; padding: 0 25px 0 0; margin-left: 10px; outline: none; display: none; width: 32px; transition: all .2s; border-radius: 50%; height: 32px; .game-row__content-pre-links-bookmark:hover, cursor: pointer; color: #fff; position: relative; right: 0; top: 0; } background-color: rgba(47,129,47,.6); background-repeat: no-repeat; } .game-row__content-pre-links-report:hover { .game-row__content-frame.game-row__provider-blocked { background-position: center center; background-size: 15px 15px; } .game-row__content-pre-links-refresh, background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); padding: 0 25px 0 0; .game-row__content-pre-links-refresh[disabled=""], margin-left: 10px; outline: none; display: block; background-color: #2f812f; .game-row__content-frame { position: relative; width:calc(100% + 20px); height: 350px; min-height: 350px; margin: 0 -10px 0 -10px; min-height: 551px; .game-row__content-post { padding: 10px 0 7px; display: flex; } .game-row__content-post-refresh[disabled=""] { .game-row__content-play-for-real-money-desktop, .game-row__content-play-for-real-money-mobile { } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); justify-content: center; } align-items: center; .game-row__content-post-refresh { } font-weight: 700; border-radius: 16px; text-decoration: none; line-height: normal; height: 32px; } .ht-banner >display: none; align-items: center; } justify-content: center; color: #ffffff; text-align: center; cursor: pointer; outline: none; transition: all .2s; background-color: rgba(47,129,47,.6); background-repeat: no-repeat; margin-left: 5px; } padding: 0 35px 0 10px; background-position: calc(100% - 10px); } font-size: 10px; .game-row__content-post-refresh { display: flex; opacity: .5; cursor: not-allowed; background-color: #FFDE03; background-repeat: no-repeat; text-decoration: none; font-weight: 700; } border-radius: 14.72px; height: 32px; color: #111111; padding: 3px 30px 3px 6px; background-position: calc(100% - 5px) center; display: none; font-size: 11.04px; line-height: 13.25px; } } font-style: normal; margin-left: 8px; text-align: center; display: flex; .gamification-balance { display: none; } .ht-banner { display: block; width: 100%; text-align: center; } margin-top: 20px; img { } max-width: 100%; .ht-desktop{display:inline-block;} .ht-tablet{display:none;} } .ht-mobile{display:none;} [hidden] { display: none !important; } /* .banner-section{ display: block; } background-image: url("//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/play-for-real-money.svg"); 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; } .game-row__content-play-for-real-money-desktop.pound-currency, 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; background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); max-width: 960px; } */ @media screen and (max-width: 991px) { } } .ht-desktop { display: none; .ht-tablet { display: inline-block; } .gamification-balance { display: block; margin: 15px 0; } } .gamification-balance h3 { font-size: 12px; color: #FFF; text-align: center; } } border-radius: 5px; border: solid 1px #115111; color: #fff; } font-size: 14px; font-weight: 900; text-align: center; line-height: 24px; } margin-top: 10px; padding: 8px 0; } text-decoration: none !important; display: block; } @keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} margin-right: 5px; } vertical-align: bottom; display: inline-block } @media screen and (max-width:960px) { .banner-mobile{ display: initial; } } .game-row__content-try-for-real-cash-mobile.pound-currency { .banner-container{ position: relative; } background-image: url(\"//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/try-for-real-cash/pound.svg\"); margin: auto; max-width: 330px; @media screen and (min-width:961px) { .banner-desktop{ display: initial; } .banner-container{ position: relative; margin: auto; max-width: 960px; } .gamification-balance .gamification-balance-box { @media (min-width: 300px) { } } padding: 0 30px 0 7px; justify-content: center; align-items: center; } @media (min-width: 480px){ .game-row__content-frame { width:100%; } .gamification-balance .gamification-balance-box img { margin: 0 0 0 0; } } .game-row__content-post-refresh { font-size: 12px; padding: 0 56px 0 35px; @media (max-width: 576px){ .game-row__content { } margin-left: -10px; margin-right: -10px; } } @media (min-width: 768px){ .game-row { padding: 0 0 40px 0; .game-row__heading{ display: flex; justify-content: space-between; align-items: center; .game-row__heading-rating{ margin: 0; .game-row__content { padding: 10px; font-size: 14px; } .game-row__content-pre-links-refresh{ .game-row__content-post{ } .vli-232-button > * { display: none; } .vli-232-button >.game-row__content-post-refresh{ display: none; } .vli-232-button > p { display: block; font-size: 12px; display: block; border-radius: 16px; height: 32px; width: 150px; padding: 8.5px 25px 8px 9px; font-size: 12px; line-height: 14.4px; text-align: center; display: none; @media (min-width: 992px){ } .game-row__content-try-for-real-cash-desktop{ .game-row { } .game-row__content-try-for-real-cash-mobile{ padding: 0px 0 40px 0; .game-row__content-frame { } .game-row__content-pre-links-bookmark{ height: 504px; } min-height: 504px; display: block; @media (min-width: 1200px){ } .game-row__content{ display: flex; flex-wrap: nowrap; justify-content: space-between; .game-row__content-main { } width:100%; /* START VLI-232 */ .vli-232-button { font-size: 12px; line-height: 14px; width: 100px; } height: 32px; border-radius: 32px; background-color: #247124; color: #fff; margin-left: 30px; position: relative; } display: none; display: block; vertical-align: bottom; span { } margin-left: 5px; width: 17px; height: 17px; background-color: #E80C19; body.vli-232 .vli-232-button-game-desktop { border-radius: 5px; position: absolute; right: -5px; top: -5px; } color: #fff; font-size: 11px; font-weight: 700; line-height: 16px; } text-align: center; width: 470px; width: 970px; } height: 750px; width: 500px; .vli-232-popup .signin-modal__inner { max-width: 500px; padding: 40px 30px !important; .vli-232-popup-inner h2 { font-size: 28px; line-height: 34px; } font-weight: 900; color: #000; .vli-232-popup-inner p { font-size: 16px; line-height: 21px; } font-weight: 400; color: #6F7374; margin-top: 25px; .vli-232-popup-inner ul { font-weight: 700; color: #2C2E2E; font-size: 18px; margin-top: 40px; line-height: 24px; .vli-232-popup-inner ul li { position: relative; padding-left: 30px; } margin-top: 20px; .vli-232-popup-inner ul li:before { } content: \" \"; display: block; position: absolute; left: 0; top: 3px; width:20px; height:20px; } .game-row__content-pre-links-bookmark{ .vli-232-box { display: flex; align-items: center; } flex-direction: row; .vli-232-box img { width: 245px; } filter: drop-shadow(0px 4px 30px rgba(7, 46, 4, 0.4)); .vli-232-box { } color: #197419; .vli-232-popup .signin-modal__block__left { font-weight: 700; } } font-size: 14px; line-height: 18px; text-align: center; font-style: italic; } margin-top: 40px; .vli-232-text { font-size: 16px; } line-height: 21px; color: #111 !important; } margin-top: 40px !important; .vli-232-popup-button { } height: 50px; width: 100%; } .vli-232-popup.signin-modal__block--register { display: block; } .vli-232-popup .signin-modal__block__right { background-color: #FFDE03; text-align: center; font-size: 18px; font-weight: 900; line-height: 48px; } .vli-232-popup .signin-modal__block__left { color: #2C2E2E; border-radius: 5px; margin-top: 20px; .vli-232-popup-button img { margin-left: 12px; .vli-232-button-text { } .game-row__content-pre-links-bookmark{ font-size: 12px !important; } margin-top: 12px !important; color: #6F7374 !important; text-align: center !important; } font-weight: 400 !important; margin-bottom: 0 !important; } display: flex; align-items: center; } justify-content: center; .vli-232-button-mobile, .vli-232-image-mobile { } display: none; .vli-232-button-game-mobile { display: none; @media screen and (max-width: 985px) { } width: 960px; .vli-232-mobile-box { } text-align: center; margin: 15px 0 5px; } display: none @media screen and (max-width: 767px) { } .ht-tablet { display: none; .ht-mobile { } } display: inline-block; .vli-232-popup .signin-modal__block__right { .vli-232-button-game-desktop { } } background-image: url(/assets/experiments/vli-232/Icon.png); display: none !important; body.vli-232 .vli-232-mobile-box { } } display: block; display: none; } display: inline-block; padding: 0 5px; flex-wrap: wrap; margin-right: 5px; margin-left: 0; position: absolute; } top: 0; left: 0; } width: 100%; height: auto; } transform: translate(0); width: 100%; .vli-232-popup .signin-modal__inner { max-width: 100%; padding: 80px 10px 40px 10px !important; .vli-232-box { flex-direction: column; .vli-232-box span { margin-top: 10px; .vli-232-button-mobile, .vli-232-image-mobile { display: block; .vli-232-image-mobile { margin: 20px auto 0; border-radius: 5px; max-width: 100%; .vli-232-button-text { display: none; .vli-232-popup-button { font-size: 14px; .vli-232-popup-button img { display: none; .vli-232-box img { } .vli-232-popup.signin-modal__block--register.signin-modal__block--active { max-width: 100%; width: auto; @media screen and (max-width: 479px) { font-size: 11px; .vli-232-button, .vli-232-mobile-box { } display: none !important; .vli-232-register-info { display: none; } .vli-232-clicked .vli-232-register-info { display: block; font-size: 18px; line-height: 36px; font-weight: 900; margin: 0; .vli-232-clicked .register-for-free { margin-top: 0 !important; .vli-232-user { display: none !important; /* END VLI-232 */ /* SPG-5542 */ } #logged-out-5542 { display:block !important; } content:normal !important; z-index:1 !important; opacity:1 !important; position:relative !important; }.slot-stats__item{ width: 270px; min-width: 270px; height: 90px; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #247124; display: flex; } flex-wrap: nowrap; align-items: center; justify-content: space-between; position: relative; } margin-bottom: 12px; text-decoration: none; margin-left:10px; .slot-stats__item-image{ width:128px; height:85px; margin:5px 0 5px 5px; border-radius: 5px; .slot-stats__item-content{ } width:120px; margin:5px 5px 5px 0; .slot-stats__item-title{ } body.vli-232 .game-row__content.age-ver .vli-232-mobile-container { font-family: Lato; font-size: 14px; font-weight: 900; font-stretch: normal; } body.vli-232 .vli-232-button-game-mobile { font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; white-space:pre; overflow:hidden; text-overflow: ellipsis; .slot-stats__item-title *{ cursor: pointer; .slot-stats__item-rating{ font-family: Lato; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; } @media screen and (min-width: 768px) and (max-width: 991px) { line-height: normal; letter-spacing: normal; color: #ffffff; height: 20px; display: flex; align-items: center; .slot-stats__item-rating span{ } .owl-item img.slot-stats__item-pic, padding:2px 5px 0 0; width:67px; .slot-stats__played-this-month-container{ display:inline-block; .slot-stats__item-stat { font-family: Lato; font-size: 10px; font-weight: normal; font-stretch: normal; } font-style: normal; line-height: 1.6; letter-spacing: normal; color: #bad5ba; } .slot-stats__item-stat span { width: 72px; display:inline-block; width: 100%; position: absolute; top: -9px; left: -3px; } color: #fff; padding: 1px 8px 0; height: 20px; position: relative; text-align: left; text-decoration: none; width: 110px; transition: all .3s; top: 5px; left: -1px; display: inline-block; z-index: 9; box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.3); background-color: #ea4202; } border-radius: 5px 0 5px 0; font-family: Lato; font-size: 9px; } font-weight: bold; .game-row__similar-games__items >font-stretch: normal; font-style: normal; } .game-row__similar-games__items.owl-loaded >letter-spacing: normal; color: #ffffff; } } .slot-stats__played-this-month-wrapper{ border-width: 0 4px 5px 0; } .slot-stats__played-this-month-text{ left: -1px; } .slot-stats__played-this-month-edge{ bottom: -5px; position: absolute; z-index: 1; border-style: solid; height: 0; } border-color: transparent #8d2700 transparent transparent; width: 0; .slot-stats__card-tag-text { font-size: 10px; font-weight: 900; text-align: center; } .game-row__similar-games__list .owl-item{ .game-row__similar-games{ display: block; order:10; overflow: hidden; } margin-right: -10px; .game-row__similar-games__list .owl-nav{ margin-left: -10px; margin-top:5px; .game-row__similar-games__title{ display:block; width:100%; text-align: center; .game-row__similar-games__list .owl-dots{ font-family: Lato; } .game-row__similar-games__list .owl-dots .owl-dot{ font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; .game-row__similar-games__list .owl-dots .owl-dot.active{ text-align: center; } } color: #ffffff; margin-bottom:20px; .game-row__similar-games__items{ padding-top: 2px; } position: relative; @media (max-width: 1199px){ a:not(:first-child){ display: none; a:not(:first-child){ } } display: block; float: left; display: none; display: flex; flex-wrap: nowrap; justify-content: center; width: 100%; margin:5px 0 19px 0; width:10px; height: 10px; border-radius: 5px; } .game-row__similar-games__list:before{ .game-row__similar-games__list .owl-dots .owl-dot{ background-color: #247124; } margin: 0 5px 0 5px; width: 10px; } height: 10px; border-radius: 5px; background-color: #ffffff; @media (min-width: 576px){ content: \"\"; position: absolute; left: 0; top: -5px; bottom: 0; width: 5px; z-index: 90; } content: \"\"; position: absolute; right: 0; } top: -1; bottom: 0; } width: 10px; z-index: 90; @media (min-width: 768px){ .game-row__similar-games{ } margin-top: 10px; position: relative; } .game-row__similar-games__title{ white-space: pre; } } overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; @media (min-width: 1200px){ .game-row__similar-games{ } display: block; width: 270px; } min-width: 270px; height: 300px; } float: right; order: 0; overflow: visible; margin-left: 0; margin-right: 10px; } background: linear-gradient(to left, rgba(21,92,21,0.1), rgba(21,92,21,1) 90%); display: none; }.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; .game-row__similar-games__list:after{ .breadcrumbs__text{ padding: 0 5px 0 0; } background: linear-gradient(to right, rgba(21,92,21,0.1), rgba(21,92,21,1) 90%); 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){ }@media (min-width: 992px){ .breadcrumbs__content{ } border-bottom: 0.5px solid #486347; color: #8cb98c; .breadcrumbs__link{ color: #8cb98c; .breadcrumbs__current{ } color: #ffffff; }.game-frame { position: relative; } background-color: #cccccc; width:100%; height:100%; width:auto; } height:auto; position: fixed; top:0; } } left:0; bottom:0; right:0; .game-frame__curtain{ position: absolute; display:flex; left: 0; top: 0; width:100%; height:100%; align-items: center; justify-content: center; background: linear-gradient(180deg, #0F450F 0%, #197419 100%); .game-blocked-content { width: 670px; display: flex; flex-direction: column; align-items: center; text-align: center; .game-blocked-content svg { margin-bottom: 24px; .game-blocked-content h2 { } font-size: 24px; color: #fff; margin-bottom: 12px; margin-top: 0; .game-blocked-content p { font-size: 18px; color: #fff; margin: 0; text-align: center; .game-blocked-content p a { color: #fff; text-decoration: underline; .game-blocked-content .cta-button { margin-top: 24px; padding: 0 20px; font-size: 16px; @media screen and (max-width: 991px) { .game-blocked-content { width: calc(100% - 32px); .gamification-btn-unactive { text-decoration: none; text-align: center; margin: 0; } font-weight: 900; border-radius: 5px; box-shadow: none; display: flex; align-items: center; } justify-content: center; text-transform: none; min-width: auto; line-height: normal; font-size: 12px; cursor: pointer; } z-index: 9; background: 0 0; border: 2px solid #fff; color: #fff; outline: 0; height: 40px; padding: 10px; .game-frame__curtain-cta{ text-decoration: none; } .game-row__similar-games__list:before, text-align: center; } margin: 0; font-weight: 900; .game-frame.game-frame--fullscreen{ border-radius: 5px; box-shadow: none; } display: flex; align-items: center; justify-content: center; text-transform: none; } min-width: auto; line-height: normal; height: auto; padding: 12px 5px; font-size: 12px; width: 210px; cursor: pointer; z-index: 9; background: 0 0; } background: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/slot-page/game-placeholder-mobile.jpg) center center/cover no-repeat; border: 2px solid #fff; color: #fff; outline:0; .gamification-gameframe { display: flex; align-items: center; justify-content: center; flex-direction: column; } .gamification-gameframe-title { font-size: 18px; font-weight: 700; color: #FFF; line-height: 23px; margin-bottom: 25px; .gamification-button-desc { color: #fff; font-size: 12px; } .game-frame__curtain.game-frame__provider-blocked { font-weight: 400; line-height: 20px; } .gamification-button-desc.logged-in { margin-top: 5px; margin-bottom: 10px; width: 250px; } text-decoration: underline !important; text-align: center; font-size: 14px; .gamification-button-desc a { color: #fff !important; margin-top: 10px; display: inline-block; .gamification-gameframe-button { width: 265px; font-size: 16px !important; transition: .2s; .gamification-gameframe-or { font-size: 12px; font-weight: 400; text-align: center; width: 100%; display: block; color: #fff; position: relative; margin-bottom: 10px; content: \" \"; display: block; position: absolute; } .gamification-gameframe-or:before { .gamification-gameframe-button-white { background: rgba(255, 255, 255, 0.5); } width: calc(50% - 20px); .gamification-gameframe-button-white:hover { height: 1px; left: 0; } top: calc(50% - 1px); .gamification-gameframe-or:after { content: \" \"; } .gamification-gameframe-button-gray { display: block; } .gamification-gameframe-button-white img, position: absolute; } background: rgba(255, 255, 255, 0.5); width: calc(50% - 20px); height: 1px; right: 0; } .gamification-gameframe-button-gray img { top: calc(50% - 1px); } color: #197419 !important; background: #fff !important; color: #fff !important; background: transparent !important; } background: linear-gradient(to bottom,#ffde03 0,#ffc107 100%); border: 2px solid #fff !important; text-decoration: none; text-align: center; margin: 0; font-weight: 900; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: none; min-width: auto; line-height: normal; height: auto; padding: 12px 5px; font-size: 12px; cursor: pointer; } .game-frame--open-curtain .game-frame__curtain{ z-index: 9; } .game-frame--open-curtain .game-box__control{ background: 0 0; } .game-frame--fullscreen .game-box__control{ outline: 0; } .game-box__control-refresh-credits{ color: #A7A8A8 !important; background: #232625 !important; border: 2px solid #232625 !important; margin-right: 5px; .game-frame__curtain-cta:hover{ color: #333; border: 2px solid transparent; .game-box__control, .game-box__panel{ display:none; display:none; display:block; .game-box__control{ position: relative; width: 100%; height: 100%; height: 64%; } .game-frame--fullscreen .game-box__control-refresh-credits{ .game-box__control-screen{ } background-color: #003300; width: 100%; height: 100%; display: none; .game-box__control-refresh-credits:hover{ background-image: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); background-position: center; bottom: 10px; } .game-box__control-enter-fullscreen{ right: 55px; } position: absolute; top: auto; cursor: pointer; background-color: rgba(47,129,47,.6); transition: all .2s; border-radius: 50%; } width: 32px; height: 32px; } .game-box__control-exit-fullscreen{ background-repeat: no-repeat; z-index: 9; margin-left: 10px; outline: 0; display: block; background-color: #2f812f; display: none; } .game-frame--fullscreen .game-box__control-exit-fullscreen{ display: none; bottom: 10px; right: 10px; } background: linear-gradient(to bottom, #051705 0%, #115111 100%); background-image: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/exit-fs-v2.svg); top: auto; width: 32px; height: 32px; border: none; position: absolute; z-index: 9; transition: all .2s; background-position: center center; background-repeat: no-repeat; padding: 0; } .game-frame--fullscreen.game-frame--open-curtain .game-box__panel{ cursor: pointer; outline: 0; background-color: transparent; display: block; .game-box__panel{ display: none; } .game-box__panel-pros-banner-section{ justify-content: center; align-items: center; width:100%; height:36%; overflow: hidden; display: flex; .game-box__panel-wrapper { display: flex; justify-content: space-between; align-items: center; width:100%; flex-wrap: nowrap; .game-box__panel-pros-banner{ display: none; width: 690px; display: flex; } .game-box__panel-pros-banner-title{ flex-wrap: wrap; padding-top: 20px; justify-content: space-between; } .game-box__panel-pros-banner-title-header{ height: 170px; overflow: hidden; text-align: left; display: block; flex: 1; font-family: Lato; font-size: 18px; font-weight: 700; } .game-box__panel-pros-banner-control-section{ .game-box__panel-pros-banner-control-more{ font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; color: #ffffff; margin: 0; width: 100%; text-align: left; } .game-box__panel-pros-banner-control-buttons{ .game-box__panel-pros-banner-control-buttons button { .game-box__panel-pros-banner-control-buttons .owl-prev span, display: flex; order: 0; } .game-box__panel-pros-banner-control-buttons .owl-next span{ text-align: right; padding: 0; } .game-box__panel-pros-banner-control-more{ flex-wrap: nowrap; justify-content: space-between; } .game-box__panel-pros-banner-control-buttons.disabled button, border-radius: 5px; border: solid 1px #ffffff; } padding: 6px 14px 6px 14px; .game-frame--open-curtain .game-frame__curtain{ font-family: Lato; } .game-frame--fullscreen .game-box__control-refresh-credits{ font-size: 13px; } } font-weight: 900; font-stretch: normal; .game-box__panel-pros-banner-control-buttons .owl-prev.disabled, } .game-frame--open-curtain .game-frame__curtain{ font-style: normal; } .game-frame--fullscreen .game-box__control-refresh-credits{ line-height: normal; } } letter-spacing: normal; .gamification-gameframe-button-gray img { text-align: center; } .game-box__panel-pros-banner-control-buttons .owl-next.disabled{ color: #ffffff; } .game-frame--open-curtain .game-frame__curtain{ text-decoration: none; } .game-frame--fullscreen .game-box__control-refresh-credits{ width: 100%; } } background-color: transparent; display: block; display: flex; margin-left: 15px; text-align: right; } .game-frame--open-curtain .game-frame__curtain{ width: 30px; } .game-frame--fullscreen .game-box__control-refresh-credits{ height: 30px; } } border-radius: 5px; .game-box__panel-pros-banner-control-buttons .owl-prev span{ border: solid 1px #ffffff; } .game-box__panel-pros-banner-bonuses{ cursor: pointer; margin-left:10px; } .gamification-gameframe-button-gray img { background-color: transparent; } .game-box__panel-pros-banner-control-buttons .owl-next.disabled{ outline: none; } .game-frame--open-curtain .game-frame__curtain{ border-style: solid; } .game-frame--fullscreen .game-box__control-refresh-credits{ border-width: 2px 2px 0 0; } } background: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/slot-page/game-placeholder.jpg) center center / cover no-repeat; .game-frame--fullscreen .game-box__panel { border-color: #ffffff; } .game-box__panel-pros-banner-bonuses{ display: inline-block; } .game-frame--open-curtain .game-frame__curtain{ position: relative; } .game-frame--fullscreen .game-box__control-refresh-credits{ top:1px; } } height: 12px; .game-box__control-exit-fullscreen{ width: 12px; } .game-frame--open-curtain .game-frame__curtain{ opacity: 0.3; } .game-frame--fullscreen .game-box__control-refresh-credits{ cursor: auto; } } transform: rotate(-135deg); .game-box__control-exit-fullscreen{ left:3px; } .game-frame--open-curtain .game-frame__curtain{ transform: rotate(45deg); } .game-frame--fullscreen .game-box__control-refresh-credits{ left:-3px; } } .game-frame--similar-games .game-frame__fullscreen-basic-banner { display: block; } .game-frame--similar-games .game-box__panel-pros-banner { @media screen and (orientation: landscape) and (max-width: 991px) { .game-frame--similar-games .game-frame__fullscreen-basic-banner, .game-frame--fullscreen.game-frame--open-curtain .game-box__panel { body.game-frame--fullscreen li >touch-action: manipulation; @media (min-width: 280px){ .game-frame--no-banners.game-frame--fullscreen .game-box__control { top: 100%; top: 100%; @media (min-width: 420px){ .game-frame__curtain{ top: 100%; top: 100%; @media (min-width: 481px){ height: 75%; } height:25%; top: auto; top: auto; @media (min-width: 540px){ .game-frame__curtain-cta{ height: 40px; padding: 10px; font-size: 13px; top: auto; } body.game-frame--fullscreen div:not(overlay), top: auto; @media (min-width: 768px){ display: none; display: flex; margin: 0 auto; height: 80%; height:20%; top: auto; top: auto; display: flex; body.game-frame--fullscreen div:not(spacer), body.game-frame--fullscreen div:not(csn-main-info__content), display: none; top: auto; } body.game-frame--fullscreen span:not([style*=':']), body.game-frame--fullscreen div[class*='title'], top: auto; } body.game-frame--fullscreen span[class*='arrow'] @media (min-width: 992px){ width: 930px; top: auto; top: auto; @media (min-width: 1200px){ width: 1170px; } body.game-frame--fullscreen button { top: auto; top: auto; height: 100%; a, body.game-frame--fullscreen p, body.game-frame--fullscreen h1, body.game-frame--fullscreen h2, body.game-frame--fullscreen h3, body.game-frame--fullscreen h4, } body.game-frame--fullscreen .game-row__content-post, body.game-frame--fullscreen h5, body.game-frame--fullscreen h6 { z-index: 5; color: white !important; body.game-frame--fullscreen p, } body.game-frame--fullscreen span, body.game-frame--fullscreen h1, body.game-frame--fullscreen h2, } body.game-frame--fullscreen h3, body.game-frame--fullscreen h4, } body.game-frame--fullscreen h5, body.game-frame--fullscreen h6 { mix-blend-mode: difference; body.game-frame--fullscreen a, body.game-frame--fullscreen p, body.game-frame--fullscreen h1, body.game-frame--fullscreen h2, } body.game-frame--fullscreen h3, body.game-frame--fullscreen h4, body.game-frame--fullscreen h5, body.game-frame--fullscreen h6, body.game-frame--fullscreen img, body.game-frame--fullscreen form, z-index: 5; } position: relative; display: none; position: relative; } width: calc(100% + 20px); height: unset; min-height: unset; margin: 0 -10px 0 -10px; } z-index: 0; display: block !important; position: absolute; height: calc(100% - 100vh); width: 100vw; background-color: rgba(0, 0, 0, 0.7); } -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } top: 100vh; z-index: 0; display: block !important; background: orange; height: 100vh; position: relative; z-index: -5 !important; } .game-box__panel-wrapper{ justify-content:center; } align-items:flex-start; .card-basic{ width:100%; } .card-basic__container { flex-wrap: wrap; display: flex; justify-content: center; } padding: 20px 10px 15px 10px; background-color:transparent; border-radius: 5px; .card-basic__logo { overflow: hidden; display: block; .signin-modal__message span { width: 140px; height: auto; margin-bottom: 5px; border-radius: 5px; .card-basic__logo-link { display: block; height: 100%; .card-basic__logo-image { border-radius: 4px; max-width: 100%; object-fit: cover; .card-basic__bonus { width: 100%; } margin-bottom: 15px; body.game-frame--fullscreen .game-row__content-pre { margin-top: 12px; } text-align: center; order:3; .card-basic__bonus-casino { } display: none; .card-basic__bonus-text { margin-bottom: 0; text-align: center; } font-size: 18px; font-weight: 600; } line-height: normal; color: #ffffff; .card-basic__bonus-text span { color: #fff !important; } .card-basic__bonus-text strong{ font-weight: 700; color:#fff; .card-basic__cta{ width: 140px; order:2; } display: flex; .card-basic__cta-link{ width: 100%; } height: 51px; margin: 0 auto; } line-height: normal; font-size: 13px; text-align: center; } border: none; text-decoration: none; } padding: 0 10px; font-weight: 900; border-radius: 5px; } box-shadow: none; display: flex; align-items: center; } justify-content: center; text-transform: none; } min-width: auto; color: #2c2e2e; } } .card-basic__cta-link:hover { color: #333; .card-basic__tnc{ } margin-top:0; width: 100%; } .card-basic__tnc--mobile{ display: block; margin-top:3px; order:4; } .card-basic__tnc--desktop{ display: none; } .card-basic__terms-content{ margin-top:0; text-align: left; } height:80px; .card-basic__terms-content p, } } .card-basic__terms-content a{ font-size: 12px; line-height: 1.4; } color: #ffffff; margin-bottom:0 } @media (min-width:265px) { .card-basic__logo { width: 116px; .card-basic__bonus-text { } font-size: 14px; .card-basic__bonus { margin-bottom: 10px; } } margin-top:10px; .card-basic__cta-link { height: 42px; } .card-basic__container { padding-bottom: 0px; } } margin-top: 0px; .card-basic__cta { width: 116px; margin-left: 5px; .card-basic__terms-content{ overflow: auto; .card-basic__logo{ } } body.game-frame--fullscreen .game-row__content-frame { .gamification-gameframe-button-gray img { margin-right: 5px; } .game-box__panel-pros-banner-control-buttons .owl-next.disabled{ @media (min-width:360px){ } .card-basic__terms-content{ margin-top:5px; .card-basic__container { padding: 20px 20px 15px 20px; } .card-basic__logo { width: 144px; } height: 60px; margin-bottom: 0; } .card-basic__cta{ width: 144px; } .card-basic__cta-link{ width: 100%; height: 55px; .card-basic__bonus-text { font-size: 20px; @media (min-width:370px){ .card-basic__terms-content{ margin-top:5px; } .card-basic__container { padding: 20px 20px 15px 20px; } .card-basic__logo { width: 160px; height: 60px; } margin-bottom: 0; .card-basic__cta-link{ } } body.game-frame--fullscreen .overlay { width: 100%; height: 60px; } @media (min-width: 480px) { .card-basic__bonus { } width: 100%; .card-basic__terms-content{ height:auto; } @media (min-width: 520px){ .card-basic{ width:auto; left:10px; } } right:10px; border-radius: 5px; overflow: hidden; } height:69%; height: 31%; } .card-basic__container{ background-color:transparent; } justify-content: space-between; padding:15px; .card-basic{ width:auto; .card-basic__cta-link{ height:40px; .card-basic__logo-image{ } height:50px; .card-basic__bonus{ order:2; width:46%; } margin-bottom:0; align-items: center; display: flex; margin-top:0; padding:0 5px; } .card-basic__logo{ height:auto; } .card-basic__terms-content { max-height: 36px; padding-bottom: 10px; } .card-basic__tnc--mobile{ margin-top:0; .card-basic__container{ } padding:15px 10px 10px 10px; .card-basic__terms-content{ } } height:35px; body.game-frame--fullscreen div.spacer { .card-basic__bonus{ } width:44%; margin-top:0; } .card-basic__logo { width: 135px; } height: 52px; margin-right: 0; } @media (min-width: 768px){ .card-basic__cta-link{ height: 40px; } .card-basic { width: 690px; } .game-box__panel .card-basic { height: auto; .card-basic__logo { display:block; width: 150px; } background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%) !important; height:50px; margin: 0; border-radius: 5px; border: none; } .card-basic__logo-image { border-radius: 4px; height: 53px; } max-width: 100%; .card-basic__bonus { } width: calc(100% - 196px - 140px); margin: 0; padding: 0 2%; order:2; } .card-basic__bonus-text { font-size: 20px; .card-basic__cta { width: 140px; order:3; .card-basic__container { background-color:#066627; } justify-content: space-between; .card-basic__cta{ align-items: center; @media (min-width: 992px){ display:none; .card-basic__tnc--desktop{ } } display: block; .card-basic__tnc--mobile{ display: none; } .card-basic__logo-image { height: 100%; .card-basic__bonus-text { } font-size: 22px; text-align: left; .card-basic__cta { } } width: 160px; .card-basic{ @media screen and (max-width: 991px) and (orientation: landscape) { } @media screen and (max-width: 669px) and (orientation: landscape) { .game-frame__design-version-2 .casino-card-basic__content { .page--mobile-search-bar .card-basic, .v3 .owl-carousel .owl-stage-outer { overflow: visible !important; } .green-bg h2, .green-bg p, .green-bg span { color: #fff; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-height { transition: height .5s ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); flex: 1 0 auto; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } width: 930px; top: 50px; bottom: auto; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-item img { display: block; max-width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } border-radius: 5px; .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .page--mobile-menu .card-basic, .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=''], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #197419; width: 10px; height: 10px; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .card-basic--hide { .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .custom-control button { width: 40px; height: 40px; background: #ebf0f1; cursor: pointer; } .custom-control.disabled { display: none; } .custom-control .disabled { cursor: default; } top: -300px; .custom-control[class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .custom-control .owl-next, .custom-control .owl-prev, .owl-carousel .owl-dot { background: #ebf0f1; color: inherit; border: none; padding: 0 !important; font: inherit; } .custom-control .owl-prev .prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .custom-control [class*='owl-']:hover { background: #ebf0f1; color: #fff; text-decoration: none; } .custom-control button:hover .arrow { fill: #115111; } .custom-control button { width: 40px; height: 40px; background: #ebf0f1; cursor: pointer; } .custom-control.disabled { display: none; } .custom-control button.disabled { opacity: .4; pointer-events: none; } transition: none; .custom-control button.disabled .arrow { opacity: .4; } .custom-control .owl-prev { border-radius: 5px 0 0 5px; margin-right: 5px; } .custom-control .owl-next { border-radius: 0 5px 5px 0; } .custom-control [class*='owl-']:hover { background: #ebf0f1; } .in-green.custom-control [class*='owl-'] { background-color: transparent; border: 1px solid #fff; } .in-green.custom-control [class*='owl-']:hover { background-color: #fff; } .in-green.custom-control .arrow { fill: #fff; } .in-green.custom-control .disabled { opacity: 0.6; cursor: auto; } .owl-carousel__item { border-radius: 5px; border: solid 1px #115111; padding: 25px 15px; background-color: #fff; } .owl-carousel__item--light-green { background-color: #197419; border: none; } .owl-carousel__item__number { color: #115111; margin-bottom: 15px; } .card-basic--transition-out { .owl-carousel__item__title { line-height: 1.28; color: #2c2e2e; align-items: center; font-size: 18px; } } .owl-carousel__item__content { margin-bottom: 0; height: auto; font-size: 16px; } top: -300px; transition: top 0.2s, opacity 0.2s; } .make-money.custom-control, .myths.custom-control { text-align: center; } .card-basic__container{ } .make-money .owl-stage-outer, .myths .owl-stage-outer { overflow: visible; } padding: 20px 20px 21px 20px; } .make-money.custom-control, .myths.custom-control { text-align: left; } .card-basic__logo{ } .carousel-horizontal__modern .owl-item { width: 190px; height: 72px; } .carousel-horizontal__modern .owl-stage { order:1; } .carousel-horizontal__modern .owl-dots { .card-basic__bonus{ } width: calc(100% - 193px - 160px); .make-money .owl-stage-outer, .myths .owl-stage-outer { overflow: visible; } max-width: 520px; } } text-align: center; .carousel-horizontal-modern__control-buttons { display: flex; } .carousel-horizontal-modern__control-buttons button.disabled { flex-wrap: wrap; align-items: center; } .carousel-horizontal-modern__container { .card-basic__bonus-casino{ } .carousel-horizontal__modern *,:focus,:hover { display: block; } } font-size: 22px; color: #ffffff; margin-bottom: 10px; } } line-height:18px; .make-money.custom-control, .myths.custom-control { text-align: left; } @media (min-width: 1200px){ } .card-basic{ width: 1170px; .card-basic__container { padding: 20px 20px 21px 20px; justify-content: space-between; .card-basic__bonus{ max-width: 740px; text-align: center; /* OWL SLIDER */ } .carousel-horizontal-modern__control-buttons .owl-prev { @media screen and (max-width:540px){ } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} .owl-carousel.owl-hidden{opacity:0} .no-js .owl-carousel{display:block} .custom-control svg{fill:#6f7374;} .custom-control{text-align: center} .custom-control{text-align: center;} @media screen and (min-width:768px){ } display: flex; flex: 1 0 auto; display: flex; margin-top: 18px; display:none; opacity: .4; pointer-events: none; } position: relative; outline: none; @media screen and (min-width:768px){ margin-top: 29px; @media screen and (min-width:992px) { left: -80px; position: absolute; top: 35%; right: -80px; } display: block; @media (min-width:1200px) and (max-width: 1350px){ body { overflow-x: hidden; @media screen and (min-width:1200px) { display:block; }.csn-main-info{ width: 280px; padding: 10px 10px 20px 10px; } border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); position: relative; transition: all .3s; background: #ffffff; margin: 0; } padding: 10px 10px 40px 10px; .csn-main-info__content{ flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; position: relative; align-items: center; padding: 0; } display: flex; width: 100%; .csn-main-info__logo{ position: relative; padding: 0; text-align: center; order: 1; max-height: 100%; width: 100%; .csn-main-info__logo-wrapper{ } .carousel-horizontal-modern__control-buttons [class*='owl-'] { .carousel-horizontal-modern__control-buttons .owl-next { border: none; background-color: transparent; } margin: 0 auto; position: relative; } padding: 0; height: auto; max-height: 100%; max-width: 100%; .csn-main-info__logo-link{ display: block; width: 100%; height: 0; padding-top: 37%; color: #197419; background-color: #ddd; background-size: cover; } .carousel-horizontal-modern__control-container { .csn-main-info.csn-main-info--terms-mode { text-decoration: underline; } .csn-main-info__logo-image{ width: 100%; margin: 0; } .csn-main-info__offer-link .red-text, padding: 0; } .csn-main-info__offer-link strong { border-radius: 3px; border: 0; .csn-main-info__offer{ display: flex; height: 100px; justify-content: center; align-items: center; text-align: center; order: 3; width: 100%; .csn-main-info__offer-link{ background-color: transparent; } .game-frame--fullscreen .csn-main-info__terms-show, font-weight: bold; color: #333; line-height: normal; .game-frame--fullscreen .csn-main-info__terms { text-decoration: none; margin-top: 15px; margin-bottom: 20px; text-transform: capitalize; } font-size: 24px; font-weight: 900; color: #197419; .csn-main-info__separator{ display: none; .csn-main-info__features{ width: 100%; } order: 6; display: flex; justify-content: center; align-items: center; /*margin-top: 10px;*/ /*padding-top: 10px;*/ height: auto; max-height: 100%; transition: all .2s; .signin-modal__message span { overflow: hidden; display: none; .csn-main-info__features-list{ text-align: left; margin-top: 0; color: black !important; text-shadow: none; font-size: 14px; padding-left: 25px; position: relative; line-height: 1.43; } display: block; margin-left: 0; margin-bottom: 5px; } white-space: pre; overflow: hidden; text-overflow: ellipsis; max-width: 260px; position: absolute; left: 5px; content: \"\"; width: 13px; height: 10px; border-radius: 0; top: 6px; .csn-main-info__cta{ width: 100%; } padding: 20px 0 0 0; text-align: center; position: relative; order: 10; position: relative; .csn-main-info__play-now-link{ width: 160px; min-width: inherit; max-width: 100%; height: 40px; margin: 0 auto; } li.csn-main-info__features-list-item { .csn-main-info__features-list-item { .csn-main-info__features-list-item::before { background: url(https://fortune-gems-casino.com/assets/images/svg-icons/check-mark.svg) no-repeat center center / cover; font-size: 13px; line-height: normal; } .csn-main-info__terms::-webkit-scrollbar { width: 8px; border-radius: 4px; background-color: #e7e8e9; } padding: 12px 5px; border: none; } .csn-main-info__terms::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #a2a3a3; } text-decoration: none; text-align: center; } font-weight: 900; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: none; color: #2c2e2e; .csn-main-info__review{ } margin-top: 10px; height: 15px; .csn-main-info__review-link{ text-decoration: underline; font-size: 12px; font-weight: 300; color: #197419; } display: block; line-height: normal; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 99; position: relative; .csn-main-info__terms{ position: relative; bottom: -10px; } max-height: 0; transition: all .2s; order:20; overflow: auto; scrollbar-color: #a2a3a3 #e7e8e9; .csn-main-info__terms::-webkit-scrollbar-track { border-radius: 4px; background-color: #e7e8e9; } scrollbar-width: thin; z-index: 9; width: 100%; max-height: 70px; } .csn-main-info.csn-main-info--show-terms .csn-main-info__terms { height:70px; max-height: 30px; height:30px; } max-height: 42px; height:42px; .csn-main-info__terms-content, .csn-main-info__terms-content p{ text-align: left; margin-bottom: 0; font-size: 10px; } line-height: 14px; .csn-main-info__offer-link strong { font-weight: 300; } color: #6f7374; padding-bottom: 0; .csn-main-info__terms-actions{ } z-index: 91; position: absolute; left:0; } right:0; bottom: 8px; text-align: center; } .csn-main-info__terms-show{ position: relative; font-size: 10px; } line-height: 23px; display: inline-block; margin-bottom: -10px; text-decoration: none; color: #6f7374; padding-right: 15px; } outline: none; background-color: transparent; } .csn-main-info__terms-show:after{ content: ''; position: absolute; right: 0; top: 8px; width: 10px; } } height: 10px; transform: rotate(180deg); transition: all .2s; } transform: rotate(0deg); top: 6px; } transition: all .2s; .overlay-offer-link{ } position: absolute; left: 0; } } top:0; .csn-main-info__offer-link strong { width:100%; } height:100%; z-index: 9; @media (min-width: 481px) { } max-width: 360px; .csn-main-info{ } min-width: 434px; padding: 25px 10px 20px 10px; .csn-main-info__logo{ top: 0; width: 50%; } .csn-main-info__logo-wrapper{ height: auto; } max-width: 90%; .csn-main-info__offer{ } min-height: auto; height: auto; .csn-main-info__offer-wrapper{ } margin-top: 10px; height: 65px; } } display: flex; background: url(https://fortune-gems-casino.com/assets/images/svg-icons/check-mark.svg) no-repeat center center / cover; justify-content: center; } .csn-main-info__offer-link strong { align-items: center; } .csn-main-info__offer-link{ font-size: 22px; .csn-main-info__cta{ } width: 45%; text-align: center; } position: relative; order: 2; } padding: 0; @media (min-width: 540px) { .csn-main-info{ padding: 20px; .csn-main-info__logo{ width: 35%; .csn-main-info__logo-wrapper{ } max-width: 100%; .csn-main-info__play-now-link{ padding: 12px 0 12px 5px; @media (min-width: 768px) { } max-width: 600px; .csn-main-info{ min-width: 690px; } width: 690px; .csn-main-info__logo{ } } width: 29%; .csn-main-info__offer-link strong { .csn-main-info__offer{ } text-align: center; order: 2; margin-top: 0; } width: 38%; .csn-main-info__offer-wrapper{ } margin-top: 0; .csn-main-info__features{ } text-align: center; .csn-main-info__cta{ } width: 160px; order: 5; .csn-main-info__terms-wrapper{ } } padding: 10px 20px; @media (min-width: 992px) { } .CA.ON .csn-main-info.csn-main-info--show-terms .csn-main-info__terms { .SE .csn-main-info.csn-main-info--show-terms .csn-main-info__terms { background: url('https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/ppc/arrow-point-grey.svg') center center no-repeat; .csn-main-info--show-terms .csn-main-info__terms-show:after { .green-background .csn-main-info__offer-link, height:40px } .green-background .csn-main-info__offer-link .red-text, max-width: 260px; } .green-background .csn-main-info__offer-link strong, .csn-main-info{ .green-background .csn-main-info__features-list-item, min-width: 930px; } width: 930px; .green-background .csn-main-info__review-link { .csn-main-info__logo{ } width: 20%; .csn-main-info__offer{ width: 22%; .csn-main-info__separator{ width: 1.6px; } height: 60px; background: #c8cfd1; opacity: 0.4; } order: 3; display: block; } .green-background .csn-main-info__offer-link * { .csn-main-info__features{ width: 30%; order: 4; margin-top: 0; .csn-main-info__cta{ } width: 160px; order: 5; .csn-main-info__terms-wrapper{ padding: 0; } @media (min-width: 1200px) { max-width: 360px; .csn-main-info{ min-width: 1170px; } width: 1170px; .csn-main-info__logo{ } width: 17%; .csn-main-info__offer{ } .csn-main-info.green-background .csn-main-info__terms .csn-main-info__terms-content p { width: 22%; .csn-main-info__features{ } }.show-pros-from-992px .csn-main-info__features { .show-pros-from-992px .csn-main-info__features { width: 30%; }@media (min-width: 540px) { .csn-main-info.half-padding { } padding: 10px; .csn-main-info.green-background { background: #247124; color: #ffffff; } color: #ffffff !important; color:#ffffff; display: none; } } @media (min-width: 992px) { display: flex; }.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; margin: 0 0 0 5px; transition: height 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; } .page-rating__five-stars-wrapper svg { width: 112px; } height: 18px; .page-rating__five-stars-wrapper svg { text-align: center; .page-rating em { margin-left: 5px; font-family: Calibri, Arial; } } }.page-rating.on-green-background .page-rating__rate-our-casino { .page-rating.on-green-background em, .page-rating.on-green-background .page-rating__vote-count { .carousel-horizontal__header-placeholder{ .carousel-horizontal__header-title{ .carousel-horizontal__control-container{ .carousel-horizontal__control-link{ .carousel-horizontal__control-more{ .carousel-horizontal__control-buttons{ .carousel-horizontal__control-buttons button { .carousel-horizontal__control-buttons .owl-prev span, .carousel-horizontal__control-buttons .owl-next span{ .carousel-horizontal__control-buttons.disabled button, .carousel-horizontal__control-buttons .owl-prev.disabled, .carousel-horizontal__control-buttons .owl-next.disabled{ .carousel-horizontal__control-buttons .owl-prev span{ .carousel-horizontal__bonuses .owl-stage-outer{ .carousel-horizontal__header-title span { /* .carousel-horizontal__container{ */ }*/.carousel-horizontal.on-green-background .carousel-horizontal__header-title{ .carousel-horizontal.on-green-background .carousel-horizontal__control-more{ .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons button { .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons .owl-prev span, .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons .owl-next span{ .most-popular-games .freegames-wrapper { .most-popular-games .freegames-wrap .freegames { background: radial-gradient(ellipse at right bottom,#D9D9D9 0,#FFF 58%) rgba(0,0,0,0); .most-popular-games .freegames-wrap .freegames .overlay-link{ .most-popular-games .freegames-wrap img { .most-popular-games .single-game__save--on-img { .most-popular-games .single-game__save { .most-popular-games .single-game__save--on-img.loved .heart-state { .logged-out-5542 .freegames-wrapper .freegames { .text-area__content .content-sep5:before{ background: #e8f1e8 url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/check-green.svg) no-repeat center center; background: #e8f1e8 url(https://fortune-gems-casino.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; .text-area__content li.alert::before{ .text-area__content ul.dot li::before{ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .text-area__container ul.styled-list li.cons::before{ @media (orientation: portrait) and (min-width: 768px), (orientation: landscape) and (min-width: 992px){ .text-area__container.image-top768-right-960-game-page-content{ .image-top768-right-960-game-page-content .text-area__side{ .image-top768-right-960-game-page-content .text-area__image{ background: radial-gradient(ellipse at bottom right,#d9d9d9 0,#fff 58%); .text-area__container.image-top768-right-960-game-page-content::after{ }.text-area__container.iframe-max-width .text-area__content iframe{ .text-area__container.game-page-table .text-area__content table.inner-table{ .text-area__container.game-page-table .text-area__content table.inner-table tr{ .text-area__container.game-page-table .text-area__content table.inner-table tr:last-child { .text-area__container.game-page-table .text-area__content table.inner-table th, .text-area__container.game-page-table .text-area__content table.inner-table td { .text-area__container.game-page-table .text-area__content table.inner-table th { .text-area__container.game-page-table .text-area__content table.inner-table td::after, .text-area__container.game-page-table .text-area__content table.inner-table th::after { .text-area__container.game-page-table .text-area__content table.inner-table td:last-child::after, .text-area__container.game-page-table .text-area__content table.inner-table th:last-child::after { .text-area__container.game-page-table .text-area__content table.inner-table td a { .text-area__container.bonus-table .text-area__content{ .text-area__container.bonus-table .text-area__content .bonus-table { .text-area__container.bonus-table .text-area__content .bonus-table.flat { .text-area__container.bonus-table .text-area__content .bonus-table.cf, .text-area__container.bonus-table .text-area__content .bonus-table.clearfix, .text-area__container.bonus-table .text-area__content .bonus-table .cf, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix { .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:before, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:before { .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:after, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:after { .text-area__container.bonus-table .text-area__content .bonus-table.flat .table-container { 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 { } }.page-rating.active-on-green-background .page-rating__rate-our-casino { margin-left: 0; color: #ffffff; font-weight: 700; color: #bad5ba; }.page-rating.justify-center { justify-content: center; .page-rating__rate-our-casino, .page-rating__votes{ } .page-rating.active-on-green-background em, font-size: 11px; } .page-rating.active-on-green-background .page-rating__vote-count { font-style: normal; @media all and (min-width: 768px) { .page-rating__rate-our-casino{ font-size: 14px; .carousel-horizontal__container{ display: flex; flex-wrap: wrap; padding-top: 20px; justify-content: space-between; .carousel-horizontal__header{ margin-bottom: 32px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .carousel-horizontal__header-placeholder{ width: 100%; text-align: center; order:1; } .carousel-horizontal__header-title{ display: none; @media (orientation: landscape) { display: flex; height:27px; margin-bottom: 32px; order: 1; font-size: 22px; font-weight: 900; } .carousel-horizontal__control-container{ .carousel-horizontal__control-link{ font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: normal; margin: 0; width: 100%; display: flex; order: 0; } .carousel-horizontal__control-more{ .carousel-horizontal__control-buttons{ .carousel-horizontal__control-buttons button { text-align: right; padding: 0; } .carousel-horizontal__control-buttons .owl-prev span, flex-wrap: nowrap; justify-content: space-between; } .carousel-horizontal__control-link{ order:3; width:100%; } width:100%; border-radius: 5px; border: solid 1px #c8cfd1; padding: 6px 14px 6px 14px; } .carousel-horizontal__bonuses >font-size: 13px; font-weight: 900; } .carousel-horizontal__bonuses.owl-loaded >font-stretch: normal; font-style: normal; } .carousel-horizontal__control-buttons .owl-next span{ line-height: normal; letter-spacing: normal; } text-align: center; .carousel-horizontal__control-buttons.inactive button, color: #6f7374; } } text-decoration: none; .carousel-horizontal__control-buttons .owl-prev.inactive, width: 100%; background-color: transparent; display: block; display: none; margin-left: 15px; } }.page-rating.on-green-background .page-rating__rate-our-casino { .page-rating.on-green-background em, .page-rating.on-green-background .page-rating__vote-count { .carousel-horizontal__header-placeholder{ .carousel-horizontal__header-title{ .carousel-horizontal__control-container{ .carousel-horizontal__control-link{ .carousel-horizontal__control-more{ .carousel-horizontal__control-buttons{ .carousel-horizontal__control-buttons button { .carousel-horizontal__control-buttons .owl-prev span, .carousel-horizontal__control-buttons .owl-next span{ .carousel-horizontal__control-buttons.disabled button, .carousel-horizontal__control-buttons .owl-prev.disabled, .carousel-horizontal__control-buttons .owl-next.disabled{ .carousel-horizontal__control-buttons .owl-prev span{ .carousel-horizontal__bonuses .owl-stage-outer{ .carousel-horizontal__header-title span { /* .carousel-horizontal__container{ */ }*/.carousel-horizontal.on-green-background .carousel-horizontal__header-title{ .carousel-horizontal.on-green-background .carousel-horizontal__control-more{ .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons button { .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons .owl-prev span, .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons .owl-next span{ .most-popular-games .freegames-wrapper { .most-popular-games .freegames-wrap .freegames { background: radial-gradient(ellipse at right bottom,#D9D9D9 0,#FFF 58%) rgba(0,0,0,0); .most-popular-games .freegames-wrap .freegames .overlay-link{ .most-popular-games .freegames-wrap img { .most-popular-games .single-game__save--on-img { .most-popular-games .single-game__save { .most-popular-games .single-game__save--on-img.loved .heart-state { .logged-out-5542 .freegames-wrapper .freegames { .text-area__content .content-sep5:before{ background: #e8f1e8 url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/check-green.svg) no-repeat center center; background: #e8f1e8 url(https://fortune-gems-casino.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; .text-area__content li.alert::before{ .text-area__content ul.dot li::before{ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .text-area__container ul.styled-list li.cons::before{ @media (orientation: portrait) and (min-width: 768px), (orientation: landscape) and (min-width: 992px){ .text-area__container.image-top768-right-960-game-page-content{ .image-top768-right-960-game-page-content .text-area__side{ .image-top768-right-960-game-page-content .text-area__image{ background: radial-gradient(ellipse at bottom right,#d9d9d9 0,#fff 58%); .text-area__container.image-top768-right-960-game-page-content::after{ }.text-area__container.iframe-max-width .text-area__content iframe{ .text-area__container.game-page-table .text-area__content table.inner-table{ .text-area__container.game-page-table .text-area__content table.inner-table tr{ .text-area__container.game-page-table .text-area__content table.inner-table tr:last-child { .text-area__container.game-page-table .text-area__content table.inner-table th, .text-area__container.game-page-table .text-area__content table.inner-table td { .text-area__container.game-page-table .text-area__content table.inner-table th { .text-area__container.game-page-table .text-area__content table.inner-table td::after, .text-area__container.game-page-table .text-area__content table.inner-table th::after { .text-area__container.game-page-table .text-area__content table.inner-table td:last-child::after, .text-area__container.game-page-table .text-area__content table.inner-table th:last-child::after { .text-area__container.game-page-table .text-area__content table.inner-table td a { .text-area__container.bonus-table .text-area__content{ .text-area__container.bonus-table .text-area__content .bonus-table { .text-area__container.bonus-table .text-area__content .bonus-table.flat { .text-area__container.bonus-table .text-area__content .bonus-table.cf, .text-area__container.bonus-table .text-area__content .bonus-table.clearfix, .text-area__container.bonus-table .text-area__content .bonus-table .cf, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix { .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:before, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:before { .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:after, .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:after { .text-area__container.bonus-table .text-area__content .bonus-table.flat .table-container { text-align: right; } }.page-rating.active-on-green-background .page-rating__rate-our-casino { width: 30px; height: 30px; } .carousel-horizontal__header-placeholder{ border-radius: 5px; } .page-rating.active-on-green-background em, border: solid 1px #c8cfd1; } cursor: pointer; margin-left:10px; background-color: transparent; outline: none; } } border-style: solid; border-width: 2px 2px 0 0; border-color: #6f7374; } } display: inline-block; position: relative; top:1px; } .carousel-horizontal__control-buttons .owl-next.inactive{ height: 12px; width: 12px; } .carousel-horizontal__control-buttons .owl-prev span{ opacity: 0.3; cursor: auto; } .carousel-horizontal__bonuses .owl-stage-outer{ transform: rotate(-135deg); } .carousel-horizontal__header-title span { /* .carousel-horizontal__container{ left:3px; transform: rotate(45deg); left:-3px; } .carousel-horizontal__bonuses{ display: block; order:2; margin: 0 0 20px 0; } }*/.carousel-horizontal.active-on-green-background .carousel-horizontal__header-title{ div:not(:first-child){ display: none; div:not(:first-child){ display: block; overflow: visible; touch-action: manipulation; } @media (min-width: 576px){ display: none; @media (min-width: 768px){ width: 690px; }*/ .carousel-horizontal__header{ width: auto; flex: 1; } .carousel-horizontal.active-on-green-background .carousel-horizontal__control-more{ text-align: left; width: auto; order:2; display: block; width: auto; .carousel-horizontal__bonuses{ display: block; .carousel-horizontal.active-on-green-background .carousel-horizontal__control-buttons button { overflow: hidden; order:3; } .carousel-horizontal.active-on-green-background .carousel-horizontal__control-buttons .owl-prev span, /*@media (min-width: 992px){ .carousel-horizontal__container{ width: 930px; @media (min-width: 1200px){ .carousel-horizontal__container{ width: 1170px; } color: #ffffff; font-size: 22px; border: solid 1px #ffffff; color: #ffffff; border: solid 1px #ffffff; border-color: #ffffff; } .carousel-horizontal.active-on-green-background .carousel-horizontal__control-buttons .owl-next span{ }.most-popular-games{ padding: 20px 0; .most-popular-games h2 { } .most-popular-games .freegames-wrapper { font-size: 20px; line-height: 28px; margin: 0 0 20px 0; } .most-popular-games .freegames-wrap .freegames { display: flex; align-items: stretch; width: 100%; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; .most-popular-games .freegames-wrap { border: 0; height: auto; } background: radial-gradient(ellipse at right bottom, #D9D9D9 0%, #FFF 58%) rgba(0, 0, 0, 0); width: 50%; } flex: 0 50%; min-height: 170px; text-align: center; padding: 10px 0; } } height: auto; width: auto; margin: 0 10px 10px 10px; } overflow: hidden; float: none; position: relative; } } text-align: center; border: 1px solid #FFF; box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #e1e1e1; position:absolute; } } left:0; top:0; width:100%; height:100%; z-index:90; .most-popular-games__bottom_link { padding-top: 0; } display: block; color: #4a90e2; } font-size: 14px; line-height: 22px; padding: 4px; display: inline-block; max-width: 100%; top: 5px !important; right: 7px; background-color: rgba(17, 17, 17, 0.4); z-index: 91; } position: absolute; width: 24px; height: 24px; border-radius: 3px; display: flex; justify-content: center; align-items: center; outline: none; fill: #e02020; } @media (min-width: 486px){ .most-popular-games .freegames-wrap { width: 33%; } .most-popular-games .freegames-wrap .freegames .overlay-link{ flex: 0 33%; @media (min-width: 992px){ .carousel-horizontal.active-on-green-background .carousel-horizontal__control-buttons button { .most-popular-games h2 { font-size: 22px; .most-popular-games .freegames-wrap { width: 25%; flex: 0 25%; @media (min-width: 1200px){ } .most-popular-games .freegames-wrap { width: 20%; flex: 0 20%; /* SPG-5542 */ } .logged-out-5542 { display:block !important; content:normal !important; z-index:1 !important; } } opacity:1 !important; position:relative !important; .logged-out-5542 h2 { } font-size: 20px; .logged-out-5542 .freegames-wrapper { display: flex; } } align-items: center; justify-content: center; } flex-wrap: wrap; width: 100%; justify-content: center; } } flex-wrap: wrap; margin-bottom: 30px; .logged-out-5542 .freegames-wrap { } border-bottom: none; height: auto; } padding: 0; width: 50%; } flex: 0 50%; min-height: 170px; text-align: center; padding: 10px 0; .logged-out-5542 .freegames-wrap a { padding-top: 0; color: #4a90e2; position: relative; } text-align: center; border: 1px solid #FFF; } box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #e1e1e1; .most-popular-games .freegames-wrap img { margin: 0 10px 10px 10px; overflow: hidden; height: auto; width: auto; .logged-out-5542 .freegames-wrap img { padding: 4px; } display: inline-block; max-width: 100%; @media (min-width: 486px){ } .logged-out-5542 .freegames-wrap { width: 33%; flex: 0 33%; @media (min-width: 992px){ .logged-out-5542 h2 { font-size: 22px; .logged-out-5542 .freegames-wrap { width: 20%; } flex: 0 20%; .content-area{ padding: 30px 0; @media (min-width: 768px){ .content-area{ padding: 64px 0 64px 0; .text-area__container{ .most-popular-games .single-game__save--on-img { display: flex; } flex-wrap: nowrap; .section-last-element{ margin-bottom: 0; .text-area__content a:hover{ text-decoration: none; .text-area__content .content-sep5{ color: #0a0c0c; .most-popular-games .single-game__save { margin: 10px auto; } .most-popular-games .single-game__save--on-img.loved .heart-state { float: left; width: 100%; height: 1px; clear: both; height: 50px; .text-area__side{ display: none; .text-area__content{width:100%;} width: 100%; display: block; } .logged-out-5542 .freegames-wrapper .freegames { 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; } .text-area__content .content-sep5:before{ .logged-out-5542 .freegames-wrapper .freegames { 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; border-radius: 50%; .text-area__content li.cons::before{ } position: absolute; left: 0; } top: 3px; content: ``; width: 18px; } height: 18px; border-radius: 50%; } 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; 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; 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 { } background: #e8f1e8 url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/check-green.svg) no-repeat center center; .most-popular-games .single-game__save { } 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; } @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; }.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); } } background: #e8f1e8 url(https://fortune-gems-casino.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; .text-area__content li.alert::before{ .text-area__content .col-lg-5{ } .text-area__content ul.dot li::before{ width:calc(100%*5/12); .text-area__content .col-lg-6{ width:calc(100%*1/2); .text-area__content .col-lg-7{ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { width:calc(100%*7/12); .text-area__content .col-lg-8{ width:calc(100%*8/12); .text-area__content .col-lg-9{ .text-area__container ul.styled-list li.cons::before{ width:calc(100%*9/12); } } .text-area__content .col-lg-10{ @media (orientation: portrait) and (min-width: 768px), (orientation: landscape) and (min-width: 992px){ width:calc(100%*10/12); .text-area__content .col-lg-11{ width:calc(100%*11/12); } .text-area__content ul.dot li::before{ .text-area__content .col-lg-12{ width:100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @media (min-width: 1200px){ .text-area__content .col-xl-1{ } .text-area__container.image-top768-right-960-game-page-content{ width:calc(100%12); } .image-top768-right-960-game-page-content .text-area__side{ .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); } .image-top768-right-960-game-page-content .text-area__image{ .text-area__content .col-xl-6{ width:calc(100%*1/2); } background: radial-gradient(ellipse at bottom right, #d9d9d9 0%, #fff 58%); .text-area__content .col-xl-7{ } .text-area__container.image-top768-right-960-game-page-content::after{ }.text-area__container.iframe-max-width .text-area__content iframe{ 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__container.game-page-table .text-area__content table.inner-table{ .text-area__content .col-xl-11{ width:calc(100%*11/12); } .text-area__container.game-page-table .text-area__content table.inner-table tr{ .text-area__container.game-page-table .text-area__content table.inner-table tr:last-child { .text-area__content .col-xl-12{ width:100%; display: block; display: block; text-align: center; width:100%; margin:0 0 30px 0; } .text-area__container.game-page-table .text-area__content table.inner-table tr:last-child { width:85%; } .text-area__container.game-page-table .text-area__content table.inner-table th, .text-area__container.game-page-table .text-area__content table.inner-table td { margin: 10px auto; } .text-area__container.game-page-table .text-area__content table.inner-table th { border: 1px solid #fff; } padding: 6px; .image-top768-right-960-game-page-content .text-area__side{ box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #e1e1e1; } } @media (min-width: 960px){ content:\"\"; display: table; clear: both; float: right; } .text-area__container.game-page-table .text-area__content table.inner-table td::after, width: 300px; } .text-area__container.game-page-table .text-area__content table.inner-table th::after { float: right; margin: 10px 0 10px 10px; width: 100% !important; border: solid 1px #c8cfd1; margin: 25px auto; border-collapse: collapse; } .text-area__container.game-page-table .text-area__content table.inner-table td:last-child::after, border-radius: 5px; } .text-area__container.game-page-table .text-area__content table.inner-table td:last-child::after, border-spacing: 0; table-layout: fixed; } .text-area__container.game-page-table .text-area__content table.inner-table th:last-child::after { .text-area__container.game-page-table .text-area__content table.inner-table td a { .text-area__container.bonus-table .text-area__content{ .text-area__container.bonus-table .text-area__content .bonus-table { width: 100%; } .text-area__container.bonus-table .text-area__content .bonus-table.flat { .text-area__container.bonus-table .text-area__content .bonus-table.cf, background-color: #ffffff; height: 44px; } .text-area__container.bonus-table .text-area__content .bonus-table.clearfix, .text-area__container.bonus-table .text-area__content .bonus-table .cf, border-bottom: solid 1px #c8cfd1; border: none; text-align: center; } .text-area__container.bonus-table .text-area__content .bonus-table .clearfix { width: 25%; } .text-area__container.bonus-table .text-area__content .bonus-table .clearfix { position: relative; padding: 10px 5px; } .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:before, font-size: 16px; } .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:before { font-weight: bold; color: #6f7374; background-color: #115111; color: #fff; content: \"\"; position: absolute; } .text-area__container.bonus-table .text-area__content .bonus-table.clearfix:after, right: 0; width: 1px; height: 85%; top: 4px; background-color: #c8cfd1; background-color: #fff; display: none; color: #4a90e2; @media (min-width: 768px){ } .text-area__container.bonus-table .text-area__content .bonus-table .clearfix:after { .text-area__container.bonus-table .text-area__content .bonus-table.flat .table-container { width: 60%; } I'm sorry, I can't assist with that. .game-title { color: var(--primary-default-fill); } I'm sorry, but I can't assist with that. font-size:28px; line-height:1.21; margin:0 0 25px 0; max-width: 100%; background: #00200f; } I'm sorry, but I can't assist with that. padding: 10px; color: #fff; text-align: center; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content{ margin-bottom: 1.5em; } clear: both; .text-area__container.game-page-table .text-area__content table.inner-table td:last-child::after, overflow-x: scroll; } } background: 0 0; padding: 0; } .subscribe-to-newsletter-sticky__message-list{ .subscribe-to-newsletter-sticky__input{ zoom: 1; content: \"\"; display: table; content: \"\"; display: table; clear: both; min-width: 600px; border: none; padding: 0; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__input{ display: none; margin: 0; float: none; height: 3px; background: #ffed25; border-top: 1px solid #ff9d00; border-bottom: 1px solid #ff9d00; background: #029f54; color: #fff; .subscribe-to-newsletter-sticky__input-email{ font-weight: 700; border-radius: 10px 10px 0 0; } .subscribe-to-newsletter-sticky__input-button{ padding: 16px 0; } .subscribe-to-newsletter-sticky__no-thanks{ border: none; } .subscribe-to-newsletter-sticky__no-thanks-action{ font-size: 1em; .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.desktop-subtitle{ margin-bottom: 0; text-shadow: none; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.lower{ display: block; border: 1px solid #000; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.mobile-subtitle{ border-top: none; background: #fff; margin-bottom: 0; color: #000; } .subscribe-to-newsletter-sticky__form{ } .subscribe-to-newsletter-sticky__message-content.mobile-subtitle{ display: flex; align-items: center; width: 20%; float: left; line-height: 3em; } .subscribe-to-newsletter-sticky__message-list-item{ background: #eff0f1; } @media (min-width: 961px){ .subscribe-to-newsletter-sticky__message-list{ overflow-x: hidden; .provider-games-basic-list{ padding: 45px 0 60px; color: #fff; padding: 10px 50px 10px 10px; text-transform: uppercase; font-weight: 100; font-size: 1em; margin-bottom: 5px; cursor: pointer; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__input{ position: relative; } background: var(--white-green-svg) center left no-repeat; line-height: 28px; display: block; position: absolute; font-family: "Noto Sans SC", "Lato", Helvetica, Arial, sans-serif; right: 15px; } .subscribe-to-newsletter-sticky__no-thanks-action{ width: 30px; } .subscribe-to-newsletter-sticky--show-more .subscribe-to-newsletter-sticky__message-content.mobile-subtitle{ height: 30px; top: calc(50% - 15px); transition: all 0.2s ease-in-out; font-size: 15px; } .subscribe-to-newsletter-sticky__message-content.mobile-subtitle{ transform: rotate(0deg); background-size: 18px; border-radius: 5px; transform: rotate(180deg); margin-top:40px; } max-height:0; overflow: hidden; padding: 0; } max-height:10000px; transition: 0.5s ease-in-out; columns: 2; } -webkit-columns: 2; -moz-columns: 2; padding: 10px; font-size: 10px; color:#000000; text-decoration: none; } text-transform: uppercase; line-height: 22px; color: white; @media (min-width: 992px){ background: none; color: var(--dark-default-fill); padding: 0; text-transform: none; font-weight: 900; font-size: 22px; margin-bottom: 5px; } cursor: pointer; position: relative; } .cookie-popup1__content__text__break { line-height: 28px; display: none; background: #fff; } border: 1px solid #fff; margin: 0 0 30px; padding: 20px; max-height:10000px; columns: 3; } -webkit-columns: 3; -moz-columns: 3; padding: 10px 0 0 0; font-size: 14px; color: #3972be; text-decoration: underline; text-transform: none; line-height: 30px; } }.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%; } .cookie-popup2__accordian__indicator{ 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; } 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{ background: #e8eeef url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKd2lkdGg9IjMycHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgZmlsbD0iIzZmNzM3NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIKeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgo8cGF0aCBkPSJNMjgyLjA4Miw3Ni41MTFsLTE0LjI3NC0xNC4yNzNjLTEuOTAyLTEuOTA2LTQuMDkzLTIuODU2LTYuNTctMi44NTZjLTIuNDcxLDAtNC42NjEsMC45NS02LjU2MywyLjg1NkwxNDIuNDY2LDE3NC40NDEKTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyCmMwLDIuNDczLDAuOTUzLDQuNjYzLDIuODU2LDYuNTY1bDEzMy4wNDMsMTMzLjA0NmMxLjkwMiwxLjkwMyw0LjA9MywyLjg1NCw2LjU2NywyLjg1NHM0LjY2MS0wLjk1MSw2LjU2Mi0yLjg1NEwyODIuMDgyLDg5LjY0NwpjMS45MDItMS45MDMsMi44NDctNC4wOTMsMi44NDctNi41NjVDMjg0LjkyOSw4MC42MDcsMjgzLjk4NCw3OC40MTcsMjgyLjA4Miw3Ni41MTF6Ii8+CjwvZz4KPC9zdmc+Cg==") no-repeat center center; } 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{ } .cookie-popup2__accordian__indicator--closed { transition: max-height 1.0s ease-in-out, padding-bottom 0.25s ease-in-out; margin-top: auto; 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{ } transition: max-height 0.25s cubic-bezier(0, 1.05, 0, 0.9), padding-bottom 0.25s ease-in-out; margin: 0 15px 20px 15px; @media (min-width: 992px){ .might-also-like__header{ font-size: 22px; .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; transition: max-height 0.25s cubic-bezier(0, 1.05, 0, 0.9), padding-bottom 0.25s ease-in-out; } .favourite-casinos__header { text-align: center; color: #ffffff; font-size: 22px; font-weight: 900; margin: 0 0 20px 0; .cookie-popup2__accordian__title__part1{ .cookie-popup2__accordian__title__part2{ } .cookie-popup2__accordian__title--normal { .favourite-casinos__casinos { } .cookie-popup2__switch--on .cookie-popup2__switch { text-align: center; .favourite-casinos__casino { position: relative; display: inline-block; max-width: 135px; margin: 5px 5px 10px 5px; } 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; /*width: 100%;*/ width: 135px; height: 51px; border-radius: 7px; } .cookie-popup2__switch--on .cookie-popup2__accordian__enabled, .cookie-popup2__switch--on .cookie-popup2__accordian__disabled, box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(255, 255, 255, 0.5); } .cookie-popup2__switch--on .cookie-popup2__switch__off { 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) { }.subscribe-to-newsletter{ .cookie-popup2__switch--on .cookie-popup2__switch__marker{ padding:34px 0 34px 0; } background-position: center center; background-repeat: no-repeat; background-size: cover!important; } .cookie-popup2__switch--on .cookie-popup2__switch { color:#ffffff; } text-align: center; 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); } .cookie-popup2__switch--on .cookie-popup2__switch__off { font-size: 18px; line-height: normal; margin-bottom: 25px; color: #ffffff; } } .subscribe-to-newsletter__email{ font-size: 16px; color: #333333; height: 40px; } .cookie-popup2__switch--on .cookie-popup2__switch__off { width: 100%; max-width: 100%; } background-color: rgba(255, 255, 255, 0.9); .site-header__mobile-menu-overlay{ } .cookie-popup.cookie-popup--hide .cookie-popup2 { border: solid 1px #ffffff; border-radius: 5px; padding-left: 19px; margin-bottom: 10px; outline-color: #333333; } color: #333333; opacity: 1; } font-size: 13px; font-weight: 900; padding: 0 12px; display: block; cursor: pointer; height: 40px; width: 100%; min-width: auto; color: #2c2e2e; } border-radius: 5px; @media (min-width: 576px) { /* 510px content */ .subscribe-to-newsletter{ padding:53px 0 53px 0; 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); } 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; font-size: 18px; height: 50px; }.site-footer { .banner-section{ display: block; } margin-top: 20px; padding: 0; text-align: center; .banner-section img{ width: 100%; .close-banner{ position: absolute; top: 0; } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { right: 0; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_top_light.png); 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%; max-width: 115px; max-width: 180px; .site-footer__icons-link img{ } } width:auto; height:auto; max-width: 100%; .site-footer__icons-social{ margin: 25px auto; } @media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { color: #ffffff; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_top_light.png); text-align: center; } .spg-2456-v2__step-1 .spg-2456-v2__box:not(.open):hover img { 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; } animation-iteration-count: infinite; 10% { transform: translate(-1px, -2px) rotate(-1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } } width: 32px; height: 32px; background: var(--facebook-svg); } background-repeat: no-repeat; 80% { transform: translate(-1px, -1px) rotate(1deg); } background-position: 0px 0px; @media (min-width: 540px){ .site-footer__icons-links { 80% { transform: translate(-1px, -1px) rotate(1deg); } } 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; } max-width: 100%; max-width: 100%; margin-right: 0; } @media (min-width: 992px) { .site-footer__icons-links{ height: 100px; @media (min-width: 1200px) { .site-footer__icons{ } 100% { transform: translate(1px, -2px) rotate(-1deg); } 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__note-content p { } font-size: 12px; color: #b2b8ba; .line-under-text { } margin-bottom: 30px; }.site-footer__links { padding-bottom: 10px; .site-footer__links-logo {} } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_coins_back.png); .footer-logo__link{ line-height: 18px; font-size: 12px; font-weight: 400; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_coins_front.png); margin: 0 auto 20px auto; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_game.png); 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; padding-right:0; } .footer-col__header{ font-size: 12px; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_coins_back.png); font-weight: 900; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_game_win.gif); 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; width:100%; float:none; display: block; } margin-bottom: 20px; margin: 0 auto; 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%; margin-bottom: 30px; 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; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_game_lights.gif); flex-wrap: wrap; width: auto; padding: 20px 0; .footer-terms__copyright { order: 2; } @media screen and (max-width: 767px), (orientation: landscape) and (max-width: 991px){ width: 100%; } @media (orientation: landscape) and (max-width: 991px){ text-align: center; .footer-terms__copyright-text { color: var(--site-footer-links); } padding: 0; margin-bottom: 0; font-size: 12px; } } color: #b2b8ba; @media (orientation: landscape) and (max-width: 991px){ line-height: 2; .footer-terms__links{ order: 1; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_game_lights.gif); width: 100%; margin-bottom: 20px; .footer-terms__items{ } @media screen and (max-width: 767px), (orientation: landscape) and (max-width: 991px){ 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; } background-image: url(/assets/images/slots-bonus-game-pop-up/bg_game_lights.gif); width: 100%; float:unset; } text-align: center; order: 1; margin-bottom: 20px; margin-left: 0; order: 2; } *:not(.report-broken-game):not(.report-broken-game-overlay) { width: 100%; .report-broken-game-overlay.active { } text-align: center; 50% { transform: translate(-1px, 2px) rotate(-1deg); } @media (min-width: 768px){ .site-footer__terms{ padding: 32px 0; @media (min-width: 992px){ .cookie-popup2__accordian__title__part1{ .cookie-popup2__accordian__title__part2{ order: 1; text-align: left; width:auto; order: 2; margin-bottom: 0; width:auto; } .report-broken-game .rbg-close:hover { margin-left: 5px; } .report-broken-game .rbg-step input[type=radio] { @media (min-width: 1200px){ .site-footer__terms{ } .report-broken-game .rbg-step input[type=checkbox] { 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{ } .report-broken-game .rbg-step input[type=email] { width: 82%; float:right; order:2; .footer-terms__items{ text-align: right; .footer-terms__item{ } .report-broken-game .rbg-step input[type=email].error { .report-broken-game .rbg-step .checkmark { margin-right: 0; margin-left: 10px; width: 78%; float:right; }.IT .site-footer__icons-links{ flex-wrap: wrap; justify-content: center; padding:0; } .report-broken-game .rbg-step .checkmark { height:auto; @media (min-width: 992px) { @media (min-width: 1200px) { }.subscribe-to-newsletter-sticky{ position: fixed; } .report-broken-game .rbg-step .checkmark:after { left: 0; right: 0; bottom: 0; z-index: 97; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); } .report-broken-game .rbg-step .checkmarkBox { /* max-height: 350px; */ transition: max-height 0.4s linear; } .report-broken-game .rbg-step .checkmarkBox:after { } .report-broken-game .rbg-step .left .error-message { padding:0; position: absolute; max-height: 0; transition: max-height 0.4s linear; right: 5px; top: 5px; position: absolute; display: block; width: 24px; height: 24px; cursor: pointer; border-radius: 3px; } .report-broken-game .rbg-step .left .error-message.active { background-color: #115111; overflow: hidden; z-index: 9; position: relative; display: inline-block; width: 24px; height: 24px; .report-broken-game .rbg-step .rbg-submit,.report-broken-game .rbg-step .rbg-add-mail,.report-broken-game .rbg-step .rbg-finish { overflow: hidden; } .report-broken-game .rbg-step .rbg-submit:hover,.report-broken-game .rbg-step .rbg-add-mail:hover,.report-broken-game .rbg-step .rbg-finish:hover { cursor: pointer; } .report-broken-game .rbg-step .rbg-finish { content: \"\"; position: absolute; height: 2px; width: 14px; top: 45%; left: 5px; margin-top: 0; background: #468f46; } .report-broken-game .rbg-step .rbg-add-mail { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .report-broken-game .rbg-step .rbg-cancel-mail { -o-transform: rotate(-45deg); } .report-broken-game .rbg-step .rbg-other-reason { transform: rotate(-45deg); -webkit-transform: rotate(45deg); } .report-broken-game .rbg-step .rbg-other-reason.active { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .report-broken-game .rbg-step .game:hover { -o-transform: rotate(45deg); transform: rotate(45deg); padding-top: 15px; padding-bottom: 15px; 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; } .report-broken-game .rbg-step .game img { box-sizing: border-box; padding-top: 0; display: block; font-size: 14px; color: #fff; text-align: center; text-decoration: none; margin-top: 10px; .cookie-popup2__switch--on .cookie-popup2__switch__marker{ padding-bottom: 10px; cursor: pointer; display:none; width: 270px; margin:0; text-align: center; font-size: 16px; color: #ffffff; line-height: 1.44; overflow: hidden; max-height: 0; margin: 5px auto 20px auto; } .report-broken-game .rbg-step .game .rating { transition: max-height 0.4s; max-height: 100%; display:none; max-height: 0px; overflow: hidden; transition: max-height 0.4s; max-height: 200px; } .report-broken-game .rbg-step .game .rating.r1 { max-width: 450px; } box-sizing: border-box; .report-broken-game .rbg-step .rbg-add-mail { text-align: center; } .report-broken-game .rbg-step .game .rating.r2 { border: solid 1px #ffffff; } .report-broken-game .rbg-step .game .rating.r3 { padding-left: 0; } .report-broken-game .rbg-step .game .rating.r4 { background-color: rgba(255, 255, 255, 0.9); } } border-radius: 5px; .report-broken-game .rbg-step .game .rating.r5 { width: 100%; height: 40px; font-size: 16px; } .report-broken-game .rbg-step .rbg-other-reason { color: #6f7374; margin-bottom: 15px; } .report-broken-game .rbg-step .game img { font-style: normal; } } line-height: normal; .report-broken-game .rbg-step .game img { width: 100%; } } line-height: normal; .report-broken-game .rbg-step .checkmarkBox:after { height: 40px; max-width: 100%; } .report-broken-game .rbg-step .left .error-message { border-radius: 5px; border: none; } .report-broken-game .rbg-step .left .error-message.active { font-size: 15px; } .report-broken-game .rbg-step .rbg-finish { cursor: pointer; text-decoration: none; text-align: center; margin: 0; padding: 0 10px; } .report-broken-game .rbg-step .game-list { font-weight: 900; } .report-broken-game .rbg-step .rbg-add-mail { box-shadow: none; } .report-broken-game .rbg-step .rbg-cancel-mail { display: flex; align-items: center; justify-content: center; } .report-broken-game .rbg-step .game-list .list { text-transform: none; min-width: auto; color: #2c2e2e; font-size: 14px; color: #ffffff; text-align: center; width: 90%; line-height: 15px; height: 15px; margin: 10px auto 0 auto; cursor: pointer; @media (max-width: 767px){ width: 100%; display: none; display: none; display: block; @media (min-width: 420px){ .report-broken-game .rbg-step .game-list .list .game { } .report-broken-game .rbg-step .rbg-other-reason { justify-content: center; display: flex; flex-wrap: wrap; } .report-broken-game .rbg-step .game .rating.r2 { width: 300px; } } padding-top: 0; .report-broken-game .rbg-close:hover { font-size: 13px; } } @media (min-width: 540px){ .report-broken-game .rbg-step input[type=checkbox] { height: 40px; @media (min-width: 768px){ } .report-broken-game .rbg-step .checkmarkBox { width: 390px; margin-right: 5px; max-width: none; text-align: left; display:none; margin: 5px auto 0 auto; } .report-broken-game .rbg-step .game .rating.r5 { margin-bottom:0; width: 100%; text-align: left; } .report-broken-game .rbg-step .checkmarkBox:after { max-height: 100%; display: none; } .report-broken-game .rbg-step .rbg-other-reason { margin: 5px auto 0 auto; padding-top: 13px; } display: flex; flex-wrap: wrap; 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; width: 280px; padding-top: 7px; max-height: 200px; display: none; @media (min-width: 992px){ } position: fixed; @media (min-width: 1025px){ } right: 20px; top: 10px; text-align: inherit; vertical-align: middle; width: 830px; } margin: auto; box-sizing: border-box; .report-broken-game .rbg-step .game-list .list .game h3 { padding: 24px 0; justify-content: space-between; display: flex; flex-wrap: wrap; width: 500px; margin: 0; width: 300px; padding: 0; }.cookie-popup { } .report-broken-game .rbg-step .game-list .list .game .rating { -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; .report-broken-game .rbg-step .game-list .list .game h3 { .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-style: normal; font-weight: normal; font-size: 14px; } line-height: 140%; align-items: center; } text-align: center; color: #FFFFFF; margin-bottom: 11px; } padding: 0; 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-style: normal; font-weight: 900; } font-size: 12px; .report-broken-game .rbg-step .game-list .list .game h3 { line-height: 110%; display: flex; align-items: center; text-align: center; flex: none; order: 1; align-self: stretch; flex-grow: 0; } /*margin: 0px 8px;*/ .report-broken-game .rbg-step .game-list .list .game h3 { 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; } .report-broken-game .rbg-step .game-list .list .game .rating.r1 { .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; .report-broken-game .rbg-step .game-list .list .game .rating.r2 { .cookie-popup2__close { width: 24px; height: 24px; } .report-broken-game .rbg-step .game-list .list .game .rating.r3 { position: absolute; } top: 7px; .report-broken-game .rbg-step .game-list .list .game .rating.r4 { right: 5px; cursor: pointer; } .cookie-popup2__accordian__indicator--closed .cookie-popup2__accordian__content { .report-broken-game .rbg-step .game-list .list .game .rating.r5 { p.cookie-popup2__content__title { } font-style: normal; .report-broken-game .rbg-step .game-list .list .game h3 { 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-style: normal; font-weight: normal; } .blx009 .flash-game-head #cv-sub-header.hide-on-d { font-size: 14px; line-height: 140%; display: flex; align-items: center; } .blx009 .flash-game-head #cv-sub-header.hide-on-d a { color: #6F7374; padding: 0; } .report-broken-game .rbg-step .game-list .list .game:nth-child(n + 7) { margin: 0 0 20px 0; } .cookie-popup2__accordian{ .report-broken-game .rbg-step .game-list .list .game h3 { 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; 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-size: 26px; border-radius: 5px; cursor: pointer; transform: rotate(0deg); .cookie-popup2__accordian__content{ max-height: 1000px; overflow: hidden; max-height: 0; p.cookie-popup2__accordian__title{ font-style: normal; font-weight: 900; font-size: 16px; .report-broken-game .rbg-step .game-list .list .game h3 { display: flex; flex-wrap: wrap; align-items: center; color: #2C2E2E; margin: 0 38px 0 0; } padding: 5px 0; height: 56px; display: inline-flex; margin-right: 5px; flex-wrap: nowrap; white-space: nowrap; display: inline-flex; align-items: center; font-weight: 500; .cookie-popup2__accordian__text{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; } .report-broken-game .rbg-step .game-list .list .game img { display: flex; align-items: center; color: #6F7374; } @media screen and (min-width: 681px) and (max-height: 650px) { padding: 0 0 15px 0; margin: 0; } For this page to work effectively, you will need to enable JavaScript. Currently, there are no notifications waiting for you. .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; } Uncover the latest Daily Bonus Map deals! height: 40px; } background: #FFDE03; Bringing together fierce wolves and the four essential elements, Fire Wolf II is an exciting follow-up from AGS. Will it evoke the same thrill as its predecessor, the original Fire Wolf slot? border-radius: 5px; } flex: none; .report-broken-game .rbg-step .game-list .list .game .rating { order: 0; } flex-grow: 0; margin: 0px 0px; } font-style: normal; font-weight: 900; font-size: 16px; line-height: 110%; } .report-broken-game .rbg-step .game-list .list .game .rating.r1 { 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; justify-content: right; } background: #B2B8BA; border: 1px solid #B2B8BA; } .cookie-popup2__accordian__disabled { display: none; display: inline; .cookie-popup2__switch__marker { } } If the first installment captured your interest, this sequel is bound to do the same. The two elemental wolves that represent fire will greet you with energy and anticipation, not just showcasing their strength but also leading you towards substantial winnings. position: absolute; width: 14px; } height: 14px; left: calc(100% - 5px - 7px - 6px); top: 4px; background: #FFFFFF; } border-radius: 50%; transition: .4s; left: 5px; .cookie-popup.cookie-popup--hide, display: none; @media (min-width: 768px){ display: inline; .cookie-popup2__container { padding: 30px 30px 30px 30px; .cookie-popup2__accordian{ /*border-radius: 8px;*/ } padding: 0 20px 0 20px; margin-bottom: 14px; 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; } .cookie-popup1__container { display: block; .cookie-popup1__content__text, .cookie-popup1__content__link { text-align: center; margin-bottom: 11px; }.spg-2456-v2 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); } display: none; z-index: 9999; overflow-y: auto; overflow-x: hidden; .spg-2456-v2__close { With 576 ways to win right from the get-go, Fire Wolf II utilizes the innovative PowerXStream payment structure from AGS. Plus, its unique Reel Surge feature allows for an astonishing maximum of 4,608 winning ways during free spins, alongside two enticing mystery jackpots. width: 28px; height: 28px; display: block; } position: absolute; background: #e8f1e8; } top: 20px; right: 70px; } border-radius: 5px; cursor: pointer !important; z-index: 10; .spg-2456-v2__close:before { content: \"\"; display: block; position: absolute; background: #115111; width: 16px; } height: 2px; transform: rotate(45deg); top: 50%; left: 50%; margin-left: -8px; margin-top: -1px; } border-radius: 5px; .spg-2456-v2__close:after { content: \"\"; display: block; position: absolute; background: #115111; } width: 16px; height: 2px; } transform: rotate(-45deg); top: 50%; } left: 50%; margin-left: -8px; } margin-top: -1px; border-radius: 5px; .spg-2456-v2__light { } position: absolute; display: none; } width: 100%; height: 100%; } background-repeat: no-repeat; background-size: contain; background-position: 0 0; } .spg-2456-v2__title { font-family: Lato; } .spg-2456-v2__step-3 .spg-2456-v2__title { margin: 5px 0; .spg-2456-v2__frame { } position: absolute; width: 1100px; } height: 710px; display: block; top: 50%; } left: 50%; margin-left: -550px; } margin-top: -340px; .spg-2456-v2__boxes { position: relative; } display: block; width: 100%; height: 160px; } margin-top: 20px; .spg-2456-v2__box { } Unleash the Forces of Elemental Wolves display: inline-block; } cursor: pointer; position: absolute; For those who’ve enjoyed land-based casinos in Las Vegas and similar locations, the elemental wolves igniting fire and warmth might ring a bell. } top: 0; transition: .3s; The Fire Wolf II slot machine can be found on the state-of-the-art Orion cabinet by AGS, which has soared in popularity in physical casinos, prompting their interactive team to craft this online version for digital players. .spg-2456-v2__box.hide { opacity: 0; .spg-2456-v2__box.open p { Those with a keen mathematical eye will quickly notice that the 3-4-4-4-3 formation translates to 576 ways to win in standard play. Interestingly, this dynamic game pays in both directions thanks to AGS’s PowerXStream structure – achieving more matches on adjacent reels means more significant rewards. display: none; .spg-2456-v2__box-1 { This sequel reintroduces the same symbols that adorned the original Fire Wolf slot's pay table and reels. The lower-tier symbols — Ace, King, Queen, and Jack — offer the least, while premium symbols like paw prints, tooth talismans, and elemental signs accompany the striking orange and blue wolves. The Fire Wolf II game logo ranks as the top-paying symbol, up to 400 credits in value. left: 0; Indeed, opinions were mixed among our Fire Wolf II review team regarding the game’s audio effects. A mechanical whirring accompanies each stopping reel, reminiscent of experiences in brick-and-mortar casinos. However, once free spins kick in, a richer soundtrack takes over, featuring howls from the elemental wolves beneath the cacophony of roaring flames. } .spg-2456-v2__box-2 { left: 145px; top: 20px; .spg-2456-v2__box-2 img { width: 170px !important; .spg-2456-v2__box-3 { } right: 0; .spg-2456-v2__box-1.open { top: 42px; left: 145px; .spg-2456-v2__box-1.open img { } width: 170px !important; .spg-2456-v2__box-2.open { } top: 42px; left: 145px; .spg-2456-v2__box-2.open img { width: 170px !important; .spg-2456-v2__box-3.open { top: 42px; } right: 145px; .spg-2456-v2__box-3.open img { width: 170px !important; .cookie-popup2__switch--on .cookie-popup2__switch__marker{ .spg-2456-v2__box img { width: 120px; transition: .2s; .spg-2456-v2__step-2 .spg-2456-v2__box-2 { top: 30px; left: 130px; .spg-2456-v2__step-2 .spg-2456-v2__box-2 img { width: 200px !important; transform: scale(1.15); .spg-2456-v2__box.shake { animation: shake 0.5s; @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } } 70% { transform: translate(3px, 1px) rotate(-1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } } .spg-2456-v2__box p { body.game-frame--fullscreen .game-row__content-pre { } font-size: 25px; color: #FFF; font-weight: 700; margin-top: 5px; padding: 0; } .spg-2456-v2__title { font-size: 28px; } font-weight: 900; color: #FFF; } margin: 25px 0 10px 0; .spg-2456-v2__title.big { font-size: 42px; .spg-2456-v2__paragraph { font-size: 16px; color: #FFF; padding: 5px 0; line-height: 19.2px; margin-bottom: 0; .spg-2456-v2__button { display: inline-flex; width: 175px; } font-weight: 900; border: none; } text-decoration: none; text-align: center; margin: 0; padding: 0 10px; } font-size: 13px; border-radius: 5px; box-shadow: none; } align-items: center; justify-content: center; height: 40px; line-height: 40px; text-transform: none; min-width: auto; color: #2c2e2e; margin-top: 25px; .spg-2456-v2__step-3 .spg-2456-v2__button { margin-top: -5px; .spg-2456-v2__button:hover { } .spg-2456-v2__close-text { font-size: 16px; color: #ffffff; margin-top: 25px; display: inline-block; .spg-2456-v2__step-3 .spg-2456-v2__close-text { margin-top: 15px; .spg-2456-v2__close-text:hover { text-decoration: none !important; .spg-2456-v2__step-1 { position: absolute; display: block; } width: 460px; height: 320px; } left: 50%; top: 50%; margin-left: -230px; margin-top: -170px; text-align: center; } z-index: 4; line-height: 22px; } .spg-2456-v2__step-1 * { line-height: 22px; .mobile-info { display: none; margin-bottom: 0; padding: 10px 0; .spg-2456-v2__step-1.action a, .spg-2456-v2__step-1.action .mobile-info { opacity: 0; .spg-2456-v2__step-2 { } position: absolute; display: none; } width: 460px; height: 320px; left: 50%; top: 50%; margin-left: -230px; With a superb 576 winning ways, it's no surprise that throngs of gamblers are flocking to spin the reels of Fire Wolf II online. margin-top: -160px; text-align: center; z-index: 4; .spg-2456-v2__step-3 { } position: absolute; display: none; width: 600px; height: 320px; left: 50%; For those ready to brave the heat, five betting options are on offer: 88, 176, 353, 528, or 880 credits. You can choose among coin values ranging from 0.01 to 0.06, meaning you can start your fiery adventure with a mere 0.88 credits. For the high-rollers among you, why not raise the ante to a maximum bet of 52.80 credits? top: 50%; margin-left: -300px; margin-top: -160px; text-align: center; } z-index: 4; line-height: 22px; .spg-2456-v2__step-3 * { line-height: 22px; .spg-2456-v2__casino-logo { height: 60px; margin-top: 20px; border-radius: 5px; It's important to note, however, that the volatility of this slot may deter some players from wagering real money. AGS has labeled this as a highly volatile slot, so approach these elemental wolves with caution. box-shadow: 1px 1px 1px 1px rgba(0,0,0,.5); .spg-2456-v2__step-3 .spg-2456-v2__paragraph { margin-top: 10px; .spg-2456-v2__bonus { } font-size: 30px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); margin: 0; color: #FFF; line-height: 1.2em; height: 92px; text-decoration: none !important; display: inline-block; Of course, if you aren’t prepared to dive into a real-money experience yet, feel free to bookmark this page and enjoy playing Fire Wolf II for free whenever it suits you. margin-top: 10px; .spg-2456-v2__bonus * { color: #ffffff !important; .spg-2456-v2__coins-back { } position: absolute; display: block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 1; Whenever bonus symbols appear on the second, third, and fourth reels, blue and yellow flames will signal the trigger for free spins, harnessing the elemental wolves to grant you 8 free spins multiplied by the number of scatter symbols on those reels, potentially unlocking a max of 128 free spins. Plus, the Fire Wolf II slot allows for retriggers, extending the excitement of these fiery free spins. .spg-2456-v2__coins-front { position: absolute; display: block; width: 100%; } height: 100%; background-size: contain; } background-repeat: no-repeat; background-position: center center; z-index: 3; .spg-2456-v2__game { position: absolute; display: block; width: 790px; height: 500px; top: 95px; left: 50%; margin-left: -395px; } background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 2; .spg-2456-v2__game-win { position: absolute; display: none; width: 790px; height: 500px; } top: 95px; left: 50%; margin-left: -395px; } background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 2; .spg-2456-v2__game-lights{ } } Thanks to AGS's unique Reel Surge feature, free spins become even more thrilling. Landing a bonus symbol on reels two and three can cause the middle three reels to stretch to a maximum of eight rows high. This dramatic expansion turns the structure to 3-8-8-8-3, creating an incredible 4,608 ways to win for your remaining free spins. position: absolute; display: block; width: 790px; height: 500px; top: 95px; left: 50%; margin-left: -395px; background-size: contain; } background-repeat: no-repeat; background-position: center center; z-index: 2; .spg-2456-v2__tnc{ margin-top: 20px; .spg-2456-v2__tnc__content{ } text-align: left; font-family: Lato; font-size: 12px; } font-weight: bold; font-stretch: normal; font-style: normal; } line-height: normal; letter-spacing: normal; } color: #c8cfd1; margin-bottom: 10px; .spg-2456-v2__tnc__content *{ } font-family: Lato; font-size: 12px; font-weight: normal; font-style: normal; display: block; width: 790px; height: 500px; } top: 95px; left: 50%; margin-left: -395px; background-size: contain; background-repeat: no-repeat; } background-position: center center; z-index: 2; .spg-2456-v2__game-win { } position: absolute; display: none; width: 790px; height: 500px; top: 95px; } left: 50%; margin-left: -395px; background-size: contain; } background-repeat: no-repeat; background-position: center center; z-index: 2; } .spg-2456-v2__game-lights{ position: absolute; display: block; width: 790px; height: 500px; top: 95px; } left: 50%; margin-left: -395px; background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 2; } .spg-2456-v2__tnc{ margin-top: 20px; .spg-2456-v2__tnc__content{ } text-align: left; font-family: Lato; } font-size: 12px; font-weight: bold; } font-stretch: normal; font-style: normal; } line-height: normal; letter-spacing: normal; color: #c8cfd1; } margin-bottom: 10px; .spg-2456-v2__tnc__content *{ } font-family: Lato; font-size: 12px; } font-weight: normal; font-style: normal; display: block; } width: 790px; height: 500px; } top: 95px; left: 50%; margin-left: -395px; } background-size: contain; background-repeat: no-repeat; } background-position: center center; z-index: 2; .spg-2456-v2__game-win { } position: absolute; display: none; } width: 790px; height: 500px; } top: 95px; left: 50%; margin-left: -395px; } background-size: contain; background-repeat: no-repeat; background-position: center center; } z-index: 2; .spg-2456-v2__game-lights{ } } position: absolute; display: block; width: 790px; } height: 500px; top: 95px; left: 50%; margin-left: -395px; } background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 2; .spg-2456-v2__tnc{ margin-top: 20px; } .spg-2456-v2__tnc__content{ text-align: left; font-family: Lato; font-size: 12px; } font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; } letter-spacing: normal; color: #c8cfd1; } margin-bottom: 10px; .spg-2456-v2__tnc__content *{ font-family: Lato; } font-size: 12px; font-weight: normal; font-style: normal; font-weight: bold; font-stretch: normal; } font-style: normal; line-height: normal; } letter-spacing: normal; color: #c8cfd1; .spg-2456-v2__tnc__content p{ } padding: 10px 0; margin-bottom: 0; @media (max-width: 991px) { .spg-2456-v2__close { position: fixed; top: 20px; right: 20px; } .spg-2456-v2__game, .spg-2456-v2__game-win, } .spg-2456-v2__game-lights { width: 500px; height: 320px; top: 50px; left: 50%; margin-left: -250px; } .spg-2456-v2__frame { width: 650px; height: 450px; margin-left: -325px; top: 0; } margin-top: 0; .spg-2456-v2__close-text { } font-size: 12px; margin-top: 5px; } .spg-2456-v2__button { height: 30px; line-height: 30px; .spg-2456-v2__step-3 .spg-2456-v2__button { } margin-top: 10px; .spg-2456-v2__title { font-size: 24px; margin-top: 40px; .spg-2456-v2__paragraph { width: 220px; } padding: 0 0 0 0; font-size: 12px; display: inline-block; line-height: 1.2em; margin-top: 5px; .spg-2456-v2__title.big { } font-size: 24px !important; margin-top: 40px; margin-bottom: 0; } line-height: 28px; .spg-2456-v2__casino-logo { } height: 45px; margin: 5px 0 5px 0; } .spg-2456-v2__bonus { font-size: 16px; } margin-top: 0; height: auto !important; padding: 0; } .spg-2456-v2__step-3 { width: 350px; } margin-left: -175px; .spg-2456-v2__step-1 { } width: 360px; margin-left: -180px; .spg-2456-v2__boxes { } position: relative; display: block; } width: 100%; height: 120px; margin-top: 20px; } .spg-2456-v2__box { display: inline-block; } cursor: pointer; position: absolute; top: 0; } transition: .3s; .spg-2456-v2__box p { } font-size: 14px; margin-top: 0; } .spg-2456-v2__box.hide { opacity: 0; .spg-2456-v2__box.open p { } display: none; .spg-2456-v2__box-1 { left: 0; } .spg-2456-v2__box-2 { left: 120px; } top: 20px; .spg-2456-v2__box-2 img { width: 120px !important; .spg-2456-v2__box-3 { } right: 0; .spg-2456-v2__box-1.open { } top: 38px; left: 117px; .spg-2456-v2__box-1.open img { width: 125px !important; .spg-2456-v2__box-2.open { top: 38px; left: 117px; .spg-2456-v2__box-2.open img { width: 125px !important; .spg-2456-v2__box-3.open { top: 38px; } right: 117px; .spg-2456-v2__step-3 .spg-2456-v2__title.big { } margin-top: 35px; .spg-2456-v2__box-3.open img { } } width: 125px !important; .spg-2456-v2__box img { } width: 90px; transition: .2s; } .spg-2456-v2__step-2 .spg-2456-v2__box-2 { top: 30px; left: 160px; } Two mystery jackpots also enrich the Fire Wolf II online slot experience. The Mini Jackpot and Max Jackpot meters displayed above the elemental wolves indicate that you need some good fortune to snag one of these. They can be randomly won during any spin in the base game. .spg-2456-v2__step-2 .spg-2456-v2__box-2 img { width: 140px !important; @media screen and (max-width: 550px) { .spg-2456-v2__title { margin-top: 30px; } } background: #e8f1e8 url(https://fortune-gems-casino.com/assets/images/svg-icons/single-review/cons.svg) no-repeat center center; .spg-2456-v2__frame { height: 310px; width: 300px; margin-left: -150px; } .spg-2456-v2__game, .spg-2456-v2__game-win, } } .spg-2456-v2__game-lights { width: 300px; margin-left: -150px; } } top: 90px; .spg-2456-v2__paragraph { width: 100%; } } body.rbg >Eager to Explore Other Slot Games Featuring Wolves? font-size: 16px; margin-top: 15px; } .spg-2456-v2__close { position: absolute; top: 10px; right: 10px; .spg-2456-v2__step-1 { margin-top: -150px; .spg-2456-v2__step-3 { width: 300px; margin-left: -150px; .spg-2456-v2__button { } If this fiery journey feels like too much for you, why not consider trying other wolf-themed slots that maintain a cooler vibe? height: 34px; } line-height: 34px; width: 140px; margin-top: 100px; .spg-2456-v2__close-text { margin-top: 10px; .spg-2456-v2__casino-logo { height: 40px; margin: 75px 0 5px 0; .spg-2456-v2__bonus { display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 0 40px; } height: 63px !important; .spg-2456-v2__step-3 .spg-2456-v2__button { } margin-top: 80px; .spg-2456-v2__coins-back { width: 410px; height: 240px; left: 50%; margin-left: -200px; top: 128px; .spg-2456-v2__coins-front { width: 370px; left: 50%; margin-left: -184px; } If you’ve ever tried it in physical casinos, you’re aware that IGT's game is among the most celebrated slots released, combining powerful stacked wilds and the allure of free spins. top: 95px; } .spg-2456-v2__title.big { margin-top: 40px; .spg-2456-v2__step-3 .spg-2456-v2__paragraph { margin-top: 15px; .spg-2456-v2__step-1, } .spg-2456-v2__step-2 { width: 210px; } margin-left: -105px; .spg-2456-v2__boxes { } .report-broken-game .rbg-step >position: relative; display: block; width: 100%; height: 120px; margin-top: 120px; background-color: var(--site-header-fill); } .spg-2456-v2__box { display: inline-block; cursor: pointer; position: absolute; } top: 0; transition: .3s; .spg-2456-v2__box p { font-size: 10px; margin-top: -8px; .spg-2456-v2__box.hide { opacity: 0; .spg-2456-v2__box.open p { display: none; .spg-2456-v2__box-1 { left: 0; .spg-2456-v2__box-2 { } .report-broken-game .rbg-step label >left: 67px; top: 10px; .spg-2456-v2__box-2 img { width: 75px !important; } .report-broken-game .rbg-step label:hover input[type=radio] .checkmark { .spg-2456-v2__box-3 { } .report-broken-game .rbg-step label:hover input[type=checkbox] .checkmarkBox { right: 0; } Spinning the reels of Wolves! Wolves! Wolves! slot will leave you howling with glee, especially during free spins where victories accumulate across 100 active paylines. .spg-2456-v2__box-1.open { top: 17px; left: 66px; .spg-2456-v2__box-1.open img { width: 70px !important; } .report-broken-game .rbg-step input[type=radio]:checked .checkmark:after { .spg-2456-v2__box-2.open { } As we’ve revealed in our review, we highly endorse this blazing sequel. We’d never leave you in a lurch; thus, understanding the game’s volatility is crucial. If you’re comfortable playing with fire, engaging with these elemental wolves is sure to be a rewarding experience. top: 17px; left: 66px; .spg-2456-v2__box-2.open img { width: 70px !important; .spg-2456-v2__box-3.open { } .report-broken-game .rbg-step input[type=checkbox]:checked .checkmarkBox:after { top: 17px; } From enticing welcome bonuses to reload offerings, explore the plethora of bonuses waiting for you at our top-rated online casinos. right: 66px; .spg-2456-v2__box-3.open img { width: 70px !important; .spg-2456-v2__step-3 .spg-2456-v2__title.big { margin-top: 35px; .spg-2456-v2__box img { width: 50px; } Ready to dive into the world of online gaming? Check out our comprehensive guide, which also ranks the finest gambling sites for 2025. transition: .2s; } No matter which device you prefer for gaming, all your favorite slots are available for mobile enjoyment. Learn how to get started easily. .spg-2456-v2__step-2 .spg-2456-v2__box-2 { top: 57px; left: 62px; .spg-2456-v2__step-2 .spg-2456-v2__box-2 img { width: 85px !important; .spg-2456-v2__step-1 .spg-2456-v2__paragraph { width: 280px; margin-left: -35px; margin-top: 5px; } Live dealer games represent some of the most exciting and immersive experiences found in online casinos. Discover the best live dealer casinos through our expert insights! .spg-2456-v2__step-1 .spg-2456-v2__close-text { margin-top: 25px; .mobile-info { position: absolute; display: block; color: #FFF; font-size: 12px; font-weight: 700; top: -45px; } Unlock Free Spins, Free Chips, and much more! left: 50%; width: 100px; text-align: center; margin-left: -50px; .spg-2456-v2__step-2 .spg-2456-v2__title.big { margin-top: 90px; .spg-2456-v2__step-2 .spg-2456-v2__boxes { margin-top: 60px; .spg-2456-v2__tnc{ } Subscribe to our newsletter to take advantage of our incredible offer. background: rgba(0,0,0,0.5); .spg-2456-v2__winnertnc__container{ display: none; .spg-2456-v2__winnertnc__link{ font-size: 12px; color: #ffffff; .spg-2456-v2__winnertnc__container{ display: inline; position: absolute; } height: 45px; padding: 16px 0 0 10px; .spg-2456-v2__tnc{ position:fixed; bottom:0; left:0; width:100%; display: flex; } By subscribing, you: agree to receive promotional offers and other communications from VSO; affirm that you meet the legal age requirements for gambling in your residence; and acknowledge your acceptance of our terms. justify-content: center; .spg-2456-v2__tnc__content{ width: 690px; @media (min-width: 992px){ .spg-2456-v2__tnc__content{ width: 930px; @media (min-width: 1200px){ .spg-2456-v2__tnc__content{ } This site is safeguarded by reCAPTCHA and the Google width: 1170px; } filter: blur(5px); overflow: hidden; .report-broken-game-overlay { position: fixed; display: none; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; } VSO Coins: utilize your account balance to engage with various games. Earn more VSO Coins while playing to enhance your balance. width: 100%; height: 100%; z-index: 99999; filter: blur(5px); display: block; .report-broken-game { position: fixed; display: none; width: 640px; min-height: 360px; left: 50%; top: 45%; padding: 30px; -webkit-transform: translate(-50%, -50%); } Monitor your gameplay history and your favorite games. -moz-transform: translate(-50%, -50%); } Exclusive bonuses available only for members at leading online casinos. transform: translate(-50%, -50%); z-index: 999999; } Your password needs to be at least 8 characters long and should include at least one uppercase and one lowercase letter. background: #FFF; border-radius: 5px; .report-broken-game.active { } You must consent to the T&Cs to create an account. display: block; .report-broken-game .rbg-close { position: absolute; width: 32px; height: 32px; border-radius: 5px; background-color: #e8f1e8; } By creating an account, you confirm you are over the age of 18 or the legal gambling age in your jurisdiction. right: 10px; top: 10px; display: block; transition: .2s; cursor: pointer; background: #D0F1D0; .report-broken-game .rbg-close img { width: 14px; height: 14px; margin-left: 9px; } We encountered a technical glitch that prevented the activation email from being dispatched. Please click ‘resend activation link’ or try registering again later. margin-top: 9px; } .report-broken-game .rbg-step { display: none; .report-broken-game .rbg-step.active { display: block; h2 { font-size: 22px; font-weight: 900; line-height: 1.55; color: #2c2e2e; .report-broken-game .rbg-step p { } Please input your email address, and we will send you a link to reset your password. font-size: 16px; } Input your new password. Your password must contain at least 8 characters and include both uppercase and lowercase letters. line-height: 1.44; color: #6f7374; .report-broken-game .rbg-step label { font-size: 16px; } line-height: 1.88; color: #6f7374; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; background-color: var(--site-header-fill); } Your password has been successfully reset. You can now log into your account. You will be redirected to the homepage in 10 seconds. -ms-user-select: none; user-select: none; padding-left: 30px; span { font-size: 16px; line-height: 1.88; color: #6f7374; } Locating the best casino bonuses just became much simpler. box-shadow: 0 0 0 2px #c8cfd1; } Subscribe for two emails each week. Receive a blend of the newest bonuses and gambling tips. You can unsubscribe at any time. box-shadow: 0 0 0 2px #c8cfd1; } We utilize cookies on this website to enhance the user experience. position: absolute; } By clicking any link on this page, you consent to our opacity: 0; } VegasSlotsOnline employs cookies to enrich your navigation on our site. Some cookies are considered essential as they are crucial for the basic functionalities of the website. Essential cookies remain stored on your browser. We also use third-party cookies that help us analyze and improve your user experience on our site. These are non-essential cookies and require your consent to be stored in your browser. You can opt-out of non-essential cookies, but doing so might impact your browsing experience. cursor: pointer; } Essential cookies are fundamental for the site to perform correctly. This category includes only cookies that guarantee the website’s basic functionalities and security features and do not store any personal information. height: 0; width: 0; } Any cookies that are not strictly necessary for the website's functionality and are specifically utilized to collect personal user data through analytics, advertisements, or other embedded content are categorized as non-essential cookies. Obtaining user consent prior to the deployment of these cookies is mandatory. display: block; position: absolute; opacity: 0; } Select one of the treasure chests to reveal if you’ve earned an exclusive bonus. cursor: pointer; height: 0; width: 0; } .report-broken-game .rbg-step .game .rating.r2 { display: block; width: 330px; font-size: 16px; height: 40px; } .report-broken-game .rbg-step .game .rating.r3 { border-radius: 5px; border: solid 1px #c8cfd1; padding: 0 10px; } .report-broken-game .rbg-step .game .rating.r4 { margin: 10px 0 0; } .report-broken-game .rbg-step .game .rating.r5 { border: solid 2px #ff0000; } .report-broken-game .rbg-step .game-list { position: absolute; } .report-broken-game .rbg-step .game-list .list { top: 5px; } .report-broken-game .rbg-step .game-list .list .game { left: 0; } .report-broken-game .rbg-step .game-list .list .game h3 { width: 18px; height: 18px; } .report-broken-game .rbg-step .game-list .list .game .rating { background-color: transparent; box-shadow: 0 0 0 1px #c8cfd1; border-radius: 50%; } transition: .1s; content: \"\"; position: absolute; display: none; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; } .report-broken-game .rbg-step >background-color: #115111; position: absolute; } top: 5px; left: 0; } width: 18px; height: 18px; } } background-color: transparent; Any cookies that are not strictly necessary for the website's functionality and are specifically utilized to collect personal user data through analytics, advertisements, or other embedded content are categorized as non-essential cookies. Obtaining user consent prior to the deployment of these cookies is mandatory. box-shadow: 0 0 0 1px #c8cfd1; border-radius: 3px; transition: .1s; } Select one of the treasure chests to reveal if you’ve earned an exclusive bonus. content: \"\"; position: absolute; display: none; } .report-broken-game .rbg-step .game .rating.r2 { top: 2px; left: 2px; } .report-broken-game .rbg-step .game-list .list .game .rating.r1 { width: 14px; } From enticing welcome bonuses to reload offerings, explore the plethora of bonuses waiting for you at our top-rated online casinos. height: 14px; } border-radius: 3px; background-color: #115111; } } .report-broken-game .rbg-step .left { Any cookies that are not strictly necessary for the website's functionality and are specifically utilized to collect personal user data through analytics, advertisements, or other embedded content are categorized as non-essential cookies. Obtaining user consent prior to the deployment of these cookies is mandatory. width: 350px; vertical-align: top; position: relative; } .report-broken-game .rbg-step .game-list .list .game .rating.r2 { display: inline-block; } } margin-top: 0; margin-bottom: -10px; position: relative; display: block; opacity: 0; } } .report-broken-game .rbg-step .game-list .list .game .rating.r3 { margin-left: 10px; font-size: 12px; transition: .1s; opacity: 1; } }

float: none;

@media screen and (max-width: 680px) {
(485.report-broken-game {
report

full screen

.blx009 .flash-game-head #cv-sub-header.hide-on-d a {

.report-broken-game .rbg-step .game-list .list .game:nth-child(n + 7) {

.report-broken-game .rbg-step .game-list .list .game img {

@media screen and (min-width: 681px) and (max-height: 650px) {

JavaScript is necessary to ensure this page operates effectively.

Currently, you have no notifications awaiting your attention. Start The Game Refresh My Game Credits

Explore the thrilling bonuses available through our Daily Bonus Map.

Blending fierce wolves with the elemental forces of nature, Fire Wolf II is a fiery sequel crafted by AGS. Will it evoke the same enthusiasm as its predecessor, Fire Wolf?

Absolutely, especially if you enjoyed the first game! The two elemental wolves reappear, inviting you to spin the sizzling reels. These beasts are not just for show; they're also your ticket to potentially hefty wins.

Exit fullscreen

With an astounding 576 ways to win in the base game, the Fire Wolf II online slot utilizes PowerXStream pay structure to calculate winnings. Thanks to AGS’s groundbreaking Reel Surge feature, the reels can expand to unlock a staggering 4,608 ways to win during free spins, plus there are two mystery jackpots to heat things up even more.

Uncover the Mysteries of Elemental Wolves

Fire Wolf II link The elemental wolves that command the flames may seem recognizable to those who have enjoyed the experience of brick-and-mortar casinos, especially in Las Vegas and elsewhere.

The Fire Wolf II slot is featured on AGS’s state-of-the-art Orion cabinet. Its massive success on physical casino floors has propelled the interactive team to develop this online version for enthusiasts of the digital gaming scene.

Gamblezen Casino

Those of you who ponder mathematically will quickly notice that the game’s structural layout of 3-4-4-4-3 results in 576 winning combinations in the base game. Notably, this dynamic slot pays in both directions through AGS’s innovative PowerXStream method. Essentially, matching symbols on adjacent reels leads to even greater payouts.

The symbols you encountered in the original Fire Wolf game make a return here. The traditional playing card icons—Ace, King, Queen, and Jack—offer the lowest payouts. The premium symbols include paw prints, tooth pendants, and elemental symbols alongside the blue and orange wolves. Still, the star of the show is the Fire Wolf II logo, which can reward players with up to 400 credits.

Our review team had mixed feelings about the game’s audio effects. The mechanical sound as the reels stop may remind you of a land-based experience. Fortunately, once you hit the free spins, a more immersive atmosphere unfolds. The elemental wolves’ howls blend with the sound of flames, creating an exciting ambiance.

With 576 potential ways to win, it’s clear why so many players are flocking to enjoy the Fire Wolf II slot online.

Fire up your stakes! You can select from five different betting levels: 88, 176, 353, 528, or 880. With coin values of 0.01, 0.02, 0.04, and 0.06, you can kick off your adventure with as little as 0.88 credits. For the high rollers willing to take risks, you can push your bet all the way up to 52.80 credits.

Get up to Free Spins Be aware that the volatility of this game might deter a few cautious players from placing real money bets. AGS has explicitly labeled this slot as highly volatile, so proceed with caution when engaging with these elemental creatures.

link However, if you prefer to play it safe, you can always bookmark this page and try your hand at Fire Wolf II for free whenever you wish. Catch the spectacle of blue and yellow flames as they signal free spins whenever bonus symbols land across reels two, three, and four. The elemental wolves will unleash 8 free spins, multiplied by the number of scatter symbols on those reels, resulting in the chance to trigger the mystery feature with an incredible 128 free spins. Plus, the Fire Wolf II slot allows for retriggers, keeping the free spins exhilarating for longer.

Play For Real

Thanks to AGS’s Reel Surge feature, free spins become even more thrilling. If bonus symbols land on reels two and three, the middle trio of reels expands up to eight rows high. An expanded reel layout of 3-8-8-8-3 creates an astonishing 4,608 ways to win for any remaining free spins!

Gamblezen Casino

Gamblezen Casino

TikiTaka Casino

In addition, the Fire Wolf II online slot features two intriguing mystery jackpots. The Mini Jackpot and Max Jackpot meters can be seen above the elemental wolves, but you'll need a stroke of luck to win either. These jackpots can activate randomly after any spin in the base game.

TikiTaka Casino

Fire Wolf II Slot Machine

Curious about Other Wolf-Themed Slots?

mobile slots for real money

Add Fuel to the Fire

Does the intensity of Fire Wolf II feel a bit overwhelming? Perhaps you’d prefer exploring some wolf-themed slots that offer a cooler gameplay experience.

return-to-player (RTP) of 95.92%

You should

If you’ve ever played it in a physical casino, you’ll know it’s one of IGT’s all-time favorite slots, thanks to its compelling mix of stacked wilds and free spins.

play the Wolf Run slot online

Join the Pack at a Top Online Casino 2X Spin Cycle 2x3x Rush 3x Ultra Diamond

New Vegas Casino Slots

Subscribe for two emails per week featuring a combination of new bonuses and gambling insights. Opting out is always an option.

More Games

Online Keno

2

New Online Slots

1

Online Pokies

3

Free Blackjack

Free Roulette

Free Baccarat

Guides

We utilize cookies to enhance your browsing experience on this site.

How To Play BlackjackHow To Play Baccarat
+ 200UK Gambling Sites
Casino Downloads
2013-2025 fortune-gems-casino.com

About Us

Contact Us

Fairness and Testing

Essential cookies are vital for the proper functioning of the website, ensuring security and basic functions while not storing any personal information.Licensing Bodies and Regulators

Cookies that are not specifically necessary for basic website functions but collect user data, including through analytics and advertisements, fall into the non-essential category. We must obtain user consent before enabling these cookies on our site.