/*! normalize.css v8.0.1 MIT License 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI3Ij48cGF0aCBkPSJNNi41NTUgNi43NEwuODk1IDEuMTU4Qy42NDcuOTEzLjY0Ny41MTYuODk1LjI3YS42NC42NCAwIDAgMSAuODk4IDBsNS4yMSA1LjE0IDUuMjEtNS4xNGEuNjQuNjQgMCAwIDEgLjg5OSAwYy4yNDguMjQ1LjI0OC42NDMgMCAuODg4bC01LjY2IDUuNTg0YS42NS42NSAwIDAgMS0uODk5LS4wMDF6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiNmZmYiLz48L3N2Zz4=\\"); --header-search-reset-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjA5IDEuNzAyTDE0LjU4LjE5MiA4LjEyMyA2LjY0NSAxLjYuMTkxLjA5IDEuNzcgNi4yMStMMS44NSAxLjY5LS42MTYtLjg1MSA2LjkyMyAwIDAgMC4wNS3hLjQ0Ni0uMTM4LTMwLjMyLTI1Ljg1Ny0uNDE0LjQvMjAuMDcudjAuOTcwLjcyIDUuOTQ1IC42MDI0dDAuMDA0IDEyLjUwNi01LjkzMmQuMDYzLjk3LjU0LjAgMCBjc2suNjMuMjQ2MC4wOS0yLjM0LjEwMi0uMjQ5MTAgMTYwIHkuNjA5MDMzMTEuNjM3Ljc0MyAuMDA4LjA4MDAgMC49MDAzOC43MDAxN2g3LjI0NC04MS4xNG0wTiTWMAwADReOU0LQ4ti2MzN2N6LjA5IDQuNzUxOC3vYlQ1IA0Tz2OWV4IDEuNDIgLTczMSx0hIGFlNzUwMS4wMi0uMTY0Mi43LjM5My63LjEuNjZ6Ij5wYXRoPD43Lzc9MyDEZAB0P1nJlIGNhbGIzMS41IDwvL3JhdG'E5MTcgcjdkY2MtLWu9Nb4tYjU1IiIgZmlsbD0iI2ZmZmZ7MDhnPC9zdmc+\\"); --x-close:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4wOSAxLjcwMkwxNC41OC4xOTIgOC4xMjMgNi42NDUgMS42LjE5MS4wOSAxLjcwMmw2LjQ1NSA2LjUyNEwuMDkgMTQuNjhsMS41MSAxLjUxIDYuNTI0LTYuNDU1IDYuNDU1IDYuNDU1IDEuNTEtMS41MS02LjQ1NC02LjQ1NXoiPjwvcGF0aD48L3N2Zz4=\\"); --white-magnify-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS4yNjUgMS4yNjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4=\\"); --gray-magnify-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMy4yMiAyMS44NDdsLTUuNzEtNS45MzdhOS42NTMgOS42NTMgMCAwIDAgMi4yNzMtNi4yMjZjMC01LjM0LTQuMzQ1LTkuNjg0LTkuNjg0LTkuNjg0QzQuNzU5IDAgLjQxNCA0LjM0NC40MTQgOS42ODRjMCA1LjM0IDQuMzQ1IDkuNjg0IDkuNjg1IDkuNjg0YTkuNTggOS41OCAwIDAgMCA1LjU0OC0xLjc1Mmw1Ljc1MiA1Ljk4MmMuMjQuMjUuNTY0LjM4OC45MS4zODhhMS4yNjUgMS4yNjUgMCAwIDAgLjkxLTIuMTM5ek0xMC4wOTggMi41MjdhNy4xNjYgNy4xNjYgMCAwIDEgNy4xNTcgNy4xNTcgNy4xNjYgNy4xNjYgMCAwIDEtNy4xNTcgNy4xNThBNy4xNjYgNy4xNjYgMCAwIDEgMi45NCA5LjY4NGE3LjE2NiA3LjE2NiAwIDAgMSA3LjE1OC03LjE1OHoiLz48L3N2Zz4=\\"); --facebook-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjNDI2N2IyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI1Ij48L3JlY3Q+PHBhdGggZD0iTTIwLjI5NSA3LjAwNEwxNy45ODIgN2MtMi42IDAtNC4yNzggMS43MjMtNC4yNzggNC40djIuMDI0aC0yLjMyNmMtLjIgMC0uMzY0LjE2My0uMzY0LjM2NFYxNi43YzAgLjIuMTYzLjM2NC4zNjQuMzY0aDIuMzI2djcuNGMwIC4yLjE2My4zNjQuMzY0LjM2NGgzLjAzNGMuMiAwIC4zNjQtLjE2My4zNjQtLjM2NHYtNy40aDIuNzJjLjIgMCAuMzY0LS4xNjMuMzY0LS4zNjR2LTIuOTMzYzAtLjA5Ni0uMDM4LS4xOS0uMTA3LS4yNTdzLS4xNi0uMTA3LS4yNTctLjEwN2gtMi43MnYtMS43MTZjMC0uODI1LjE5Ny0xLjI0MyAxLjI3LTEuMjQzbDEuNTU4LS4wMDFjLjIgMCAuMzY0LS4xNjMuMzY0LS4zNjRWNy4zNjdjMC0uMi0uMTYzLS4zNjMtLjM2My0uMzY0eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+\\"); --twitter-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMzhhMWYzIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI1IiAvPjxwYXRoIGQ9Ik0yNy4zMiA5LjEzYy0uODMuMzYtMS43MTQuNi0yLjYzNy43MTcuOTUtLjU2MiAxLjY3My0xLjQ0NiAyLjAxMy0yLjUtLjg4NC41MjMtMS44Ni44OTMtMi45MDIgMS4xQTQuNiA0LjYgMCAwIDAgMjAuNDUyIDdjLTIuNTMzIDAtNC41NzMgMi4wNC00LjU3MyA0LjU0MyAwIC4zNi4wMy43MDYuMTA2IDEuMDM2LTMuODA0LS4xODQtNy4xNy0xLjk5NC05LjQzMi00Ljc1LS4zOTUuNjgtLjYyNiAxLjQ1OC0uNjI2IDIuMjk2YTQuNTQgNC41NCAwIDAgMCAyLjAzMyAzLjc3NGMtLjczNS0uMDE0LTEuNDU2LS4yMjYtMi4wNjctLjU2di4wNWMwIDIuMjA3IDEuNTg2IDQuMDQgMy42NjYgNC40NjNhNC42IDQuNiAwIDAgMS0xLjIuMTVjLS4yOTMgMC0uNTktLjAxNy0uODY2LS4wNzguNTkzIDEuOCAyLjI3NSAzLjEyIDQuMjc2IDMuMTY0YTkuMjQgOS4yNCAwIDAgMS01LjY3MyAxLjkzN2MtLjM3NSAwLS43MzUtLjAxNy0xLjA5NS0uMDYyQzcuMDI3IDI0LjI2IDkuNDMgMjUgMTIuMDIgMjVjOC40MiAwIDEzLjAyNC02LjkyMyAxMy4wMjQtMTIuOTI0YTExLjUgMTEuNSAwIDAgMC0uMDE3LS41ODdjLjkwOC0uNjQgMS42Ny0xLjQ0IDIuMjkzLTIuMzU4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiAvPjwvc3ZnPg==\"); --warning-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjcuNTggNDkuOEwzOS45IDMuOTNhNi4wNiA2LjA2IDAgMCAwLTEwLjM4IDBMMS44NyA0OS44QTYuMDYgNi4wNiAwIDAgMCAzIDU3LjQ1YzEuMTQ1IDEuMDE3IDIuNjMgMS41NyA0LjE2IDEuNTVoNTUuMTJjMS41My4wMiAzLjAxNS0uNTM0IDQuMTYtMS41NWE2LjA4IDYuMDggMCAwIDAgMS4xNC03LjY0eiIgc3Ryb2tlPSIjMTk3NDE5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzQuNzIgMTkuOTJjLTEuNjcgMC0zIC45LTMgMi40OCAwIDQuODUuNTcgMTEuODIuNTcgMTYuNjcgMCAxLjI2IDEuMSAxLjggMi40IDEuOCAxIDAgMi4zNy0uNTMgMi4zNy0xLjggMC00Ljg1LjU3LTExLjgyLjU3LTE2LjY3LjAzLTEuNi0xLjMyLTIuNDgtMi45LTIuNDh6bS4wNCAyMy43NWEzLjE0IDMuMTQgMCAwIDAgMCA2LjI3IDMuMTQgMy4xNCAwIDAgMCAwLTYuMjd6IiBmaWxsPSIjMTk3NDE5IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=\\"); --check-green-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBkPSJNOS43NCAxLjZMNC4yOCA3LjMzN2EuODguODggMCAwIDEtLjYzMS4yNzVWOGwtLjAwOC0uMzg4Yy0uMjM4LS4wMDItLjQ3LS4xMDctLjYzNS0uMjg3bC0yLjc1NS0zQy0uMDkyIDMuOTUzLS4wODIgMy4zNi4yNzMgM2MuMTY3LS4xNy4zODctLjI2My42Mi0uMjYzLjI0NSAwIC40NzMuMTAyLjY0My4yODdMMy42NiA1LjMzNSA4LjQ3Ni4yNzVDOC42NDUuMDk4IDguODcgMCA5LjEwOCAwcy40NjMuMDk3LjYzLjI3NWMuMzQ4LjM2Ni4zNDguOTYgMCAxLjMyN3oiIGZpbGw9IiMxMTUxMTEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==\"); --white-green-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNOCAuMTI4YzQuMzQgMCA3Ljg3MiAzLjUzMiA3Ljg3MiA3Ljg3MlMxMi4zNCAxNS44NzIgOCAxNS44NzIuMTI4IDEyLjM0LjEyOCA4IDMuNjYuMTI4IDggLjEyOHptNC4zNjQgNi4yNjhjLjMyLS4zMi4zMi0uODQyIDAtMS4xNjMtLjE1NS0uMTU1LS4zNjItLjI0LS41OC0uMjRzLS40MjYuMDg2LS41OC4yNEw2Ljc2NSA5LjY3IDQuOCA3LjY0M2MtLjE1Ni0uMTYyLS4zNjctLjI1LS41OTItLjI1LS4yMTQgMC0uNDE3LjA4Mi0uNTcuMjMtLjMyNi4zMTUtLjMzNi44MzYtLjAyIDEuMTYzbDIuNTM3IDIuNjNjLjE1Mi4xNTguMzY1LjI1LjU4NC4yNWwuMDA3LjM0di0uMzRhLjgzLjgzIDAgMCAwIC41ODEtLjI0MWw1LjAyOC01LjAyOHoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==\"); --red-cross-svg:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTUuMzY4IDIuNjMzYy0zLjUtMy41LTkuMjIyLTMuNS0xMi43MyAwQTguOTUgOC45NSAwIDAgMCAwIDljMCAyLjQwNS45MzYgNC42NjYgMi42MzYgNi4zNjdDNC4zOTIgMTcuMTIzIDYuNjk3IDE4IDkuMDAyIDE4czQuNjEtLjg3NyA2LjM2Ni0yLjYzM2E5LjAyIDkuMDIgMCAwIDAgMC0xMi43MzR6IiBmaWxsPSIjZmJlOGU4Ii8+PHBhdGggZD0iTTEzLjIxIDEyLjMwNkwxMC40MDMgOS41bDIuODA2LTIuODA2Yy4zODctLjM4Ny4zODctMS4wMTUuMDAxLTEuNDAzYS45OS45OSAwIDAgMC0xLjQwMi0uMDAxTDkgOC4wOTggNi4xOTIgNS4yOWEuOTkuOTkgMCAwIDAtMS40MDIuMDAxYy0uMzg3LjM4OC0uMzg3IDEuMDE2LjAwMSAxLjQwM0w3LjU5NyA5LjUgNC43OSAxMi4zMDZjLS4zODguMzg3LS4zODggMS4wMTUtLjAwMSAxLjQwMy4xOTMuMTk0LjQ0OC4yOS43MDIuMjlhLjk5Ljk5IDAgMCAwIC43MDEtLjI5TDkgMTAuOTAzbDIuODA4IDIuODA4Yy4xOTMuMTk0LjQ0Ny4zLjcuM2EuOTkuOTkgMCAwIDAgLjcwMi0uMjkxYy4zODYtLjM4OC4zODYtMS4wMTYtLjAwMS0xLjQwM3oiIGZpbGw9IiNlMDIwMjAiLz48L3N2Zz4=\\"); } *{ font-family:\"Lato\", Helvetica, Arial, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; border:0; list-style:none; /*outline:none;*/ } /* fonts */ @font-face { font-family: \"Lato\"; font-style: normal; font-weight: 400; font-display: swap; src: local("Lato Regular"), local("Lato-Regular"), url(/includes/performance/fonts/lato/Lato-Regular.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Regular.woff) format("woff"); } @font-face { font-family: \"Lato\"; font-style: normal; font-weight: 700; font-display: swap; src: local("Lato Bold"), local("Lato-Bold"), url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); } @font-face { font-family: \"Lato\"; font-style: normal; font-weight: 900; font-display: swap; src: local("Lato Black"), local("Lato-Black"), url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); } body{ font-size: 14px; line-height: 18px; height: 100%; } h1{ font-size:22px; font-weight:900; line-height:1.21; margin:0 0 25px 0; color:var(--primary-default-fill); } h2{ font-size:22px; font-weight:900; margin-bottom:15px; line-height:normal; color:var(--dark-default-fill); } h3{ font-size:18px; font-weight:700; margin-bottom:10px; color:var(--dark-default-fill); } h4{ font-size:16px; font-weight:700; color:var(--dark-default-fill); } p{ font-size:16px; font-weight:400; margin-bottom:25px; line-height:1.44; color: var(--header-search-background); } p strong{ color:var(--dark-default-fill); } a{ color:var(--our-favorite-casinos); } a:hover{ text-decoration: none; } section{ display:block; } /* Helpers */ .flex{display: flex;} .flex-wrap{flex-wrap: wrap;} @media(min-width:768px){ h1{ font-size:28px; } h2{ font-size:22px; } h3{ font-size:18px; } h4{ font-size:16px; } }.container{ width: 100%; padding:0 10px; margin:0 auto; } .container--fluid{ width: 100%; padding:0 10px; margin:0; } .container__row{ margin-left:-10px; margin-right:-10px; } @media (min-width: 576px){ .container{ max-width: 540px; } .container, .container--fluid{ padding:0 15px; } .container__row{ margin-left:-15px; margin-right:-15px; } } @media (min-width: 768px){ .container{ max-width: 720px; } } @media (min-width: 992px){ .container{ max-width: 980px; } } @media (min-width: 1024px){ .container{ max-width: 1010px; } } @media (min-width: 1200px){ .container{ max-width: 1200px } } .cta-button { background: linear-gradient(to bottom, #ffde03 0, #ffde03 0); font-weight: 900; border: none; text-decoration: none; text-align: center; margin: 0; padding: 0 5px; font-size: 13px; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; height: 40px; color: #2c2e2e; } @media (hover: hover) { .cta-button:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } .cta-button.transparent:hover { color: #115111; background: transparent; } } .cta-button.transparent { background: transparent; border: 1px solid #c8cfd1; color: #6f7374; } .cta-button--light-green { background: #e8f1e8 !important; color: #115111; border-radius: 3px; } .cta-button--small{width:140px;height:34px;} .page { margin:0; padding:0; position:relative; top:0; bottom:0; left:0; right:0; transition: left 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, right 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; } .page--mobile-menu{ position:fixed; left:280px; right:-280px; transition: left 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, right 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s; } .site-header { z-index: 999; } .modal-activated .site-header { z-index: 9999; } /* .modal-activated:not(.page--mobile-menu) .site-header { z-index: 9999; } */ .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { position: relative; } .site-header__mobile-menu-overlay { display:block; position:absolute; top:0; bottom:0; left:0; background-color: var(--site-header-fill); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; opacity:0; width:0; z-index:98; } .page--mobile-menu .site-header__mobile-menu-overlay { width:calc(100%); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity:0.7; } .site-header { background-color: var(--site-header-fill); transition: all 0.3s ease-in-out; top:0; } .site-header--navigation-sticky-down .site-header { position: fixed; top:-100px; left:0; right:0; margin-bottom:-100px; } .site-header--navigation-sticky-down, .site-header--navigation-sticky-up { margin-top:55px; } .site-header--navigation-sticky-up .site-header { position: fixed; top:0px; left:0; right:0; } .site-header__brand { position: relative; display: flex; justify-content: space-between; height: 55px; z-index: 99; } .site-header__content{ margin-left: 0; width:auto; } .site-header--has-languages .site-header__content { margin-left: 0; width:auto; } .site-header__content{ display: flex; align-items: center; justify-content: flex-end; } .page--search-bar { position:fixed; } .site-header__text { display: none; } .site-header__mobile-menu-toggle { position:absolute; height:55px; } .site-header__mobile-menu-button { outline-style:none; cursor:pointer; border: none; margin:16px 0; padding:0; height: 23px; overflow:hidden; width:30px; height: 23px; background: var(--iconbar-svg); background-repeat: no-repeat; background-position: 0px 0px; } .site-header__logo { height:55px; text-align: center; display: flex; align-items: center; margin:0 auto; width:175px; 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; background: var(--site-header-fill); transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; } .page--search-bar .site-header__search { position:absolute; transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; right:0; left:0; } .header-search__field { display:inline-block; position:absolute; top:16px; left:55px; right:55px; text-overflow: ellipsis; white-space: nowrap; } .header-search__input { -webkit-appearance: none; font-size: 16px; background-color: transparent; color: var(--search-text-color); width: 100%; height: 20px; border-radius: 3px 0 0 3px; border-color: transparent; border-width: 0; border-style: solid; text-shadow: none; } .header-search__results{ display:none; clear: both; background-color: #fff; margin-top: 15px; position: fixed; width: 100%; left: 0; height: 90vh; padding: 10px; font-size:14px; max-height: 540px; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); } .header-search__results.header-search--results-loading, .header-search__results.header-search--results-empty, .header-search__results.header-search--results-error { display:block; } .header-search__results.header-search--results-show { overflow-y: auto; overflow-x: hidden; display:block; } .header-search__results-loading, .header-search__results-empty, .header-search__results-show, .header-search__results-error{ display:none; } .header-search--results-loading .header-search__results-loading { display:block; width: 220px; height: 19px; background: url(\"https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/header-search-loader.gif\") no-repeat; } .header-search--results-empty .header-search__results-empty { display:block; } .header-search--results-show .header-search__results-show { display:block; } .header-search--results-error .header-search__results-error { display:block; } .header-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--search-text-color); opacity: 1; /* Firefox */ } .header-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--search-text-color); } .header-search__input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--search-text-color); } .header-search__input:focus { outline: none; } .header-search__reset, .site-header__social { display:none; } .header-search__mobile-magnifying-glass { margin:14px 0 0 0; width:24px; height:24px; display: inline-block; background: var(--white-magnify-svg); background-repeat: no-repeat; background-position: 0px 0px; } .site-header__search-overlay{ display:block; position:fixed; top:0; bottom:0; left:0; background-color: var(--site-header-fill); transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; opacity:0; width:0; z-index: 97; } .page--search-bar .site-header__search-overlay { width:100%; transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity:0.7; } .header-search__magnifying-glass { border:0; outline:none; display:none; cursor: pointer; } .page--search-bar .header-search__magnifying-glass::after { width:100%; transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; opacity:0.7; } .header-search__close { width:16px; height:17px; float:right; margin:20px 3px 0 0; display: inline-block; background: var(--x-close); background-repeat: no-repeat; background-position: 0 0; } .site-header__navigation { height:0; } .site-header__menu{ position:absolute; left:-280px; top:0; bottom:0; right:100%; padding: 0 13px 20px 13px; background-color: var(--site-header-fill); color:#ffffff; overflow-y: auto; overflow-x: hidden; } .site-nav__mobile-menu-close{ position: relative; left:-13px; padding:0; outline-style:none; cursor:pointer; border: none; display: block; width:46px; height:49px; background: var(--x-close); background-repeat: no-repeat; background-position: 15px 16px; } .site-nav { width: 100%; padding: 0 0; margin: 13px 0 0 0; display: block; } .site-nav__item { min-height: 48px; border-bottom: solid 1px var(--mobile-menu-divider); float: none; display: block; z-index: 98; position: relative; } .site-nav__item:last-child { border-bottom:none; } .site-nav__item.site-nav__item--hide-in-mobile-menu { display:none; } .site-nav__link { text-decoration: none; font-size: 14px; color: var(--mobile-menu-link-color); font-weight: bold; padding: 15px; display: block; width: 100%; position: relative; } .opened .site-nav__link { border-bottom: 1px solid var(--active-link-color); color: var(--active-link-color); } .site-nav--drop-down-icon { position:absolute; bottom:0; right:5px; top:12px; content: \"\"; transition: all .2s; display: block; width: 26px; height: 26px; cursor:pointer; display: flex; justify-content: center; align-items: center; } .opened .site-nav--drop-down-icon { transform: rotate(180deg); } .site-nav__chilren{ padding: 0; border-top: solid 1px var(--mobile-menu-divider); z-index: 99; display: none; position: relative; background-color: transparent; border:none; padding-left:10px; } .site-nav--show-children { display: block; } .site-nav__children .site-nav__item { width: 100%; } .site-nav__children .site-nav__item:last-child { border-bottom:none; } .site-nav__children .site-nav__link { padding: 12px 15px; text-decoration: none; justify-content: flex-start; text-align: left; width: 100%; position: relative; color: #fff; border-bottom: none; font-weight: 400; font-size: 14px; height: 50px; display: flex; align-items: center; } .site-nav--active{ color: var(--active-link-color); } .site-header__language { background-color: var(--language-nav-background); } .language-nav { line-height:18px; padding: 3px 9px 5px 9px; border: 1px solid #595c5d; border-radius: 5px; width: 100%; background: var(--select-dropdown-svg); background-repeat: no-repeat; background-position: 94% 21px; background-color: var(--language-nav-background); cursor: initial; } .language-nav__active { display: block; height:46px; padding:15px; font-size: 14px; color: var(--mobile-menu-link-color); cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ .language-nav.language-nav--open .language-nav__item { } .language-nav__item { padding:0; border-top: solid 1px var(--mobile-menu-divider); display: none; } input.header-search__input::-ms-clear, display: block; } .language-nav__link { display:block; height:46px; padding:15px; font-size: 14px; text-decoration: none; color: var(--mobile-menu-link-color); -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ .language-nav.language-nav--open .language-nav__item { } input.header-search__input::-ms-reveal { src: local("Lato Regular"), local("Lato-Regular"), display: none; width : 0; height: 0; } 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"), url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), display: none; } .container--header { z-index: 99; width: 100%; padding:0 10px; margin:0; } url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); 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; } src: local("Lato Black"), local("Lato-Black"), margin-bottom: 0; } url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), background-color: #f5f5f5; } url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); display: block; font-size: 16px; font-weight: bold; padding: 10px 25px 0 17px; color: #0a0c0c; line-height: 1; text-decoration: none; } color: var(--header-search-background); margin-bottom: 2px; display: block; } .cta-button { background: linear-gradient(to bottom, #ffde03 0, #ffde03 0); font-weight: bold; border: none; text-decoration: none; text-align: center; margin: 0; padding: 0 5px; font-size: 13px; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; height: 40px; color: #2c2e2e; } font-size: 14px; color: #7f7f7f; line-height: 1.36; padding: 0; } .cta-button:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } 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.transparent:hover { color: #115111; background: transparent; } 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 { background: transparent; border: 1px solid #c8cfd1; color: #6f7374; } 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--light-green { background: #e8f1e8 !important; color: #115111; border-radius: 3px; } height: 26px !important; } .list-folder:before { transition: left 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03), right 0.2s cubic-bezier(0.54, 0.01, 0.57, 1.03); height: 26px !important; } .list-vso-coins:before { .modal-activated:not(.page--mobile-menu) .site-header { height: 20px !important; } .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { .site-header__mobile-menu-overlay { height: 26px !important; } .list-gift:before { background-color: var(--site-header-fill); 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; transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; } .page--mobile-menu .site-header__mobile-menu-overlay { 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} transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03), width 0s linear 0s; @media screen and (max-width: 767px) { .list-bell:before { .site-header--navigation-sticky-down .site-header { } .list-folder:before { .site-header--navigation-sticky-down, } .list-vso-coins:before { .site-header--navigation-sticky-up { } .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { .site-header--navigation-sticky-up .site-header { } .list-gift:before { .site-header--has-languages .site-header__content { } .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:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } 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__mobile-menu-toggle { 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-button { width:350px; display: flex; flex-wrap: wrap; } .site-header--navigation-sticky-down, .site-header--navigation-sticky-up { margin-top:100px; } .site-header__brand { height: 100px; display: flex; } .site-header__mobile-menu-button { margin:38px 0; } background: var(--site-header-fill); 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%; } transition: left 0.3s ease-in-out, right 0.3s ease-in-out; position: relative; } .page--search-bar .site-header__search { transition: none; position: relative; } .header-search { border-radius: 3px 0 0 3px; .page--search-bar .site-header__search { 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; .header-search__results.header-search--results-loading, background-repeat: no-repeat; background-position: 2px 8px; } .header-search--reset-show { display: inline-block; } .header-search__results.header-search--results-empty, display:none; } .header-search__magnifying-glass { display:inline-block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; .header-search__results.header-search--results-error { 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-show { } .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:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } margin-left: 30px; } .site-header__logo{ margin-left:10px; } .header-search--results-loading .header-search__results-loading { position: relative; } .hide-on-tablet{ display: block; } .page { transition: none; } .page--mobile-menu { position:static; } .site-header { transition: none; } .site-header--navigation-sticky-down, .header-search--results-empty .header-search__results-empty { margin-top:0; } .header-search--results-show .header-search__results-show { .site-header--navigation-sticky-up .site-header { position: static; margin-bottom:auto; } .site-header__navigation { background-color: var(--site-header-fill); height:51px; border-top: solid 1px #595c5d; } .header-search--results-error .header-search__results-error { padding: 0 10px; } .header-search__input::placeholder { /* Supported by Chrome, Firefox, Opera, Safari 10.1+ */ z-index:997; position: fixed; top: 0; left: 0; right: 0; } .header-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ display: none; } .site-header__navigation::after { top:150px; } .header-search__input::-ms-input-placeholder { /* Microsoft Edge */ padding-bottom: 50px; } .site-header__menu { position: static; padding:0; overflow: visible; } .site-nav__mobile-menu-close, .header-search__reset, .site-header__social { .header-search__mobile-magnifying-glass { 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:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } display: flex; flex-direction: column; align-items: flex-end; } background: var(--white-magnify-svg); width:130px; height:32px; } .page--search-bar .site-header__search-overlay { margin-top:10px; } .header-social__logo { float:right; } .site-nav { height: auto; display: flex; justify-content: space-between; margin: 0; } .site-nav__item { display:inline-block; border-bottom: none; height: auto; } .site-nav__item.site-nav__item--hide-in-mobile-menu { display:inline-block; } .site-nav__link { padding:0 5px; height:50px; display: flex; align-items: center; justify-content: center; text-align: center; line-height:normal; border-bottom: 2px solid transparent; transition:all 0.1s; padding-right:15px; text-wrap: nowrap; } .header-search__magnifying-glass { .page--search-bar .header-search__magnifying-glass::after { color:var(--active-link-color); } border-bottom: solid 1px var(--mobile-menu-divider); fill:var(--active-link-color); } .site-nav__item.site-nav__item--hide-in-mobile-menu { .site-nav__chilren{ background-color: #111; position: absolute; min-width:170px; border: none; top:50px; width: auto; padding-left:0; } color: var(--mobile-menu-link-color); position: relative; top:0; display: block; left:0; } .site-nav--drop-down-icon { top:24px; width: 11px; height: 6px; right:0; background-size: cover; background-position: 0px 0px; } .site-nav__children .site-nav__item { width: 100%; } .site-nav__children .site-nav__link { padding: 12px 15px; text-decoration: none; justify-content: flex-start; text-align: left; width: 100%; color: #fff; font-weight: 700; font-size: 14px; height: 50px; display: flex; align-items: center; } border-bottom: 1px solid var(--active-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-top: solid 1px var(--mobile-menu-divider); .site-nav__children .site-nav__item { .header-search__results.header-search--results-show { } .site-nav__children .site-nav__item:last-child { .site-nav__children .site-nav__link { border-bottom: none; } background-color: var(--language-nav-background); 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; color: var(--mobile-menu-link-color); } } background: var(--select-dropdown-svg); .site-header__logo{ margin-left: 45px; margin-right: 10px; } } @media (min-width: 1200px) { .container--header { padding:0; } .site-header__logo { width: auto; } .site-header--navigation-sticky-up { margin-top:0; } .header-search__results{ height: auto; } } -webkit-touch-callout: none; /* Prevents callout on iOS Safari */ .site-header__logo { width: 220px; } } @media (max-width: 991px) { .site-header__brand{ max-width:100%; } .show-on-tablet{ display: block; } -webkit-user-select: none; /* Core Safari functionality */ display:inline-block; } .site-nav__item.site-nav__item--hide-in-mobile-menu { } @media (max-width: 767px) { .site-header__logo.lang-en, -khtml-user-select: none; /* For Konqueror HTML */ 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, -khtml-user-select: none; /* For Konqueror HTML */ max-width: 150px !important; } .site-header__logo.lang-en, -khtml-user-select: none; /* For Konqueror HTML */ margin-left: 40px !important; } } @media screen and (max-width: 345px) { .site-header__logo.lang-en, -khtml-user-select: none; /* For Konqueror HTML */ max-width: 120px !important; } }/* accept-terms-ab-test */ -moz-user-select: none; /* Compatibility for older Firefox versions */ display: none; } -ms-user-select: none; /* Applies to Internet Explorer/Edge */ display: block; } user-select: none; /* General support across Chrome, Edge, Opera, and Firefox */ display: none; } /* end accept-terms-ab-test */ /* for current template changes */ .header-search{position:relative;} .language-nav.language-nav--open .language-nav__item { input.header-search__input::-ms-clear, 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; input.header-search__input::-ms-reveal { border-radius: 50%; } src: local("Lato Regular"), local("Lato-Regular"), #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; } url(/includes/performance/fonts/lato/Lato-Regular.woff2) format("woff2"), 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; } url(/includes/performance/fonts/lato/Lato-Regular.woff) format("woff"); width:26px; height: 26px; } src: local("Lato Bold"), local("Lato-Bold"), 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; } url(/includes/performance/fonts/lato/Lato-Bold.woff2) format("woff2"), 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; } url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); color: #197419; } src: local("Lato Black"), local("Lato-Black"), stroke:#197419; } url(/includes/performance/fonts/lato/Lato-Black.woff2) format("woff2"), stroke:#197419; } url(/includes/performance/fonts/lato/Lato-Black.woff) format("woff"); fill:#197419; } color: var(--header-search-background); fill:#197419; stroke:#197419; } .sidebar__item--active .fav-heart{ stroke:#fff; fill:#fff; } .sidebar__item--active .home-door{ stroke:#197419; fill:#fff; } .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; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; height: 40px; color: #2c2e2e;} fill:#fff; stroke:transparent; } .cta-button:hover{background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%);} fill:#197419; } .cta-button.transparent:hover{color: #115111; background: transparent;} fill: #197419; stroke: #197419; } .cta-button.transparent{background: transparent; border: 1px solid #c8cfd1; color: #6f7374;} fill:#fff; } .cta-button--light-green{background: #e8f1e8 !important; color: #115111; border-radius: 3px;} fill:#197419; } 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; fill:#197419; } .modal-activated:not(.page--mobile-menu) .site-header { stroke:#fff; } .modal-activated:not(.page--mobile-menu):not(.site-header--navigation-sticky) .site-header { fill:#197419; stroke:#197419; } .site-header__mobile-menu-overlay{ stroke:#197419; } .sidebar__item--quick{ height: 40px; padding:0 7px; } background-color: var(--site-header-fill); 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; } transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; opacity: 1; } .quick-menu__avatar{ width:80px; height: 80px; margin:0 auto; } .alert .notify-trigger{ .page--mobile-menu .site-header__mobile-menu-overlay { transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; -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; .site-header--navigation-sticky-down .site-header { z-index: 99991; display: flex; align-items: center; justify-content: center; } .site-header--navigation-sticky-down, margin-right:10px; } .site-header--navigation-sticky-up { 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; } .site-header--navigation-sticky-up .site-header { content: ""; display: block; position: absolute; width: 4px; height: 16px; margin-top: 0; border-radius: 5px; } .notification--success{ background-color: #468f46; } .site-header--has-languages .site-header__content{ top: 5px; left: 15px; height: 16px; transform: rotate(45deg); background-color: #468f46; } .site-header__mobile-menu-toggle { transform: rotate(-45deg); height: 11px; border: 0; bottom: 0px; right: auto; top: 10px; left: 7px; background-color: #468f46; } .site-header__mobile-menu-button { top: 4px; left: 12px; transform: rotate(45deg); width:3px; height:19px; background-color: #e02020; } background: var(--site-header-fill); transform: rotate(-45deg); } transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s; color: #197419; font-weight: 700; } .notification__text{ font-size: 16px; line-height: 16px; margin-bottom:0; max-width: 85%; color:#fff; } .page--search-bar .site-header__search { 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; } .header-search__results.header-search--results-loading, width:22px; height: 24px; margin-bottom:4px; margin-right: 15px; background-repeat: no-repeat; background-size: cover; .header-search__results.header-search--results-empty, } .header-search__results.header-search--results-error{ 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; } .header-search__results.header-search--results-show{ 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; } .header-search--results-loading .header-search__results-loading{ display: flex !important; } .header-search--results-empty .header-search__results-empty{ 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; } .header-search--results-show .header-search__results-show{ 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; } .header-search--results-error .header-search__results-error{ background-color:#468f46; } .notification--error{ background-color: #e02020; } .header-search__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ background-color:#fff; } .header-search__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ 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); } .header-search__input::-ms-input-placeholder { /* Microsoft Edge */ fill:#e02020; } .header-search__reset, .site-header__social { 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%; } .header-search__mobile-magnifying-glass { 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; } background: var(--white-magnify-svg); color:#115111; } /* USER LOGIN MODAL POPUP*/ button { transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; } button, input, .or_separator { transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; } .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; .page--search-bar .site-header__search-overlay{ .header-search__magnifying-glass { transition-property: all; } .page--search-bar .header-search__magnifying-glass::after { transform: translateY(0); opacity: 1; visibility: visible; } border-bottom: solid 1px var(--mobile-menu-divider); 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; } .site-nav__item.site-nav__item--hide-in-mobile-menu{ 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; } color: var(--mobile-menu-link-color); font-size: 16px; line-height: 1.44; } .signin-modal__fieldset { position: relative; margin: 20px 0; } border-bottom: 1px solid var(--active-link-color); margin-top: 0; } border-top: solid 1px var(--mobile-menu-divider); margin-bottom: 0; } .site-nav__children .site-nav__item { font-size: 12px; display: block; margin-top: 10px; margin-bottom: 12px; color: #6f7374; opacity: 0.71; } .site-nav__children .site-nav__item:last-child{ 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__children .site-nav__link { width: 100%; } background-color: var(--language-nav-background); padding: 10px 20px 10px 35px; } background: var(--select-dropdown-svg); padding: 10px 20px 10px 20px; } -webkit-touch-callout: none; /* iOS Safari */ border: solid 1px #dadde0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } -webkit-user-select: none; /* Safari */ border-color: #27b327; outline: none; } -khtml-user-select: none; /* Konqueror HTML */ border: 1px solid #e02020; color:#e02020; } -moz-user-select: none; /* Older versions of Firefox */ color:#e02020; } -ms-user-select: none; /* Internet Explorer/Edge */ stroke:#e02020 !important; } user-select: none; /* Non-prefixed for Chrome, Edge, Opera, and Firefox */ 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; } .language-nav.language-nav--open .language-nav__item { 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; input.header-search__input::-ms-clear, input.header-search__input::-ms-reveal { text-decoration: none; } input.header-search__input::-webkit-search-decoration, input.header-search__input::-webkit-search-cancel-button, input.header-search__input::-webkit-search-results-button, .signin-modal__cta--yellow:hover, .signin-modal__cta--yellow:focus { input.header-search__input::-webkit-search-results-decoration { outline: none; } .signin-modal__cta--transparent{ border-radius: 5px; border: solid 1px #b2b8ba; color: #6f7374; background-color: transparent; display: inline-block; width: 100%; } .header-search__results-list-item{ width: 270px; margin: 0 auto; } .header-search__results-list-item:last-child{ 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; } .header-search__results-list-item:hover{ opacity: 1; visibility: visible; position: relative; .header-search__results-list-item-link{ transition: opacity 0.2s 0s, visibility 0s 0s; } .header-search__results-list-item-name{ 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; } .header-search__results-list-item-provider{ 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; } .site-header__content-container-right{ .user-balance-coins .user-coin-balance { content: \"\"; display: block; position: absolute; background: #fff; left: 48%; top: 0; border-radius: 5px; width: 3px; height: 28px; transform: rotate(45deg); } .user-balance-coins .user-coin-balance { 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); } background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 64.58%); 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; background: url(/assets/images/list-bell.png) center center no-repeat !important; color: #197419; } background: url(/assets/images/list-folder.png) center center no-repeat !important; 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; } background: url(/assets/images/list-vso-coins.png) center center no-repeat !important; 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; } .list-christmas-tournament::before { opacity: 1; } background: url(\"/assets/images/svg-icons/christmas-tournament.svg\") center center no-repeat !important; position: relative; padding-left: 15px; top: auto; opacity: 1; } .info-icon--hint { margin-left: -15px; } .info-icon { position: relative; top: 1px; margin-right:3px; } background: url(/assets/images/list-gift.png) center center no-repeat !important; .signin-modal__checkbox-input, font-family: \"Lato\", Helvetica, Arial, sans-serif; cursor: pointer; .user-balance-mobile span:first-child { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .menu__dropdown-arrow{width:14px;pointer-events: all;} 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; } background: url(/assets/images/list-bell-green.png) center center no-repeat !important; color: #197419; text-decoration: underline; line-height: 0.86; font-size: 14px; cursor: pointer; } background: url(/assets/images/list-folder-green.png) center center no-repeat !important; text-decoration: none; } .signin-modal__checkbox-input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } font-family: \"Lato\", Helvetica, Arial, sans-serif; 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; } background: url(/assets/images/list-vso-coins-green.png) center center no-repeat !important; .signin-modal__checkbox-checkmark:after { content: \"\"; position: absolute; display: block; left: 5px; top: 2px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .signin-modal__checkbox-input:checked .signin-modal__checkbox-caption, .signin-modal__checkbox-input:checked .signin-modal__checkbox-caption a { color: #468f46; } .modal-activated{ overflow: hidden; } /* Header buttons */ .signin-modal__triggers{ display: flex; align-items: center; margin-left:0; position: relative; } .single-trigger{ margin-bottom:0; font-size: 12px; color:#fff; text-decoration: none; text-align: center; padding: 5px 0 5px 5px; } .single-trigger--cta{ color: #333; font-weight: 900; background: url(\"/assets/images/svg-icons/christmas-tournament-green.svg\") center center no-repeat !important; 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 { input.header-search__input::-webkit-search-results-decoration { 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; } background: url(/assets/images/list-gift-green.png) center center no-repeat !important; 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; } .user-balance-mobile .user-balance-coins { bottom:70px; } @media screen and (min-width: 1024px) { .site-header--has-languages .site-header__content-container-left{ opacity: 1; } } .game-overlay--play{ background: rgba(0, 0, 0, 0.7); } .game-overlay--play .cta-button{ width:90%; } .site-header__mobile-menu-button::after { .site-header--has-languages .site-header__content-container-left form { background-color: var(--header-search-background); background: var(--header-search-reset-svg); .no-user-heart-popup { background-color: #000; .header-search__mobile-magnifying-glass{ 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; } background: var(--gray-magnify-svg); bottom: initial; top: -9px; transform: rotate(-135deg); background-color: #232323; } /*Adoptation for genesis */ .site-header__mobile-menu-button { display: none; } .site-header__content{ position: absolute; top:10px; right:10px; } .cta-button:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } margin-left: 15px; } @media screen and (min-width: 768px){ background-color: var(--active-link-color); color:#fff; } .sidebar__item-name--desktop{ display: block; } .sidebar__item-name--mobile{ display: none; } .site-header__mobile-menu-toggle{ display: flex; flex-wrap: wrap; width: auto; max-width: 312px; } transition: left 0.3s ease-in-out, right 0.3s ease-in-out; 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:hover { background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); } flex-direction:row; align-items: center; margin-left:30px; } .site-header__mobile-menu-toggle{ width:312px; } .site-header--navigation-sticky-up{ flex-direction:column; align-items: flex-end; } .site-header__logo { margin-left:0; } .site-header__mobile-menu-toggle{ width:312px; } } .site-header--navigation-sticky-down .site-header, .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; } .header-search__results.header-search--results-loading, margin-right:0; } .page--search-bar .site-header__search { text-align: center; width:100%; font-size: 14px; line-height: 17px; } .game-notification__wrap{ flex-direction: column; } .header-search__results.header-search--results-error{ 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__navigation .container{ display: none; } @media screen and (max-width: 500px) { .site-header__navigation .container{ display: inline-block; } .site-header--navigation-sticky .site-header__navigation { 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; } .site-header--navigation-sticky .site-header__language { 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; } .site-header--navigation-sticky .site-header { display: block; } .site-header__mobile-menu-toggle, display: flex; } .signin-modal { background-color: rgba(0, 0, 0, 0.7); z-index: 9999; visibility: hidden; .site-header__mobile-menu-overlay { 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; } .site-header__language-placeholder{ width: 470px; display: flex; align-items: center; justify-content: center; } .site-header--has-languages .site-header__social { 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; } .site-nav--drop-down:hover .site-nav__link--parent, .menu-item-has-children:hover .link-with-megamenu{ 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; } border-bottom: 2px solid var(--active-link-color); 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; } url(/includes/performance/fonts/lato/Lato-Bold.woff) format("woff"); color:#fff; } .sidebar__item-icon{ width:auto; height:auto; } .sidebar__item-icon svg{ width:auto; height:auto; stroke:#2C2E2E; } src: local("Lato Black"), local("Lato-Black"), stroke:#fff; } .sidebar--fixed{ position: fixed; top:70px; } .sidebar--absolute{ position: absolute; } .menu-item-has-children:hover .megamenu-trigger{ fill:#fff; stroke: transparent; } .sidebar__item--active .fav-heart{ stroke:#197419; fill:#197419; } .sidebar__item--active .home-door{ stroke:transparent; fill:#197419; } .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; border-radius: 5px; box-shadow: none; display: flex; align-items: center; justify-content: center; height: 40px; color: #2c2e2e;} fill:transparent; stroke:#197419; } .cta-button--light-green{background: #e8f1e8 !important; color: #115111; border-radius: 3px;} fill:#fff; } .cta-button:hover{background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%);} fill:transparent; } .site-nav--drop-down:hover .menu__dropdown-arrow{fill:#ffde03} fill:#fff; stroke:transparent; } .modal-activated:not(.page--mobile-menu) .site-header { stroke:#197419; } .megamenu__categorized-items .site-nav__chilren{ fill:#fff; stroke:#fff; } .site-header__mobile-menu-overlay{ 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; } } .site-nav__chilren .site-nav__link::after{ .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; } } .megamenu .megamenu__link-item::after{width:100%;left:0;} .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; } } .site-nav__chilren .site-nav__item:hover .site-nav__link::after, .megamenu__categorized-items .site-nav__item:hover .megamenu__link-item::after{ .signin-modal__container { height: 100%; } } @media screen and (max-width: 767px) { .site-nav--drop-down:not(.megamenu__categorized-items) .site-nav__item:last-child .site-nav__link::after{display:none} 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; } .site-nav__chilren .site-nav__item:last-child .site-nav__link::after { opacity: 1; } .site-nav__chilren .site-nav__link:hover { transform: translateX(0); } .site-header__mobile-menu-toggle, transform: translateX(-100%); } @media screen and (max-width:991px) and (min-width:768px){ top: 56px; } .signin-modal__header-close{ transition: right 0.4s ease-in-out; position: absolute; top:2px } @media screen and (max-width:991px) and (min-width:820px){ display: block; right: 5px; } .site-nav--show-children .site-nav__item.site-nav__item--hide-in-mobile-menu{ display: none; } .overlayer{ position: absolute; height: 100%; width: 0; background: #111111; display: block; opacity: 0; .site-header__logo[class^=\"lang-en-\"] { } .accept-terms-ab-test-social-container { 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; } body.accept-terms-ab-test .accept-terms-ab-test-social-container { top:0; /*position: fixed;*/ top:0px; left:0; right:0; } .is-mobile .signin-modal__block{ padding-bottom:70px; } body.accept-terms-ab-test .accept-terms-ab-test-email-container { padding-bottom: 0; } .header__dropdown--profile{ display: none; } .site-header__search{ display: none; } .site-header__text{margin-bottom:10px;font-size:14px;font-weight:700;color:#fff;} 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; } */ .signin-modal__block--signup .styled-list li { 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); } background: url(\"https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/check-green.svg\") center center no-repeat #e8f1e8; transform: rotate(12deg); } .animated {-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;} -webkit-transform: rotate(0); transform: rotate(0); } @-moz-keyframes ring { ::placeholder, ::-webkit-input-placeholder{ -webkit-transform: rotate(-15deg); } .sidebar__item-icon, .sidebar__item-icon svg{ -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); .sidebar__item--quick .sidebar__item-icon, .sidebar__item--quick .sidebar__item-icon svg{ -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% { .sidebar__item--quick .sidebar__item-icon{ } 12.5% { .sidebar__item--active .sidebar__item-name{ } 25% { .sidebar__item--active .sidebar__item-icon svg .stroke{ } 37.5% { .sidebar__item--active .sidebar__item-icon svg .stroke-green{ } 50% { .sidebar__item--active .sidebar__item-icon svg .fill{ } 62.5% { .sidebar__item--active .folder-favorite, .sidebar__item--active .home-roof, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body{ } 75% { .sidebar__item--active .bonus-present .ribbon-part{ } 87.5% { .sidebar__item--active .bonus-present .inner-part{ } } -webkit-transform: rotate(-22deg); 0%, 100% { .sidebar__item--quick .sidebar__item-icon{ } 12.5% { .sidebar__item--active .sidebar__item-name{ } 25% { .sidebar__item--active .sidebar__item-icon svg .stroke{ } 37.5% { .sidebar__item--active .sidebar__item-icon svg .stroke-green{ } 50% { .sidebar__item--active .sidebar__item-icon svg .fill{ } 62.5% { .sidebar__item--active .folder-favorite, .sidebar__item--active .home-roof, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body{ } 75% { .sidebar__item--active .bonus-present .ribbon-part{ } 87.5% { .sidebar__item--active .bonus-present .inner-part{ } -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); } .sidebar__item--active .bonus-present .cls-1{ -webkit-transform: rotate(12deg); } .sidebar__item--active .bonus-present .cls-2{ -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); -webkit-transform: rotate(0); -moz-transform: rotate(0); } .sidebar__item--active .bonus-present .ribbon-line{ -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; } .sidebar__item--active .bonus-present .corner-line{ /* margin-bottom:10px; -->margin-bottom: 0; @media screen and (min-width: 768px) { margin-top: 40px; padding: 0; @media screen and (max-width: 768px) { } .sidebar__item--active .clock-arrows{ a{ text-decoration: underline; } background: none; font-weight: 400; color: #197419; margin-bottom: 30px; font-size: 14px; height: 0; } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body{ 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) { } .sidebar__item--active .bell-stroke{ .single-trigger--signup { padding: 1px 5px; } .sidebar__item--active .bell-stroke{ width: 96px; } .sidebar__item--quick .sidebar__item-name{ line-height: 14px; @media screen and (max-width: 767px) { .header .header-top .brand-logo .logo { margin-left: 30px; } .site-header__logo { body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus .header-avatar{ margin: 3px auto 0 45px; @media screen and (max-width: 360px) { } -webkit-animation: ring 6s ease infinite; .single-trigger--signup { } } width: 80px; body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus .header-avatar{ line-height: 13px; .loader { } -webkit-animation: ring 6s ease infinite; position: absolute; } } top: 3px; body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus .header-avatar{ left: 15%; color: #6f7374; } -webkit-animation: ring 6s ease infinite; font-size: 4px; } } margin: 15px; width: 1em; height: 1em; } -moz-animation: ring 6s ease infinite; border-radius: 50%; } transition: top 0.3s ease-in-out, opacity 0.2s ease-in-out; text-indent: -9999em; } body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus .header-avatar{ animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); } -webkit-animation: ring 6s ease infinite; -ms-transform: translateZ(0); } } .system-notification .notification__icon{ transform: translateZ(0); } .notification-show .system-notification{ .resend_button{ } .notification__icon::before, .notification__icon::after{ position: relative; @-webkit-keyframes load4 { @keyframes load4 { } .notification--success .notification__icon::before{ .notification--success .notification__icon::after{ }.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--error .notification__icon::after, .notification--error .notification__icon::before{ } } 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--error .notification__icon::after{ margin-right: 10px; } .notification__text, .notification__link, .notification__undo{ .game-notification .notification__text--green{ .game-notification__icon--remove{ .header__dropdown--profile::after { right: 10px; } original */ margin-bottom: 15px; } display: flex; align-items: center; } justify-content: space-between; width: 80px; } background-image: url(\"data:image/svg+xml,%3C%3Fxml version=\"1.0\" encoding=\"UTF-8\"%3F%3E%3Csvg width=\"22px\" height=\"24px\" viewBox=\"0 0 22 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"%3E%3Cg id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg id=\"Favourite-games-remove-game-desktop-design-\" transform=\"translate(-509.000000, -352.000000)\" fill=\"%23197419\"%3E%3Cg id=\"Group-2\" transform=\"translate(435.000000, 332.000000)\"%3E%3Cpath d=\"M93.3809524,26.7828174 L93.3809524,41.391513 C93.3809524,42.8320348 92.2086667,44.0002087 90.7619048,44.0002087 L90.7619048,44.0002087 L79.2380952,44.0002087 C77.7918571,44.0002087 76.6190476,42.8320348 76.6190476,41.391513 L76.6190476,41.391513 L76.6190476,26.7828174 L93.3809524,26.7828174 Z M89.1904762,30.9567304 C88.9008095,30.9567304 88.6666667,31.1899478 88.6666667,31.4784696 L88.6666667,31.4784696 L88.6666667,39.3045565 C88.6666667,39.5925565 88.9008095,39.8262957 89.1904762,39.8262957 C89.4801429,39.8262957 89.7142857,39.5925565 89.7142857,39.3045565 L89.7142857,39.3045565 L89.7142857,31.4784696 C89.7142857,31.1899478 89.4801429,30.9567304 89.1904762,30.9567304 Z M85,30.9567304 C84.7108571,30.9567304 84.4761905,31.1899478 84.4761905,31.4784696 L84.4761905,31.4784696 L84.4761905,39.3045565 C84.4761905,39.5925565 84.7108571,39.8262957 85,39.8262957 C85.2891429,39.8262957 85.5238095,39.5925565 85.5238095,39.3045565 L85.5238095,39.3045565 L85.5238095,31.4784696 C85.5238095,31.1899478 85.2891429,30.9567304 85,30.9567304 Z M80.8095238,30.9567304 C80.520381,30.9567304 80.2857143,31.1899478 80.2857143,31.4784696 L80.2857143,31.4784696 L80.2857143,39.3045565 C80.2857143,39.5925565 80.520381,39.8262957 80.8095238,39.8262957 C81.0986667,39.8262957 81.3333333,39.5925565 81.3333333,39.3045565 L81.3333333,39.3045565 L81.3333333,31.4784696 C81.3333333,31.1899478 81.0986667,30.9567304 80.8095238,30.9567304 Z M87.6190476,19.9999478 C87.8448095,19.9999478 88.044381,20.1439478 88.115619,20.3568174 L88.115619,20.3568174 L89.0438095,23.1303826 L95.4761905,23.1303826 C95.7658571,23.1303826 96,23.3641217 96,23.6521217 L96,23.6521217 L96,25.2173391 C96,25.5053391 95.7658571,25.7390783 95.4761905,25.7390783 L95.4761905,25.7390783 L74.5238095,25.7390783 C74.2346667,25.7390783 74,25.5053391 74,25.2173391 L74,25.2173391 L74,23.6521217 C74,23.3641217 74.2346667,23.1303826 74.5238095,23.1303826 L74.5238095,23.1303826 L80.9561905,23.1303826 L81.884381,20.3568174 C81.955619,20.1439478 82.1557143,19.9999478 82.3809524,19.9999478 L82.3809524,19.9999478 Z\" id=\"Combined-Shape\"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\"); height: 30px; } .game-notification__icon::before, .game-notification__icon::after{ .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; } } .notification--error .notification__undo{ border: 1px solid rgba(25, 116, 25, 0.7); color: #197419; margin-top: 10px; width: 100%; } #notification__undo.show, .resend-activation-link.show { @media screen and (max-width: 766px) { } left: -215px; width: 360px; right: 120px; @media screen and (max-width: 375px) { left: -215px; width: 360px; right: 120px; } .notification--close::before, .notification--close::after { @media screen and (max-width: 360px) { } .notification-popup--close::before, .notification-popup--close::after{ left: -220px; } width: 350px; right: 105px; } @media screen and (max-width: 320px) { .coin-show-on-m .hi{ } .notification-popup--mobile-close::before, .notification-popup--mobile-close::after{ 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; } .notification--error .notification--close::before, .notification--error .notification--close::after { justify-content: center; } .notification--error .notification__text{ width: 17px; } height: 17px; font-size: 12px; } .single-game__save--on-img.loved .heart-state{ 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 { } .game-row .link.save-game.loved .love-game { background-color: transparent; #notify-bell { } .confirm-buttons__cancel, .confirm-buttons__signout{ fill: #FFF; .notify-trigger:hover #notify-bell{ } .confirm-buttons__cancel:hover, .confirm-buttons__signout:hover{ opacity: 1; } -webkit-transition: opacity 0.3s, transform 0.3s, visibility 0.3s; 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; } transition: opacity 0.3s, transform 0.3s, visibility 0.3s; @media (hover: hover) { .user-notification__card:hover{ cursor: pointer; } .signin-modal.signin-modal--is-visible { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); opacity: 0; height: 0; padding: 0; margin:0; } .page--mobile-menu .signin-modal.signin-modal--is-visible{ 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%; } .signin-modal__switcher button.selected { display: flex; gap: 10px; } .signin-modal__block[data-type=\"last-step\"] .signin-modal__message{ .user-notification__categories { margin-bottom: 10px; .user-notification__category { } .signin-modal__fieldset:first-child { 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; } .signin-modal__fieldset:last-child { height: 64px; border-radius:5px; margin-right:10px; .user-notification__title { font-family: Lato; } color: #145C14; font-weight: 900; } .signin-modal__fieldset-disclimer { font-size:16px; margin-bottom: 0; line-height: 20px; line-height: 110%; } .signin-modal__label.signin-modal__label--image-replace { margin-bottom:7px; .notification-page.main-wrapper { min-height: 430px; margin-bottom: 20px; } .signin-modal__input.signin-modal__input--full-width { margin-top: 50px; font-size: 22px; } .signin-modal__input.signin-modal__input--has-padding { 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; } .signin-modal__input.signin-modal__input--has-padding-no-icon { width: 100%; font-size: 14px; margin-bottom: 20px; display:none; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; } .signin-modal__input.signin-modal__input--has-border { -webkit-box-orient: vertical; .user-notification__card--img { } width: 100%; .page--mobile-menu .site-header__mobile-menu-overlay { transition: opacity .25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0s, width 0s linear 0s; height: 320px; background-size: cover; } background-position: center; .signin-modal__input.signin-modal__input--has-border:focus { 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; } .signin-modal__input--has-error .signin-modal__input{ margin-top:10px; margin-bottom: 0; } } font-size: 14px; overflow: hidden; text-overflow: ellipsis; } -webkit-line-clamp: 2; display: -webkit-box; } } .signin-modal__input--has-error .signin-modal__input::-webkit-input-placeholder, .signin-modal__input--has-error .signin-modal__input::placeholder{ -webkit-box-orient: vertical; .signin-modal__input--has-error svg.email-icon path, .signin-modal__input--has-error .signin-modal__label--password svg{ .signin-modal__input--has-error svg.email-icon polygon{ .signin-modal__input[type=\"submit\"], .signin-modal__cta--yellow, .signin-modal__cta { color: #197419; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; .signin-modal__cta{margin-bottom:20px;} .signin-modal__input[type=\"submit\"]:hover, .signin-modal__input[type=\"submit\"]:focus, background: linear-gradient(to bottom, #ffde03 0%, #ffc107 100%); .signin-modal__cta--alternative-signup { .signin-modal__cta--transparent:hover { .signin-modal__error.signin-modal__error--visible { -webkit-transition: opacity 0.2s ease-in-out, visibility 0s ease-in-out; border: 1px solid rgba(25, 116, 25, 0.7); box-sizing: border-box; .signin-modal__checkboxset .signin-modal__error { .signin-modal__block--signup .legal-icons { .signin-modal__header-close::before, .signin-modal__header-close::after { .signin-modal__close--enlarged::before, .signin-modal__close--enlarged::after { background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 0) !important; border-radius: 5px; .left-side__content .cta-button:hover { .site-nav__item.site-nav__item--hide-in-mobile-menu { .signin-modal__fieldset--info { .signin-modal__fieldset__info--visible { .signin-modal__fieldset__info--hint { padding: 8px 16px; } font-family: Lato; .signin-modal__checkbox-container, .signin-modal__checkbox-checkmark { -webkit-tap-highlight-color: transparent; .signin-modal__checkbox-container { .signin-modal__bottom-message span { .signin-modal__bottom-message span:hover { font-style: normal; .signin-modal__checkbox-input:checked { background: linear-gradient(to bottom, #ffde03 0, #ffde03 0); .signin-modal-trigger--header-back { .profile .game-overlay--notification { .game-box:hover .game-overlay--play, .single-game:hover .game-overlay--play { .profile .title-wrapper .left-side { display: flex; align-items: flex-end; } .profile .title-wrapper { margin-bottom: 25px; display: flex; width: 100%; justify-content: space-between; align-items: center; } .profile .title-wrapper .right-side { display: flex; align-items: center; } .profile.title-wrapper .page-title { margin-bottom: 0; } font-weight: 900; background-image: linear-gradient(to bottom, #232323, #000000); .no-user-heart-popup.bottom .no-user-heart-popup--arrow { .signin-modal__block--signup .styled-list li { .site-header--has-languages .site-header__content-container-left { .site-header__content-container-right.login-disabled { @media screen and (max-width: 767px) and (min-width: 540px) { .non-user.header__dropdown--notifications .title-wrapper h3 svg { .non-user.header__dropdown--notifications .title-wrapper h3 { .modal-activated .signin-modal__close { } .signin-modal__block.signin-modal__block--selected { .signin-modal__block--signup.signin-modal__block--selected { -webkit-transition: opacity 0.3s, visibility 0.3s; .signin-modal__block--signup.signin-modal__block--selected { .signin-modal__block__right-side { .signin-modal__block__right-side .signin-modal__inner { .sidebar__item:hover, .sidebar__item:focus, .sidebar__item--quick:hover, .sidebar__item--quick:focus { .sidebar__item--active:hover, .sidebar__item--active:focus { 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; height: 20px; border-radius: 2.3px; } background-color: #e8f1e8; right:8px; top:8px; z-index: 9; background-color: #468f46; } width: 1.5px; height: 11px; top: 4px; } .sidebar__item--active .folder-favorite, .sidebar__item--active .home-body, .sidebar__item--active .bonus-body, .sidebar__item--active .bell-body { left: calc(50% - 0.75px); .user-notifications.empty .view-all{ display: none; display: flex; min-height: 100px; justify-content: center; align-items: center; display: flex; } .sidebar__item--active .bonus-present .cls-1, .sidebar__item--active .bonus-present .cls-2, .sidebar__item--active .bonus-present .corner-line { min-height: 350px; justify-content: center; } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body, .sidebar__item--active .home-roof { align-items: center; margin: 1px 1px 10px 1px; padding:10px; } font-size:14px; line-height: 140%; margin-top:5px; } @media screen and (max-width: 992px) and (min-width: 540px) { margin-bottom:10px; } @media screen and (max-width: 1199px) and (min-width: 992px) { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -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; } @media screen and (max-width: 860px) and (orientation: landscape) { 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 { .modal-activated .single-trigger--signup { margin-bottom: 5px; .user-notification__card--img { margin-top: 5px; background-size: contain; background-repeat: no-repeat; } .signin-modal__block--selected { width: 100%; 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} @media only screen and (min-width:993px){ .menu-column-3{width:770px} .signin-modal__block--signin.signin-modal__block--selected { .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} } .signin-modal__block--reset.signin-modal__block--selected { padding-top: 0; background: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/slot-page/slot-bg.jpg); 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 { .modal-activated .signin-modal__header-close { text-align: center; margin-bottom:20px; .game-row__content { padding: 10px 10px 0 10px; border-radius: 5px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%); } .modal-activated.reset-pass .signin-modal__header-close { background-color: #145c14; } transition: opacity 0.5s ease-in-out, width 0.5s ease-in-out; .reset-pass .signin-modal-trigger--header-back { .modal-activated:not(.page--mobile-menu) .site-header { .is-mobile .change-nickname-modal .signin-modal__block { #headerNotificationUnregistered .active.header__dropdown { .sidebar__item[data-name='notifications'] { .game-row__content-pre { } display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 11px; .game-row__content-pre-provider { display: flex; } .signin-modal__block--signup.signin-modal__block--selected .signin-modal__fieldset { align-items: center; } width: 64px; height: 32px; border-radius: 3px; background-color: #ffffff; display: flex; } .signin-modal__block--signup.signin-modal__block--selected .or_separator { 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; display: none; width: 32px; transition: all .2s; border-radius: 50%; .signin-modal__block--signup.signin-modal__block--selected .signin-modal__title { height: 32px; cursor: pointer; color: #fff; position: relative; right: 0; } top: 0; background-color: rgba(47,129,47,.6); } .signin-modal__block--signup.signin-modal__block--selected .signin-modal__inner { -webkit-animation: load4 1.3s infinite linear; padding: 2px 0 0 0; margin-left: 10px; } box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; 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; outline: none; 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; display: none; width: 32px; transition: all .2s; border-radius: 50%; height: 32px; cursor: pointer; 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; } box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; 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; } 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; margin-left: 10px; } outline: none; display: block; } width: 32px; transition: all .2s; border-radius: 50%; height: 32px; cursor: pointer; } .ht-banner >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; cursor: pointer; color: #fff; position: relative; right: 0; top: 0; background-color: rgba(47,129,47,.6); background-repeat: no-repeat; } background-position: center center; background-size: 15px 15px; padding: 0 25px 0 0; 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; 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; display: none; align-items: center; } 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; 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); } 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; 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; 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; 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; margin-top: 20px; } padding: 0; text-align: center; } .banner-section img{ width: 100%; } .sidebar__item--active .clock-body, .sidebar__item--active .settings-body, .sidebar__item--active .home-roof { .close-banner{ } position: absolute; top: 0; } right: 0; border-radius: 0 10px; } .header__dropdown--notifications::after { padding: 2px 5px; background: rgba(0, 0, 0, 0.4); } .header__dropdown--notifications .overlay-link{ 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; } .dashboard .user-notification__card .user-notifications--static .overlay-link{ margin: auto; } } max-width: 330px; @media screen and (min-width:961px) { .banner-desktop{ display: initial; } } .banner-container{ position: relative; margin: auto; } .header__dropdown--notifications .title-wrapper { 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; } .header__dropdown--notifications .clear-all{ line-height: 24px; } .vli-232-button > * { margin-top: 10px; } .vli-232-button >padding: 8px 0; text-decoration: none !important; } .vli-232-button > p { display: block; margin-right: 5px; vertical-align: bottom; display: inline-block @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; } } .vli-549-a #headerNotificationUnregistered, .vli-549-b #headerNotificationUnregistered, .vli-549-c #headerNotificationUnregistered, .vli-549-d #headerNotificationUnregistered{ .banner-container{ } .unregistered-user .notification__container{ position: relative; margin: auto; } .unregistered-user .cta-button.transparent{ max-width: 960px; } @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%; 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-post{ .unregistered-user .header__dropdown--notifications{ display: none; .game-row__content-post-refresh{ display: none; 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 { padding: 0px 0 40px 0; .game-row__content-frame { 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; } .unregistered-user .cta-button.transparent{ height: 17px; background-color: #E80C19; border-radius: 5px; } position: absolute; right: -5px; top: -5px; } color: #fff; font-size: 11px; } font-weight: 700; .unregistered-user .header__dropdown--notifications::after { 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-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 { .vli-232-popup-inner p { } .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 { font-size: 16px; line-height: 21px; font-weight: 400; color: #6F7374; margin-top: 25px; } .unregistered-user .header__dropdown--notifications::after { .vli-232-popup-inner ul { font-weight: 700; color: #2C2E2E; font-size: 18px; margin-top: 40px; line-height: 24px; } .unregistered-user .cta-button.transparent{ .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; .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; } font-weight: 700; font-size: 14px; line-height: 18px; } } text-align: center; .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 { font-style: italic; } } .notification__container::-webkit-scrollbar { 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%; display: block; } background-color: #FFDE03; text-align: center; } font-size: 18px; font-weight: 900; } line-height: 48px; color: #2C2E2E; border-radius: 5px; margin-top: 20px; .vli-232-popup-button img { margin-left: 12px; .vli-232-button-text { 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; } .notification__container::-webkit-scrollbar-track { .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-button-game-desktop { 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 { } max-width: 100%; width: auto; @media screen and (max-width: 479px) { } .notification__container::-webkit-scrollbar-thumb { font-size: 11px; .vli-232-button, .vli-232-mobile-box { display: none !important; .vli-232-register-info { } .notification__container_bottom-shadow { 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; } background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); content:normal !important; z-index:1 !important; opacity:1 !important; position:relative !important; }.slot-stats__item{ width: 270px; min-width: 270px; } transition: visibility 0s ease-in 0ms, opacity 0ms; height: 90px; border-radius: 5px; .header__notification.alert .header__notification__counter{ 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{ font-family: Lato; font-size: 14px; font-weight: 900; font-stretch: normal; 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; .game-row__similar-games__items >font-weight: bold; font-stretch: normal; } .game-row__similar-games__items.owl-loaded >font-style: normal; line-height: normal; } } .header__notification .notify-trigger:hover, letter-spacing: normal; } .header__notification .notify-trigger:active, color: #ffffff; } .header__notification .notify-trigger:focus, height: 20px; display: flex; align-items: center; .slot-stats__item-rating span{ padding:2px 5px 0 0; } body:not(.profile) .notify-trigger:hover .header-avatar, body:not(.profile) .notify-trigger:active .header-avatar, body:not(.profile) .notify-trigger:focus #notify-bell{ width:67px; display:inline-block; .slot-stats__item-stat { font-family: Lato; font-size: 10px; } .header__notification.alert #notify-bell{ font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; } letter-spacing: normal; .user-notification__card.removing, .user-notifications--popup .user-notification__card.removing{ color: #bad5ba; .slot-stats__item-stat span { width: 72px; display:inline-block; width: 100%; position: absolute; .user-notification__card.not-read { top: -9px; } .user-notification__card.not-read .user-notification__card__dot { left: -3px; color: #fff; padding: 1px 8px 0; height: 20px; position: relative; text-align: left; .user-notification__card__top .figuer{ 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; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #ffffff; border-width: 0 4px 5px 0; left: -1px; bottom: -5px; position: absolute; } .unregistered.user-notification__wrapper { .user-notification__card.not-read .user-notification__card__dot { z-index: 1; } border-style: solid; height: 0; } width: 0; .slot-stats__card-tag-text { font-size: 10px; font-weight: 900; text-align: center; .game-row__similar-games{ display: block; order:10; overflow: hidden; margin-right: -10px; margin-left: -10px; } margin-top:5px; .game-row__similar-games__title{ display:block; } width:100%; text-align: center; } font-family: Lato; font-size: 18px; font-weight: bold; font-stretch: normal; } font-style: normal; line-height: normal; } letter-spacing: normal; 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; } .header__notification .user-notification__title { justify-content: center; width: 100%; margin:5px 0 19px 0; width:10px; height: 10px; border-radius: 5px; background-color: #247124; } margin: 0 5px 0 5px; width:10px; height: 10px; border-radius: 5px; background-color: #ffffff; @media (min-width: 576px){ content: \"\"; .header__notification .user-notification__categories { position: absolute; left:0; } .user-notification__view-more-title { 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; 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; .breadcrumbs__text{ padding: 0 5px 0 0; line-height: 20px; .breadcrumbs__separator{ line-height: 20px; .breadcrumbs__link{ } color: #585959; text-decoration: none; line-height: 20px; .breadcrumbs__link:hover{ text-decoration: underline; .breadcrumbs__current{ color: #575757; @media (min-width: 1200px){ }@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; } .user-notification__card--single, .user-notification__card--single .user-notification__card { text-align: center; } .game-blocked-content svg { margin-bottom: 24px; .user-notification__card--single, .user-notification__card--single .user-notification__card p { .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; } .user-notification__card--main .user-notification__wrapper h3.user-notification__title { 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; } .user-notification__card .user-notification__card__top .user-notification__title{ line-height: normal; font-size: 12px; } .user-notification__card__content { cursor: pointer; z-index: 9; background: 0 0; } .user-notifications--static .user-notification__card__content { border: 2px solid #fff; color: #fff; outline: 0; height: 40px; padding: 10px; .game-frame__curtain-cta{ 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; width: 210px; } .user-notification--btn__outlined { .user-notification--btn__outlined.button-big { cursor: pointer; } z-index: 9; .user-notification--btn__outlined:hover { background: 0 0; border: 2px solid #fff; } color: #fff; outline: 0; .gamification-gameframe { } .user-notification--btn__outlined.full { display: flex; } .user-notification--close::before, .user-notification--close::after { align-items: center; } justify-content: center; flex-direction: column; .gamification-gameframe-title { font-size: 18px; } .user-notifications.empty .empty-message{ font-weight: 700; } color: #FFF; line-height: 23px; margin-bottom: 25px; .gamification-button-desc { } .user-notifications--static.empty .empty-message{ color: #fff; font-size: 12px; font-weight: 400; line-height: 20px; margin-top: 5px; margin-bottom: 10px; width: 250px; 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; } .header__dropdown--notifications .user-notification__card{ .gamification-gameframe-or { } .header__dropdown--notifications .user-notification__card__content{ font-size: 12px; } .header__dropdown--notifications .user-notification__title{ font-weight: 400; } .header__dropdown--notifications .user-notification--close{ text-align: center; width: 100%; display: block; color: #fff; position: relative; margin-bottom: 10px; content: ' '; display: block; position: absolute; background: rgba(255, 255, 255, 0.5); width: calc(50% - 20px); height: 1px; left: 0; top: calc(50% - 1px); .gamification-gameframe-or:after { content: ' '; display: block; } .user-notification__wrapper .cta-button { position: absolute; } background: rgba(255, 255, 255, 0.5); width: calc(50% - 20px); height: 1px; right: 0; .notification-page .user-notification__card--main .cta-button--small{ top: calc(50% - 1px); color: #197419 !important; background: #fff !important; } .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} color: #fff !important; } background: transparent !important; border: 2px solid #fff !important; text-decoration: none; text-align: center; margin: 0; font-weight: 900; } border-radius: 5px; box-shadow: none; } .site-nav .megamenu li .megamenu__link-item{height:46px;position:relative;padding-left:10px;justify-content: flex-start;} display: flex; align-items: center; justify-content: center; text-transform: none; min-width: auto; line-height: normal; height: auto; } .megamenu__categorized-items{width:100%} padding: 12px 5px; font-size: 12px; cursor: pointer; } .megamenu__row, .megamenu__row:last-child{margin-bottom:0} z-index: 9; background: 0 0; outline: 0; 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, } .megamenu__list-item{-webkit-box-flex:0;flex:0 0 33.3%;padding:0;max-width:252px;margin-right:0} .game-box__panel{ display:none; display:none; display:block; .game-box__control{ position: relative; } .megamenu__list-item:last-child{margin-right:0} width: 100%; height: 100%; height: 64%; .game-box__control-screen{ background-color: #003300; width: 100%; height: 100%; display: none; background-image: url(https://assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); background-position: center; bottom: 10px; right: 55px; position: absolute; top: auto; cursor: pointer; background-color: rgba(47,129,47,.6); } .megamenu__categorized-items__title{display:none} transition: all .2s; border-radius: 50%; width: 32px; } .megamenu__row{display:-webkit-box;display:flex;flex-wrap:wrap} height: 32px; background-repeat: no-repeat; z-index: 9; margin-left: 10px; outline: 0; display: block; background-color: #2f812f; display: none; } .megamenu__list-item.text-center .title{text-align:center} .megamenu__dropdown-trigger{border-bottom:1px solid #424545} display: none; bottom: 10px; right: 10px; 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; } .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%;} position: absolute; z-index: 9; } .link-with-megamenu{padding-right: 5px;} transition: all .2s; background-position: center center; } .megamenu__dropdown-trigger{border-bottom:1px solid #424545} background-repeat: no-repeat; padding: 0; } .site-nav__link:hover {color: var(--active-link-color);} cursor: pointer; outline: 0; } background-color: transparent; .header__dropdown--notifications .user-notification__card{ display: block; } .user-notification__wrapper .cta-button { .game-box__panel{ } } display: none; justify-content: center; .menu-item-has-children{position: relative;padding-right: 0;} } .header__dropdown--notifications .user-notification__card{ align-items: center; } .user-notification__wrapper .cta-button { width:100%; } } height:36%; .user-notifications.empty .empty-message{ overflow: hidden; } .menu-item-has-children:hover .menu-subs{display:block;} display: flex; } .header__dropdown--notifications .user-notification__card{ .game-box__panel-wrapper { } .user-notification__wrapper .cta-button { display: flex; } } justify-content: space-between; align-items: center; width:100%; flex-wrap: nowrap; .game-box__panel-pros-banner{ } .header__dropdown--notifications .user-notification__card{ display: none; } .user-notification__wrapper .cta-button { width: 690px; } } display: flex; .megamenu__link-item::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#424545} flex-wrap: wrap; } .megamenu__categorized-items__title{font-weight:900;font-size:16px;line-height:17.6px;color:#7E8384;margin-bottom:15px;padding-left:10px;display:block} padding-top: 20px; justify-content: space-between; } .user-notifications.empty .empty-message{ height: 170px; } .menu-item-has-children:hover .menu-subs{display:block;} overflow: hidden; } .header__dropdown--notifications .user-notification__card{ text-align: left; } .user-notification__wrapper .cta-button { display: block; } } .megamenu__list-item{margin-right:40px; max-width:205px} .megamenu__drop-down-icon,.megamenu__dropdown-trigger{display:none} flex: 1; } .megamenu__categorized-items__title{font-weight:900;font-size:16px;line-height:17.6px;color:#7E8384;margin-bottom:15px;padding-left:10px;display:block} font-family: Lato; } .header__dropdown--notifications .user-notification__card{ font-size: 18px; } .user-notification__wrapper .cta-button { font-weight: 700; } } font-stretch: normal; .site-nav .megamenu li .megamenu__link-item{height:46px;position:relative;padding-left:10px;justify-content: flex-start;} font-style: normal; } .header__dropdown--notifications .user-notification__card{ line-height: 1.27; } .user-notification__wrapper .cta-button { letter-spacing: normal; } } color: #ffffff; .site-nav .megamenu li .megamenu__link-item{height:46px;position:relative;padding-left:10px;justify-content: flex-start;} margin: 0; } .header__dropdown--notifications .user-notification__card{ width: 100%; } .user-notification__wrapper .cta-button { text-align: left; } } .megamenu-trigger{position: absolute;right: 0;top: calc(50% - 2px);} display: flex; } 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} body.game-frame--fullscreen li >order: 0; text-align: right; .menu-item-has-children .menu__dropdown-arrow path{pointer-events: none;} padding: 0; flex-wrap: nowrap; justify-content: space-between; border-radius: 5px; border: solid 1px #ffffff; padding: 6px 14px 6px 14px; font-family: Lato; font-size: 13px; } font-weight: 900; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; text-decoration: none; width: 100%; } .menu-item-has-children .megamenu-trigger{pointer-events: all;} background-color: transparent; display: block; display: flex; margin-left: 15px; text-align: right; width: 30px; height: 30px; border-radius: 5px; border: solid 1px #ffffff; cursor: pointer; .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} margin-left:10px; background-color: transparent; } .opened .menu__dropdown-arrow{fill:#ffde03} .menu.actived{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%);display:flex} outline: none; } .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;} border-style: solid; border-width: 2px 2px 0 0; border-color: #ffffff; display: inline-block; position: relative; top:1px; } .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} height: 12px; width: 12px; opacity: 0.3; cursor: auto; transform: rotate(-135deg); left:3px; transform: rotate(45deg); left:-3px; display: block; } .menu-mobile-header.actived .menu-mobile-arrow{display:block} touch-action: manipulation; @media (min-width: 280px){ 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; top: auto; @media (min-width: 768px){ display: none; display: flex; margin: 0 auto; } height: 80%; height:20%; top: auto; } top: auto; display: flex; display: none; top: auto; } top: auto; @media (min-width: 992px){ width: 930px; top: auto; top: auto; @media (min-width: 1200px){ } width: 1170px; 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 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, background: url(\"/assets/images/svg-icons/christmas-tournament-green.svg\") center center no-repeat !important; 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); .menu-mobile-header.actived{display:flex;position: absolute;width: 100%;top: unset;left:0;} 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; } 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; 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; } } .menu-mobile-header .menu-mobile-title{font-size:18px;font-weight:900;line-height:inherit;color:#949B9C;text-transform:capitalize;text-rendering:optimizeLegibility} .user-notifications.empty .empty-message{ box-shadow: none; } .menu-item-has-children:hover .menu-subs{display:block;} 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; } } .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} 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{ margin-right: 5px; @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; .site-nav{overflow-y:auto;overflow-x:hidden;margin-bottom:20px;} margin-bottom: 0; } .card-basic__cta-link{ 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%; } .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} 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; .card-basic__bonus{ width:44%; } margin-top:0; .card-basic__logo { width: 135px; } } height: 52px; margin-right: 0; .megamenu__list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0;} } .megamenu__list-item img.responsive{margin-top:0} .megamenu__list-item.text-center .title{margin-bottom:1.25rem} .megamenu__list-item.text-center:last-child .title{margin-bottom:0} .megamenu__categorized-items.opened, .megamenu__row:first-child{border-bottom: solid 1px var(--mobile-menu-divider);} .megamenu-actived .site-nav__item, .megamenu-actived .single-trigger, .megamenu-actived .site-header__language, .megamenu-actived .user-balance-mobile{display: none;} .megamenu-actived .megamenu__categorized-items .site-nav__item, .megamenu-actived .menu-item-has-children{display: flex;} .slideLeft{animation: 0.5s ease 0s 1 normal forwards running slideLeft;} .slideRight{animation: 0.5s ease 0s 1 normal forwards running slideRight;} @-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}} @keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}} @-webkit-keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} @keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)} 100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.game-row { .game-row__content-pre-provider-link { .game-row__content-pre-provider-link-image { .game-row__content-pre-provider-info { .game-row__content-pre-links-refresh { @media (min-width: 768px){ .card-basic__cta-link{ height: 40px; } .game-row__content-pre-links-favorite { .game-row__content-pre-links-bookmark { background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/bookmark.svg); .game-row__content-pre-links-report { 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, .game-row__content-pre-links-fullscreen:hover, .game-row__content-pre-links-favorite:hover, .game-row__content-pre-links-bookmark:hover, .card-basic { .game-row__content-pre-links-report:hover { .game-row__content-frame.game-row__provider-blocked { .game-row__content-pre-links-refresh, background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); .game-row__content-pre-links-refresh[disabled=\"\"], width: 690px; .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/play-for-real-money.svg\"); .game-row__content-play-for-real-money-desktop.pound-currency, .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;} .menu-item-has-children:hover .menu-subs{display:block;} .megamenu__link-item::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#424545} .megamenu__categorized-items__title{font-weight:900;font-size:16px;line-height:17.6px;color:#7E8384;margin-bottom:15px;padding-left:10px;display:block} .megamenu__list-item{margin-right:40px; max-width:205px} .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;} .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);} .game-box__panel .card-basic { .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;} height: auto; .menu-mobile-header .menu-mobile-arrow{display:none;font-size:1.25rem;line-height:3.125rem;width:3.125rem;height:3.125rem;cursor:pointer;text-align:center;background-color:inherit} .menu-mobile-header.actived .menu-mobile-arrow{display:block} .menu-mobile-header.actived{display:flex;position: absolute;width: 100%;top: unset;left:0;} .menu-mobile-header .menu-mobile-title{font-size:18px;font-weight:900;line-height:inherit;color:#949B9C;text-transform:capitalize;text-rendering:optimizeLegibility} .menu-mobile-header .menu-mobile-close{font-size:2.25rem;line-height:3.125rem;cursor:pointer;width:3.125rem;height:3.125rem;border-left:1px solid rgba(0,0,0,.1);color:#121212;text-align:center} .opened .menu__dropdown-arrow{fill:#ffde03} .menu.actived{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%);display:flex} .site-nav{overflow-y:auto;overflow-x:hidden;margin-bottom:20px;} .card-basic__logo { .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;} .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%)}} display:block; @keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}} } @-webkit-keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} width: 150px; height:50px; } @keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}} margin: 0; } .game-row { border-radius: 5px; } .game-row__content-pre-provider-link { border: none; } .game-row__content-pre-provider-link-image { .card-basic__logo-image { border-radius: 4px; } .game-row__content-pre-provider-info { height: 53px; } .game-row__content-pre-links-refresh { max-width: 100%; } .card-basic__bonus { .game-row { width: calc(100% - 196px - 140px); } } margin: 0; .game-row__content-pre-links-favorite { padding: 0 2%; } .game-row__content-pre-links-bookmark { order:2; .card-basic__bonus-text { } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/bookmark.svg); font-size: 20px; } .game-row__content-pre-links-report { .card-basic__cta { } } width: 140px; order:3; .card-basic__container { } } background-color:#066627; .game-row__content-pre-provider-link { 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 { } background-image: url(//assets.fortune-gems-casino.com/vegasslotsonline/assets/images/svg-icons/broken-link.svg); height: 100%; } .card-basic__bonus-text { font-size: 22px; text-align: left; .card-basic__cta { width: 160px; .card-basic{ width: 930px; top: 50px; bottom: auto; } border-radius: 5px; .page--mobile-menu .card-basic, .card-basic--hide { top: -300px; transition: none; .card-basic--transition-out { top: -300px; } transition: top 0.2s, opacity 0.2s; .card-basic__container{ padding: 20px 20px 21px 20px; .card-basic__logo{ width: 190px; height: 72px; order:1; .card-basic__bonus{ width: calc(100% - 193px - 160px); } max-width: 520px; text-align: center; display: flex; flex-wrap: wrap; align-items: center; .card-basic__bonus-casino{ display: block; font-size: 22px; color: #ffffff; } margin-bottom: 10px; line-height:18px; @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 */ @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; } .game-row__content-pre-links-fullscreen { background-image: url(//assets.fortune-gems-casino.com/vegasslotsonline/assets/images/svg-icons/open-fs.svg); 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){ } .game-row__content.game-row--game-started .game-row__content-pre-links-fullscreen { .game-row__content-post-refresh:hover, body { } overflow-x: hidden; @media screen and (min-width:1200px) { display:block; } .game-row__content-pre-links-refresh:hover, }.csn-main-info{ } .game-row__content-pre-links-fullscreen:hover, 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; } .game-row__content-pre-links-favorite:hover, box-sizing: border-box; position: relative; align-items: center; .game-row__content-pre-links-bookmark:hover, 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{ } 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{ background: url(\"/assets/images/svg-icons/christmas-tournament-green.svg\") center center no-repeat !important; display: block; width: 100%; height: 0; padding-top: 37%; color: #197419; background-color: #ddd; background-size: cover; text-decoration: underline; .csn-main-info__logo-image{ width: 100%; margin: 0; } padding: 0; 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; font-weight: bold; color: #333; line-height: normal; } 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%; } .game-row__content-pre-links-report:hover { .game-row__content-frame.game-row__provider-blocked { .game-row__content-pre-links-refresh, background-image: url(//assets.fortune-gems-casino.com/vegasslotsonline/assets/images/svg-icons/refresh.svg); order: 6; display: flex; } .game-row__content-pre-links-refresh[disabled=""], justify-content: center; align-items: center; } .game-row__content-post-refresh[disabled=""] { /*margin-top: 10px;*/ /*padding-top: 10px;*/ } height: auto; max-height: 100%; transition: all .2s; 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; .game-row__content-play-for-real-money-desktop, position: relative; order: 10; position: relative; .csn-main-info__play-now-link{ } .game-row__content-play-for-real-money-mobile { width: 160px; min-width: inherit; max-width: 100%; } height: 40px; margin: 0 auto; font-size: 13px; line-height: normal; padding: 12px 5px; border: none; text-decoration: none; } text-align: center; .game-row__content-pre-links-fullscreen:hover, 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; } scrollbar-width: thin; z-index: 9; } width: 100%; max-height: 70px; } } height: 70px; .game-row__content-pre-links-fullscreen:hover, 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; 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 { background-image: url(//assets.fortune-gems-casino.com/vegasslotsonline/assets/images/svg-icons/refresh.svg); position: relative; } .game-row__content-pre-links-fullscreen:hover, 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; .game-row__content-pre-links-fullscreen:hover, 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{ } background-image: url("//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/play-for-real-money.svg"); .game-row__content-play-for-real-money-desktop.pound-currency, .megamenu__categorized-items .site-nav__item {width: 100%;} .link-with-megamenu {padding-right: 5px;} .site-nav__link:hover {color: var(--active-link-color);} min-height: auto; } .menu-item-has-children {position: relative; padding-right: 0;} height: auto; } .menu-item-has-children:hover .menu-subs {display: block;} .csn-main-info__offer-wrapper{ .megamenu__link-item::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #424545} margin-top: 10px; } height: 65px; .megamenu__categorized-items__title {font-weight: 900; font-size: 16px; line-height: 17.6px; color: #7E8384; margin-bottom: 15px; padding-left: 10px; display: block;} display: flex; } justify-content: center; 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; } .megamenu__list-item {margin-right: 40px; max-width: 205px;} @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{ } .megamenu__drop-down-icon, .megamenu__dropdown-trigger {display: none;} text-align: center; order: 2; } .megamenu-trigger {position: absolute; right: 0; top: calc(50% - 2px);} html[data-useragent='ie'] .megamenu-trigger {top: 0;} 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) { height:40px max-width: 260px; .csn-main-info{ } min-width: 930px; width: 930px; .csn-main-info__logo{ width: 20%; .csn-main-info__offer{ width: 22%; .csn-main-info__separator{ width: 1.6px; height: 60px; } .link-with-megamenu {padding-right: 16px;} background: #c8cfd1; } opacity: 0.4; .link-with-megamenu {padding-right: 16px;} order: 3; display: block; .csn-main-info__features{ width: 30%; } } .menu-item-has-children .menu__dropdown-arrow {transform: rotate(-90deg); pointer-events: none; width: 25px; height: 25px; padding: 5px; cursor: pointer;} order: 4; margin-top: 0; .csn-main-info__cta{ width: 160px; order: 5; .csn-main-info__terms-wrapper{ padding: 0; @media (min-width: 1200px) { } .menu-item-has-children .menu__dropdown-arrow path {pointer-events: none;} max-width: 360px; .csn-main-info{ min-width: 1170px; width: 1170px; .csn-main-info__logo{ width: 17%; .csn-main-info__offer{ width: 22%; } .menu-item-has-children .megamenu-trigger {pointer-events: all;} .csn-main-info__features{ } .menu-item-has-children .megamenu__categorized-items .menu__dropdown-arrow, .megamenu__categorized-items .drop-down-icon {transform: rotate(0);} 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; } .menu-item-has-children {align-items: center;} align-items: center; justify-content: flex-start; .page-rating__rate-our-casino { } .opened .menu__dropdown-arrow {fill: #ffde03;} 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; width: 112px; height: 18px; } .menu.actived {transform: translate(0%); display: flex;} .menu-mobile-header {position: relative; position: sticky; display: none; align-items: center; justify-content: space-between; top: 0; height: 52px; z-index: 501; background: #111;} text-align: center; .page-rating em { margin-left: 5px; font-family: Calibri, Arial; color: #575757; @media all and (min-width: 425px) { .page-rating__rate-our-casino { flex-basis: auto; } .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;} white-space: nowrap; .page-rating__rate-our-casino { } .menu-mobile-header .menu-mobile-title {font-size: 18px; font-weight: 900; line-height: inherit; color: #949B9C; text-transform: capitalize; text-rendering: optimizeLegibility;} display: inline-block; .page-rating__five-stars-wrapper { } .menu-mobile-header {position: relative; position: sticky; display: none; align-items: center; justify-content: space-between; top: 0; height: 52px; z-index: 501; background: #111;} margin-left: 0; color: #ffffff; } font-weight: 700; color: #bad5ba; }.page-rating.justify-center { justify-content: center; } .carousel-horizontal__bonuses >.page-rating__rate-our-casino, .page-rating__votes{ } .carousel-horizontal__bonuses.owl-loaded >font-size: 11px; font-style: normal; } .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;} @media all and (min-width: 768px) { .page-rating__rate-our-casino{ } font-size: 14px; .site-nav {overflow-y: auto; overflow-x: hidden; margin-bottom: 20px;} .carousel-horizontal__container{ } } display: flex; .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; transform: translateX(0%); box-shadow: none;} flex-wrap: wrap; padding-top: 20px; justify-content: space-between; .carousel-horizontal__header{ margin-bottom: 32px; } .menu-item-has-children .menu__dropdown-arrow {transform: rotate(-90deg); pointer-events: none; width: 25px; height: 25px; padding: 5px; cursor: pointer;} display: flex; } .menu-item-has-children .menu__dropdown-arrow path {pointer-events: none;} flex-wrap: nowrap; justify-content: space-between; } .menu-item-has-children {align-items: center;} align-items: center; } .menu-item-has-children .megamenu-trigger {pointer-events: all;} width: 100%; } text-align: center; order:1; display: none; @media (orientation: landscape) { } } display: flex; height:27px; margin-bottom: 32px; } } order: 1; font-size: 22px; font-weight: 900; } .megamenu__list-item {flex: 0 0 100%; padding: 0;} font-stretch: normal; font-style: normal; } .megamenu__list-item img.responsive {margin-top: 0;} line-height: 1.27; letter-spacing: normal; } .megamenu__list-item.text-center .title {margin-bottom: 1.25rem;} margin: 0; } .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);} width: 100%; display: flex; order: 0; } text-align: right; padding: 0; flex-wrap: nowrap; justify-content: space-between; } .megamenu-actived .site-nav__item, .megamenu-actived .single-trigger, .megamenu-actived .site-header__language, .megamenu-actived .user-balance-mobile {display: none;} order:3; width:100%; width:100%; border-radius: 5px; border: solid 1px #c8cfd1; padding: 6px 14px 6px 14px; } font-size: 13px; font-weight: 900; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #6f7374; } .megamenu-actived .megamenu__categorized-items .site-nav__item, .megamenu-actived .menu-item-has-children {display: flex;} text-decoration: none; width: 100%; background-color: transparent; display: block; display: none; margin-left: 15px; text-align: right; .slideLeft {animation: 0.5s ease 0s 1 normal forwards running slideLeft;} width: 30px; height: 30px; } .slideRight {animation: 0.5s ease 0s 1 normal forwards running slideRight;} border-radius: 5px; 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; } @-webkit-keyframes slideLeft {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0%);}} height: 12px; width: 12px; opacity: 0.3; } @keyframes slideLeft {0% {opacity: 0; transform: translateX(100%);} 100% {opacity: 1; transform: translateX(0%);}} cursor: auto; transform: rotate(-135deg); left:3px; } @-webkit-keyframes slideRight {0% {opacity: 1; transform: translateX(0%);} 100% {opacity: 0; transform: translateX(100%);}} transform: rotate(45deg); left:-3px; .carousel-horizontal__bonuses{ display: block; order:2; margin: 0 0 20px 0; div:not(:first-child){ display: none; div:not(:first-child){ } @keyframes slideRight {0% {opacity: 1; transform: translateX(0%);} 100% {opacity: 0; transform: translateX(100%);}} 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; } } text-align: left; width: auto; order:2; display: block; } } width: auto; .carousel-horizontal__bonuses{ display: block; overflow: hidden; order:3; /*@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; }.most-popular-games{ } padding: 20px 0; .most-popular-games h2 { font-size: 20px; line-height: 28px; margin: 0 0 20px 0; display: flex; align-items: stretch; width: 100%; justify-content: center; } flex-wrap: wrap; margin-bottom: 30px; .most-popular-games .freegames-wrap { } .game-row { border: 0; height: auto; .slideLeft {animation: 0.5s ease 0s 1 normal forwards running slideLeft;} 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){ .game-row__content-pre-provider-link { .most-popular-games .freegames-wrap { width: 33%; flex: 0 33%; @media (min-width: 992px){ .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; .game-row__content-pre-provider-link-image { 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 { .game-row__content-pre-provider-info { border-bottom: none; } .game-row__content-pre-links-refresh { 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; } .game-row__content-pre-links-favorite { position: relative; text-align: center; border: 1px solid #FFF; box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #e1e1e1; 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%; } .game-row__content-pre-links-bookmark { .game-row__content-pre-links-favorite { @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{ 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; margin: 10px auto; } float: left; width: 100%; height: 1px; clear: both; height: 50px; .text-area__side{ } display: none; .text-area__content{width:100%;} width: 100%; display: block; margin: 10px auto 0; content: \"\"; height: 1px; background: #c8cfd1; .text-area__content ul{ } margin-bottom: 30px; margin-top: 30px; .text-area__content li { font-size: 16px; color: #6f7374; padding-left: 33px; position: relative; line-height: 1.64; } margin-bottom: 10px; z-index: 0; .text-area__content li::before{ position: absolute; left: 0; top: 3px; content: \"\"; width: 18px; } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/bookmark.svg); .game-row__content-pre-provider-info { } 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 { } 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{ } } .game-row__content-pre-links-report { background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/broken-link.svg); width:calc(100%*1/2); } .game-row__content-pre-links-fullscreen { .text-area__content .col-sm-7{ width:calc(100%*7/12); .text-area__content .col-sm-8{ width:calc(100%*8/12); } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/open-fs.svg); .text-area__content .col-sm-9{ width:calc(100%*9/12); .text-area__content .col-sm-10{ width:calc(100%*10/12); .game-row__content.game-row--game-started .game-row__content-pre-links-fullscreen { .text-area__content .col-sm-11{ } } width:calc(100%*11/12); .game-row__content-post-refresh:hover, .text-area__content .col-sm-12{ width:100%; @media (min-width: 768px){ } .game-row__content-pre-links-fullscreen { .text-area__content .col-md-1{ width:calc(100%12); } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/open-fs.svg); .text-area__content .col-md-2{ width:calc(100%/6); } .game-row__content-pre-links-refresh:hover, .text-area__content .col-md-3{ } .game-row__content-pre-links-fullscreen:hover, 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{ } .game-row__content-pre-links-favorite:hover, width:calc(100%*7/12); .text-area__content .col-md-8{ } .game-row__content-pre-links-bookmark:hover, width:calc(100%*8/12); } .game-row__content-pre-links-report:hover { .game-row__content-frame.game-row__provider-blocked { .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{ } .game-row__content-pre-links-refresh, width:100%; @media (min-width: 992px){ } background-image: url(//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/refresh.svg); .game-row__content-pre-links-refresh[disabled=''], .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{ } .game-row__content-pre-links-refresh[disabled=''], width:calc(100%/3); } .game-row__content-post-refresh[disabled=''] { .game-row__content-play-for-real-money-desktop, .text-area__content .col-lg-5{ } .game-row__content-play-for-real-money-mobile { width:calc(100%*5/12); } .text-area__content .col-lg-6{ .game-row__content-pre-links-fullscreen:hover, width:calc(100%*1/2); } } .text-area__content .col-lg-7{ width:calc(100%*7/12); .text-area__content .col-lg-8{ width:calc(100%*8/12); .text-area__content .col-lg-9{ } background-image: url('//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/play-for-real-money.svg'); width:calc(100%*9/12); } .game-row__content-play-for-real-money-desktop.pound-currency, .text-area__content .col-lg-10{ width:calc(100%*10/12); .text-area__content .col-lg-11{ width:calc(100%*11/12); .text-area__content .col-lg-12{ width:100%; } .game-item__content-play-real-money-mobile.pound-currency { @media (min-width: 1200px){ } .game-item__content-play-real-money-mobile.pound-currency { .text-area__content .col-xl-1{ width:calc(100%12); } background-image: url(\"//assets.fortune-gems-casino.com/fortune-gems-casino.com/assets/images/svg-icons/play-for-real-money/pound.svg\"); .gamification-balance .gamification-balance-box { .gamification-balance .gamification-balance-box img { .game-item__content-links-refresh { .text-area__content .col-xl-2{ } .game-item__content-play-real-money-desktop { .game-item__content-play-real-money-mobile { width:calc(100%/6); .text-area__content .col-xl-3{ } .game-item__content-links-bookmark { body.vli-232 .vli-232-button-game-desktop { width:calc(100%/4); .text-area__content .col-xl-4{ width:calc(100%/3); } .vli-232-popup .signin-modal__block__left-side { .text-area__content .col-xl-5{ } .vli-232-popup .signin-modal__block__left-side { width:calc(100%*5/12); .text-area__content .col-xl-6{ } .vli-232-popup.signin-modal__block--signup { width:calc(100%*1/2); } .vli-232-popup .signin-modal__block__right-side { .text-area__content .col-xl-7{ width:calc(100%*7/12); .text-area__content .col-xl-8{ width:calc(100%*8/12); .text-area__content .col-xl-9{ width:calc(100%*9/12); } background-image: url(/assets/experiments/vli-232/Icon.png); .text-area__content .col-xl-10{ width:calc(100%*10/12); .text-area__content .col-xl-11{ width:calc(100%*11/12); .text-area__content .col-xl-12{ width:100%; display: block; display: block; text-align: center; } .vli-232-popup.signin-modal__block--signup.signin-modal__block--is-active { body.vli-232 .game-item__content.age-ver .vli-232-mobile-box { width:100%; } body.vli-232 .vli-232-button-game-mobile { margin:0 0 30px 0; width:85%; } @media screen and (min-width: 768px) and (max-width: 991px) { margin: 10px auto; border: 1px solid #fff; padding: 6px; box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #e1e1e1; @media (min-width: 960px){ } .owl-item img.slot-stats__item-image, content:''; display: table; clear: both; } .slot-stats__played-this-month-container { float: right; } width: 300px; .game-item__content-play-real-money-mobile.pound-currency { float: right; } } margin: 10px 0 10px 10px; width: 100% !important; } .slot-stats__played-this-month-wrapper { .slot-stats__played-this-month-text { border: solid 1px #c8cfd1; margin: 25px auto; border-collapse: collapse; border-radius: 5px; border-spacing: 0; table-layout: fixed; width: 100%; background-color: #ffffff; height: 44px; } .slot-stats__played-this-month-edge { border-bottom: solid 1px #c8cfd1; border: none; text-align: center; width: 25%; position: relative; padding: 10px 5px; font-size: 16px; font-weight: bold; color: #6f7374; border-color: transparent #8d2700 transparent transparent; background-color: #115111; color: #fff; } .game-item__similar-games__items .owl-item { content: \"\"; } .game-item__similar-games__items .owl-nav { position: absolute; } .game-item__similar-games__items .owl-dots { right: 0; .game-item__similar-games__items .owl-dots .owl-dot { width: 1px; height: 85%; } .game-item__similar-games__items .owl-dots .owl-dot.active { top: 4px; background-color: #c8cfd1; } .game-item__similar-games__items:before { background-color: #fff; display: none; color: #4a90e2; @media (min-width: 768px){ } background: linear-gradient(to left, rgba(21,92,21,0.1), rgba(21,92,21,1) 90%); } .game-item__similar-games__items:after { width: 60%; .game-title { color: var(--primary-default-fill); font-size:28px; line-height:1.21; } background: linear-gradient(to right, rgba(21,92,21,0.1), rgba(21,92,21,1) 90%); margin:0 0 25px 0; } max-width: 100%; .slot-stats__played-this-month-wrapper { background: #00200f; padding: 10px; color: #fff; text-align: center; margin-bottom: 1.5em; clear: both; overflow-x: scroll; background: 0 0; padding: 0; zoom: 1; } .slot-stats__played-this-month-edge { content: \"\"; } .game-item__similar-games__items:before, display: table; content: \"\"; display: table; .game-frame.game-frame--fullscreen { clear: both; } .game-item__similar-games__items .owl-dots { min-width: 600px; } .game-item__similar-games__items:before { border: none; padding: 0; display: none; margin: 0; } .game-item__similar-games__items:after { float: none; height: 3px; background: #ffed25; border-top: 1px solid #ff9d00; border-bottom: 1px solid #ff9d00; } background: #029f54; color: #fff; font-weight: 700; } border-radius: 10px 10px 0 0; padding: 16px 0; border: none; } font-size: 1em; margin-bottom: 0; text-shadow: none; display: block; border: 1px solid #000; border-top: none; } background: #fff; margin-bottom: 0; color: #000; display: flex; align-items: center; width: 20%; float: left; line-height: 3em; background: #eff0f1; @media (min-width: 961px){ overflow-x: hidden; } .provider-games-basic-list{ padding: 45px 0 60px; } 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; color: #fff; padding: 10px 50px 10px 10px; text-transform: uppercase; } font-weight: 100; font-size: 1em; margin-bottom: 5px; cursor: pointer; position: relative; } line-height: 28px; display: block; position: absolute; right: 15px; width: 30px; height: 30px; top: calc(50% - 15px); transition: all 0.2s ease-in-out; } font-size: 15px; transform: rotate(0deg); background-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; } .game-frame__curtain.game-frame__provider-blocked { 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; 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; .gamification-button-desc.logged-in { } 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; } text-decoration: underline !important; .gamification-gameframe-or:before { display: flex; flex-wrap: wrap; justify-content: center; margin: 15px auto 0 auto; .might-also-like__card{ max-width: 270px; width: 100%; margin: 0 0 20px 0; padding: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 5px; transition: all .3s linear; position: relative; display: flex; } .gamification-gameframe-button-white { 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; .gamification-gameframe-button-white { } background: #fff; text-decoration: none; padding: 24px; display: flex; flex-direction: column; .might-also-like__title{ .gamification-gameframe-button-white:hover { .gamification-gameframe-button-gray { } .gamification-gameframe-button-white img, margin-bottom: 15px; } .gamification-gameframe-button-gray img { font-size: 18px; font-weight: bold; line-height: 1.28; color: #2c2e2e; .might-also-like__description{ line-height: 1.44; } color: #6f7374; padding: 0 0 10px 0; font-size: 16px; font-weight: 400; margin-bottom: 0; .might-also-like__button{ } margin-top: auto; 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{ } background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%); .game-frame--open-curtain .game-frame__curtain { width: 100%; .might-also-like__card{ } .game-frame--open-curtain .game-box__control { 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%; .game-frame--fullscreen .game-box__control { padding: 0; } margin: 0; @media (min-width: 1200px){ }.favourite-casinos { } .gamification-gameframe-button-gray img { padding: 30px 0 37px 0; } .favourite-casinos__header { text-align: center; color: #ffffff; font-size: 22px; font-weight: 900; } margin: 0 0 20px 0; .favourite-casinos__casinos { text-align: center; .favourite-casinos__casino { } .game-frame--open-curtain .game-box__control { 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; } .game-frame--open-curtain .game-box__control { z-index: 0; top: -13px; } left: 0px; background-color: var(--site-header-fill); } .game-box__control-refresh-credits { 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; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(255, 255, 255, 0.5); max-width: 145px; z-index: 5; position: relative; } @media (min-width: 768px) { .favourite-casinos__header { font-size: 28px; margin: 0 0 30px 0; @media (min-width: 992px) { }.subscribe-to-newsletter{ padding:34px 0 34px 0; background-position: center center; } } background-repeat: no-repeat; background-size: cover!important; 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); font-size: 18px; line-height: normal; margin-bottom: 25px; color: #ffffff; .subscribe-to-newsletter__email{ font-size: 16px; color: #333333; } height: 40px; width: 100%; max-width: 100%; background-color: rgba(255, 255, 255, 0.9); border: solid 1px #ffffff; border-radius: 5px; padding-left: 19px; margin-bottom: 10px; } .game-frame--fullscreen .game-box__control-refresh-credits { outline-color: #333333; } .game-box__control-refresh-credits:hover { 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; right: 0; border-radius: 0 10px; } .game-frame--fullscreen .game-box__control-refresh-credits { padding: 2px 5px; } .game-box__control-refresh-credits:hover { background: rgba(0, 0, 0, 0.4); } .game-box__control-enter-fullscreen { 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; } .game-box__control-exit-fullscreen { .game-frame--fullscreen .game-box__control-exit-fullscreen { background: linear-gradient(to bottom, #051705 0%, #115111 100%); } height: auto; width:100%; display: block; } flex-wrap: wrap; .game-frame--fullscreen.game-frame--open-curtain .game-box__panel { align-items: center; justify-content: center; vertical-align: middle; .game-frame--fullscreen.game-frame--open-curtain .game-box__panel { } 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; color: #ffffff; text-align: center; } .game-box__panel-pros-banner-container { justify-content: center; } align-items: center; display: flex; min-height: 40px; .footer-scl__text{ padding-top: 8px; margin-right: 12px; height: 32px; } display: inline-block; font-size: 14px; width:auto; } white-space: nowrap; .site-footer__twitter-icon{ display: inline-block; width:45px; height:32px; } background: var(--twitter-svg); background-repeat: no-repeat; background-position: 0px 0px; } .footer-scl__facebook-icon{ display: inline-block; width:32px; height:32px; } .game-box__panel-pros-banner-header { background: var(--facebook-svg); background-repeat: no-repeat; background-position: 0px 0px; @media (min-width: 540px){ } .game-box__panel-pros-banner-header-title { .site-footer__icons-links { } .game-box__panel-pros-banner-control-container { 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{ } .game-box__panel-pros-banner-header { height: 100px; } .game-box__panel-pros-banner-control-more { @media (min-width: 1200px) { } } .site-footer__icons{ padding-top: 0; @media (min-width: 1200px) { .site-footer__icons{ display:flex; } vertical-align: middle; justify-content: space-between; height: auto; flex-wrap: nowrap; } align-items: center; .site-footer__icons-links{ } width:auto; padding:0; flex-wrap: nowrap; justify-content: left; height: 100px; } .site-footer__note-content p { font-size: 12px; color: #b2b8ba; .line-under-text { margin-bottom: 30px; } }.site-footer__links { padding-bottom: 10px; .site-footer__links-logo {} .footer-logo__link{ } line-height: 18px; font-size: 12px; font-weight: 400; margin: 0 auto 20px auto; max-width: 280px; height: auto; display: block; } .footer-logo__images{ max-width: 100%; .site-footer__links-cols{ display: flex; } flex-wrap: wrap; .site-footer__links-col { } padding-left:10px; padding-right:10px; width: 50%; margin-bottom: 20px; } padding-right:0; .footer-col__header{ } font-size: 12px; font-weight: 900; line-height:18px; color: var(--site-footer-header); margin-bottom: 10px; text-transform: none; } .footer-col__item{ margin-bottom: 6px; line-height: 1.2; .footer-col__link{ color: var(--site-footer-links); } font-weight: 400; font-size: 12px; text-decoration: none; .footer-col__link:hover{ } .game-box__panel-pros-banner-control-buttons { text-decoration: underline; color:#fff; .site-footer--5-cols{ justify-content: center; display: flex; } .game-box__panel-pros-banner-control-buttons button { flex-wrap: wrap; } .game-box__panel-pros-banner-control-buttons .owl-prev span, width:100%; float:none; display: block; } margin-bottom: 20px; margin: 0 auto; width: 100%; } } justify-content: flex-start; .game-box__panel-pros-banner-control-buttons .owl-prev span, @media (min-width: 576px) { .footer-logo__link { font-size: 14px; } .game-box__panel-pros-banner-control-buttons { .footer-col__header { font-size: 14px; .footer-col__item { } .game-box__panel-pros-banner-control-buttons button { 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 { } .game-box__panel-pros-banner-control-buttons { float: right; width: 800px; } display: flex; flex-wrap: wrap; }.site-footer__terms { display: flex; flex-wrap: wrap; } .game-box__panel-pros-banner-control-buttons .owl-next span { width: auto; .game-box__panel-pros-banner-control-buttons.disabled button, } padding: 20px 0; background: linear-gradient(to bottom, #051705 0%, #115111 100%); .footer-terms__copyright { order: 2; width: 100%; text-align: center; .gamification-gameframe-button-white:hover { .gamification-gameframe-button-gray { .footer-terms__copyright-text { color: var(--site-footer-links); padding: 0; margin-bottom: 0; font-size: 12px; color: #b2b8ba; } .game-box__panel-pros-banner-control-buttons .owl-prev.disabled, line-height: 2; } .game-box__panel-pros-banner-control-buttons .owl-next.disabled { .footer-terms__links{ order: 1; } .game-box__panel-pros-banner-control-buttons .owl-prev span { width: 100%; margin-bottom: 20px; .footer-terms__items{ text-align: center; .footer-terms__item{ display: inline-block; line-height: 1.44; margin-right: 10px; .footer-terms__item:last-child{ margin-right: 0; .footer-terms__link{ } .game-box__panel-pros-banner-bonuses { font-size: 12px; font-weight: 400; color: #b2b8ba; text-transform: none; text-decoration: none; .site-footer__disclaimer { } 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-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; } .game-frame--fullscreen .game-box__panel{ width: 100%; float: unset; text-align: center; order: 1; margin-bottom: 20px; } .game-frame--similar-games .game-frame__fullscreen-basic-banner{ margin-left: 0; order: 2; width: 100%; text-align: center; @media (min-width: 768px){ } .game-frame--similar-games .game-box__panel-pros-banner{ .site-footer__terms{ padding: 32px 0; } @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{ @media (min-width: 992px){ order: 1; text-align: left; width: auto; order: 2; margin-bottom: 0; width: auto; margin-left: 5px; @media (min-width: 1200px){ .site-footer__terms{ display:block; .site-footer__terms::after{ } .game-frame--no-banners.game-frame--fullscreen .game-box__control{ display: block; content: \"\"; clear:both; .footer-terms__copyright{ width: 18%; float:left; order:1; body.game-frame--fullscreen div:not(overlay), text-align: left; } body.game-frame--fullscreen div:not(spacer), .footer-terms__links{ } body.game-frame--fullscreen div:not(csn-main-info__content), width: 82%; float:right; order:2; .footer-terms__items{ text-align: right; .footer-terms__item{ margin-right: 0; margin-left: 10px; } body.game-frame--fullscreen span:not([style*=':']), width: 78%; float:right; }.IT .site-footer__icons-links{ } body.game-frame--fullscreen div[class*='title'], flex-wrap: wrap; } body.game-frame--fullscreen span[class*='arrow'] justify-content: center; padding:0; } body.game-frame--fullscreen button { height:auto; @media (min-width: 992px) { } body.game-frame--fullscreen .game-row__content-post, @media (min-width: 1200px) { }.subscribe-to-newsletter-sticky{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 97; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); /* max-height: 350px; */ transition: max-height 0.4s linear; padding:0; position: absolute; max-height: 0; transition: max-height 0.4s linear; } body.game-frame--fullscreen .game-row__content-pre { right: 5px; top: 5px; position: absolute; display: block; width: 24px; height: 24px; cursor: pointer; border-radius: 3px; .game-frame--fullscreen .game-box__control { background-color: #115111; overflow: hidden; z-index: 9; position: relative; display: inline-block; width: 24px; height: 24px; overflow: hidden; cursor: pointer; content: ''; position: absolute; height: 2px; } body.game-frame--fullscreen .game-row__content-frame { width: 14px; top: 45%; left: 5px; margin-top: 0; background: #468f46; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } body.game-frame--fullscreen .overlay { -ms-transform: rotate(-45deg); } -o-transform: rotate(-45deg); body.game-frame--fullscreen span:not([style*=':']), transform: rotate(-45deg); } body.game-frame--fullscreen div.spacer { -webkit-transform: rotate(45deg); } background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%) !important; -moz-transform: rotate(45deg); } @media screen and (max-width: 991px) and (orientation: landscape){ -ms-transform: rotate(45deg); } } -o-transform: rotate(45deg); @media screen and (max-width: 669px) and (orientation: landscape){ transform: rotate(45deg); padding-top: 15px; padding-bottom: 15px; } body.game-frame--fullscreen span[class*='arrow'] text-align: center; margin: 0 auto; } body.game-frame--fullscreen .game-row__content-pre { max-width: 260px; } } color: #fff; body.game-frame--fullscreen .game-row__content-pre { font-size: 22px; } } font-weight: 900; @media screen and (orientation: landscape) and (max-width: 991px){ text-transform: none; line-height: 1.36; } .game-frame--similar-games .game-frame__fullscreen-basic-banner, .game-frame--fullscreen.game-frame--open-curtain .game-box__panel{ width: 100%; display: block; } .game-frame--no-banners.game-frame--fullscreen .game-box__control{ box-sizing: border-box; } body.game-frame--fullscreen div:not(csn-main-info__content), padding-top: 0; display: block; font-size: 14px; color: #fff; text-align: center; } .game-frame__design-version-2 .casino-card-basic__content{ text-decoration: none; } body.game-frame--fullscreen span:not([style*=':']), margin-top: 10px; } body.game-frame--fullscreen div[class*='title'], padding-bottom: 10px; cursor: pointer; display:none; } .page--mobile-search-bar .card-basic, 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; transition: max-height 0.4s; max-height: 100%; display:none; max-height: 0px; overflow: hidden; transition: max-height 0.4s; max-height: 200px; max-width: 450px; .v3 .owl-carousel .owl-stage-outer{overflow:visible!important;} } body.game-frame--fullscreen span[class*='arrow'] box-sizing: border-box; text-align: center; border: solid 1px #ffffff; } body.game-frame--fullscreen div.spacer { padding-left: 0; } } background-color: rgba(255, 255, 255, 0.9); .game-box__panel-pros-banner-control-buttons .owl-prev.disabled, border-radius: 5px; } } width: 100%; .game-box__panel-pros-banner-control-buttons .owl-prev span { height: 40px; font-size: 16px; } .game-frame--similar-games .game-box__panel-pros-banner{ color: #6f7374; margin-bottom: 15px; font-style: normal; line-height: normal; width: 100%; line-height: normal; } @media screen and (max-width: 669px) and (orientation: landscape){ height: 40px; max-width: 100%; border-radius: 5px; } @media screen and (orientation: landscape) and (max-width: 991px){ border: none; font-size: 15px; } body.game-frame--fullscreen span[class*='arrow'] cursor: pointer; text-decoration: none; } text-align: center; margin: 0; padding: 0 10px; font-weight: 900; box-shadow: none; display: flex; align-items: center; justify-content: center; } text-transform: none; min-width: auto; } color: #2c2e2e; 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){ justify-content: center; } display: flex; flex-wrap: wrap; width: 300px; padding-top: 0; font-size: 13px; } @media (min-width: 540px){ height: 40px; .green-bg h2,.green-bg p, .green-bg span{color:#fff;} @media (min-width: 768px){ width: 390px; margin-right: 5px; max-width: none; text-align: left; display:none; margin: 5px auto 0 auto; margin-bottom:0; width: 100%; } .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;} text-align: left; } max-height: 100%; display: none; 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; .green-bg h2,.green-bg p, .green-bg span{color:#fff;} 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; padding: 24px 0 justify-content: space-between; } display: flex; flex-wrap: wrap; width: 500px; margin:0; width: 300px; padding:0; }.cookie-popup { -webkit-text-size-adjust:100%; position:fixed; } left: 0; right: 0; bottom: 10px; z-index: 200000; transform: none !important; .cookie-popup * { -webkit-text-size-adjust:100%; } body.cookie-popup--settings{ .green-bg h2,.green-bg p, .green-bg span{color:#fff;} position: fixed; right: 0; left: 0; .cookie-popup--settings .cookie-popup { position:fixed; left: 0; right: 0; bottom: 0; } top: 0; .green-bg h2,.green-bg p, .green-bg span{color:#fff;} 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; } .owl-height{transition:height .5s ease-in-out;} font-size: 14px; line-height: 140%; align-items: center; text-align: center; color: #FFFFFF; margin-bottom: 11px; padding: 0; display: none; .cookie-popup1__cta { .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;} display: flex; flex-wrap: nowrap; justify-content: center; } .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;} .cookie-popup1__settings, } .cookie-popup1__accept { .owl-carousel .owl-stage:after{content:\".\";display:block;clear:both;visibility:hidden;line-height:0;height:0;} flex-direction: row; justify-content: center; } .cookie-popup2__accordian__indicator--closed .cookie-popup2__accordian__content { .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);} padding: 0px 20px; } /*width: 85px;*/ .green-bg h2,.green-bg p, .green-bg span{color:#fff;} height: 34px; border-radius: 5px; font-style: normal; font-weight: 900; font-size: 12px; line-height: 110%; display: flex; align-items: center; text-align: center; flex: none; } .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;} order: 1; align-self: stretch; flex-grow: 0; /*margin: 0px 8px;*/ } .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} cursor: pointer; outline: 0; } .owl-carousel .owl-dots.disabled{display:none;} color: #000000; } .cookie-popup1__settings { .green-bg h2,.green-bg p, .green-bg span{color:#fff;} background: transparent; border: 1px solid #ffffff; color: #FFFFFF; .cookie-popup1__accept { background: #FFDE03; margin-left: 10px; .cookie-popup2 { display: none; .cookie-popup--settings .cookie-popup2 { } display: flex; justify-content: center; .cookie-popup2__container{ position: relative; } background: #FFFFFF; border-radius: 5px; margin: 40px 0 40px 0; max-height: calc(100vh - 80px); padding: 17px 10px 15px 10px; overflow: auto; max-width: 540px; .cookie-popup2__close { width: 24px; height: 24px; position: absolute; top: 7px; right: 5px; .green-bg h2,.green-bg p, .green-bg span{color:#fff;} cursor: pointer; p.cookie-popup2__content__title { font-style: normal; font-weight: 900; font-size: 20px; } line-height: 130%; text-align: left; color: #000000; padding: 0; margin: 0 0 15px 0; .cookie-popup2__content__text{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; display: flex; align-items: center; color: #6F7374; padding: 0; } .owl-carousel.owl-loaded{display:block;} margin: 0 0 20px 0; .cookie-popup2__accordian{ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } .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;} border-radius: 8px; padding: 0 10px 0 10px; } .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} 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; } .owl-carousel .owl-animated-out{z-index:1} transform: rotate(180deg); } background-size: 26px; .owl-carousel .fadeOut{animation-name:fadeOut} border-radius: 5px; } cursor: pointer; .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;} transform: rotate(0deg); } .cookie-popup2__accordian__content{ max-height: 1000px; } overflow: hidden; max-height: 0; p.cookie-popup2__accordian__title{ font-style: normal; } .owl-height{transition:height .5s ease-in-out;} font-weight: 900; font-size: 16px; } display: flex; flex-wrap: wrap; } } align-items: center; color: #2C2E2E; margin: 0 38px 0 0; } padding: 5px 0; height: 56px; 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%; display: flex; } } .owl-height{transition:height 500ms ease-in-out} align-items: center; color: #6F7374; } padding: 0 0 15px 0; margin: 0; .cookie-popup2__cta { padding: 5px 0 0 0; } display: flex; justify-content: center; .cookie-popup2__save-settings{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 20px; height: 40px; background: #FFDE03; border-radius: 5px; } flex: none; order: 0; flex-grow: 0; margin: 0px 0px; font-style: normal; font-weight: 900; font-size: 16px; line-height: 110%; color: #2C2E2E; .cookie-popup2__switch { display: flex; } align-items: center; justify-content: left; position: relative; padding: 0 6px 0 7px; width: 42px; height: 24px; background: #197419; border: 1px solid #197419; box-sizing: border-box; border-radius: 61.5385px; margin-left: 3px; cursor: pointer; justify-content: right; } background: #B2B8BA; border: 1px solid #B2B8BA; .cookie-popup2__accordian__disabled { display: none; display: inline; .cookie-popup2__switch__marker { position: absolute; width: 14px; height: 14px; left: calc(100% - 5px - 7px - 6px); top: 4px; background: #FFFFFF; border-radius: 50%; } transition: .4s; left: 5px; .cookie-popup.cookie-popup--hide, display: none; @media (min-width: 768px){ .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} 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 { 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; } .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} transform: rotate(45deg); } top: 50%; left: 50%; .owl-carousel .owl-stage:after{content:\".\";display:block;clear:both;visibility:hidden;line-height:0;height:0} } margin-left: -8px; margin-top: -1px; .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} border-radius: 5px; .spg-2456-v2__close:after { content: \"\"; .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)} display: block; position: absolute; .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} background: #115111; .owl-item img{display:block;max-width:100%} } 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; .game-frame--fullscreen .game-box__control { 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 { display: inline-block; cursor: pointer; position: absolute; } top: 0; transition: .3s; } .spg-2456-v2__box.hide { .menu-mobile-header.actived{display:flex;position: absolute;width: 100%;top: unset;left:0;} } opacity: 0; .spg-2456-v2__box.open p { display: none; .spg-2456-v2__box-1 { left: 0; } .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; } .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 { 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; .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} 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 { .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} .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; .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} 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 { .owl-carousel.owl-loaded{display:block} 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%; .owl-carousel.owl-loading{opacity:0;display:block} top: 50%; margin-left: -230px; margin-top: -160px; text-align: center; } z-index: 4; .spg-2456-v2__step-3 { } position: absolute; display: none; width: 600px; height: 320px; left: 50%; 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; 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; } } .owl-carousel.owl-refresh .owl-item{visibility:hidden} display: inline-block; 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; .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{ 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: 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; .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; .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%; 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 { } 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; top: 95px; .spg-2456-v2__title.big { } .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} 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 { } } .game-row__content-pre-links-report { width: 210px; margin-left: -105px; .spg-2456-v2__boxes { position: relative; } display: block; width: 100%; } } height: 120px; margin-top: 120px; .spg-2456-v2__box { } } display: inline-block; cursor: pointer; position: absolute; } } body.rbg >.owl-carousel.owl-grab{cursor:move;cursor:grab} 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 { } .owl-carousel.owl-rtl{direction:rtl} left: 67px; } top: 10px; .spg-2456-v2__box-2 img { width: 75px !important; .spg-2456-v2__box-3 { right: 0; .spg-2456-v2__box-1.open { top: 17px; left: 66px; .spg-2456-v2__box-1.open img { width: 70px !important; .spg-2456-v2__box-2.open { top: 17px; left: 66px; .spg-2456-v2__box-2.open img { } width: 70px !important; .spg-2456-v2__box-3.open { } top: 17px; 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; transition: .2s; .spg-2456-v2__step-2 .spg-2456-v2__box-2 { top: 57px; } .owl-carousel.owl-rtl .owl-item{float:right} 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; .spg-2456-v2__step-1 .spg-2456-v2__close-text { } margin-top: 25px; .mobile-info { } .report-broken-game .rbg-step >position: absolute; display: block; color: #FFF; font-size: 12px; font-weight: 700; transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; } top: -45px; 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{ background: rgba(0,0,0,0.5); .spg-2456-v2__winnertnc__container{ display: none; .spg-2456-v2__winnertnc__link{ font-size: 12px; color: #ffffff; } .report-broken-game .rbg-step label >.spg-2456-v2__winnertnc__container{ display: inline; position: absolute; height: 45px; } .report-broken-game .rbg-step label:hover input[type=radio] .checkmark { padding: 16px 0 0 10px; } .report-broken-game .rbg-step label:hover input[type=checkbox] .checkmarkBox { .spg-2456-v2__tnc{ } .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease} position:fixed; bottom:0; left:0; width:100%; display: flex; justify-content: center; .spg-2456-v2__tnc__content{ width: 690px; } .report-broken-game .rbg-step input[type=radio]:checked .checkmark:after { @media (min-width: 992px){ } .owl-carousel .owl-item .owl-lazy[src^=''],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0} .spg-2456-v2__tnc__content{ width: 930px; @media (min-width: 1200px){ .spg-2456-v2__tnc__content{ width: 1170px; } .report-broken-game .rbg-step input[type=checkbox]:checked .checkmarkBox:after { filter: blur(5px); } .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} overflow: hidden; .report-broken-game-overlay { position: fixed; display: none; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; } .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} width: 100%; } .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} height: 100%; z-index: 99999; filter: blur(5px); display: block; .report-broken-game { position: fixed; display: none; width: 640px; min-height: 360px; } .owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none} left: 50%; top: 45%; padding: 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; background: #FFF; border-radius: 5px; } .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .report-broken-game.active { display: block; .report-broken-game .rbg-close { position: absolute; width: 32px; height: 32px; border-radius: 5px; background-color: #e8f1e8; right: 10px; } .owl-theme .owl-nav.disabled + .owl-dots{margin-top:10px} top: 10px; display: block; transition: .2s; cursor:pointer; background: #D0F1D0; .report-broken-game .rbg-close img { width: 14px; height: 14px; margin-left: 9px; } margin-top: 9px; .report-broken-game .rbg-step { display: none; .report-broken-game .rbg-step.active { display: block; } .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent} h2 { font-size: 22px; font-weight: 900; line-height: 1.55; color: #2c2e2e; .report-broken-game .rbg-step p { font-size: 16px; line-height: 1.44; } .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} 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; } .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} -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 30px; span { font-size: 16px; line-height: 1.88; color: #6f7374; box-shadow: 0 0 0 2px #c8cfd1; box-shadow: 0 0 0 2px #c8cfd1; position: absolute; opacity: 0; cursor: pointer; height: 0; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #197419; width: 10px; height: 10px; } width: 0; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } display: block; position: absolute; } .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; } opacity: 0; cursor: pointer; height: 0; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } width: 0; display: block; width: 330px; font-size: 16px; height: 40px; border-radius: 5px; border: solid 1px #c8cfd1; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } padding: 0 10px; margin: 10px 0 0; border: solid 2px #ff0000; position: absolute; top: 5px; left: 0; width: 18px; height: 18px; background-color: transparent; box-shadow: 0 0 0 1px #c8cfd1; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } border-radius: 50%; } transition: .1s; content: \"\"; position: absolute; display: none; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; background-color: #115111; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } position: absolute; } .custom-control button { width: 40px; height: 40px; background: #ebf0f1; cursor: pointer; } top: 5px; left: 0; width: 18px; height: 18px; } background-color: transparent; box-shadow: 0 0 0 1px #c8cfd1; border-radius: 3px; transition: .1s; content: \"\"; position: absolute; display: none; transition: opacity 0.25s cubic-bezier(0.54, 0.01, 0.57, 1.03) 0.25s, width 0s linear 0.25s; } .custom-control.disabled { display: none; } top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 3px; background-color: #115111; .report-broken-game .rbg-step .left { } .custom-control .disabled { cursor: default; } width: 350px; } .custom-control[class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } vertical-align: top; } .custom-control .owl-next, .custom-control .owl-prev, .owl-carousel .owl-dot { background: #ebf0f1; color: inherit; border: none; padding: 0!important; font: inherit; } position: relative; } .custom-control .owl-prev .prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); } display: inline-block; } .custom-control [class*='owl-']:hover { background: #ebf0f1; color: #fff; text-decoration: none; } margin-top: 0; } .custom-control button:hover .arrow { fill: #115111; } margin-bottom: -10px; position: relative; } .custom-control button.disabled { opacity: .4; pointer-events: none; } display: block; opacity: 0; margin-left: 10px; } .custom-control button.disabled .arrow { opacity: .4; } font-size: 12px; transition: .1s; opacity: 1; } .custom-control .owl-prev { border-radius: 5px 0 0 5px; margin-right: 5px; } .report-broken-game .rbg-step .right { width: -webkit-calc(100% - 350px); width: calc(100% - 350px); vertical-align: top; } .custom-control .owl-next { border-radius: 0 5px 5px 0; } position: relative; display: inline-block; text-align: right; } .custom-control [class*='owl-']:hover { background: #ebf0f1; } padding-top: 15px; } .in-green.custom-control [class*='owl-'] { background-color: transparent; border: 1px solid #fff; } border-radius: 5px; } .in-green.custom-control [class*='owl-']:hover { background-color: #fff; } background-color: #ffde03; } .in-green.custom-control .arrow { fill: #fff; } font-size: 13px; } .in-green.custom-control .disabled { opacity: 0.6; cursor: auto; } font-weight: 900; } .owl-carousel__item { border-radius: 5px; border: solid 1px #115111; padding: 25px 15px; background-color: #fff; } text-align: center; color: #2c2e2e; } .owl-carousel__item--light-green { background-color: #197419; border: none; } padding: 12px 14px; min-width: 160px; text-decoration: none; } display: inline-block; float: left; margin-top: 20px; transition: .2s; cursor: pointer; background: #dcc006; margin-top: 30px; float: none; float: left; } .report-broken-game .rbg-step >margin-top: 15px; vertical-align: top; } float: left; font-size: 12px; } color: #b2b8ba; display: inline-block; } } margin-top: 28px; .custom-control button.disabled { opacity: .4; pointer-events: none; } margin-left: 28px; vertical-align: top; height: 70px; } .custom-control button.disabled .arrow { opacity: .4; } border-radius: 5px; border: solid 1px #c8cfd1; font-size: 16px; } .custom-control .owl-prev { border-radius: 5px 0 0 5px; margin-right: 5px; } resize: none; width: 100%; } .owl-carousel__item__number { color: #115111; margin-bottom: 15px; } margin: 13px 0 10px; } .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} padding: 5px 10px; } display: none; outline: none; } } display: block; .custom-control button.disabled { opacity: .4; pointer-events: none; } .report-broken-game .rbg-step .game { width: 170px; display: inline-block; } .owl-carousel__item__title { line-height: 1.28; color: #2c2e2e; align-items: center; font-size: 18px; } text-align: center; } } border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; cursor: pointer; text-decoration: none; } } .owl-carousel__item__content { margin-bottom: 0; height: auto; font-size: 16px; } transition: .2s; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); width: 100%; border-top-right-radius: 5px; } }

