.ng-hide:not(.ng-hide-animate) { display: none !important; } /* ::::: https://twist-slots.org/assets/styles/styles-387ad98c53.css?v=1524563357609 ::::: */  /* ::::: https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic ::::: */  @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 400; 	src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(/uploads/161/bngruxnadjh0qyezv7ab-owlsbclwr26eg.woff2) format("woff2"); 	unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 400; 	src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(/uploads/161/bngruxnadjh0qyezv7ab-owlsbccwr26eg.woff2) format("woff2"); 	unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 400; 	src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(/uploads/161/bngruxnadjh0qyezv7ab-owlsbciwr26eg.woff2) format("woff2"); 	unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 400; 	src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(/uploads/161/bngruxnadjh0qyezv7ab-owlsbcgwr0.woff2) format("woff2"); 	unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 700; 	src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(/uploads/161/bngsuxnadjh0qyezv7ab-owlsbg95aiiw_3qrq.woff2) format("woff2"); 	unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 700; 	src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(/uploads/161/bngsuxnadjh0qyezv7ab-owlsbg95aibw_3qrq.woff2) format("woff2"); 	unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 700; 	src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(/uploads/161/bngsuxnadjh0qyezv7ab-owlsbg95ailw_3qrq.woff2) format("woff2"); 	unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { 	font-family: "PT Sans Narrow"; 	font-style: normal; 	font-weight: 700; 	src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(/uploads/161/bngsuxnadjh0qyezv7ab-owlsbg95aifw_0.woff2) format("woff2"); 	unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { box-sizing: border-box; font-size: 14px; font-family: "PT Sans Narrow",Helvetica,Arial,sans-serif; } body { margin: 0px; } aside, footer, header, main, nav, section { display: block; } a { background-color: transparent; text-decoration: none; outline: medium none; color: rgb(255, 225, 0); } a:active, a:hover { outline: 0px none; } h1 { margin: 0.67em 0px; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(5, 10, 20, 0) 0%, rgba(5, 10, 20, 0.05) 5%, rgba(5, 10, 20, 0.14) 11%, rgba(5, 10, 20, 0.61) 34%, rgba(5, 10, 20, 0.7) 41%, rgba(5, 10, 20, 0.75) 47%, rgba(5, 10, 20, 0.75) 53%, rgba(5, 10, 20, 0.65) 63%, rgba(5, 10, 20, 0.54) 70%, rgba(5, 10, 20, 0.14) 89%, rgba(5, 10, 20, 0.05) 95%, rgba(5, 10, 20, 0) 100%) repeat scroll 0% 0%; } img { border: 0px none; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0px; } input { color: inherit; font: inherit; margin: 0px; } input::-moz-focus-inner { border: 0px none; padding: 0px; } input { line-height: normal; } .btn.orange { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(85, 0, 0) 0%, rgb(106, 17, 0) 8%, rgb(122, 29, 0) 12%, rgb(212, 101, 0) 33%, rgb(227, 113, 0) 37%, rgb(245, 127, 0) 43%, rgb(252, 133, 0) 47%, rgb(255, 135, 0) 51%, rgb(252, 133, 0) 55%, rgb(245, 127, 0) 59%, rgb(227, 113, 0) 65%, rgb(212, 101, 0) 69%, rgb(122, 29, 0) 90%, rgb(106, 17, 0) 94%, rgb(89, 3, 0) 100%) repeat scroll 0% 0%; } .btn { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(0, 40, 0) 0%, rgb(3, 56, 0) 8%, rgb(5, 70, 0) 14%, rgb(12, 120, 0) 34%, rgb(16, 135, 0) 50%, rgb(12, 120, 0) 66%, rgb(5, 70, 0) 86%, rgb(3, 56, 0) 92%, rgb(0, 40, 0) 100%) repeat scroll 0% 0%; } .item::before { background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(175, 225, 255, 0.35) 0%, rgb(175, 225, 255) 50%, rgba(175, 225, 255, 0.35) 100%) repeat scroll 0% 0%; } .login-widget-header, .side-block-header { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(5, 10, 20) 0%, rgb(13, 24, 37) 14%, rgb(29, 54, 72) 35%, rgb(35, 65, 85) 49%, rgb(34, 63, 83) 57%, rgb(29, 54, 72) 67%, rgb(13, 24, 37) 88%, rgb(6, 11, 22) 100%) repeat scroll 0% 0%; } .header-top-nav-wrapper > .header-top-nav > li:first-child:hover { background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 20%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%; } .lang-container::after { background: rgba(0, 0, 0, 0) linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.7) 50%) repeat scroll 0% 0%; } .search, .search-input { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.07) 0%, rgba(38, 61, 132, 0) 50%, rgba(255, 255, 255, 0.07) 100%) repeat scroll 0% 0%; } body, html { height: 100%; } body, h1 { font-weight: 700; } body { background-color: rgb(0, 5, 25); background-attachment: fixed; color: rgb(255, 255, 255); } *, *::after, *::before { box-sizing: inherit; } h1 { margin-top: 0px; font-size: 30px; height: 50px; line-height: 50px; } h1, h2, h3 { color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; } .flag-icon-gb { background-image: url(/uploads/161/gb.svg); } .flag-icon-ru { background-image: url(/uploads/161/ru.svg); } .content-layout::after, .content-layout::before, .items::after, .items::before, .page-layout::after, .page-layout::before { content: " "; display: table; } .content-layout::after, .items::after, .page-layout::after { clear: both; } .w100 { width: 100% !important; } .gradient-line { margin: 0px; height: 1px; width: 100%; display: block; clear: both; position: relative; border: medium none; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 150, 255, 0) 0%, rgba(0, 150, 255, 0.9) 45%, rgb(0, 150, 255) 50%, rgba(0, 150, 255, 0.88) 56%, rgba(0, 150, 255, 0) 100%) repeat scroll 0% 0%; } .gradient-line.white-top { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.88) 56%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%; top: -9px; } .gradient-line.white-bottom { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.88) 56%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0%; bottom: -9px; } .mt10 { margin-top: 10px !important; } .mb20 { margin-bottom: 20px !important; } .text-uppercase { text-transform: uppercase; } .btn { transition: box-shadow 0.33s ease-in-out 0s; } .carousel-inner { position: fixed; width: 100%; } .carousel-item { position: absolute; text-align: center; left: 50%; } .carousel-item { top: 0px; transform: translate(-50%); transition: opacity 0.8s ease 0s; opacity: 1; bottom: 0px; } .carousel-item > a { display: inline-block; position: relative; } .carousel-item .grad-overlay { background: rgba(0, 0, 0, 0) url(/uploads/161/black-grad2.png) no-repeat scroll 0% 0%; content: ""; position: absolute; top: 0px; right: 0px; width: 1920px; height: 880px; } .carousel-item img { max-height: 878px; } .header-top-nav-wrapper > .header-top-nav > li > a:hover { color: rgb(255, 255, 255); } .page-layout { width: 1170px; margin: 0px auto; } .content-layout { position: relative; background-color: rgb(38 79 111); } .page-wrapper { height: 100%; } .page-content { width: 1170px; margin: 0px auto; border-width: 0px; position: relative; } .page-content::before { content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 320px; } .content-section { float: left; padding: 30px; width: 860px; background: rgba(205, 235, 255, 0.05) none repeat scroll 0% 0%; } .header-top-nav-wrapper > .header-top-nav > li:hover::after { opacity: 1; } .aside-section { float: right; padding: 30px 20px 0px; width: 310px; } .page-header { height: 380px; } .header-navbar { height: 60px; } .header-top-nav-wrapper > .header-top-nav::after, .header-top-nav-wrapper > .header-top-nav::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0px; } .header-top-nav-wrapper > .header-top-nav::before { background-color: rgb(0, 0, 0); } .header-top-nav-wrapper > .header-top-nav:last-child::before { background-color: transparent; } .header-top-nav-wrapper { width: 1170px; margin: 0px auto; } .header-top-nav-wrapper > .header-top-nav { position: relative; z-index: 10; margin: 0px 0px 0px 120px; width: 1050px; display: table; justify-content: flex-end; } .header-top-nav-wrapper > .header-top-nav::after, .header-top-nav-wrapper > .header-top-nav::before { left: auto; } .header-top-nav-wrapper > .header-top-nav::before { right: 0px; } .header-top-nav-wrapper > .header-top-nav::after { right: -1px; } .header-top-nav-wrapper > .header-top-nav > li { position: relative; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(0, 25, 40) 0%, rgb(35, 115, 165) 50%, rgb(0, 25, 40) 100%) repeat scroll 0% 0%; display: table-cell; vertical-align: top; min-width: 126px; } .header-top-nav-wrapper > .header-top-nav > li::before { content: ""; border-left: 1px solid rgb(0, 0, 0); position: absolute; width: 1px; height: 100%; display: block; top: 0px; left: 0px; } .header-top-nav-wrapper > .header-top-nav > li > a { transition: all 0.333s ease 0s; color: rgba(255, 255, 255, 0.5); font-size: 15px; font-weight: 700; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(200, 200, 200) 51%, rgb(255, 255, 255) 100%) repeat scroll 0% 0% padding-box text; display: block; width: 100%; height: 100%; line-height: 60px; text-align: center; cursor: pointer; position: relative; z-index: 2; text-transform: uppercase; } .login-widget-buttons {     padding-top: 20px; } .header-top-nav-wrapper > .header-top-nav > li::after { content: ""; position: absolute; width: 100%; height: 64px; top: -34px; left: 0px; background: rgba(0, 0, 0, 0) url(/uploads/161/item-bg-top.png) no-repeat scroll center bottom; opacity: 0; transition: opacity 0.2s ease 0s; } .header-top-nav-wrapper > .header-top-nav > li:hover { background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; } .header-top-nav-wrapper > .header-top-nav > li:first-child { width: 190px; padding-left: 20px; border-left: medium none; } .header-top-nav-wrapper > .header-top-nav > li:first-child::before { content: ""; top: 0px; background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, rgb(0, 0, 0) 50%, transparent 100%) repeat scroll 0% 0%; position: absolute; width: 100px; height: 100%; display: block; left: -50px; border-left: medium none; } .header-top-nav-wrapper > .header-top-nav > li:first-child:hover::before { display: none; } .header-top-nav-wrapper > .header-top-nav > li:last-child { background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; width: 70px; min-width: 70px; } .header-top-nav-wrapper > .header-top-nav > li:last-child::after { background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; height: 0px; } .lang-container { display: flex; flex-direction: column; align-items: center; height: 58px; justify-content: center; } .lang-container::after { content: ""; width: 200px; position: absolute; left: 0px; top: 0px; height: 100%; z-index: -1; } .lang-container > a { width: 22px; height: 16px; margin: 3px; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0); background-size: cover; opacity: 0.4; position: relative; z-index: 1; } .lang-container > a:hover { box-shadow: 0px 0px 10px rgb(255, 255, 255); opacity: 1; } .games-filter-list > li.active::after, .games-filter-list > li:hover::after, .lang-container > a.active { opacity: 1; } .header-slider { height: 380px; position: relative; margin: 0px auto; z-index: 0; top: -60px; } .games-filter-list { display: flex; justify-content: space-around; align-items: center; max-width: 1200px; height: 60px; margin: 0px auto; padding: 0px; font-size: 1.14286rem; background-color: rgba(0, 0, 0, 0.7); list-style-type: none; text-transform: uppercase; z-index: 10; font-weight: 700; } .games-filter-list > li { line-height: 60px; min-width: 185px; text-align: center; transition: color 0.2s ease 0s, opacity 0.2s ease 0s; position: relative; cursor: pointer; } .games-filter-list > li.active .games-nav-name:not(.game-name), .games-filter-list > li.active > a, .games-filter-list > li:hover .games-nav-name:not(.game-name), .games-filter-list > li:hover > a { color: rgb(255, 225, 0) !important; z-index: 1; } .games-filter-list > li.active svg, .games-filter-list > li:hover svg { fill: rgb(255, 225, 0); } .games-filter-list > li::after { content: ""; position: absolute; width: 100%; height: 60px; bottom: 0px; right: -10px; background: rgba(0, 0, 0, 0) url(/uploads/161/item-bg-bottom.png) no-repeat scroll center bottom; opacity: 0; transition: opacity 0.2s ease 0s; z-index: 0; } .games-filter-list > li:last-child .games-nav-name::after { content: ""; position: absolute; top: 24px; right: 10px; border-style: solid; border-color: rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 0px 2px 2px 0px; display: inline-block; padding: 3px; transform: rotate(45deg); transform-origin: 70% 70% 0px; transition: transform 0.3s ease 0s; } .games-filter-list > li .games-nav-item { display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: rgb(255, 255, 255); cursor: pointer; padding: 0px 35px; position: relative; } .games-filter-list > li .games-nav-item .games-nav-icon { width: 40px; height: 40px; margin-right: 5px; fill: rgb(255, 255, 255); } .header-content .page-layout { position: relative; } .header-login, .site-logo { position: absolute; top: -337px; z-index: 10; } .site-logo { top: 0px; z-index: 15; } .header-login { width: 310px; right: 0px; } .login-widget { display: block; width: 310px; } .login-widget-socials { display: block; position: relative; width: 100%; padding: 20px; text-align: center; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; } .login-widget-header { display: block; height: 50px; position: relative; margin: -20px -20px 0px; } .login-widget-header h3 { margin: 0px; font-size: 1.42857rem; padding-top: 15px; line-height: 22px; font-weight: 700; } .login-widget-buttons .widget-btn { height: 50px; width: 47%; font-size: 1.14286rem !important; line-height: 30px; padding: 0.65em 0.5em; } .login-widget-buttons .widget-reg-btn { margin-right: 4%; } .site-footer { position: relative; z-index: 2; background-color: rgb(0, 6, 27); } .service { width: 1170px; margin: 0px auto; } .site-footer .payments-warnings-wrapper { width: 100%; padding: 15px 0px; background-color: rgb(0, 10, 16); position: relative; } .site-footer .payments-warnings-wrapper > img { margin: 10px auto; display: block; } .site-footer .payments-warnings-wrapper .payments-header { color: rgb(35, 115, 165); text-transform: uppercase; margin: 0px; } .site-footer .dark-bg { background: rgb(0, 10, 16) none repeat scroll 0% 0%; } .site-footer .blue-bg { background: rgb(6, 12, 32) none repeat scroll 0% 0%; } .service { display: flex; justify-content: space-around; align-items: baseline; } .service-item, .service-name { display: flex; justify-content: center; align-items: center; } .service-item { position: relative; width: 25%; font-size: 1.07143rem; text-align:center } .service-name { height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; position: absolute; font-size: 1rem; font-weight: 700; bottom: 20px; left: 0px; right: 0px; color: rgb(255, 255, 255); text-align:center} .footer-navbar { display: flex; align-items: center; justify-content: center; background: rgb(0, 11, 17) none repeat scroll 0% 0%; } .footer-nav { list-style-type: none; text-align: center; } .footer-nav > li { text-transform: uppercase; display: inline-block; margin: 0px 5px; } .footer-nav a { color: rgba(255, 255, 255, 0.5); transition: color 0.333s ease 0s; } .footer-nav a:hover { text-decoration: underline; } .footer-info, .footer-info-content { display: flex; justify-content: space-between; align-items: center; } .footer-info { font-size: 14px; width: 1170px; margin: 0px auto; height: 30px; } .footer-info-content > * { color: rgb(35, 115, 165); } .btn { display: inline-block; font-size: 1.14286rem; transition: opacity 0.2s ease 0s; } .btn { outline: 0px none !important; padding: 0.65em 2em; box-sizing: border-box; text-align: center; text-decoration: none; position: relative; text-transform: uppercase; color: rgb(255, 255, 255); border: medium none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35); cursor: pointer; white-space: nowrap; font-weight: 700; } .btn:hover { opacity: 0.85; } .btn.orange { font-size: 1.42857rem; } .btn.l { font-size: 1.42857rem; } .btn.game-item-btn { width: 40%; font-size: 1.14286rem; padding: 0.65em; } .btn-block { display: block; width: 100%; } .side-block-header h3::before { text-align: center; } .items { margin: 0px; padding-bottom: 15px; } .item { position: relative; width: 240px; border-radius: 0px; padding: 9px; z-index: 1; float: left; margin: 13px; transform: translate3d(0px, 0px, 0px); } .item::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0.5; } .item:hover:not(.wide) .item-overlay { transform: translate3d(0px, 0px, 0px); } .item:hover:not(.wide) .item-title { color: rgb(255, 225, 0); } .item-inner { width: 222px; height: 120px; position: relative; overflow: hidden; } .item-img img { width: 100%; } .item-overlay, .item-title { position: absolute; width: 100%; } .item-overlay { top: 0px; background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; transform: translate3d(0px, -112px, 0px); height: 90px; padding: 25px 0px 0px; transition: transform 0s ease 0s, all 0.3s ease 0s; text-align: center; } .item-title { text-transform: uppercase; height: 32px; line-height: 32px; padding: 0px 15px; font-size: 1.14286rem; white-space: nowrap; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; bottom: -2px; transition: color 0.2s ease 0s; text-align: left; } @media screen and (max-width: 1440px) { 	@-moz-document url-prefix("") { } } input:-moz-placeholder, input::-moz-placeholder { color: rgba(116, 117, 115, 0.75); } .search { display: block; } .search, .search-input { border: medium none; outline: medium none; color: rgb(255, 255, 255); } .search { padding: 0px; height: 50px; line-height: 50px; margin-bottom: 33px; width: 270px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; } .search .search-input { border: medium none; } .search-input { display: inline-block; padding: 0.938em 0.6em; width: 225px; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; font-size: 1.14286rem; text-transform: uppercase; } .search-input-submit { position: relative; top: 4px; display: inline-block; outline: 0px none; border: 0px none; background-image: url(/uploads/161/sprite.png); background-position: -366px -422px; width: 17px; height: 17px; background-color: transparent; } .side-block { display: block; margin: 0px 0px 20px; width: 270px; min-height: 100px; } .side-block-header { height: 60px; background-color: rgb(0, 0, 0); } .side-block-header h3 { margin: 0px; font-size: 1.42857rem; padding-top: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .side-block-header, .tournament-img { display: block; width: 100%; } .game-of-month-block span { display: block; text-align: center; font-size: 1.14286rem; text-transform: uppercase; } .game-of-month-block span { width: 100%; min-height: 40px; padding: 10px 30px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; } .game-of-month-block .title-game a { color: rgb(255, 255, 255); transition: opacity 0.2s ease 0s; } .game-of-month-block .title-game a:hover { opacity: 0.7; } .now-winning-block { min-height: 110px; } .now-winning-block ul { padding: 0px; margin: 0px; background-color: rgb(0, 0, 0); } .now-winning-winner { display: flex; justify-content: center; align-items: center; padding: 0px 5px; height: 50px; line-height: 50px; font-size: 1rem; position: relative; } .now-winning-winner span { vertical-align: top; width: 33% !important; height: 50px !important; margin: 0px !important; padding: 0px 10px; overflow: hidden; display: block; text-align: center; } .now-winning-winner .winner-name { display: inline-block; margin-left: 10px; width: 40px; overflow: hidden; color: rgb(255, 225, 0); text-transform: uppercase; } .now-winning-winner .winner-game, .now-winning-winner .winner-summ { display: inline-block; margin-left: 15px; width: 70px; overflow: hidden; color: rgb(255, 255, 255); } .now-winning-winner .winner-game { width: 50px; color: rgb(217, 114, 0); } .now-winning-winner .winner-game img { width: 100%; vertical-align: middle; line-height: 0; transition: box-shadow 0.333s ease 0s; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); } .now-winning-winner .winner-game img:hover { box-shadow: 0px 0px 10px 0px rgba(105, 227, 0, 0.75); } .now-winning-winner .winners-separator { position: absolute; left: 0px; bottom: -9px; height: 1px; width: 100%; display: block; border: 0px none; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 150, 255, 0) 0%, rgba(0, 150, 255, 0.9) 45%, rgb(0, 150, 255) 50%, rgba(0, 150, 255, 0.88) 56%, rgba(0, 150, 255, 0) 100%) repeat scroll 0% 0%; } .now-winning-block .now-winning-winner:first-child { border-top: 0px none; } .growl-container { position: fixed; z-index: 99999; top: 0px; right: 25px; } /* ::::: https://static.siteheart.com/widget/sh/20171117150146/css/index.css ::::: */ .main_block {     max-width: 1100px;     margin: auto; 	    font-size: 16px; } iframe{   width: 100%;   height:100%; } .game-iframe{   width: 100%;   height: 400px; }  .site-footer .payments-warnings-wrapper { text-align: center; } .payments-warnings-wrapper { text-align: center; } .payments-warnings-wrapper img, .game-iframe img { max-width: 100%; height: auto; } .footer-info { justify-content: center; } a.menu-lines { display: none; }  @media only screen and (max-width: 1428px) {    } @media only screen and (max-width: 1200px) {   .header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block { width: 960px; }   .header-top-nav-wrapper > .header-top-nav { width: calc(960px - 120px); padding-left: 0; }   .header-top-nav-wrapper > .header-top-nav > li { width: 105px!important; min-width: auto;  }   .site-logo img { width: 145px; }   .content-section { width: 650px; padding: 20px;  }   .item { float: none; margin: 13px 32px; }   popular-games { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap;     justify-content: space-between; }   .service-item { width: 24%; }   .service-name { font-size: 12.5px; height: 40px; }   .main_block img { max-width: 100%; height: auto!important; }   .site-footer .payments-warnings-wrapper > img { max-width: 90%; } } @media only screen and (max-width: 992px) { 	.header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block, .footer-info { width: 740px; }   .header-top-nav-wrapper > .header-top-nav { position: absolute; top: 70px; right: 0; display: block; margin: 0; width: auto; z-index: 999;   	background: #132d49; display: none; }   .header-top-nav-wrapper > .header-top-nav li { display: block; padding: 0!important; width: 200px!important; }   .header-top-nav-wrapper > .header-top-nav > li > a { line-height: 40px; }   .lang-container { flex-direction: row; height: 40px; }   .header-top-nav-wrapper > .header-top-nav > li:first-child::before { border-left: 1px solid rgb(0, 0, 0); background: none; left: auto; }   .header-top-nav-wrapper > .header-top-nav > li:first-child:hover { background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; }   .header-top-nav-wrapper > .header-top-nav > li:last-child {  background:  rgb(0, 0, 0) none repeat scroll 0px 0px; }   .header-top-nav-wrapper { position: relative; }   a.menu-lines { display: block; position: absolute; top: 30px; right: 0; z-index: 998; }   a.menu-lines .line { height: 5px; width: 45px; background: #206c9b; margin-bottom: 6px; }   .header-top-nav-wrapper > .header-top-nav > li::after { display: none; }   .carousel-item > a { display: none; }   .header-login { top: -200px; left: 0; width: 100%; right: auto; }   .login-widget { width: 100%; }   .login-widget-socials { padding: 0; }   .login-widget-buttons { padding: 0; display: flex; justify-content: space-between; }   .login-widget-header { margin: 0 0 10px; }   .mt10 { margin-top: 0!important; }   .login-widget-buttons .widget-reg-btn { margin-right: 0; }   .login-widget-buttons .widget-btn { width: 40%; margin-right: 10px; }   .btn.l { width: 80%!important; padding: 10px 50px; }   .header-slider { height: 250px; }   .page-header { height: 260px; }   .games-filter-list > li { min-width: auto; width: 20%; }   .games-filter-list > li .games-nav-item { padding: 0 5px; }   .content-section { width: 100%; float: none;  }   .item { margin: 13px 55px; }   .aside-section { float: none; width: 100%; }   .games-search, .search { width: 100%; }   .search-input { width: 95%; }   .side-block .btn.l { width: 100%!important; }   .aside-section > div { width: 270px; margin: 0 auto; }   .aside-section > winners-widget { margin: 0 auto; width: 100%; display: block; }   .side-block { width: 100%; }   .now-winning-winner span.winner-game img { width: 80px!important; }   .service { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap;     justify-content: space-between; }   .service-item { width: 45%;  }   .service-name { font-size: 14px; height: 50px; } } @media only screen and (max-width: 768px) { 	.header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block, .footer-info { width: 620px; }   .item { margin: 13px 25px; }   .games-nav-icon { display: none; }   .games-filter-list > li::after { right: 0; }   h1 { font-size: 24px; }   h2 { font-size: 22px; }   h3 { font-size: 20px; }   h4 { font-size: 18px; }   footer-menu ul { padding-left: 0; } } @media only screen and (max-width: 640px) { 	.header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block, .footer-info { width: 500px; }   .item { margin: 13px 110px; }   .header-slider, .page-header { height: 230px; }   .search-input { width: 90%; }   .service-item { width: 100%; }   h1 { font-size: 22px; line-height: 22px; }   h2 { font-size: 20px; line-height: 20px; }   h3 { font-size: 18px; }   h4 { font-size: 16px; }   .main_block img { width: 100%!important; }   .login-widget-buttons .widget-btn { height: 40px; line-height: 18px; }   .btn.l { padding: 6px 50px; }   .games-filter-list { font-size: 14px; } } @media only screen and (max-width: 525px) { 	.header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block, .footer-info { width: 340px; }   .login-widget-buttons { display: block; }   .login-widget-buttons .widget-btn { width: 49%; margin: 0 0 10px; }   .btn.l { width: 100%!important; }   .item { margin: 13px 30px; }   games-filter { display: none; }   .page-content { margin-top: 40px; }   p img { width: 100%; } } @media only screen and (max-width: 360px) { 	.header-top-nav-wrapper, .page-layout, .page-content, .service, .main_block, .footer-info { width: 300px; }   .item { margin: 10px; }   .aside-section { padding: 30px 10px 0px; }    }