/* Theme Name: Responsivo Version: 1.2.5 Theme URI: # Author: Protheos Themes Author URI: # */ /* ----------------------- RESETS ---------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, footer .footer-bg ul.nav-style-1 li span, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; list-style: none; text-decoration: none; } * { list-style: none; margin: 0; padding: 0; border: 0; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } .bt-small, .bt-large { float: right; color: #fff; font-size: 17px; padding: 2px 15px; text-align: center; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; font-family: 'bebas', Arial, Helvetica, sans-serif; background: #f15b00; } .bt-small:hover, .bt-large:hover { background: #ebebeb; color: #000; } .bt-small:active, .bt-large:active { background: #ebebeb; color: #000; } .bt-large { font-size: 22px; padding: 4px 15px; } .bt-center { float: none; display: table; margin: 5px auto 5px auto; } @media (max-width: 900px) { .top-rev-bt { display: none; } } .bt-full { display: block; float: none; margin: 5px auto 5px auto; clear: both; display: none; } @media (max-width: 900px) { .bt-full { display: block; } } .aligncenter { display: block; margin: 5px auto 5px auto; } .left { float: left; } .right { float: right; } .maximum { width: 100% !important; } .nopadding { padding: 0 !important; } .block { display: block !important; } .inot { color: #CACACA !important; } ::selection { background: #000; color: #fff; } ::-moz-selection { background: #000; color: #fff; } .clear { clear: both; } img { max-width: 100%; height: auto; } .svg-lib { display: none; } .icon { width: 30px; height: 30px; fill: #fff; } .chat { width: 26px; height: 26px; } .first { width: 30px; height: 30px; } .usa { width: 26px; height: 26px; } .ice { width: 20px; height: 20px; fill: #00ade6; margin: 0 0 -1px 0; } .fire { width: 20px; height: 20px; fill: #f15b00; } .fa-windows { color: #00adef; } .fa-apple { color: #333333; } .fa-android { color: #74b919; } .top-bar-bg { float: left; width: 100%; background: #ffe400; overflow: hidden; } .top-bar, .date { float: left; font-family: 'bebas', Arial, Helvetica, sans-serif; } .top-bar { width: 79%; min-height: 50px; background: #002c48; text-transform: uppercase; color: #fff; font-size: 2px; padding: 0px 0 10px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1202px) { .top-bar { width: 100%; text-align: center; padding: 15px 60px 10px 60px; } } .top-bar span { width: 60%; float: left; padding: 16px 0 0 0; } @media (max-width: 1202px) { .top-bar span { width: 100%; margin: 0 0 10px 0; padding: 0 10px; } } .follow { width: 40%; float: left; } @media (max-width: 1202px) { .follow { width: 100%; margin: 0 0 10px 0; } } .follow span { width: auto; float: right; margin: 0 10px 0 0; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } @media (max-width: 1202px) { .follow span { display: none; } } .follow:hover > span { color: #00ade6; } .follow a, .follow footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .follow span { float: right; margin: 11px 10px 0 0px; } .follow a i, .follow footer .footer-bg ul.nav-style-1 li span i, footer .footer-bg ul.nav-style-1 li .follow span i { font-size: 14px; color: #fff; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .follow a i:hover, .follow footer .footer-bg ul.nav-style-1 li span i:hover, footer .footer-bg ul.nav-style-1 li .follow span i:hover { color: #ffe400; } @media (max-width: 1202px) { .follow a, .follow footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .follow span { float: none; text-align: center; } } .date { width: 21%; height: 50px; background: #ffe400; color: #002c48; font-size: 20px; text-align: center; padding: 13px 0 12px 0px; } @media (max-width: 1202px) { .date { display: none; } } .date:hover .time { -moz-animation: spin 3s ease-in-out; -webkit-animation: spin 3s ease-in-out; -o-animation: spin 3s ease-in-out; animation: spin 3s ease-in-out; } .time { width: 18px; height: 18px; fill: #002c48; float: left; position: relative; top: 2px; left: 9px; } .header { float: left; width: 100%; } .header-img { max-width: 100%; height: auto; min-height: 141px; background: url("assets/images/header.jpg"); background-color: #002c48; padding: 20px 30px; } @media (max-width: 1202px) { .header-img { text-align: center; } } .top-banner { float: right; } @media (max-width: 1202px) { .top-banner { display: none; } } .grid { margin: 0 0 20px 0; } .grid .heading { margin: 0 20px 15px 0; position: relative; } .grid .heading a, .grid .heading footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .grid .heading span { position: absolute; top: 8px; right: 10px; background: #00ade6; color: #fff; padding: 4px 10px; } .grid .heading a:hover:after, .grid .heading footer .footer-bg ul.nav-style-1 li span:hover:after, footer .footer-bg ul.nav-style-1 li .grid .heading span:hover:after { margin: 0 0 0 15px; } .grid .heading a:after, .grid .heading footer .footer-bg ul.nav-style-1 li span:after, footer .footer-bg ul.nav-style-1 li .grid .heading span:after { content: "+"; margin: 0 0 0 5px; color: #fff; -webkit-transition: margin 0.5s ease; -moz-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; transition: margin 0.5s ease; } .grid:after { content: ""; display: table; clear: both; } [class*='col-'] { float: left; padding-right: 20px; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } @media (max-width: 1202px) { [class*='col-'] { margin: 0 0 20px 0; } } .grid [class*='col-']:last-of-type { padding-right: 20px; } .col-1 { width: 100%; } article header { float: left; width: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #ebebeb; } .above-the-fold { margin: 0 0 10px 0; } .col-2-3 { width: 66.66%; } .col-1-3 { width: 33.33%; } @media (max-width: 600px) { .col-1-3 .show-container i { font-size: 110px; } } @media (max-width: 600px) { .col-1-3 { width: 100%; } } .col-1-2 { width: 50%; } .col-1-2 .show-container i { font-size: 110px; } @media (max-width: 600px) { .col-1-2 { width: 100%; } } .col-1-4 { width: 25%; } .col-1-4 .show-container i { font-size: 60px; } @media (max-width: 1202px) { .col-1-4 .show-container i { font-size: 70px; } } @media (max-width: 900px) { .col-1-4 .show-container i { font-size: 110px; } } @media (max-width: 900px) { .col-1-4 { width: 50%; } } @media (max-width: 600px) { .col-1-4 { width: 100%; } } .col-1-5 { width: 20%; } .col-1-5 .show-container i { font-size: 50px; } @media (max-width: 1202px) { .col-1-5 .show-container i { font-size: 60px; } } @media (max-width: 900px) { .col-1-5 .show-container i { font-size: 110px; } } @media (max-width: 900px) { .col-1-5 { width: 50%; } } @media (max-width: 600px) { .col-1-5 { width: 100%; } } .col-1-8 { width: 12.5%; } .module { width: 100%; float: left; padding: 0 20px 0 0; } /* Opt-in outside padding */ .grid-pad { padding: 20px 0 20px 20px; } .grid-pad [class*='col-']:last-of-type { padding-right: 20px; } @font-face { font-family: 'bebas'; src: url("assets/font/bebas/bebaskai-regular-webfont.eot"); src: url("assets/font/bebas/bebaskai-regular-webfont.eot") format("embedded-opentype"), url("assets/font/bebas/bebaskai-regular-webfont.woff2") format("woff2"), url("assets/font/bebas/bebaskai-regular-webfont.woff") format("woff"), url("assets/font/bebas/bebaskai-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } a, footer .footer-bg ul.nav-style-1 li span { color: #00ade6; } p a, p footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li p span { text-decoration: underline; } p a:hover, p footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg ul.nav-style-1 li p span:hover { text-decoration: none; } p { padding: 6px 0; } h1, h2, h3, h4, h5, h6 { font-family: 'bebas', Arial, Helvetica, sans-serif; font-weight: normal; color: #002c48; display: inline-block; } h1 a, h1 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h1 span, h2 a, h2 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h2 span, h3 a, h3 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h3 span, h4 a, h4 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h4 span, h5 a, h5 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h5 span, h6 a, h6 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li h6 span { color: #002c48; text-decoration: none; } .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 { color: #002c48; font-size: 24px; padding: 0 10px 0 0; margin: 0 0 3px 43px; display: inherit; } h1 { font-size: 38px; line-height: 32px; } h2 { font-size: 22px; line-height: 24px; } h3 { font-size: 20px; line-height: 22px; } h4 { font-size: 18px; line-height: 20px; } h5 { font-size: 16px; line-height: 18px; } h6 { font-size: 16px; line-height: 18px; } .heading { display: block; background: #ebebeb; padding: 12px 0 8px 10px; text-transform: uppercase; letter-spacing: 1px; color: #002c48; font-family: 'bebas', Arial, Helvetica, sans-serif; } .heading:before { font-family: 'FontAwesome'; float: left; margin: 0 8px 0 0; font-size: 23px; } .heading svg { float: left; fill: #002c48; margin: -4px 8px 0 0; } .content .heading h1, .content .heading h2, .content .heading h3, .content .heading h4, .content .heading h5, .content .heading h6 { font-size: 24px; width: 75%; } @media (max-width: 600px) { .content .heading h1, .content .heading h2, .content .heading h3, .content .heading h4, .content .heading h5, .content .heading h6 { width: 65%; } } @media (max-width: 500px) { .content .heading h1, .content .heading h2, .content .heading h3, .content .heading h4, .content .heading h5, .content .heading h6 { width: 58%; } } @media (max-width: 400px) { .content .heading h1, .content .heading h2, .content .heading h3, .content .heading h4, .content .heading h5, .content .heading h6 { width: 55%; } } #bread { font-size: 24px; background: #ebebeb; color: #002c48; } #bread .current { color: #00ade6; } #bread a, #bread footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li #bread span { background: none; position: static; padding: 0; color: #002c48; } #bread a:after, #bread footer .footer-bg ul.nav-style-1 li span:after, footer .footer-bg ul.nav-style-1 li #bread span:after { display: none; } #bread .bread-holder { margin: 0 0 0 43px; } .nav-ico:before { content: "\f041"; } .footer-bg .nav-ico:before { color: #fff; content: "\f041"; } .featured-ico:before { content: "\f0eb"; } .diamond-ico:before { content: "\f219"; font-size: 24px; } .paper-ico:before { content: "\f1ea"; } .pen-ico:before { content: "\f044"; } .thumb-ico:before { content: "\f087"; } .mobile-ico:before { content: "\f10b"; font-size: 43px; } .plane-ico:before { color: #fff; content: "\f1d9"; } article ul li { list-style-type: disc; list-style-position: inside; } article ol li { list-style-type: decimal; list-style-position: inside; } .about ul li { list-style-type: disc; list-style-position: inside; } .about ol li { list-style-type: decimal; list-style-position: inside; } body { background: #ebebeb; font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; color: #565656; } .frame { max-width: 1196px; overflow: hidden; margin: 0 auto; background: #fff; position: relative; } .content-box { float: left; width: 100%; padding: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1202px) { .content-box { padding: 20px 0 20px 20px; } } .content { float: left; width: 878px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1202px) { .content { width: 100%; } } .date-comment { float: left; width: 100%; margin: 5px 0; color: #00ade6; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 18px; } .date-comment .post-date, .date-comment .post-comment { display: inline-block; margin: 0 20px 4px 0; } .date-comment .post-comment svg { fill: #00ade6; display: inline-block; margin: 0 4px -7px 0; } .review-col { width: 100%; float: left; margin: 0 0 10px 0; } .review-col [class*='col-']:last-of-type { padding-right: 0px; } .col-60 { display: table-cell; width: 497px; height: 334px; position: relative; overflow: hidden; } .col-60 img { position: relative; max-width: none; height: 100%; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 900px) { .col-60 { width: 397px; margin: 0 10px 20px 0; } } @media (max-width: 800px) { .col-60 { width: 297px; } } @media (max-width: 700px) { .col-60 { width: 100%; height: auto; padding: 0; margin: 0 0 10px 0; } .col-60 img { max-width: 100%; height: auto; } } .col-40 { float: none; display: table-cell; padding: 0 0 0 0; } @media (max-width: 700px) { .col-40 { padding: 0; } } .col-40-max { display: block; } .impression { float: left; width: 100%; background: #ebebeb; color: #002c48; font-size: 22px; font-family: 'bebas', Arial, Helvetica, sans-serif; } .impression h3 { font-size: 28px; padding: 15px 10px 10px 10px; } .impression .graph { float: left; width: 100%; height: 39px; background: #002c48; color: #fff; line-height: 40px; padding: 0 0 0 10px; margin: 2px 0 0 0; position: relative; } .impression .graph span { z-index: 2; position: relative; } .impression .graph .rating { position: absolute; top: 0; left: 0; width: 100%; height: 39px; } .impression .graph .fillit { width: 100%; height: 39px; background: #00ade6; -moz-animation: graph 2s ease; -webkit-animation: graph 2s ease; -o-animation: graph 2s ease; animation: graph 2s ease; } .impression .graph .r-1 { width: 1%; } .impression .graph .r-2 { width: 2%; } .impression .graph .r-3 { width: 3%; } .impression .graph .r-4 { width: 4%; } .impression .graph .r-5 { width: 5%; } .impression .graph .r-6 { width: 6%; } .impression .graph .r-7 { width: 7%; } .impression .graph .r-8 { width: 8%; } .impression .graph .r-9 { width: 9%; } .impression .graph .r-10 { width: 10%; } .impression .graph .r-11 { width: 11%; } .impression .graph .r-12 { width: 12%; } .impression .graph .r-13 { width: 13%; } .impression .graph .r-14 { width: 14%; } .impression .graph .r-15 { width: 15%; } .impression .graph .r-16 { width: 16%; } .impression .graph .r-17 { width: 17%; } .impression .graph .r-18 { width: 18%; } .impression .graph .r-19 { width: 19%; } .impression .graph .r-20 { width: 20%; } .impression .graph .r-21 { width: 21%; } .impression .graph .r-22 { width: 22%; } .impression .graph .r-23 { width: 23%; } .impression .graph .r-24 { width: 24%; } .impression .graph .r-25 { width: 25%; } .impression .graph .r-26 { width: 26%; } .impression .graph .r-27 { width: 27%; } .impression .graph .r-28 { width: 28%; } .impression .graph .r-29 { width: 29%; } .impression .graph .r-30 { width: 30%; } .impression .graph .r-31 { width: 31%; } .impression .graph .r-32 { width: 32%; } .impression .graph .r-33 { width: 33%; } .impression .graph .r-34 { width: 34%; } .impression .graph .r-35 { width: 35%; } .impression .graph .r-36 { width: 36%; } .impression .graph .r-37 { width: 37%; } .impression .graph .r-38 { width: 38%; } .impression .graph .r-39 { width: 39%; } .impression .graph .r-40 { width: 40%; } .impression .graph .r-41 { width: 41%; } .impression .graph .r-42 { width: 42%; } .impression .graph .r-43 { width: 43%; } .impression .graph .r-44 { width: 44%; } .impression .graph .r-45 { width: 45%; } .impression .graph .r-46 { width: 46%; } .impression .graph .r-47 { width: 47%; } .impression .graph .r-48 { width: 48%; } .impression .graph .r-49 { width: 49%; } .impression .graph .r-50 { width: 50%; } .impression .graph .r-51 { width: 51%; } .impression .graph .r-52 { width: 52%; } .impression .graph .r-53 { width: 53%; } .impression .graph .r-54 { width: 54%; } .impression .graph .r-55 { width: 55%; } .impression .graph .r-56 { width: 56%; } .impression .graph .r-57 { width: 57%; } .impression .graph .r-58 { width: 58%; } .impression .graph .r-59 { width: 59%; } .impression .graph .r-60 { width: 60%; } .impression .graph .r-61 { width: 61%; } .impression .graph .r-62 { width: 62%; } .impression .graph .r-63 { width: 63%; } .impression .graph .r-64 { width: 64%; } .impression .graph .r-65 { width: 65%; } .impression .graph .r-66 { width: 66%; } .impression .graph .r-67 { width: 67%; } .impression .graph .r-68 { width: 68%; } .impression .graph .r-69 { width: 69%; } .impression .graph .r-70 { width: 70%; } .impression .graph .r-71 { width: 71%; } .impression .graph .r-72 { width: 72%; } .impression .graph .r-73 { width: 73%; } .impression .graph .r-74 { width: 74%; } .impression .graph .r-75 { width: 75%; } .impression .graph .r-76 { width: 76%; } .impression .graph .r-77 { width: 77%; } .impression .graph .r-78 { width: 78%; } .impression .graph .r-79 { width: 79%; } .impression .graph .r-80 { width: 80%; } .impression .graph .r-81 { width: 81%; } .impression .graph .r-82 { width: 82%; } .impression .graph .r-83 { width: 83%; } .impression .graph .r-84 { width: 84%; } .impression .graph .r-85 { width: 85%; } .impression .graph .r-86 { width: 86%; } .impression .graph .r-87 { width: 87%; } .impression .graph .r-88 { width: 88%; } .impression .graph .r-89 { width: 89%; } .impression .graph .r-90 { width: 90%; } .impression .graph .r-91 { width: 91%; } .impression .graph .r-92 { width: 92%; } .impression .graph .r-93 { width: 93%; } .impression .graph .r-94 { width: 94%; } .impression .graph .r-95 { width: 95%; } .impression .graph .r-96 { width: 96%; } .impression .graph .r-97 { width: 97%; } .impression .graph .r-98 { width: 98%; } .impression .graph .r-99 { width: 99%; } .impression .graph .r-100 { width: 100%; } .impression .col-1 { margin: 0; display: table; } .impression .col-1 .summary { display: table-cell; padding: 10px; vertical-align: middle; } .impression .col-1 .summary span { font-size: 22px; display: block; } .impression .col-1 .summary p { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #565656; line-height: 16px; padding: 0; } .impression .col-1 .rating-overall { display: table-cell; max-width: 100%; min-width: 125px; background: #002c48; font-size: 58px; color: #fff; text-align: center; vertical-align: middle; padding: 6px 0 0 0; } .impression .col-1 .rating-overall span { line-height: 44px; display: block; } .impression .col-1 .rating-overall p { font-size: 24px; display: block; color: #00ade6; } .impression .col-1 .rating-overall i { position: relative; top: -5px; margin: 0px 2px 0px 0; font-size: 20px; color: #00ade6; } .casino-information { float: left; width: 33.5%; margin: 0 1.5% 15px 0; border: 1px solid #cfcfcf; border-collapse: collapse; } .casino-information thead, .casino-information tbody { width: 100%; padding: 0 10px 0 10px; float: left; } .casino-information thead { font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 26px; color: #002c48; } .casino-information thead tr, .casino-information thead th { width: 100%; float: left; text-align: left; font-weight: normal; padding: 4px 0; } .casino-information tbody tr { float: left; width: 100%; border-top: 1px dotted #dcdcdc; padding: 3px 0; } .casino-information tbody tr:hover { background: #fafafa; } .casino-information .ciq { width: 100px; font-weight: bold; } @media (max-width: 400px) { .casino-information .ciq { display: block; } } @media (max-width: 1000px) { .casino-information { width: 40%; } } @media (max-width: 820px) { .casino-information { width: 100%; } } .casino-hot-not { float: left; width: 65%; margin: 0 0 15px 0; border: 1px solid #cfcfcf; border-collapse: collapse; } .casino-hot-not thead, .casino-hot-not tbody { width: 100%; padding: 0 10px 0 10px; float: left; } .casino-hot-not thead { font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 26px; color: #002c48; } .casino-hot-not thead tr { width: 100%; float: left; padding: 4px 0; } .casino-hot-not thead th { width: 50%; float: left; text-align: left; font-weight: normal; padding: 4px 0; } .casino-hot-not thead .casino-hot { color: #f15b00; } .casino-hot-not thead .casino-not { color: #00ade6; } @media (max-width: 560px) { .casino-hot-not thead { display: none; } } .casino-hot-not tbody tr { float: left; width: 100%; border-top: 1px dotted #dcdcdc; padding: 3px 0; } .casino-hot-not tbody tr:hover { background: #fafafa; } .casino-hot-not tbody tr td { float: left; width: 50%; } .casino-hot-not tbody tr td span { display: list-item; list-style-position: outside; list-style-type: disc; padding: 0 15px 0 0; margin: 0 0 0 15px; } @media (max-width: 560px) { .casino-hot-not .hottie { background: #f15b00; color: #fff; width: 100%; list-style-type: none; padding: 0 0 0 10px; } } @media (max-width: 560px) { .casino-hot-not .coldie { background: #00ade6; color: #fff; width: 100%; list-style-type: none; padding: 0 0 0 10px; } } @media (max-width: 1000px) { .casino-hot-not { width: 58.5%; } } @media (max-width: 820px) { .casino-hot-not { width: 100%; } } .review header h1 { max-width: 50%; margin: 0 6px 0 0; } @media (max-width: 900px) { .review header h1 { max-width: 100%; } } #slot-game-bg { float: left; width: 100%; padding: 15px; margin: 0 0 15px 0; background: #ebebeb; } #slot-game { padding-bottom: 75%; position: relative; } #slot-game iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .play-casino { width: 100%; float: left; margin: 0 0 15px 0; font-family: 'bebas', Arial, Helvetica, sans-serif; } .play-casino h3 { display: block; border-bottom: 1px solid #ebebeb; font-size: 28px; padding: 0 0 10px 0; margin: 0 0 10px 0; } .play-casino .col-1-3:last-of-type, .play-casino .col-1-2:last-of-type, .play-casino .col-1:last-of-type { padding: 0; } .play-casino .col-1 { background: #ebebeb; padding: 0; margin: 0; } .play-casino .col-1-2 { background: #ebebeb; padding: 0; margin: 0; } @media (max-width: 900px) { .play-casino .col-1-2 { width: 100%; } } .play-casino .col-1-3 { background: #ebebeb; padding: 0; margin: 0; } @media (max-width: 900px) { .play-casino .col-1-3 { width: 100%; } } .play-casino .casino-opt-img { display: table-cell; width: 94px; background: #000; position: relative; } .play-casino .casino-opt-img img { position: absolute; top: 0; left: 0; } .play-casino .casino-opt { display: table-cell; height: 59px; padding: 8px 0 0 8px; } .play-casino .casino-opt h4 { display: block; } .play-casino .casino-opt h4 a, .play-casino .casino-opt h4 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .play-casino .casino-opt h4 span { font-size: 20px; color: #002c48; line-height: 20px; } .play-casino .casino-opt a, .play-casino .casino-opt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .play-casino .casino-opt span { font-size: 18px; color: #f15b00; position: relative; } .play-casino .casino-opt a svg, .play-casino .casino-opt footer .footer-bg ul.nav-style-1 li span svg, footer .footer-bg ul.nav-style-1 li .play-casino .casino-opt span svg { position: absolute; top: 0; right: -28px; width: 20px; height: 20px; } .play-casino .call-to { width: 100%; display: table; text-align: center; } .play-casino .call-to a, .play-casino .call-to footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .play-casino .call-to span, .play-casino .call-to span, .play-casino .call-to div { width: 33.33%; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0; line-height: 16px; font-size: 18px; } .play-casino .call-to a, .play-casino .call-to footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .play-casino .call-to span { background: #f15b00; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .play-casino .call-to a:hover, .play-casino .call-to footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg ul.nav-style-1 li .play-casino .call-to span:hover { background: #ebebeb; color: #002c48; } .play-casino .call-to span { background: #00ade6; } .play-casino .call-to div { background: #002c48; color: #00ade6; } .play-casino .call-to div b { color: #fff; font-weight: normal; } /* ----------------------- TOP NAVIGATION ---------------------- */ nav#top-navigation { float: left; width: 100%; background: #002c48; padding: 13px 30px; } @media (max-width: 1202px) { nav#top-navigation { float: none; position: fixed; left: -300px; top: 0; height: 100%; width: 240px; overflow: hidden; z-index: 50; padding: 13px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } .open { left: 0px !important; } /* - TOP NAVIGATION LVL 0 - */ nav#top-navigation ul { font-family: 'bebas', Arial, Helvetica, sans-serif; } @media (max-width: 1202px) { nav#top-navigation ul { width: 100%; } } nav#top-navigation ul li { float: left; font-size: 20px; position: relative; } @media (max-width: 1202px) { nav#top-navigation ul li { font-size: 10px; width: 100%; padding: 0px 0px 0 5px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } } .open-nav { display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1202px) { .open-nav { cursor: pointer; display: block; position: fixed; top: 0; left: 0; width: 56px; height: 56px; background: #002c48; color: #fff; z-index: 9999; } .open-nav:hover { background: #00ade6; } .open-nav .fa-bars { position: absolute; top: 11px; right: 16px; color: #fff; font-size: 10px; } .open-nav:before { display: none; } } .open-nav-open { left: 240px; } .sub-menu-icon { position: absolute; top: 30%; right: 0; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 14px solid #00ade6; } @media (max-width: 1202px) { .sub-menu-icon { display: none; } } nav#top-navigation ul li a, nav#top-navigation footer .footer-bg ul.nav-style-1 li span, footer .footer-bg nav#top-navigation ul.nav-style-1 li span { color: #fff; padding: 13px 20px 14px 20px; line-height: 10px; position: relative; } @media (max-width: 1202px) { nav#top-navigation ul li a, nav#top-navigation footer .footer-bg ul.nav-style-1 li span, footer .footer-bg nav#top-navigation ul.nav-style-1 li span { width: 100%; display: block; padding: 10px 0px 10px 20px; } } nav#top-navigation ul li a:hover, nav#top-navigation footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg nav#top-navigation ul.nav-style-1 li span:hover { color: #00ade6; } nav#top-navigation ul li:hover .sub-menu-icon { border-top: 14px solid #fff; } /* - TOP NAVIGATION LVL 1 - */ nav#top-navigation ul li ul { position: absolute; top: 45px; left: 20px; width: 200px; background: #dedede; z-index: 9999; } @media (max-width: 1202px) { nav#top-navigation ul li ul { position: static; float: left; width: 100%; margin: 10px 0; background: none; } } nav#top-navigation ul li ul li { width: 100%; font-size: 24px; overflow: hidden; height: 0; -webkit-transition: height 150ms ease-in; -moz-transition: height 150ms ease-in; -o-transition: height 150ms ease-in; transition: height 150ms ease-in; position: relative; } @media (max-width: 1202px) { nav#top-navigation ul li ul li { float: left; height: auto; padding: 0px 0 0 10px; font-size: 18px; } } nav#top-navigation ul li ul li:hover { background: #00ade6; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } @media (max-width: 1202px) { nav#top-navigation ul li ul li:hover { background: none; } } nav#top-navigation ul li:hover ul li { height: auto; border-bottom: 1px solid #fff; } @media (max-width: 1202px) { nav#top-navigation ul li:hover ul li { border-bottom: none; height: auto; } } nav#top-navigation ul li ul li:last-child { border-bottom: none; } nav#top-navigation ul li ul li a, nav#top-navigation footer .footer-bg ul.nav-style-1 li ul li span, footer .footer-bg nav#top-navigation ul.nav-style-1 li ul li span { display: block; color: #a3a3a3; padding: 10px 20px; line-height: 14px; } @media (max-width: 1202px) { nav#top-navigation ul li ul li a, nav#top-navigation footer .footer-bg ul.nav-style-1 li ul li span, footer .footer-bg nav#top-navigation ul.nav-style-1 li ul li span { padding: 13px 10px 14px 15px; color: #fff; } } nav#top-navigation ul li ul li a:after, nav#top-navigation footer .footer-bg ul.nav-style-1 li ul li span:after, footer .footer-bg nav#top-navigation ul.nav-style-1 li ul li span:after { display: none; } nav#top-navigation ul li ul li a:hover, nav#top-navigation footer .footer-bg ul.nav-style-1 li ul li span:hover, footer .footer-bg nav#top-navigation ul.nav-style-1 li ul li span:hover { color: #fff; } @media (max-width: 1202px) { nav#top-navigation ul li ul li a:hover:hover, nav#top-navigation footer .footer-bg ul.nav-style-1 li ul li span:hover:hover, footer .footer-bg nav#top-navigation ul.nav-style-1 li ul li span:hover:hover { color: #00ade6; } } #flex-container { width: 100%; float: left; background: #000; overflow: hidden; font-family: 'bebas', Arial, Helvetica, sans-serif; } .large-flex { float: left; height: 320px; width: 100%; } @media (max-width: 900px) { .large-flex { height: 440px; } } @media (max-width: 640px) { .large-flex { height: 320px; } } @media (max-width: 460px) { .large-flex { height: 480px; } } .item-30, .item-20, .item-100, .item-50, .item-33, .item-25, .item-40, .item-20-5 { float: left; overflow: hidden; position: relative; cursor: pointer; } .item-30 { width: 30%; background: #000; height: 320px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 900px) { .item-30 { width: 33.33%; height: 220px; } } @media (max-width: 640px) { .item-30 { width: 33.33%; height: 160px; } } @media (max-width: 460px) { .item-30 { width: 50%; height: 160px; } } .item-20 { width: 20%; background: #000; height: 160px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 900px) { .item-20 { width: 33.33%; height: 220px; } } @media (max-width: 640px) { .item-20 { width: 33.33%; height: 160px; } } @media (max-width: 460px) { .item-20 { width: 50%; height: 160px; } } .item-20-5 { width: 20%; background: #000; height: 320px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 900px) { .item-20-5 { width: 20%; height: 440px; } } @media (max-width: 640px) { .item-20-5 { width: 20%; height: 320px; } } @media (max-width: 460px) { .item-20-5 { width: 50%; height: 160px; } } .item-100 { width: 100%; background: #000; height: 320px; } @media (max-width: 900px) { .item-100 { height: 440px; } } @media (max-width: 640px) { .item-100 { height: 320px; } } @media (max-width: 460px) { .item-100 { height: 480px; } } .item-50 { width: 50%; background: #000; height: 320px; } @media (max-width: 900px) { .item-50 { height: 440px; } } @media (max-width: 640px) { .item-50 { height: 320px; } } @media (max-width: 460px) { .item-50 { width: 100%; height: 240px; } } .item-40 { width: 40%; background: #000; height: 160px; } .item-33 { width: 33.33%; background: #000; height: 320px; } @media (max-width: 900px) { .item-33 { height: 440px; } } @media (max-width: 640px) { .item-33 { height: 320px; } } @media (max-width: 460px) { .item-33 { width: 100%; height: 160px; } } .item-25 { width: 25%; background: #000; height: 320px; } @media (max-width: 900px) { .item-25 { width: 50%; height: 220px; } } @media (max-width: 640px) { .item-25 { width: 50%; height: 160px; } } @media (max-width: 460px) { .item-25 { width: 50%; height: 240px; } } .item-30 img, .item-20 img, .item-100 img, .item-50 img, .item-33 img, .item-25 img, .item-40 img, .item-20-5 img { position: relative; width: auto; max-width: none; height: 100%; left: 50%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .slot-rating, .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .slot-rating { position: absolute; top: 10px; right: 10px; width: 60px; height: 60px; background: #00ade6; color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; padding: 13px 0 0 0; line-height: 20px; z-index: 1; } @media (max-width: 900px) { .slot-rating, .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .slot-rating { width: 42px; height: 42px; font-size: 12px; line-height: 16px; padding: 7px 0 0 0; } } .item-20 .slot-rating, .item-20 .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .item-20 .slot-rating, .item-20 .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .item-20 .slot-rating, .item-40 .slot-rating, .item-40 .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .item-40 .slot-rating, .item-40 .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .item-40 .slot-rating, .item-20-5 .slot-rating, .item-20-5 .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .item-20-5 .slot-rating, .item-20-5 .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .item-20-5 .slot-rating { width: 42px; height: 42px; font-size: 12px; line-height: 16px; padding: 7px 0 0 0; } .slot-rating span, .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .slot-rating span { display: block; font-size: 28px; } @media (max-width: 900px) { .slot-rating span, .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .slot-rating span { font-size: 20px; } } .item-20 .slot-rating span, .item-20 .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .item-20 .slot-rating span, .item-20 .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .item-20 .slot-rating span, .item-40 .slot-rating span, .item-40 .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .item-40 .slot-rating span, .item-40 .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .item-40 .slot-rating span, .item-20-5 .slot-rating span, .item-20-5 .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .item-20-5 .slot-rating span, .item-20-5 .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .item-20-5 .slot-rating span { font-size: 20px; } .slot-title { position: absolute; bottom: 0; left: 0; background: rgba(0, 44, 72, 0.8); text-align: center; width: 100%; color: #fff; font-size: 20px; padding: 8px 0; z-index: 1; } @media (max-width: 900px) { .slot-title { padding: 4px 0; font-size: 16px; } } .item-20 .slot-title, .item-40 .slot-title, .item-20-5 .slot-title { padding: 4px 0; font-size: 16px; } .item-download, .item-visit, .item-review { position: absolute; top: 50px; left: -140px; width: 100px; height: 60px; background: rgba(255, 255, 255, 0.6); text-align: center; padding: 20px 0 0 0; z-index: 1; } .item-download span, .item-visit span, .item-review span { color: #000; font-size: 18px; } @media (max-width: 900px) { .item-download span, .item-visit span, .item-review span { font-size: 16px; } } @media (max-width: 900px) { .item-download, .item-visit, .item-review { position: absolute; top: 25px; left: -100px; width: 70px; height: 30px; background: rgba(255, 255, 255, 0.6); text-align: center; padding: 12px 0 0 0; z-index: 1; padding: 5px 0; } } .item-visit { top: 111px; left: -320px; } @media (max-width: 900px) { .item-visit { top: 56px; left: -280px; } } .item-review { top: 172px; left: -520px; } @media (max-width: 900px) { .item-review { top: 87px; left: -500px; } } .item-20 .item-download, .item-20 .item-visit, .item-20 .item-review, .item-40 .item-download, .item-40 .item-visit, .item-40 .item-review, .item-20-5 .item-review, .item-20-5 .item-visit, .item-20-5 .item-download { position: absolute; top: 25px; left: -100px; width: 70px; height: 30px; background: rgba(255, 255, 255, 0.6); text-align: center; padding: 12px 0 0 0; z-index: 1; padding: 5px 0; } .item-20 .item-download span, .item-20 .item-visit span, .item-20 .item-review span, .item-40 .item-download span, .item-40 .item-visit span, .item-40 .item-review span, .item-20-5 .item-review span, .item-20-5 .item-visit span, .item-20-5 .item-download span { font-size: 16px; } .item-20 .item-visit, .item-40 .item-visit, .item-20-5 .item-visit { top: 56px; left: -280px; } .item-20 .item-review, .item-40 .item-review, .item-20-5 .item-review { top: 87px; left: -500px; } .item-download:hover, .item-visit:hover, .item-review:hover { background: white; } .item-download:active, .item-visit:active, .item-review:active { background: white; } .item-pos { left: 0; } .item-20 .item-pos, .item-40 .item-pos, .item-20-5 .item-pos { left: 0; } .slot-title-move { bottom: -60px; } .move { right: -60px; } .read-more, .more-comments { float: left; height: 30px; min-width: 85px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin: 10px -85px 0 0; line-height: 30px; padding: 0 20px; background: #ffe400; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 18px; color: #002c48; text-decoration: none; position: relative; z-index: 2; } .read-more:after, .more-comments:after { content: "+"; margin: 0 0 0 5px; } @media (max-width: 700px) { .read-more, .more-comments { width: 100%; text-align: center; margin: 10px 0px 0 0; } } @media (max-width: 600px) { .read-more, .more-comments { min-width: 85px; width: auto; margin: 10px -85px 0 0; } } .more-comments { width: 85px; background: #ebebeb; z-index: 1; } @media (max-width: 700px) { .more-comments { width: 100%; margin: -30px 0px 0 0; } } @media (max-width: 600px) { .more-comments { width: 85px; margin: 10px -85px 0 0; } } .more-comments .more-comments-show { display: inline-block; width: 76px; margin: 0 0 0 -11px; } .more-comments span { display: inline-block; margin: 0 0 10px 2px; } @media (max-width: 700px) { .more-comments span { width: 85px; margin: 0 0 10px -30px; } } .more-comments span i { margin: 0 5px 0 0; font-size: 19px; } .more-comments:after { display: none; } .more-comments svg { position: absolute; top: 3px; left: 14px; fill: #002c48; } .overflow { clear: both; overflow: hidden; float: left; width: 100%; } .latest-news .col-1-3:hover .read-more, .latest-news .col-1-3:hover .more-comments, .latest-news .col-1-2:hover .read-more, .latest-news .col-1-2:hover .more-comments, .latest-news .col-1-4:hover .read-more, .latest-news .col-1-4:hover .more-comments { margin: 10px 0px 0 0; } .latest-news .col-1-3:hover .date-comment, .latest-news .col-1-2:hover .date-comment, .latest-news .col-1-4:hover .date-comment { margin: 0 0 0 0; } @media (max-width: 700px) { .latest-news .col-1-3:hover .more-comments, .latest-news .col-1-2:hover .more-comments, .latest-news .col-1-4:hover .more-comments { margin: 0px 0px 0 0; } } @media (max-width: 600px) { .latest-news .col-1-3:hover .more-comments, .latest-news .col-1-2:hover .more-comments, .latest-news .col-1-4:hover .more-comments { margin: 10px 0px 0 0; } } .latest-news .col-1-3 .date-comment, .latest-news .col-1-2 .date-comment, .latest-news .col-1-4 .date-comment { background: #ebebeb; clear: both; margin: -100px 0 0 0; padding: 5px 20px; font-size: 14px; -webkit-transition: margin 0.6s ease-in-out; -moz-transition: margin 0.6s ease-in-out; -o-transition: margin 0.6s ease-in-out; transition: margin 0.6s ease-in-out; color: #002c48; width: 170px; } @media (max-width: 700px) { .latest-news .col-1-3 .date-comment, .latest-news .col-1-2 .date-comment, .latest-news .col-1-4 .date-comment { width: 100%; } } @media (max-width: 600px) { .latest-news .col-1-3 .date-comment, .latest-news .col-1-2 .date-comment, .latest-news .col-1-4 .date-comment { width: 170px; } } .latest-news .col-1-3 .date-comment .post-date, .latest-news .col-1-3 .date-comment .post-comment, .latest-news .col-1-2 .date-comment .post-date, .latest-news .col-1-2 .date-comment .post-comment, .latest-news .col-1-4 .date-comment .post-date, .latest-news .col-1-4 .date-comment .post-comment { display: block; margin: 0 0px 0px 0; } .latest-news .col-1-3 .date-comment .post-date svg, .latest-news .col-1-3 .date-comment .post-comment svg, .latest-news .col-1-2 .date-comment .post-date svg, .latest-news .col-1-2 .date-comment .post-comment svg, .latest-news .col-1-4 .date-comment .post-date svg, .latest-news .col-1-4 .date-comment .post-comment svg { fill: #002c48; width: 16px; height: 16px; margin: 2px 8px 0 0; position: initial; } .latest-news .col-1-3 .date-comment .post-comment svg, .latest-news .col-1-2 .date-comment .post-comment svg, .latest-news .col-1-4 .date-comment .post-comment svg { fill: #002c48; width: 20px; height: 20px; margin: 0 4px -5px 0; } .latest-news .col-1-3 .date-comment .show-post-comment, .latest-news .col-1-2 .date-comment .show-post-comment, .latest-news .col-1-4 .date-comment .show-post-comment { display: block; } .latest-news .col-1-3 .date-comment .show-post-comment svg, .latest-news .col-1-2 .date-comment .show-post-comment svg, .latest-news .col-1-4 .date-comment .show-post-comment svg { fill: #002c48; width: 20px; height: 19px; margin: 2px 8px 0 -3px; float: left; } .latest-reviews .col-1-2:last-of-type { padding: 0 20px 0 20px; border-right: none; } @media (max-width: 600px) { .latest-reviews .col-1-2:last-of-type { padding: 0 20px 0 0px; } } .latest-reviews .col-1-2, .latest-reviews .col-1 { border-right: 1px solid #ebebeb; } .latest-reviews .col-1-2 h2, .latest-reviews .col-1 h2 { font-size: 32px; line-height: 34px; } .latest-reviews .col-1-2 .feature-image, .latest-reviews .col-1 .feature-image { width: 100%; position: relative; overflow: hidden; } .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .slot-rating { font-family: 'bebas', Arial, Helvetica, sans-serif; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .slot-rating span { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .latest-reviews .col-1-2:hover .read-more, .latest-reviews .col-1-2:hover .more-comments, .latest-reviews .col-1:hover .read-more, .latest-reviews .col-1:hover .more-comments { margin: 10px 0px 0 0; } .latest-reviews .col-1-2:hover .slot-rating, .latest-reviews .col-1:hover .slot-rating { width: 85px; height: 85px; font-size: 24px; } .latest-reviews .col-1-2:hover .slot-rating span, .latest-reviews .col-1:hover .slot-rating span { font-size: 42px; margin: 8px 0 8px 0; } @media (max-width: 600px) { .latest-reviews .col-1-2:hover .slot-rating span, .latest-reviews .col-1:hover .slot-rating span { margin: 14px 0 14px 0; } } @media (max-width: 1202px) { .latest-reviews .col-1-2 ul.latest-review-nav, .latest-reviews .col-1 ul.latest-review-nav { margin: 20px 0 0 0; } } .latest-reviews .col-1-2 ul.latest-review-nav li, .latest-reviews .col-1 ul.latest-review-nav li { float: left; width: 100%; margin: 0 0 40px 0; } .latest-reviews .col-1-2 ul.latest-review-nav li:hover .sidebar-article-thumb:before, .latest-reviews .col-1-2 ul.latest-review-nav li:hover .sidebar-best-thumb:before, .latest-reviews .col-1 ul.latest-review-nav li:hover .sidebar-article-thumb:before, .latest-reviews .col-1 ul.latest-review-nav li:hover .sidebar-best-thumb:before { left: 0%; } .latest-reviews .col-1-2 ul.latest-review-nav .latest-review-nav-right, .latest-reviews .col-1 ul.latest-review-nav .latest-review-nav-right { display: table-cell; padding: 0 0 0 10px; font-family: 'bebas', Arial, Helvetica, sans-serif; } .latest-reviews .col-1-2 ul.latest-review-nav .latest-review-nav-right a, .latest-reviews .col-1-2 ul.latest-review-nav .latest-review-nav-right footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .latest-reviews .col-1-2 ul.latest-review-nav .latest-review-nav-right span, .latest-reviews .col-1 ul.latest-review-nav .latest-review-nav-right a, .latest-reviews .col-1 ul.latest-review-nav .latest-review-nav-right footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .latest-reviews .col-1 ul.latest-review-nav .latest-review-nav-right span { font-size: 22px; color: #002c48; text-decoration: none; } .latest-reviews .col-1-2 ul.latest-review-nav .latest-review-nav-right .date-comment, .latest-reviews .col-1 ul.latest-review-nav .latest-review-nav-right .date-comment { margin: 0 0; max-width: 100%; } .latest-reviews .col-1-2 ul.latest-review-nav .sidebar-article-thumb:before, .latest-reviews .col-1-2 ul.latest-review-nav .sidebar-best-thumb:before, .latest-reviews .col-1 ul.latest-review-nav .sidebar-article-thumb:before, .latest-reviews .col-1 ul.latest-review-nav .sidebar-best-thumb:before { padding: 27px 0 0 24px; } .latest-reviews .col-1-2 .bt-small, .latest-reviews .col-1-2 .bt-large, .latest-reviews .col-1 .bt-small, .latest-reviews .col-1 .bt-large { font-size: 18px; background: #00ade6; padding: 4px 15px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .latest-reviews .col-1-2 .bt-small:after, .latest-reviews .col-1-2 .bt-large:after, .latest-reviews .col-1 .bt-small:after, .latest-reviews .col-1 .bt-large:after { content: "+"; margin: 0 0 0 5px; -webkit-transition: margin 0.5s ease; -moz-transition: margin 0.5s ease; -o-transition: margin 0.5s ease; transition: margin 0.5s ease; } .latest-reviews .col-1-2 .bt-small:hover, .latest-reviews .col-1-2 .bt-large:hover, .latest-reviews .col-1 .bt-small:hover, .latest-reviews .col-1 .bt-large:hover { background: #ebebeb; color: #000; } .latest-reviews .col-1-2 .bt-small:hover:after, .latest-reviews .col-1-2 .bt-large:hover:after, .latest-reviews .col-1 .bt-small:hover:after, .latest-reviews .col-1 .bt-large:hover:after { margin: 0 0 0 15px; } .latest-reviews .col-1-2 .bt-small:active, .latest-reviews .col-1-2 .bt-large:active, .latest-reviews .col-1 .bt-small:active, .latest-reviews .col-1 .bt-large:active { background: #ebebeb; color: #000; } .blog .col-1 { min-height: 167px; border-bottom: 1px solid #ebebeb; padding: 0 0px 10px 0; margin: 0 0 12px 0; } @media (max-width: 750px) { .blog .col-1 { min-height: 0; } } .blog .col-1 .blog-left { display: table-cell; position: relative; width: 272px; } @media (max-width: 750px) { .blog .col-1 .blog-left { display: none; } } .blog .col-1 .blog-left a, .blog .col-1 .blog-left footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .blog .col-1 .blog-left span { position: absolute; left: 0; top: 0; width: 100%; } .blog .col-1 .blog-right { display: table-cell; position: relative; padding: 0 0 0 20px; } @media (max-width: 750px) { .blog .col-1 .blog-right { padding: 0 0 32px 0; } } .blog .col-1 .blog-right h2, .blog .col-1 .blog-right h3, .blog .col-1 .blog-right h4 { width: 60%; } @media (max-width: 800px) { .blog .col-1 .blog-right h2, .blog .col-1 .blog-right h3, .blog .col-1 .blog-right h4 { width: 50%; } } @media (max-width: 750px) { .blog .col-1 .blog-right h2, .blog .col-1 .blog-right h3, .blog .col-1 .blog-right h4 { width: 100%; } } .blog .col-1 .blog-right .read-more, .blog .col-1 .blog-right .more-comments { position: absolute; top: 0; right: 0; margin: 0 85px 0 0; } @media (max-width: 750px) { .blog .col-1 .blog-right .read-more, .blog .col-1 .blog-right .more-comments { bottom: 0; top: auto; left: 0; right: auto; } } @media (max-width: 700px) { .blog .col-1 .blog-right .read-more, .blog .col-1 .blog-right .more-comments { min-width: 85px; width: auto; margin: 0 85px 0 0; } } .blog .col-1 .blog-right .more-comments { position: absolute; top: 0; right: 0; margin: 0 0 0 0; } @media (max-width: 750px) { .blog .col-1 .blog-right .more-comments { bottom: 0; top: auto; margin: 0 0 0 85px; } } @media (max-width: 700px) { .blog .col-1 .blog-right .more-comments { width: 85px; margin: 0 0 0 85px; } } .related-articles img, .latest-news img, .toplist-featured-posts img, .tp-img img { display: inherit; } .featured-casino .col-1:hover .none-fixed .slot-rating { width: 50px; height: 50px; font-size: 14px; padding: 10px 0 0 0; } .featured-casino .col-1:hover .none-fixed .slot-rating span { font-size: 24px; } .featured-casino .col-1 .none-fixed { display: table-cell; padding: 0 20px 0 0; position: relative; } @media (max-width: 600px) { .featured-casino .col-1 .none-fixed { padding: 0 0 0 0; } } .featured-casino .col-1 .none-fixed .fc-img { float: left; width: 31%; height: 125px; margin: 5px 2% 0 0; padding: 0 0 0 0; overflow: hidden; } @media (max-width: 460px) { .featured-casino .col-1 .none-fixed .fc-img { width: 100%; } } .featured-casino .col-1 .none-fixed .fc-img img { position: relative; max-width: none; height: 100%; left: 50%; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .featured-casino .col-1 .none-fixed .slot-rating { top: 0; right: 20px; width: 42px; height: 42px; font-size: 12px; line-height: 16px; padding: 7px 0 0 0; margin: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .featured-casino .col-1 .none-fixed .slot-rating span { font-size: 20px; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .featured-casino .col-1 .none-fixed h3 { font-size: 29px; margin: 10px 0 10px 0; padding: 0 70px 0 0; } .featured-casino .col-1 .none-fixed h3 a, .featured-casino .col-1 .none-fixed h3 footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .featured-casino .col-1 .none-fixed h3 span { margin: 0 5px 0 0; } .featured-casino .col-1 .none-fixed h3 svg { width: 22px; height: 22px; } .featured-casino .col-1 .none-fixed h3 span { font-size: 27px; color: #f15b00; margin: 0 0 0 5px; } @media (max-width: 600px) { .featured-casino .col-1 .none-fixed h3 span { display: block; margin: 10px 0 0 0; } } .featured-casino .col-1 .none-fixed h3 .slot-rating span { margin: 0 0 0 0; } .featured-casino .col-1 .featured-adv { display: table-cell; width: 250px; height: 250px; position: relative; } .featured-casino .col-1 .featured-adv img { position: absolute; top: 0; left: 0; } @media (max-width: 600px) { .featured-casino .col-1 .featured-adv { display: none; } } .featured-casino-full-no-img { float: left; width: 100%; } .mobile-select { float: left; width: 100%; } @media (max-width: 900px) { .mobile-select { padding: 0 20px 0 0; } } .mobile-casinos .col-1-2 { width: 48%; padding: 5px 20px 5px 5px; margin: 10px 2% 0px 0; background: #ebebeb; line-height: 18px; position: relative; overflow: hidden; } @media (max-width: 900px) { .mobile-casinos .col-1-2 { width: 100%; margin: 10px 0px 0px 0; } } @media (max-width: 460px) { .mobile-casinos .col-1-2 { text-align: center; } } .mobile-casinos .col-1-2:hover .overlay { left: 0%; } .mobile-casinos .col-1-2 p { z-index: 2; position: relative; color: #575757; display: table; } .mobile-casinos .col-1-2 p:after { content: ""; display: inline-block; width: 0; height: 0; margin: 0 0 -1px 5px; border-top: 6px solid transparent; border-left: 12px solid #00ade6; border-bottom: 6px solid transparent; } .mobile-casinos .col-1-2 h3 { z-index: 2; position: relative; font-size: 24px; margin: 10px 0 0 0; display: block; } .overlay { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .iphone-img, .android-img, .ipad-img, .windows-img { width: 178px; height: 111px; float: left; z-index: 2; margin: 0 15px 0 0; position: relative; } @media (max-width: 460px) { .iphone-img, .android-img, .ipad-img, .windows-img { float: none; margin: 0 auto; } } .iphone-img { background: url("assets/images/mobile.jpg") no-repeat 0 0; } .android-img { background: url("assets/images/mobile.jpg") no-repeat -178px 0; } .ipad-img { background: url("assets/images/mobile.jpg") no-repeat 0 -111px; } .windows-img { background: url("assets/images/mobile.jpg") no-repeat -178px -111px; } .about h3 { font-size: 29px; margin: 0 0 15px 0; } table.toplist { width: 100%; border-collapse: collapse; font-family: 'bebas', Arial, Helvetica, sans-serif; } table.toplist tr:nth-of-type(odd) { background: #f8f8f8; } table.toplist tr, table.toplist th { font-weight: normal; color: #002c48; } table.toplist tr { background: #ebebeb; border-bottom: 1px solid #fff; font-size: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } table.toplist tr:hover { background: #fff; } table.toplist tr:hover .ranking { background: #fff; } table.toplist th { background: #ebebeb; border-bottom: 2px solid #fff; font-size: 18px; } table.toplist td, table.toplist th { padding: 6px; text-align: center; } table.toplist td { height: 60px; } table.toplist a, table.toplist footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li table.toplist span { color: #002c48; } table.toplist .ranking { background: #ffe400; padding: 10px; text-align: center; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } table.toplist .bonus { color: #f15b00; } table.toplist .read, table.toplist .play { color: #fff; font-size: 16px; } table.toplist .read { background: #00a6de; padding: 6px 10px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } table.toplist .read:hover { color: #000; background: #ebebeb; } table.toplist .play { background: #f15b00; padding: 6px 18px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } table.toplist .play:hover { color: #000; background: #ebebeb; } #toplist-tabs ul { display: table; width: 100%; background: #00ade6; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 24px; } #toplist-tabs ul .ui-tabs-active { background: #ebebeb; } #toplist-tabs ul .ui-tabs-active a, #toplist-tabs footer .footer-bg ul.nav-style-1 .ui-tabs-active li span, footer .footer-bg #toplist-tabs ul.nav-style-1 .ui-tabs-active li span, #toplist-tabs footer .footer-bg ul.nav-style-1 li .ui-tabs-active span, footer .footer-bg #toplist-tabs ul.nav-style-1 li .ui-tabs-active span { color: #002c48; } #toplist-tabs ul li { display: table-cell; text-align: center; } #toplist-tabs ul li a, #toplist-tabs footer .footer-bg ul.nav-style-1 li span, footer .footer-bg #toplist-tabs ul.nav-style-1 li span { display: block; color: #fff; padding: 8px 0; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } #toplist-tabs ul li a:hover, #toplist-tabs footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg #toplist-tabs ul.nav-style-1 li span:hover { background: #ebebeb; color: #002c48; } @media (max-width: 800px) { .c-3 { display: none; } } @media (max-width: 680px) { .c-4 { display: none; } } @media (max-width: 480px) { .c-5 { display: none; } } .trophy:before { content: "\f091"; } .toplist-featured-posts, .top-casino-toplist { position: relative; overflow: hidden; } .toplist-featured-posts .more-extra, .top-casino-toplist .more-extra { position: absolute; bottom: 32px; left: -100%; width: 100%; z-index: 4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toplist-featured-posts .more-extra .more-extra-content, .top-casino-toplist .more-extra .more-extra-content { float: left; width: 100%; height: 100%; text-align: left; } .toplist-featured-posts .more-extra .more-extra-content .impression, .top-casino-toplist .more-extra .more-extra-content .impression { background: #002c48; padding: 8px 0 10px 0; } .toplist-featured-posts .more-extra .more-extra-content .impression .graph, .top-casino-toplist .more-extra .more-extra-content .impression .graph { height: 20px; line-height: 18px; } .toplist-featured-posts .more-extra .more-extra-content .impression span, .top-casino-toplist .more-extra .more-extra-content .impression span { font-size: 16px; } .toplist-featured-posts .more-extra .more-extra-content .impression .rating, .top-casino-toplist .more-extra .more-extra-content .impression .rating { height: 20px; } .toplist-featured-posts .more-extra .more-extra-content .impression .rating .fillit, .top-casino-toplist .more-extra .more-extra-content .impression .rating .fillit { height: 20px; } .toplist-featured-posts .more-extra .more-extra-content .impression .overall-rating, .top-casino-toplist .more-extra .more-extra-content .impression .overall-rating { height: 30px; } .toplist-featured-posts .more-extra .more-extra-content .impression .overall-rating span, .top-casino-toplist .more-extra .more-extra-content .impression .overall-rating span { font-size: 20px; line-height: 30px; } .toplist-featured-posts .more-extra .more-extra-content .impression .overall-rating .rating, .top-casino-toplist .more-extra .more-extra-content .impression .overall-rating .rating { height: 30px; } .toplist-featured-posts .more-extra .more-extra-content .impression .overall-rating .rating .fillit, .top-casino-toplist .more-extra .more-extra-content .impression .overall-rating .rating .fillit { height: 30px; background: #f15b00; } .toplist-featured-posts .pickaboo:hover .slot-rating, .top-casino-toplist .pickaboo:hover .slot-rating { right: -60px; } .toplist-featured-posts .ftc-top, .top-casino-toplist .ftc-top { font-family: 'bebas', Arial, Helvetica, sans-serif; float: left; width: 100%; margin: 5px 0 0 0; } .toplist-featured-posts .ftc-top h3, .top-casino-toplist .ftc-top h3 { float: left; font-size: 30px; display: inline-block; line-height: 26px; } .toplist-featured-posts .ftc-top svg, .top-casino-toplist .ftc-top svg { float: left; width: 20px; height: 21px; margin: 0 6px; } .toplist-featured-posts .ftc-top span, .top-casino-toplist .ftc-top span { float: left; font-size: 22px; color: #00ade6; } .toplist-featured-posts ul, .top-casino-toplist ul { float: left; width: 100%; margin: 5px 0 0 0; } .toplist-featured-posts ul li, .top-casino-toplist ul li { float: left; width: 100%; position: relative; font-size: 14px; padding: 0 0 0 12px; line-height: 20px; } .toplist-featured-posts ul li:before, .top-casino-toplist ul li:before { content: "\002022"; color: #00ade6; position: absolute; left: 0; top: 0; font-size: 19px; } .toplist-featured-posts .ftc-compatible, .top-casino-toplist .ftc-compatible { font-family: 'bebas', Arial, Helvetica, sans-serif; color: #002c48; font-size: 24px; padding: 10px; margin: 5px 0 0 0; float: left; width: 100%; background: #ebebeb; } .toplist-featured-posts .ftc-compatible .os, .top-casino-toplist .ftc-compatible .os { display: inline-block; } .toplist-featured-posts .ftc-compatible .os i, .top-casino-toplist .ftc-compatible .os i { margin: 0 0 0 7px; } .toplist-featured-posts .ftc-bt, .top-casino-toplist .ftc-bt { font-family: 'bebas', Arial, Helvetica, sans-serif; float: left; margin: 5px 0 5px 0; width: 100%; text-align: center; background: #00ade6; font-size: 24px; position: relative; overflow: hidden; } .toplist-featured-posts .ftc-bt a, .toplist-featured-posts .ftc-bt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .toplist-featured-posts .ftc-bt span, .top-casino-toplist .ftc-bt a, .top-casino-toplist .ftc-bt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .top-casino-toplist .ftc-bt span { color: #fff; position: relative; z-index: 3; display: block; padding: 10px 0; } .toplist-featured-posts .ftc-bt:hover .slot-list-bt-hover, .top-casino-toplist .ftc-bt:hover .slot-list-bt-hover { left: 0%; } .ftc-extras { display: table; font-family: 'bebas', Arial, Helvetica, sans-serif; width: 100%; text-align: center; margin: 5px 0 0 0; color: #002c48; font-size: 17px; position: relative; } .ftc-extras a, .ftc-extras footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .ftc-extras span { padding: 5px 0; color: #002c48; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .ftc-extras .ftc-more { background: #ffe400; position: relative; overflow: hidden; padding: 0 5px; } .ftc-extras .ftc-more a, .ftc-extras .ftc-more footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .ftc-extras .ftc-more span { display: block; position: relative; z-index: 3; } .ftc-extras .ftc-more .slot-list-bt-hover { background: #002c48; left: auto; right: 100%; } .ftc-extras .ftc-more:hover a, .ftc-extras .ftc-more:hover footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .ftc-extras .ftc-more:hover span { color: #fff; } .ftc-extras .ftc-more:hover .slot-list-bt-hover { right: 0%; } .ftc-extras .ftc-read-review { display: table-cell; background: #002c48; position: relative; overflow: hidden; padding: 0 5px; } .ftc-extras .ftc-read-review .slot-list-bt-hover { background: #00ade6; } .ftc-extras .ftc-read-review:hover .slot-list-bt-hover { left: 0%; } .ftc-extras .ftc-read-review a, .ftc-extras .ftc-read-review footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .ftc-extras .ftc-read-review span { color: #fff; display: block; position: relative; z-index: 3; } .ftc-extras .post-views { padding: 5px 5px; background: #ebebeb; display: table-cell; } .ftc-extras .post-views .fa { font-size: 19px; margin: 0 5px 0 0; } .pos-rate, .top-casino-toplist .col-1 .tp-img .tp-pos-rate { position: absolute; top: 0; left: 0; height: 0px; width: 0px; border-top: 38px solid #ff4e00; border-right: 38px solid transparent; } .top-position { position: absolute; top: 2px; left: 5px; color: #fff; font-size: 18px; font-family: 'bebas', Arial, Helvetica, sans-serif; } .toplist-featured-posts .slot-rating, .toplist-featured-posts .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .toplist-featured-posts .slot-rating, .toplist-featured-posts .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .toplist-featured-posts .slot-rating, .top-casino-toplist .slot-rating, .top-casino-toplist .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .top-casino-toplist .slot-rating, .top-casino-toplist .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .top-casino-toplist .slot-rating { background: #002c48; font-family: 'bebas', Arial, Helvetica, sans-serif; bottom: 0; right: 0; top: auto; height: 52px; width: 52px; padding: 9px 0 0 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .toplist-featured-posts .slot-rating span, .toplist-featured-posts .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .toplist-featured-posts .slot-rating span, .toplist-featured-posts .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .toplist-featured-posts .slot-rating span, .top-casino-toplist .slot-rating span, .top-casino-toplist .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .top-casino-toplist .slot-rating span, .top-casino-toplist .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .top-casino-toplist .slot-rating span { font-size: 24px; line-height: 18px; } .top-casino-toplist { margin: 0 0 0 0; } .top-casino-toplist .col-1 { position: relative; overflow: hidden; } .top-casino-toplist .col-1 .tp-cell-1, .top-casino-toplist .col-1 .tp-cell-2, .top-casino-toplist .col-1 .tp-cell-3 { display: table-cell; } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-cell-1, .top-casino-toplist .col-1 .tp-cell-2, .top-casino-toplist .col-1 .tp-cell-3 { float: left; width: 100%; } } .top-casino-toplist .col-1 .toplist-row { display: table; border-bottom: 1px solid #ebebeb; padding: 0 0 8px 0; margin: 0 0 8px 0; } .top-casino-toplist .col-1 .tp-img { width: 268px; height: 152px; position: relative; } @media (max-width: 720px) { .top-casino-toplist .col-1 .tp-img { margin: 0 0 0 -100px; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-img { width: 100%; margin: 0; height: auto; } } .top-casino-toplist .col-1 .tp-img .tp-pos-rate { font-family: 'bebas', Arial, Helvetica, sans-serif; width: 37px; height: 37px; border-top: none; border-right: none; background: #ebebeb; color: #002c48; display: block; text-align: center; font-size: 20px; padding: 7px 0 0 0; } @media (max-width: 720px) { .top-casino-toplist .col-1 .tp-img .tp-pos-rate { left: 100px; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-img .tp-pos-rate { left: 0; } } .top-casino-toplist .col-1 .tp-img .tp-pos-rate-first { background: #00ade6; color: #fff; } @media (max-width: 720px) { .top-casino-toplist .col-1 .tp-img .show-container i { left: 70%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-img .show-container i { left: 50%; font-size: 110px; } } .top-casino-toplist .col-1 .tp-mid { display: table-cell; padding: 0 0 0 8px; } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid { padding: 0 0; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content { float: left; height: 152px; width: 100%; position: relative; } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content { height: auto; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 90%; } @media (max-width: 1202px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 80%; } } @media (max-width: 1100px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 78%; } } @media (max-width: 980px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 95%; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 65%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top { width: 100%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top span { width: 100%; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top .smaller { font-size: 14px; } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .ftc-top .smaller { font-size: 22px; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { position: absolute; display: table; bottom: 0; width: 100%; color: #fff; text-align: center; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 20px; overflow: hidden; } @media (max-width: 900px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { font-size: 16px; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { right: -1px; bottom: auto; top: 32px; width: 155px; } } @media (max-width: 800px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { width: 120px; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { width: 100%; font-size: 20px; right: auto; bottom: 0; top: auto; } } @media (max-width: 400px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap { font-size: 16px; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { display: table-cell; width: 50%; background: #00ade6; padding: 7px 0; } @media (max-width: 900px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { padding: 4px 0; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { float: left; width: 100%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { float: none; width: 50%; padding: 7px 0; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap .tp-bonus-bt { display: table-cell; width: 50%; background: #00962d; position: relative; } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap .tp-bonus-bt .slot-list-bt-hover { width: 100%; background: #002c48; } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap .tp-bonus-bt:hover .slot-list-bt-hover { left: 0%; } @media (max-width: 850px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap .tp-bonus-bt { float: left; width: 100%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap .tp-bonus-bt { float: none; width: 50%; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap a, .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { color: #fff; display: block; padding: 7px 0; z-index: 3; position: relative; } @media (max-width: 900px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap a, .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { padding: 4px 0; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap a, .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .top-casino-toplist .col-1 .tp-mid .tp-mid-content .tp-bonus-wrap span { padding: 7px 0; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { margin: 5px 0 0 0; width: 70%; } @media (max-width: 950px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 95%; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 60%; } } @media (max-width: 750px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 50%; } } @media (max-width: 800px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 67%; } } @media (max-width: 740px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 60%; } } @media (max-width: 720px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 65%; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul { width: 100%; margin: 5px 0 50px 0; } } .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul li { line-height: 20px; font-size: 14px; } @media (max-width: 1202px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul li { width: 430px; } } @media (max-width: 955px) { .top-casino-toplist .col-1 .tp-mid .tp-mid-content ul li { width: 100%; } } .top-casino-toplist .col-1 .tp-far { width: 191px; padding: 0 0 0 8px; height: 104px; position: relative; } @media (max-width: 955px) { .top-casino-toplist .col-1 .tp-far { display: none; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-far { display: block; width: 100%; padding: 0 0 0 0; height: 63px; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-far img { display: none; } } .top-casino-toplist .col-1 .tp-far .tp-compatible { position: absolute; font-family: 'bebas', Arial, Helvetica, sans-serif; color: #002c48; text-align: center; top: 0; left: -108px; width: 108px; height: 57px; background: #ebebeb; font-size: 15px; } .top-casino-toplist .col-1 .tp-far .tp-compatible span { margin: 5px 0 0 0; display: block; } .top-casino-toplist .col-1 .tp-far .tp-compatible .fa { font-size: 24px; margin: 0px 4px 0 4px; } @media (max-width: 950px) { .top-casino-toplist .col-1 .tp-far .tp-compatible { display: none; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .tp-far .tp-compatible { left: 0; width: 100%; display: block; margin: 5px 0 0 0; } } .top-casino-toplist .col-1 .ftc-extras { display: inherit; position: absolute; top: 0; right: 20px; width: 220px; margin: 0; } @media (max-width: 1202px) { .top-casino-toplist .col-1 .ftc-extras { width: 300px; } } @media (max-width: 1050px) { .top-casino-toplist .col-1 .ftc-extras { width: 200px; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .ftc-extras { width: 155px; } } @media (max-width: 800px) { .top-casino-toplist .col-1 .ftc-extras { width: 120px; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .ftc-extras { width: 100%; top: auto; bottom: 0; position: static; float: left; margin: 5px 0 0 0; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .ftc-extras .ftc-more { display: none; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .ftc-extras .ftc-more { display: table-cell; } } @media (max-width: 850px) { .top-casino-toplist .col-1 .ftc-extras .post-views { display: none; } } @media (max-width: 600px) { .top-casino-toplist .col-1 .ftc-extras .post-views { display: table-cell; } } .top-casino-toplist .col-1 .more-extra { bottom: auto; top: 0px; left: -268px; width: 268px; } .top-casino-toplist .col-1 .more-extra .impression { padding: 16px 0; } @media (max-width: 600px) { .top-casino-toplist .col-1 .more-extra { top: auto; bottom: 49px; width: 100%; left: -100%; padding: 0 20px 0 0; } } .slot-list-page header { padding: 0 0 5px 0; } .slot-list { font-family: 'bebas', Arial, Helvetica, sans-serif; text-align: center; } .slot-list .col-1-3 { height: 100%; margin: 0 0 20px 0; } .slot-list .slot-list-img { float: left; width: 100%; height: 133px; background: #000; overflow: hidden; position: relative; cursor: pointer; } .slot-list .slot-list-img:hover .slot-rating { right: -60px; } .slot-list .slot-list-img .show-container { background: rgba(0, 44, 72, 0.8); z-index: 3; } .slot-list .slot-list-img .show-container i { font-size: 60px; top: 38%; } .slot-list .slot-list-img .show-container span { color: #ffe400; font-size: 28px; position: absolute; bottom: 15px; left: 0; right: 0; } .slot-list .slot-list-img .active { bottom: 0%; } .slot-list .slot-list-img .slot-rating, .slot-list .slot-list-img .latest-reviews .col-1-2 .feature-image .slot-rating, .latest-reviews .col-1-2 .feature-image .slot-list .slot-list-img .slot-rating, .slot-list .slot-list-img .latest-reviews .col-1 .feature-image .slot-rating, .latest-reviews .col-1 .feature-image .slot-list .slot-list-img .slot-rating { background: #002c48; bottom: 0; right: 0; top: auto; height: 52px; width: 52px; padding: 9px 0 0 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .slot-list .slot-list-img .slot-rating span, .slot-list .slot-list-img .latest-reviews .col-1-2 .feature-image .slot-rating span, .latest-reviews .col-1-2 .feature-image .slot-list .slot-list-img .slot-rating span, .slot-list .slot-list-img .latest-reviews .col-1 .feature-image .slot-rating span, .latest-reviews .col-1 .feature-image .slot-list .slot-list-img .slot-rating span { font-size: 24px; line-height: 18px; } .slot-list .slot-list-img img { max-width: none; width: auto; height: 150%; left: 50%; top: -25%; position: relative; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1202px) { .slot-list .slot-list-img img { height: 180%; top: -40%; } } @media (max-width: 600px) { .slot-list .slot-list-img img { height: 250%; top: -50%; -moz-transform: translateX(-53%); -ms-transform: translateX(-53%); -webkit-transform: translateX(-53%); transform: translateX(-53%); } } .slot-list .slot-list-info { float: left; width: 100%; height: 90px; padding: 10px 0; background: #002c48; position: relative; overflow: hidden; cursor: pointer; } .slot-list .slot-list-info:hover .info { fill: #fff; } @media (max-width: 950px) { .slot-list .slot-list-info { height: 110px; } } @media (max-width: 700px) { .slot-list .slot-list-info { height: 120px; } } @media (max-width: 600px) { .slot-list .slot-list-info { height: 90px; } } .slot-list .slot-list-info a, .slot-list .slot-list-info footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-info span { color: #00ade6; text-decoration: underline; } .slot-list .slot-list-info ul { width: 90%; display: inline-block; margin: 12px auto 0 auto; } .slot-list .slot-list-info ul li { float: left; width: 50%; color: #fff; text-align: left; line-height: 14px; font-size: 13px; } @media (max-width: 700px) { .slot-list .slot-list-info ul li { font-size: 12px; } } @media (max-width: 600px) { .slot-list .slot-list-info ul li { font-size: 14px; } } @media (max-width: 450px) { .slot-list .slot-list-info ul li { font-size: 13px; } } @media (max-width: 950px) { .slot-list .slot-list-info ul { width: 90%; } } @media (max-width: 600px) { .slot-list .slot-list-info ul { width: 50%; } } @media (max-width: 450px) { .slot-list .slot-list-info ul { width: 80%; } } .slot-list .slot-list-info svg { position: absolute; top: 5px; left: 8px; width: 25px; height: 25px; fill: #00ade6; -webkit-transition: fill 0.2s ease; -moz-transition: fill 0.2s ease; -o-transition: fill 0.2s ease; transition: fill 0.2s ease; } .slot-list .slot-list-info .info-active { fill: #fff; } .slot-list .slot-list-info h3, .slot-list .slot-list-info h4 { color: #fff; font-size: 20px; width: 70%; line-height: 16px; } @media (max-width: 800px) { .slot-list .slot-list-info h3, .slot-list .slot-list-info h4 { font-size: 17px; width: 60%; } } @media (max-width: 600px) { .slot-list .slot-list-info h3, .slot-list .slot-list-info h4 { font-size: 20px; width: 70%; } } @media (max-width: 450px) { .slot-list .slot-list-info h3, .slot-list .slot-list-info h4 { font-size: 17px; } } .slot-list .slot-list-info span { width: 100%; font-size: 16px; color: #ffe400; position: absolute; bottom: 4px; left: 0; } .slot-list .slot-list-info .usa, .slot-list .slot-list-info .nousa { float: none; left: auto; top: 8px; right: 8px; width: 20px; height: 13px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .slot-list .p1, .slot-list .p2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .slot-list .sl-hide { top: 100%; } .slot-list .sl-show { top: 0; } .slot-list .us-hide { right: -26px !important; } .slot-list .slot-list-bt { float: left; width: 100%; height: 36px; padding: 6px 0 0 0; background: #00ade6; position: relative; overflow: hidden; } .slot-list .slot-list-bt:hover .slot-list-bt-hover { left: 0%; } .slot-list .slot-list-bt:hover a svg, .slot-list .slot-list-bt:hover footer .footer-bg ul.nav-style-1 li span svg, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt:hover span svg { fill: #fff; } .slot-list .slot-list-bt a, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span { color: #fff; font-size: 20px; position: relative; } @media (max-width: 700px) { .slot-list .slot-list-bt a, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span { font-size: 17px; } } @media (max-width: 600px) { .slot-list .slot-list-bt a, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span { font-size: 20px; } } .slot-list .slot-list-bt a svg, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span svg, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span svg { float: none; position: absolute; top: 0; width: 22px; height: 22px; fill: #002c48; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .slot-list .slot-list-bt a .left, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span .left, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span .left { right: -26px; } .slot-list .slot-list-bt a .right, .slot-list .slot-list-bt footer .footer-bg ul.nav-style-1 li span .right, footer .footer-bg ul.nav-style-1 li .slot-list .slot-list-bt span .right { left: -26px; } nav.sidebar { float: right; font-family: 'bebas', Arial, Helvetica, sans-serif; width: 267px; } @media (max-width: 1202px) { nav.sidebar { width: 100%; padding: 0 20px 0 0; } } nav.sidebar .heading h2, nav.sidebar .heading h3, nav.sidebar .heading h4, nav.sidebar .heading h5 { margin: 0 0 3px 26px; } nav.sidebar .nav-box { float: left; width: 100%; margin: 0 0 10px 0; } nav.sidebar .nav-box ul { font-size: 22px; } nav.sidebar .nav-box ul a, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li span, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li span { display: block; z-index: 2; position: relative; color: #002c48; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } nav.sidebar .nav-box ul span { font-size: 18px; color: #00ade6; float: left; } nav.sidebar .nav-box svg { -webkit-transition: fill 0.3s ease-in; -moz-transition: fill 0.3s ease-in; -o-transition: fill 0.3s ease-in; transition: fill 0.3s ease-in; } nav.sidebar .nav-box ul.nav-style-1 li { display: block; padding: 9px 10px 9px 12px; margin: 0 0 0 0; overflow: hidden; position: relative; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } nav.sidebar .nav-box ul.nav-style-1 li:hover { background: #00ade6; } nav.sidebar .nav-box ul.nav-style-1 li:hover a, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li:hover span, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li:hover span { color: #fff; } nav.sidebar .nav-box ul.nav-style-1 li:hover a:before, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li:hover span:before, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li:hover span:before { border-left-color: #002c48; -moz-animation: bounceArrow 0.4s linear; -webkit-animation: bounceArrow 0.4s linear; -o-animation: bounceArrow 0.4s linear; animation: bounceArrow 0.4s linear; } nav.sidebar .nav-box ul.nav-style-1 li a, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li span, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li span { padding: 0 0 0 25px; } nav.sidebar .nav-box ul.nav-style-1 li a:before, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li span:before, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li span:before { content: ""; position: absolute; top: 3px; left: 0; width: 0; height: 0; border-top: 7px solid transparent; border-left: 14px solid #00ade6; border-bottom: 7px solid transparent; } nav.sidebar .nav-box:hover svg { fill: #00ade6; } nav.sidebar .nav-box .slot-banner { display: inline-block; margin: 12px 0 0px 0; position: relative; text-align: center; color: #fff; font-size: 22px; letter-spacing: 1px; overflow: hidden; } @media (max-width: 1202px) { nav.sidebar .nav-box .slot-banner { display: none; } } nav.sidebar .nav-box .slot-banner .slot-banner-title { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(0, 44, 72, 0.8); padding: 10px 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav.sidebar .nav-box .slot-banner .slot-banner-title-animate { bottom: -70px; } nav.sidebar .nav-box ul.nav-style-2 li { float: left; width: 100%; margin: 10px 0 0px 0; } nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right { float: right; width: 183px; } @media (max-width: 1202px) { nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right { float: left; max-width: 50%; width: auto; } } @media (max-width: 500px) { nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right { float: left; max-width: 100%; padding: 0 0 0 10px; } } nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right a, nav.sidebar .nav-box ul.nav-style-2 footer .footer-bg ul.nav-style-1 li .nav-style-2-right span, footer .footer-bg ul.nav-style-1 nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right span { margin: 0 0 5px 0; } nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right .total-comment { float: right; padding: 0 5px 0 0; } nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right .total-comment svg { float: left; fill: #00ade6; margin: 0 5px 0 0; } @media (max-width: 1202px) { nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right .total-comment { float: left; } } nav.sidebar .nav-box ul.nav-style-2 li .nav-style-2-right .nav-date { width: 120px; } nav.sidebar .nav-box ul.nav-style-2 li:hover .sidebar-article-thumb:before, nav.sidebar .nav-box ul.nav-style-2 li:hover .sidebar-best-thumb:before { left: 0%; } nav.sidebar .nav-box ul.nav-style-2 .sidebar-article-thumb:before, nav.sidebar .nav-box ul.nav-style-2 .sidebar-best-thumb:before { padding: 27px 0 0 24px; } nav.sidebar .nav-box #sidebar-tabs { float: left; width: 100%; margin: 10px 0 0 0; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu { display: table; width: 100%; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu .ui-tabs-active { background: #ebebeb; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu .ui-tabs-active a, nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu .ui-tabs-active footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu .ui-tabs-active span { color: #002c48; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu li { display: table-cell; float: none; width: auto; text-align: center; background: #00ade6; margin: 10px 0; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu li a, nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu li span { color: #fff; padding: 10px 0; } nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu li a:hover, nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg ul.nav-style-1 nav.sidebar .nav-box #sidebar-tabs ul.sidebar-tab-menu li span:hover { background: #ebebeb; color: #002c48; } nav.sidebar .nav-box ul { float: left; width: 100%; } nav.sidebar .nav-box ul li { float: left; width: 100%; margin: 10px 0 0px 0; } nav.sidebar .nav-box ul li .nav-style-3-right { float: right; width: 158px; } @media (max-width: 1202px) { nav.sidebar .nav-box ul li .nav-style-3-right { float: left; max-width: 50%; width: auto; } nav.sidebar .nav-box ul li .nav-style-3-right span { margin: 0 10px 0 0; } } @media (max-width: 500px) { nav.sidebar .nav-box ul li .nav-style-3-right { float: left; max-width: 100%; padding: 0 0 0 10px; } } nav.sidebar .nav-box ul li .nav-style-3-right a, nav.sidebar .nav-box footer .footer-bg ul.nav-style-1 li .nav-style-3-right span, footer .footer-bg nav.sidebar .nav-box ul.nav-style-1 li .nav-style-3-right span { margin: 0 0 5px 0; color: #002c48; } nav.sidebar .nav-box ul li .nav-style-3-right .bt-small, nav.sidebar .nav-box ul li .nav-style-3-right .bt-large { background: #f15b00; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; color: #fff; } nav.sidebar .nav-box ul li .nav-style-3-right .bt-small:hover, nav.sidebar .nav-box ul li .nav-style-3-right .bt-large:hover { background: #ebebeb; color: #000; } nav.sidebar .nav-box ul li .nav-style-3-right .bt-small:active, nav.sidebar .nav-box ul li .nav-style-3-right .bt-large:active { background: #ebebeb; color: #000; } @media (max-width: 1202px) { nav.sidebar .nav-box ul li .nav-style-3-right .bt-small, nav.sidebar .nav-box ul li .nav-style-3-right .bt-large { float: left; } } nav.sidebar .nav-box ul li:hover .sidebar-best-thumb:before { left: 0%; } nav.sidebar .nav-box ul li .sidebar-best-thumb:before { padding: 19px 0 0 37px; } .sidebar-article-thumb, .sidebar-best-thumb { float: left; width: 75px; height: 75px; background: #000; position: relative; overflow: hidden; } @media (max-width: 1202px) { .sidebar-article-thumb, .sidebar-best-thumb { margin: 0 10px 0 0; } } @media (max-width: 500px) { .sidebar-article-thumb, .sidebar-best-thumb { display: none; } } .sidebar-article-thumb img, .sidebar-best-thumb img { position: relative; max-width: none; height: 100%; width: auto; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .sidebar-article-thumb:before, .sidebar-best-thumb:before { content: "\f04b"; font-family: FontAwesome; font-size: 40px; color: #fff; position: absolute; top: 0; left: -100%; height: 100%; width: 100%; background: #00ade6; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar-best-thumb { width: 100px; height: 59px; } .fb-page { margin: 0 0 20px 0; width: 267px; } @media (max-width: 1202px) { .fb-page { display: none; } } .sidebar-adv { border: 9px solid #00ade6; } @media (max-width: 1202px) { .sidebar-adv { display: none; } } .the-sidebar { float: left; display: block; width: 100%; } @media (max-width: 1202px) { .dn { display: none; } } #show-sidebar-bt { display: none; float: left; width: 100%; height: 48px; margin: 0 20px 0 0; background: #002c48; position: relative; font-family: 'FontAwesome'; text-align: center; color: #fff; font-size: 28px; line-height: 48px; margin: 0 0 20px 0; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } @media (max-width: 1202px) { #show-sidebar-bt { display: block; } } #show-sidebar-bt:hover { background: #ebebeb; color: #002c48; } #show-sidebar-bt:after { content: "\f0c9"; } .widg ul li { display: block; padding: 9px 10px 9px 12px; margin: 0 0 0 0; overflow: hidden; position: relative; margin: 0 !important; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .widg ul li:hover { background: #00ade6; } .widg ul li:hover .post-date, .widg ul li:hover .date-comment .post-comment, .date-comment .widg ul li:hover .post-comment { color: #fff; } .widg ul li:hover a, .widg footer .footer-bg ul.nav-style-1 li:hover span, footer .footer-bg .widg ul.nav-style-1 li:hover span { color: #fff; } .widg ul li:hover a:before, .widg footer .footer-bg ul.nav-style-1 li:hover span:before, footer .footer-bg .widg ul.nav-style-1 li:hover span:before { border-left-color: #002c48; -moz-animation: bounceArrow 0.4s linear; -webkit-animation: bounceArrow 0.4s linear; -o-animation: bounceArrow 0.4s linear; animation: bounceArrow 0.4s linear; } .widg ul li a, .widg footer .footer-bg ul.nav-style-1 li span, footer .footer-bg .widg ul.nav-style-1 li span { padding: 0 0 0 25px; } .widg ul li a:before, .widg footer .footer-bg ul.nav-style-1 li span:before, footer .footer-bg .widg ul.nav-style-1 li span:before { content: ""; position: absolute; top: 3px; left: 0; width: 0; height: 0; border-top: 7px solid transparent; border-left: 14px solid #00ade6; border-bottom: 7px solid transparent; } .widg ul li .post-date, .widg ul li .date-comment .post-comment, .date-comment .widg ul li .post-comment { font-size: 16px !important; margin: 0 0 0 24px; } .widg ul#recentcomments li .comment-author-link { margin: 0 10px 0 0; } .widg ul#recentcomments li a:before, .widg ul#recentcomments footer .footer-bg ul.nav-style-1 li span:before, footer .footer-bg ul.nav-style-1 .widg ul#recentcomments li span:before { display: none; } .widg ul#recentcomments li:hover .comment-author-link { color: #565656; } .widg .textwidget { padding: 0 5px; } .widg .screen-reader-text { font-size: 18px; line-height: 40px; } .widg #calendar_wrap { padding: 0 5px; } .widg #calendar_wrap #wp-calendar { width: 100%; } .widg [id*='archives-dropdown-'], .widg #cat { line-height: 30px; border: 1px solid #ebebeb; padding: 0 10px; margin: 0 0 0 6px; height: 30px; } .widg .tagcloud { padding: 10px 6px 0 6px; } .widg #searchform div { margin: 6px 0 0 0; } .widg #searchform .screen-reader-text { font-size: 18px; } .widg #searchform input[type="text"] { line-height: 30px; border: 1px solid #ebebeb; padding: 0 10px; } .widg #searchform #searchsubmit { float: right; padding: 10px 16px; margin: 6px 0 0 0; background: #5C5C5C; color: #fff; text-transform: uppercase; font-size: 14px; } #share { float: left; width: 100%; min-height: 38px; margin: 10px 0; background: #ebebeb; text-align: center; } #share span { font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 24px; float: left; height: 40px; line-height: 38px; padding: 0 10px; color: #fff; background: #00ade6; } @media (max-width: 520px) { #share span { width: 100%; } } #share .share-box { width: 100%; } #share .share-box .fb, #share .share-box .gplus, #share .share-box .twitter, #share .share-box .pinterest, #share .share-box .email { display: inline-block; width: 50px; height: 30px; background: #4b6bb2; color: #fff; line-height: 31px; font-size: 19px; margin: 5px 10px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; transition: background 0.1s ease; } #share .share-box .fb:before, #share .share-box .gplus:before, #share .share-box .twitter:before, #share .share-box .pinterest:before, #share .share-box .email:before { font-family: 'FontAwesome'; content: "\f09a"; width: 100%; } #share .share-box .fb:hover, #share .share-box .gplus:hover, #share .share-box .twitter:hover, #share .share-box .pinterest:hover, #share .share-box .email:hover { background: rgba(0, 0, 0, 0.1); } @media (max-width: 520px) { #share .share-box .fb, #share .share-box .gplus, #share .share-box .twitter, #share .share-box .pinterest, #share .share-box .email { margin: 10px 10px 5px 10px; } } #share .share-box .gplus { background: #f64834; } #share .share-box .gplus:before { content: "\f1a0"; } #share .share-box .twitter { background: #24bbf8; } #share .share-box .twitter:before { content: "\f099"; } #share .share-box .pinterest { background: #df2b32; } #share .share-box .pinterest:before { content: "\f231"; } #share .share-box .email { background: #b8b8b8; } #share .share-box .email:before { content: "\f003"; } .tagged { float: left; width: 100%; margin: 5px 0; font-family: 'bebas', Arial, Helvetica, sans-serif; color: #002c48; font-size: 24px; } .tagged span { float: left; } @media (max-width: 520px) { .tagged span { width: 100%; text-align: center; margin: 0 0 10px 0; } } .tagged a, .tagged footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .tagged span { float: left; padding: 3px 8px; margin: -2px 0 6px 4px; color: #fff; background: #00ade6; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; transition: background 0.1s ease; } .tagged a:hover, .tagged footer .footer-bg ul.nav-style-1 li span:hover, footer .footer-bg ul.nav-style-1 li .tagged span:hover { background: rgba(0, 0, 0, 0.1); } .next-prev-post-pagination { float: left; width: 100%; padding: 8px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 16px; } .next-prev-post-pagination .prev, .next-prev-post-pagination .next { float: left; color: #fff; padding: 3px 8px; background: #00ade6; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; transition: background 0.1s ease; } .next-prev-post-pagination .prev:before, .next-prev-post-pagination .next:before { content: ""; float: left; width: 0; height: 0; margin: 5px 6px 0 0; border-top: 5px solid transparent; border-right: 10px solid #fff; border-bottom: 5px solid transparent; } .next-prev-post-pagination .prev:hover, .next-prev-post-pagination .next:hover { background: rgba(0, 0, 0, 0.1); } @media (max-width: 520px) { .next-prev-post-pagination .prev, .next-prev-post-pagination .next { width: 100%; text-align: center; margin: 0 0 10px 0; } } .next-prev-post-pagination .next { float: right; } .next-prev-post-pagination .next:before { float: right; border-left: 10px solid #fff; border-right: none; margin: 5px 0 0 6px; } .pagination-number { float: left; text-align: center; width: 100%; padding: 8px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 16px; } .pagination-number .page-numbers, .pagination-number .current { display: inline-block; text-align: center; margin: 0 2px; color: #fff; padding: 3px 10px; background: #ecf5ff; border: 1px solid #fff; -moz-box-shadow: #d4e5f6 0px 0px 0px 1px; -webkit-box-shadow: #d4e5f6 0px 0px 0px 1px; box-shadow: #d4e5f6 0px 0px 0px 1px; color: #000; -webkit-transition: background 0.1s ease; -moz-transition: background 0.1s ease; -o-transition: background 0.1s ease; transition: background 0.1s ease; } .pagination-number .page-numbers:hover, .pagination-number .current:hover { background: #F9F9F9; } @media (max-width: 520px) { .pagination-number .page-numbers, .pagination-number .current { display: block; } } .pagination-number .current { background: #F9F9F9; } footer { float: left; border-top: 14px solid #002c48; width: 100%; } footer .footer-bg { float: left; width: 100%; padding: 20px 30px; color: #fff; background: url("assets/images/footer-bg.jpg") no-repeat; background-color: #00ADE6; } footer .footer-bg img { margin: 0 0 10px 0; } footer .footer-bg h1, footer .footer-bg h2, footer .footer-bg h3, footer .footer-bg h4, footer .footer-bg h5, footer .footer-bg h6 { color: #fff; text-align: center; font-size: 24px; } footer .footer-bg ul.nav-style-1 { font-size: 22px; font-family: 'bebas', Arial, Helvetica, sans-serif; } footer .footer-bg ul.nav-style-1 li { display: block; padding: 7px 10px 7px 12px; overflow: hidden; position: relative; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } @media (max-width: 600px) { footer .footer-bg ul.nav-style-1 li { text-align: center; } } footer .footer-bg ul.nav-style-1 li:hover { background: #00ade6; } footer .footer-bg ul.nav-style-1 li:hover a, footer .footer-bg ul.nav-style-1 li:hover span { color: #fff; } footer .footer-bg ul.nav-style-1 li:hover a:before, footer .footer-bg ul.nav-style-1 li:hover span:before { border-left-color: #002c48; -moz-animation: bounceArrow 0.4s linear; -webkit-animation: bounceArrow 0.4s linear; -o-animation: bounceArrow 0.4s linear; animation: bounceArrow 0.4s linear; } footer .footer-bg ul.nav-style-1 li a, footer .footer-bg ul.nav-style-1 li span { padding: 0 0 0 25px; display: block; z-index: 2; position: relative; color: #002c48; } footer .footer-bg ul.nav-style-1 li a:before, footer .footer-bg ul.nav-style-1 li span:before { content: ""; position: absolute; top: 3px; left: 0; width: 0; height: 0; border-top: 7px solid transparent; border-left: 14px solid #fff; border-bottom: 7px solid transparent; } footer .footer-bg .col-1-2-nav { width: 60%; margin: 0 0 0 0 !important; } footer .footer-bg .col-1-2-nav li { float: left; width: 50%; } footer .footer-bg [class*='col-'] { margin: 0 45px 0 0; } @media (max-width: 1202px) { footer .footer-bg [class*='col-'] { width: 50%; margin: 0 0 0 0; } } @media (max-width: 600px) { footer .footer-bg [class*='col-'] { width: 100%; } } footer .footer-bg .heading { background: none; padding: 12px 0; margin: 0 0 5px 0; } footer .footer-bg .heading h1, footer .footer-bg .heading h2, footer .footer-bg .heading h3, footer .footer-bg .heading h4, footer .footer-bg .heading h5, footer .footer-bg .heading h6 { text-align: left; } @media (max-width: 600px) { footer .footer-bg .heading h1, footer .footer-bg .heading h2, footer .footer-bg .heading h3, footer .footer-bg .heading h4, footer .footer-bg .heading h5, footer .footer-bg .heading h6 { text-align: center; } } footer .footer-bg .heading svg { fill: #fff; margin: -6px 8px 0 0; } footer .footer-bg .subscribe { margin: 0 0 0 0; } @media (max-width: 1202px) { footer .footer-bg .subscribe { width: 100%; } } footer .footer-bg .subscribe ul li:hover { background: none; } footer .footer-bg .subscribe ul li:hover span { color: #002c48; } footer .footer-bottom { float: left; width: 100%; background: #002c48; color: #fff; padding: 20px 30px 5px 30px; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 18px; } @media (max-width: 1202px) { footer .footer-bottom { text-align: center; } } footer .footer-bottom p { float: left; width: 60%; margin: -6px 0 0 0; } @media (max-width: 1202px) { footer .footer-bottom p { width: 100%; } } footer .footer-bottom .follow { float: right; } @media (max-width: 1202px) { footer .footer-bottom .follow { width: 100%; } } footer .footer-bottom .follow a, footer .footer-bottom .follow .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .footer-bottom .follow span { float: right; margin: -5px 10px 0 0px; } @media (max-width: 1202px) { footer .footer-bottom .follow a, footer .footer-bottom .follow .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .footer-bottom .follow span { float: none; text-align: center; } } @media (max-width: 1202px) { footer .col-1-3 { text-align: center; } footer .col-1-3 a img, footer .col-1-3 .footer-bg ul.nav-style-1 li span img, footer .footer-bg ul.nav-style-1 li .col-1-3 span img { display: block; margin: 0 auto 10px auto; } } .form { float: left; width: 100%; padding: 0 0 0 10px; } .form input { height: 33px; } .form .email { float: left; width: 80%; } .form .email #email { width: 95%; padding: 0 15px; font-size: 14px; } .form .submit { float: left; width: 20%; position: relative; text-align: center; } .form .submit i { width: 100%; position: absolute; top: 0px; left: 0px; font-size: 24px; line-height: 40px; } .form .submit #send { width: 100%; height: 33px; background: #002c48; } #comments { float: left; width: 100%; } #comments #reply-title { font-size: 24px; } #comments #reply-title small a, #comments #reply-title small footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li #comments #reply-title small span { color: #00ade6; margin: 0 0 0 10px; } #comments #reply-title small a:before, #comments #reply-title small footer .footer-bg ul.nav-style-1 li span:before, footer .footer-bg ul.nav-style-1 li #comments #reply-title small span:before { content: " - "; color: #002c48; margin: 0 10px 0 0; } #comments .heading span { color: #00ade6; } #comments .heading .no-comments { display: inline-block; margin: 0 0 0 2px; } #comments .heading h2 { margin: 0 0 3px 0; } #commentform .comment-notes, #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-comment { float: left; width: 100%; } #commentform .comment-form-author, #commentform .comment-form-email { width: 100%; display: block; } #commentform .comment-form-author input, #commentform .comment-form-email input { width: 300px; height: 31px; padding: 0 10px; } @media (max-width: 600px) { #commentform .comment-form-author input, #commentform .comment-form-email input { width: 100%; } } #commentform .form-submit { float: left; width: 100px; } #commentform .form-submit input { background: #00ade6; color: #fff; padding: 3px 8px; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 18px; cursor: pointer; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } #commentform .form-submit input:hover { background: rgba(0, 0, 0, 0.1); } #commentform input, #commentform textarea { float: left; background: #ebebeb; font-size: 16px; } #commentform textarea { width: 100%; padding: 10px; } #commentform label { float: left; width: 100%; } #commentform .logged-in-as { font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 18px; } .comment-list .comment { border: 2px solid #ebebeb; padding: 10px; margin: 0 0 20px 0; float: left; width: 100%; background: #fff; position: relative; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .comment-list .comment .depth-2, .comment-list .comment .depth-3, .comment-list .comment .depth-4, .comment-list .comment .depth-5, .comment-list .comment .depth-6 { margin: 0px 0 40px 0; z-index: 2; } .comment-list .comment .depth-2 .reply, .comment-list .comment .depth-3 .reply, .comment-list .comment .depth-4 .reply, .comment-list .comment .depth-5 .reply, .comment-list .comment .depth-6 .reply { top: -2px; } .comment-list .comment .comment-author cite { color: #002c48; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; } .comment-list .comment .comment-author .says { display: none; } .comment-list .comment .reply { position: absolute; bottom: -2px; right: -2px; background: #00ade6; font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 20px; width: 70px; height: 26px; text-align: center; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .comment-list .comment .reply a, .comment-list .comment .reply footer .footer-bg ul.nav-style-1 li span, footer .footer-bg ul.nav-style-1 li .comment-list .comment .reply span { color: #fff; line-height: 26px; display: block; } .comment-list .comment .reply:hover { background: rgba(0, 0, 0, 0.1); } .comment-list .comment .comment-meta { font-family: 'bebas', Arial, Helvetica, sans-serif; font-size: 20px; } .comment-list .comment p { padding: 10px 0; } #respond { float: left; width: 100%; background: #fff; } .entry-content img { margin: 6px 0 20px 0; } .alignleft, img.alignleft { margin: 6px 20px 20px 0; display: inline; float: left; } .alignright, img.alignright { margin: 6px 0 20px 20px; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .wp-caption { width: auto !important; margin-bottom: 20px; text-align: center; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 12px; margin: 0; padding: 6px 6px; background: #ebebeb; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin: 0 20px 20px 0; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin: 0 0 20px 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .pickaboo { position: relative; display: inherit; overflow: hidden; margin: 0 0 7px 0; } .pickaboo:hover .show-container { bottom: 0%; } .show-container { position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background: #00ade6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; z-index: 3; } .show-container i { font-size: 90px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .show-more-stats { left: 0% !important; } .slot-list-bt-hover { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #002c48; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes bounceArrow { 0% { border-top: 10px solid transparent; border-left: 20px solid #002c48; border-bottom: 10px solid transparent; } 25% { border-top: 5px solid transparent; border-left: 10px solid #002c48; border-bottom: 5px solid transparent; } 50% { border-top: 9px solid transparent; border-left: 18px solid #002c48; border-bottom: 9px solid transparent; } 75% { border-top: 6px solid transparent; border-left: 12px solid #002c48; border-bottom: 6px solid transparent; } 100% { border-top: 7px solid transparent; border-left: 14px solid #002c48; border-bottom: 7px solid transparent; } } @-webkit-keyframes bounceArrow { 0% { border-top: 10px solid transparent; border-left: 20px solid #002c48; border-bottom: 10px solid transparent; } 25% { border-top: 5px solid transparent; border-left: 10px solid #002c48; border-bottom: 5px solid transparent; } 50% { border-top: 9px solid transparent; border-left: 18px solid #002c48; border-bottom: 9px solid transparent; } 75% { border-top: 6px solid transparent; border-left: 12px solid #002c48; border-bottom: 6px solid transparent; } 100% { border-top: 7px solid transparent; border-left: 14px solid #002c48; border-bottom: 7px solid transparent; } } @-o-keyframes bounceArrow { 0% { border-top: 10px solid transparent; border-left: 20px solid #002c48; border-bottom: 10px solid transparent; } 25% { border-top: 5px solid transparent; border-left: 10px solid #002c48; border-bottom: 5px solid transparent; } 50% { border-top: 9px solid transparent; border-left: 18px solid #002c48; border-bottom: 9px solid transparent; } 75% { border-top: 6px solid transparent; border-left: 12px solid #002c48; border-bottom: 6px solid transparent; } 100% { border-top: 7px solid transparent; border-left: 14px solid #002c48; border-bottom: 7px solid transparent; } } @keyframes bounceArrow { 0% { border-top: 10px solid transparent; border-left: 20px solid #002c48; border-bottom: 10px solid transparent; } 25% { border-top: 5px solid transparent; border-left: 10px solid #002c48; border-bottom: 5px solid transparent; } 50% { border-top: 9px solid transparent; border-left: 18px solid #002c48; border-bottom: 9px solid transparent; } 75% { border-top: 6px solid transparent; border-left: 12px solid #002c48; border-bottom: 6px solid transparent; } 100% { border-top: 7px solid transparent; border-left: 14px solid #002c48; border-bottom: 7px solid transparent; } } @-moz-keyframes graph { 0% { width: 0%; } 100% { width: 100%; } } @-webkit-keyframes graph { 0% { width: 0%; } 100% { width: 100%; } } @-o-keyframes graph { 0% { width: 0%; } 100% { width: 100%; } } @keyframes graph { 0% { width: 0%; } 100% { width: 100%; } } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: none; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; }