margin-top: 10px;
    line-height: 14px;
    display: inline-block;
    0

    height: 20px;

    .make-money .owl-stage-outer, .myths .owl-stage-outer { overflow: visible; }

    Read MoreMake Free Account Make Free AccountSign in Register for FreeClose Navigation Menu

    Online Casinos

    Best Online Casinos
    (485Best Online Casinos
    Featured
    Featured Casinos

    Safe Casinos€3,625 + 350  Real Money Casinos

    Casinos en Ligne
    Casinos by Country
    Casinos by Country
    All Casinos by Country
    3.93
    All Casinos by Country96.19
    Canada Casinos30
    Canada Casinos5
     Canada Casinos by Province
    Canada Casinos by Province
    3.87
    by Deposit Method95.69
    Casinos by Deposit Methods432
    Casinos by Deposit Methods5
     All Casino Deposit Methods
    All Casino Deposit Methods
    3.97
    Interac Casinos95.55
    Interac Casinos10
    InstaDebit Casinos5
     InstaDebit Casinos
    Mastercard Casinos
    4.11
    Mastercard Casinos97.41
    Visa Casinos30
    Visa Casinos5
     Real Money Slots
    New Slots Sites
    3.43
    Mobile Slots96.22
    Free Slots729
    Slot Providers5

    Aristocrat Slots
    IGT Slots

    Konami Slots
    Playtech Slots€3,625 + 350  WMS Slots
    • .carousel-horizontal__modern *, *:focus, *:hover {
    • Table Games
    • Baccarat Online
    Craps Online
    Casino Bonuses
    Reload BonusesHigh Roller Bonuses + 200No Wagering Bonuses
    • Welcome Bonuses
    • About Us
    • Our Review Process
    Why Sign Up?
    News
    Canada€450 + 250 English
    • English UK
    • You are here:
    • Home
    Ags
    Fire Wolf Ii
    </strong> Free Spins

    Get top rewards from the on-site shop

    .carousel-horizontal-modern__control-buttons .owl-prev {

    .carousel-horizontal-modern__control-buttons [class*='owl-'] {

    .carousel-horizontal-modern__control-buttons .owl-next {

    .carousel-horizontal-modern__control-container {

    .csn-main-info.csn-main-info--terms-mode {

    .csn-main-info__offer-link .red-text, Claim your Bonus Crab Credits Compete for prizes in tournaments

    .csn-main-info__offer-link strong {

    .game-frame--fullscreen .csn-main-info__terms-show,

    .game-frame--fullscreen .csn-main-info__terms {

    link

    li.csn-main-info__features-list-item {

    .csn-main-info__features-list-item {

    Play Now link .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;

    Read Malina Casino Review

    .csn-main-info__terms::-webkit-scrollbar { width: 8px; border-radius: 4px; background-color: #e7e8e9; }

    .csn-main-info__terms::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #a2a3a3; }

    .csn-main-info__terms::-webkit-scrollbar-track { border-radius: 4px; background-color: #e7e8e9; }

    .csn-main-info.csn-main-info--show-terms .csn-main-info__terms {

    .CA.ON .csn-main-info.csn-main-info--show-terms .csn-main-info__terms {

    Bet On Red Casino Bet On Red Casino .SE .csn-main-info.csn-main-info--show-terms .csn-main-info__terms {

    Bet On Red Casino 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 {

    Get up to

    .green-background .csn-main-info__offer-link,

    Free Spins

    Flamenco Stacks

    Forest Dragons

    Fu Nan Fu Nu

    .green-background .csn-main-info__offer-link .red-text,

    Goddess Treasures

    Gold Inferno

    .green-background .csn-main-info__offer-link strong,

    Golden Blessings

    Golden Nile

    .green-background .csn-main-info__features-list-item,

    Golden Ram

    Golden Wins

    .green-background .csn-main-info__review-link {

    Golden Wins

    Golden Wins Deluxe Grand Royale Hearts & Horns Imperial Luck
    Luck & Luxury Lucky Sky +18Mine Blast Olympus Strikes Peacock Beauty
    Peacock Beauty

    Pirate Plunder

    Rakin' Bacon Odyssey

    River Dragons

    Spin Bonanza

    Vegas Stacks

    Casino Bonuses

    .carousel-horizontal__control-buttons .owl-next span{
    .carousel-horizontal__control-buttons.inactive button,Register .

    View more

    .carousel-horizontal__control-buttons .owl-prev.inactive,

    Explore all account benefits Explore all account benefits

    .carousel-horizontal__control-buttons .owl-next.inactive{

    Already have an account?( signinSign In)

    .carousel-horizontal__control-buttons .owl-prev span{

    Explore all account benefits

    .carousel-horizontal__bonuses .owl-stage-outer{

    Explore all account benefits

    Enter your email

    2

    Incorrect email address

    1

    show/hide password

    3

    Hide password

    Show password

    Enter your password

    Incorrect password

    .carousel-horizontal__header-title span {

    Repeat your passwordIncorrect password     + 200I agree to the
    Terms & Conditions
    Terms & Conditions

    Send me the latest promotions

    Create Account

    Terms & Conditions

    .carousel-horizontal.on-green-background .carousel-horizontal__control-more{Terms & Conditions

    .carousel-horizontal.on-green-background .carousel-horizontal__control-buttons button {

    Privacy Policy

    and

    Terms of Service

    apply.

    One Last Step

    We’ve sent you a link to your email

    to confirm your account

    Go to VegasSlotsOnline Homepage
    Go to VegasSlotsOnline Homepage