.jq-ry-container { position: relative; padding: 0 5px; line-height: 0; display: block; cursor: pointer; box-sizing: content-box; direction: ltr } .jq-ry-container[readonly=readonly] { cursor: default } .jq-ry-container>.jq-ry-group-wrapper { position: relative; width: 100% } .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group { position: relative; line-height: 0; z-index: 10; white-space: nowrap } .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg { display: inline-block } .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group { width: 100% } .jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group { width: 0; z-index: 11; position: absolute; top: 0; left: 0; overflow: hidden } *, :focus { outline: 0 } article, aside, details, figcaption, figure, footer, header, hr, img, main, nav, section, summary, svg { display: block } * { box-sizing: border-box; min-width: 1px } html { -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none } a, a:hover, input, select, textarea { -webkit-tap-highlight-color: transparent; outline: 0 } ul { list-style: none } blockquote, q { quotes: none } blockquote { padding-left: 15px; border-left: 4px solid #eee; margin-bottom: 20px } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } a img, fieldset, hr { border: 0 } mark { background: 0 0 } table { border-collapse: collapse; border-spacing: 0 } .table_wrap { overflow: auto } td { vertical-align: middle } .trim { word-break: break-all !important } input[type=email], input[type=search], input[type=tel], input[type=text], select, textarea { border: 0; -webkit-appearance: none } button, input[type=button], input[type=submit] { -webkit-appearance: none; cursor: pointer } hr { clear: both; font-size: 0; overflow: hidden; height: 0 } .alignleft { float: left } .alignright { float: right } img.alignleft { margin: 0 30px 10px 0 } img.alignright { margin: 0 0 10px 30px } .aligncenter { margin-left: auto; margin-right: auto } img, svg { max-width: 100%; height: auto } .flex { -ms-flex-pack: justify; justify-content: space-between } .flex, .flex_alc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .flex_alc { -ms-flex-pack: distribute; justify-content: space-around } .brands { padding: 2px 4px } #text, .p2 { display: none } #toggle_more { font-weight: 300; font-size: 14px; line-height: 22px; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #048ef8; padding: 0; background: transparent; position: relative } #toggle_more:before { position: absolute; content: ""; top: 5px; bottom: 0; right: -18px; border-left: 1px solid #048ef8; border-bottom: 1px solid #048ef8; -ms-transform: rotate(-43deg); transform: rotate(-43deg); width: 6px; height: 6px } #toggle_less { font-weight: 300; font-size: 14px; line-height: 22px; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #048ef8; padding: 0; background: transparent; position: relative } #toggle_less:before { position: absolute; content: ""; top: 10px; bottom: 0; right: -18px; border-left: 1px solid #048ef8; border-bottom: 1px solid #048ef8; -ms-transform: rotate(135deg); transform: rotate(135deg); width: 6px; height: 6px } .btn-container { text-align: center; display: block } .table-list_mobile-start~.mob-description, .table-list_mobile-start~.table_row { display: none } @media (min-width:768px) { .table-list_mobile-start~.mob-description { display: none !important } } .hidden { overflow-y: hidden } .show { display: block } @media (max-width:576px) { .show { display: none } } .hide { display: none !important } @media (max-width:767px) { .hide { display: block } } * { margin: 0; padding: 0 } body, html { overflow-x: hidden; font-family: Nunito Sans, sans-serif } body { background: #04120e; } .wrapper { width: 100%; max-width: 1136px; margin: 0 auto; } .wrapper > ul { display: flex; justify-content: space-between; gap: 15px; } @media (max-width:1200px) { .wrapper { max-width: 900px } } @media (max-width:992px) { .wrapper { max-width: 740px } } @media (max-width:767px) { .wrapper { max-width: 96% } .wrapper ul { display: none; } } a { text-decoration: none; color: inherit; } .btn, p { font-weight: 600 } .btn { display: block; margin: 0 auto; padding: 16px 26px 12px; text-align: center; font-size: 16px; line-height: 22px; margin-bottom: 11px; transition: all .4s; background: linear-gradient(90deg, #f89c58, #fad287); box-shadow: 0 4px 10px rgba(13, 16, 21, .6); border-radius: 100px; letter-spacing: .01em; color: #00031e; overflow: hidden; position: relative; z-index: 10 } @media (max-width:1200px) { .btn { padding: 14px 20px; font-size: 15px; line-height: 25px; width: 85%; height: auto } } @media (max-width:992px) { .btn { padding: 14px 5px } } @media (max-width:767px) { .btn { font-size: 14px; line-height: 22px; padding: 9px 5px; margin-top: 13px } } .btn:after { background: hsla(0, 0%, 100%, .2); content: ""; height: 155px; left: -75px; position: absolute; top: -50px; -ms-transform: rotate(35deg); transform: rotate(35deg); width: 50px; z-index: -10 } .btn:after, .btn:hover:after { transition: all .5s cubic-bezier(.19, 1, .22, 1) } .btn:hover:after { left: 120% } .popup-btn { font-size: 20px; line-height: 25px; color: #6f3900; font-weight: 400 } .link { text-decoration: none; font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; color: #a1badc } .link:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline } @media (max-width:767px) { .table-page-old-template .show-score { display: none } } .hide-score { display: none } @media (max-width:767px) { .hide-score { display: -ms-flexbox; display: flex } } @media (max-width:1200px) { .fa-fw { width: 14px } } @media (max-width:767px) { .fa-fw { width: 12px } } .show-star { display: none } @media (max-width:992px) { .show-star { display: block } } .show-star img { display: inline-block } @media (max-width:480px) { .show-star img { width: 16px } } @media (max-width:992px) { .hide-star { display: none } } .rateyo { margin: 0 auto; margin-bottom: 5px } .rateyo svg { max-width: unset } @media (max-width:992px) { .rateyo { margin-bottom: 5px } } @media (max-width:768px) { .rateyo { margin: unset } } .content { width: 100% } .bonus-subtitle { font-weight: 300; font-size: 10px; line-height: 14px; color: rgba(130, 148, 177, .5); margin: 5px 0; cursor: pointer } @media (max-width:992px) { .bonus-subtitle { margin-top: 5px; margin-bottom: 5px } } @media (max-width:767px) { .bonus-subtitle { display: none } } .hide-rating { display: none } @media (max-width:992px) { .hide-rating { display: block } } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5iU1EQVg.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5jU1EQVg.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5tU1E.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5iU1EQVg.woff2) format("woff2"); unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5jU1EQVg.woff2) format("woff2"); unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff } @font-face { font-family: Nunito Sans; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5tU1E.woff2) format("woff2"); unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd } .catfish_banner { display: none; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; background: #283448 url(/img/catfish-bg.png) no-repeat 50%; background-size: cover; position: fixed; z-index: 99; width: 100%; left: 0; padding: 13px 20px } @media (max-width:768px) { .catfish_banner { background: linear-gradient(180deg, #ffde91, #ffde91 .01%, #ff8b49), linear-gradient(90deg, #23324b, #101927) } } .catfish_banner.light { -ms-flex-pack: justify; justify-content: space-between; padding: 10px; display: none; background: linear-gradient(180deg, #5e95ff, #05f) } .catfish_banner.light .catfish_banner-btn { background: #24b353; box-shadow: 0 4px 10px rgba(13, 16, 21, .2); font-weight: 800; font-size: 12px; line-height: 15px; padding: 10px; height: unset } .catfish_banner.light .catfish_banner-link { width: calc(100% - 22px) } .catfish_banner.light .catfish_banner-exit { background: url(/img/cross-light.svg) no-repeat 50%; right: 10px; width: 12px; height: 12px } .catfish_banner.light .catfish_banner-text { color: #fff } .catfish_banner.light .catfish_banner-link-block { -ms-flex-pack: justify; justify-content: space-between; gap: 10px } @media (max-width:768px) { .catfish_banner.top { border-radius: 0 0 10px 10px } } .catfish_banner.top .catfish_banner-exit { top: 22px } @media (max-width:768px) { .catfish_banner.bottom { border-radius: 10px 10px 0 0 } } .catfish_banner.bottom .catfish_banner-exit { bottom: 22px } .catfish_banner-link { width: calc(100% - 30px); display: block; margin-right: 10px } .catfish_banner-link-block { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-right: 15px } @media (max-width:425px) { .catfish_banner-link-block { -ms-flex-pack: justify; justify-content: space-between; padding-right: 0; gap: 10px } } .catfish_banner img { height: auto; max-width: 40px } .catfish_banner-img { margin-right: 20px } .catfish_banner-text { color: #fff; font-size: 14px; margin-right: 20px } @media (max-width:425px) { .catfish_banner-text { margin-right: 0 } } @media (max-width:768px) { .catfish_banner-text { color: #040d20 } } .catfish_banner-text p { font-weight: lighter; line-height: 22px } .catfish_banner-text strong { font-weight: 700; font-size: 20px; line-height: 28px } .catfish_banner-btn { background: #336af4; box-shadow: 1.2px 2.7px 7.5px .5px rgba(0, 0, 0, .15); border-radius: 6px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 22px; letter-spacing: .005em; text-transform: uppercase; color: #fff; text-align: center; height: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: 91px; flex-basis: 91px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } @media screen and (min-width:375px) { .catfish_banner-btn { -ms-flex-preferred-size: 120px; flex-basis: 120px; font-size: 14px } } .catfish_banner-exit { background: url(/img/X.png) no-repeat 50%; position: absolute; right: 50px; width: 20px; height: 20px; cursor: pointer } @media (max-width:768px) { .catfish_banner-exit { background: url(/img/cross.png) no-repeat 50%; right: 24px } } @media (max-width:425px) { .catfish_banner-exit { right: 20px } } .disclaimer { font-size: 0.8em; margin: 0 auto 15px; padding: 7px; border-bottom: 1px solid #8294b145; } @media (max-width:767px) { .disclaimer { font-size: .5em; } } .age-disclaimer { display: flex; justify-content: center; align-items: center; gap: 10px; color: var(--muted); font-weight: 400; } .age-icon { height: 20px; min-width: 20px; } .age-text { line-height: 1.2; } header { background: rgba(7, 18, 14, .7); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); z-index: 20; position: fixed; left: 0; right: 0; padding: 0 0 24px; } @media (max-width:992px) { header { padding: 0 0 23px } } @media (max-width:480px) { header { position: relative } } header .header_logo, header .wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center } header .header_logo img { max-width: 121px; max-height: 12px } header p { color: #fff; font-size: 20px } header a { font-size: 12px; line-height: 18px; text-align: center; text-transform: uppercase; color: #fff } @media (max-width:767px) { header .header_left-link { display: none } } .first-block { position: relative; padding-top: 60px } @media (max-width:480px) { .first-block { padding-top: 0 } } @media (max-width:1400px) { .first-block:before { content: ""; margin-top: 60px } } @media (max-width:767px) { .first-block:before { content: ""; height: auto; margin-top: 0 } } @media (max-width:480px) { .first-block .wrapper { max-width: 100% } } .first-screen { padding: 70px 0 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; position: relative } @media (max-width:768px) { .first-screen { padding: 20px 10px 10px; -ms-flex-direction: column; flex-direction: column; margin-bottom: 22px } } .first-screen img { max-height: 150px; margin: 0 65px } @media (max-width:992px) { .first-screen img { margin: 0 15px } } @media (max-width:767px) { .first-screen img { display: none; max-width: 146px; margin: 20px auto } } .first-screen .first-screen_content { color: #fff; max-width: 720px } @media (max-width:992px) { .first-screen .first-screen_content { max-width: 100% } } @media (max-width:767px) { .first-screen .first-screen_content ul { display: none } } .first-screen .first-screen_content.multilingual { max-width: 100% } @media (max-width:767px) { .first-screen .first-screen_content-text p:first-child { display: block !important } } .first-screen .first-screen_content .table-head_date { font-size: 18px; line-height: 26px; font-weight: 700; background: -webkit-linear-gradient(180deg, #ffde91, #ffde91 .01%, #ff8b49), -webkit-linear-gradient(0deg, #040d20, #040d20); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px } @media (max-width:767px) { .first-screen .first-screen_content .table-head_date { margin-bottom: 8px } } @media screen and (min-width:576px) { .first-screen .first-screen_content .table-head_date { display: none } } .first-screen h1 { font-weight: 700; font-size: 42px; line-height: 46px; text-align: center; color: #fff; margin-bottom: 5px } @media (max-width:768px) { .first-screen h1 { text-align: left; font-size: 30px; line-height: 36px; margin-bottom: 4px } } .first-screen p { font-weight: 300; font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 20px } @media screen and (max-width:767px) { .wrapper.flag-enabled { width: 100%; max-width: unset } .wrapper.flag-enabled .first-screen { padding: 25px 0 10px } .wrapper.flag-enabled .table-head_left { margin-left: 10px; width: calc(100% - 20px) } .wrapper.flag-enabled .first-screen_content-wrapper { width: calc(100% + 92px); padding-left: 16px } .first-screen_content-text p:not(.table-head_date) { display: none } } .wrapper.flag-enabled .first-screen_content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 135px } @media (max-width:768px) { .wrapper.flag-enabled .first-screen_content-wrapper { text-align: center; gap: 20px } } @media (min-width:768px) { .wrapper.flag-enabled .first-screen_content, .wrapper.flag-enabled .first-screen_content-wrapper { max-width: unset; width: 100% } } @media (min-width:992px) { .wrapper.flag-enabled .first-screen_content, .wrapper.flag-enabled .first-screen_content-wrapper { padding-right: 55px } } .wrapper.flag-enabled .first-screen h1 { text-align: left } @media (min-width:768px) { .wrapper.flag-enabled .table-head_left { -ms-flex-pack: start; justify-content: flex-start; gap: 32px } } .wrapper.flag-enabled .first-screen_content-text { -ms-flex: 1; flex: 1; text-align: left } .wrapper.flag-enabled .first-screen_content-text p:first-child { line-height: 36px } .wrapper.flag-enabled .first-screen_content-img { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; height: 148px; aspect-ratio: 1/1; margin-bottom: 12px } @media (max-width:767px) { .wrapper.flag-enabled .first-screen_content-img { clip-path: inset(0 50% 0 0) } } .wrapper.flag-enabled .first-screen_flag { height: 100%; aspect-ratio: 1/1; background-size: cover; background-position: 50%; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0 } html.theme-color-white body { background: #f7f9ff } html.theme-color-white header { border-bottom: 1px solid rgba(130, 148, 177, .27); background: #fff } html.theme-color-white .first-screen_content-text h1, html.theme-color-white p { color: #040d20 } html.theme-color-white .first-screen .first-screen_content .table-head_date { color: #6a8fc1; background: transparent; -webkit-text-fill-color: #6a8fc1 } html.theme-color-white .table-head_left p { color: #040d20 } html.theme-color-white .first-block:before { content: none } html.theme-color-white .table-head_legal:before { background: url(/img/ShieldCheck.svg) no-repeat } html.theme-color-white .table-head_flag:before { background: url(/img/DeviceMobile.svg) no-repeat } html.theme-color-white .table-head_secure:before { background: url(/img/CurrencyCircleDollar.svg) no-repeat } html.theme-color-white .table-head_bonus:before { background: url(/img/CalendarBlank.svg) no-repeat } html.theme-color-white .table .review_row { border-bottom: 1px solid #ccd3e2 } html.theme-color-white .table-head .table-left_right p, html.theme-color-white .table_col_site_number span { color: #8294b1 } html.theme-color-white .link, html.theme-color-white .table-score__value, html.theme-color-white .table .review_row, html.theme-color-white .table_col-rating p { color: #040d20 !important } html.theme-color-white .bonus-title { color: rgba(100, 118, 148, .8) } html.theme-color-white #exit-modal { color: #040d20; background: #f7f9ff } html.theme-color-white #exit-modal .money-bonus, html.theme-color-white #exit-modal .popup-bonus, html.theme-color-white #exit-modal .popup-money-bonus { color: #040d20 } html.theme-color-white #exit-modal .popup-link-tc { color: rgba(83, 93, 108, .97) } html.theme-color-white #exit-modal .exit-modal__btn-close { background: url(/img/Close.svg) no-repeat 50%/contain } html.theme-color-white #adult-modal { color: #040d20; background: #f7f9ff } html.theme-color-white #adult-modal .adult_text { color: #040d20 } html.theme-color-white .wrap-adult-modal, html.theme-color-white .wrap-exit-modal { background: linear-gradient(241.59deg, #dbe6f2, #a5aebb 72.26%) } html.theme-color-white .table_row_title { background: rgba(130, 148, 177, .2) } html.theme-color-white .table_title p { color: #8294b1 } html.theme-color-white .bonus-date { border-radius: 4px; border: transparent; background: rgba(74, 92, 123, .1); color: #6a8fc1; white-space: nowrap } html.theme-color-white .table_col-site_review { border-radius: 14px; background: #f0f3fd; border: transparent } @media (max-width:768px) { html.theme-color-white .table_col-site_review { background: transparent } } html.theme-color-white .block_tc { color: rgba(100, 118, 148, .8) } html.theme-color-white .aweber-block { border: 1px solid #ccd3e2 } html.theme-color-white .aweber-block:before { background: #f7f9ff } html.theme-color-white .af-body input[type=email], html.theme-color-white .aweber-block__subtitle, html.theme-color-white .aweber-block__title { color: #040d20 } html.theme-color-white .bonus-subtitle { color: rgba(100, 118, 148, .8) } html.theme-color-white .faq-block_content, html.theme-color-white .faq-block_title, html.theme-color-white .faq-block h2 { color: #040d20 } html.theme-color-white .responsibly-block h2 { color: #040d20; margin-bottom: 40px } html.theme-color-white .faq-block { padding: 22px 0 50px } html.theme-color-white .faq-block_container { border: 1px solid rgba(100, 118, 148, .4); background: #fff } html.theme-color-white .flex_alc { -ms-flex-pack: center; justify-content: center; gap: 40px } html.theme-color-white .responsibly-block { padding: 0 } html.theme-color-white .responsibly-block:after { content: none } .responsibly-block:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 380px; background: url(../img/footer-pic.png) no-repeat 50% 50% / cover; z-index: -1; } html.theme-color-white footer { border-top: 1px solid hsla(0, 0%, 100%, .4); background: #f7f9ff; padding: 32px 0 } html.theme-color-white .table .review_row .table_col-bonus .bonus-title { color: #040d20 } html.theme-color-white .coupon-button { border: 1px dashed #00031e } html.theme-color-white .coupon-button span { color: #00031e } html.theme-color-white .coupon-button span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.5 4h-9a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-.5 9H3V5h8v8zm3-10.5v9a.5.5 0 0 1-1 0V3H4.5a.5.5 0 1 1 0-1h9a.5.5 0 0 1 .5.5z' fill='%2300031E'/%3E%3C/svg%3E") } html.theme-color-white .coupon-button.copied { border: 1px dashed #26cd00 } html.theme-color-white .coupon-button.copied span { color: #26cd00 } html.theme-color-white .coupon-button.copied span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg clip-path='url(%23a)' stroke='%2326CD00' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8.143L3.9 10.5 9.5 5M8.373 9L9.9 10.5 15.5 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") } @media (max-width:768px) { html.theme-color-white .table__data .table_row_bg:first-child .review_row { background: #f5f7ff } html.theme-color-white .table__data .table_row_bg:first-child .review_row:before { background: #dfe9fb; border-image: linear-gradient(169.55deg, #ffde91 7.54%, #ff8b49 92.46%); border-right: 1px solid transparent; border-image-slice: 1 } html.theme-color-white .table__data .table_row_bg:first-child #triangle_left p:before { background: #dfe9fb } } .table-head { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 10px; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width:768px) { .table-head { -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 15px; display: none } } .table-head_left { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center } @media (max-width:993px) { .table-head_left { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: space-evenly; justify-content: space-evenly } } @media (max-width:576px) { .table-head_left { border: 1px solid rgba(130, 148, 177, .35); -ms-flex-pack: distribute; justify-content: space-around; border-radius: 14px; padding: 10px } } .table-head_left p { font-weight: 400; font-size: 12px; line-height: 18px; color: #fff; margin-right: 32px; margin-bottom: 0 } @media (max-width:993px) { .table-head_left p { margin-bottom: 10px; margin-right: 0; font-size: 11px } } @media (max-width:576px) { .table-head_left p { font-size: 11px; margin-bottom: 0; line-height: 15px } } .table-head_left .bonus-date { background: rgba(74, 92, 123, .15); border: 1px solid rgba(74, 92, 123, .4); box-sizing: border-box; border-radius: 4px; padding: 1px 5px; font-weight: 400; font-size: 12px !important; line-height: 18px !important; color: #749bff !important; white-space: nowrap } @media (max-width:768px) { .table-head_left .bonus-date { font-size: 10px !important } } .table-head_legal { position: relative; padding-left: 25px } .table-head_legal:before { position: absolute; content: ""; top: -2px; left: 0; width: 21px; height: 21px; background: url(/img/ShieldCheck.svg) no-repeat } @media (max-width:576px) { .table-head_legal:before { top: unset } } @media (max-width:576px) { .table-head_legal { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } } .table-head_flag { position: relative; padding-left: 25px } .table-head_flag:before { position: absolute; top: -2px; left: 0; content: ""; width: 21px; height: 21px; background: url(/img/DeviceMobile.svg) no-repeat } @media (max-width:576px) { .table-head_flag:before { top: unset } } @media (max-width:576px) { .table-head_flag { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } } .table-head_secure { position: relative; padding-left: 25px } .table-head_secure:before { position: absolute; content: ""; top: -2px; left: 0; width: 21px; height: 21px; background: url(/img/CurrencyCircleDollar.svg) no-repeat } @media (max-width:576px) { .table-head_secure:before { top: unset } } @media (max-width:576px) { .table-head_secure { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } } .table-head_bonus { padding-left: 25px; position: relative } @media (max-width:575px) { .table-head_bonus { display: none } } .table-head_bonus:before { content: ""; position: absolute; top: -2px; left: 0; width: 21px; height: 21px; background: url(/img/CalendarBlank.svg) no-repeat } .table-head .table-left_right { display: -ms-flexbox; display: flex; position: relative } .table-head .table-left_right p { font-weight: 300; font-size: 10px; line-height: 14px; color: hsla(0, 0%, 100%, .5); padding-left: 15px } @media (max-width:992px) { .table-head .table-left_right p { margin-right: 10px } } .table-head p { color: #fff; font-size: 10px; line-height: 18px } @media (max-width:768px) { .table-head p { font-size: 11px } } @media (max-width:374px) { .table-head p { font-size: 10px } } .table-before { position: relative } .table-before:before { position: absolute; content: ""; bottom: 0; left: 0; width: 935px; height: 900px; z-index: -1 } @media (max-width:1200px) { .table-before:before { content: ""; background: none; width: 1px; height: 1px } } .table-before:after { position: absolute; content: ""; bottom: 0; right: 0; width: 331px; height: 560px; z-index: -1 } @media (max-width:1200px) { .table-before:after { content: ""; background: none; width: 1px; height: 1px } } @media (max-width:768px) { .table-wrapper { max-width: 100% !important } } .table { margin-bottom: 40px } @media (max-width:768px) { .table-score { -ms-flex-pack: center; justify-content: center } .table-score_block { -ms-flex-order: 2; order: 2 } } .table .brand-flag { position: absolute; top: 25px; left: 80px; background: linear-gradient(#ffd68a, #ff914e); border-radius: 6px; font-weight: 800; font-size: 10px; line-height: 10px; height: 20px; padding: 5px; z-index: 1; font-family: Nunito Sans; text-align: center; letter-spacing: .01em; text-transform: uppercase; color: #00031e } @media screen and (max-width:1200px) { .table .brand-flag { top: 18px; left: 40px } } @media screen and (max-width:992px) { .table .brand-flag { top: -10px; left: 8px; max-width: 130px; height: auto } } @media screen and (max-width:768px) { .table .brand-flag { top: 10px; left: 10px; max-width: 100% } } @media screen and (max-width:576px) { .table .brand-flag { top: 7px; left: 10px; height: auto; font-size: 9px } } @media screen and (max-width:420px) { .table .brand-flag { max-width: 110px } } .table_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify !important; justify-content: space-between !important; -ms-flex-align: center; align-items: center; text-align: center } @media (max-width:768px) { .table_row { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; margin: 15px 10px; margin-bottom: 5px; margin-top: 0 } } @media (max-width:374px) { .table_row { padding: 12px 5px 15px; margin-bottom: 5px } } .table_row_title { background: rgba(130, 148, 177, .07); padding: 3px 0 } @media (max-width:768px) { .table_row_title { display: none } } .table_row_title p { font-size: 12px; line-height: 18px; text-align: center; font-weight: 400; color: rgba(130, 148, 177, .8) } .table_row_title .table_title { padding: 0 } .table_col-number { width: 5% } @media (max-width:992px) { .table_col-number { display: none } } .table_col-site { width: 25%; padding: 15px } @media (max-width:992px) { .table_col-site { width: 25% } } @media (max-width:768px) { .table_col-site { width: 100% } } .table_col-score { width: 20% } .table_col-bonus { width: 25%; text-align: center } @media (max-width:992px) { .table_col-bonus { width: 25% } } @media (max-width:768px) { .table_col-bonus { width: 50%; padding: 0 } } .table .bonus_row { position: relative } .table .bonus_row:before { position: absolute; content: ""; top: -20%; right: 0; bottom: 0; height: 135%; width: 1px; background: linear-gradient(180deg, rgba(130, 148, 177, .04), rgba(130, 148, 177, .2) 50%, rgba(130, 148, 177, .04)) } @media (max-width:768px) { .table .bonus_row:before { content: ""; background: none } } .table .rating_row { position: relative } .table .rating_row:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: linear-gradient(180deg, rgba(130, 148, 177, .04), rgba(130, 148, 177, .2) 50%, rgba(130, 148, 177, .04)) } @media (max-width:768px) { .table .rating_row:before { content: ""; background: none } } .table .score_row { position: relative } .table .score_row:before { content: ""; position: absolute; right: 0; top: -15%; bottom: 0; width: 1px; height: 130%; background: linear-gradient(180deg, rgba(130, 148, 177, .04), rgba(130, 148, 177, .2) 50%, rgba(130, 148, 177, .04)) } @media (max-width:1200px) { .table .score_row:before { content: ""; top: -5%; height: 110% } } @media (max-width:992px) { .table .score_row:before { content: ""; top: 6%; height: 85% } } .table_col-rating { width: 15%; padding: 15px; text-align: center } @media (max-width:992px) { .table_col-rating { width: 20%; display: none } } @media (max-width:768px) { .table_col-rating { width: 50%; text-align: center; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center } } .table_col-rating figure { display: inline-block } .table_col-rating figure img { margin: 0 0 12px; width: 26px } @media (max-width:768px) { .table_col-rating figure img { margin: auto 0 } } .table_col-rating p { text-align: center } @media (max-width:768px) { .table_col-rating p { display: inline-block } } .table_col-payment { width: 20%; padding: 15px 44px; text-align: center } @media (max-width:1200px) { .table_col-payment { padding: 15px 0 } } @media (max-width:992px) { .table_col-payment { width: 24% } } @media (max-width:768px) { .table_col-payment { margin-top: 10px; padding: 0 10.5px 0 3px } } .table_col-payment p { text-align: center } @media (max-width:768px) { .table .table-col-wrapper .table_col-bonus, .table .table-col-wrapper .table_col-btn, .table .table-col-wrapper .table_col-payment, .table .table-col-wrapper .table_col-rating, .table .table-col-wrapper .table_col-site_review { width: 100% } } .table_col-btn { width: 20%; padding: 15px 0 } @media (max-width:992px) { .table_col-btn { width: 25% } } @media (max-width:768px) { .table_col-btn { width: 50%; padding: 0 } } .table_col-btn .btn { width: 180px } @media (min-width:768px) { .table_col-btn .btn { margin: 0 auto 10px } } @media (max-width:1100px) { .table_col-btn .btn { width: 126px } } @media (max-width:768px) { .table_col-btn .btn { font-size: 16px; margin-top: 0; margin-bottom: 15px } } .table .review_row { padding-top: 25px; position: relative; transition: all .4ms ease-in-out; border-bottom: 1px solid #8294b14a } @media (max-width:992px) { .table .review_row { margin-top: 0; padding-top: 26px } } @media (max-width:768px) { .table .review_row { padding: 10px 0 10px 7.5px; background: none; border-radius: 14px; border: 1px solid rgba(130, 148, 177, .35) } } .table .review_row:hover { background: rgba(130, 148, 177, .05); transition: all .5s ease-in-out } .table .review_row:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; width: 50% } .table .review_row .table_col-site img { max-height: 93px; transition: all .4s; margin: 0 auto } @media (max-width:992px) { .table .review_row .table_col-site img { max-height: 70px; max-height: 60px } } .table .review_row .table_col-bonus .bonus-title { font-size: 14px; line-height: 20px; text-align: center; font-weight: 300; color: #fff } @media (max-width:992px) { .table .review_row .table_col-bonus .bonus-title { font-size: 14px } } @media (max-width:768px) { .table .review_row .table_col-bonus .bonus-title { line-height: 20px; font-size: 12px; color: #fff; padding: 0 5px } } .table .review_row .table_col-bonus .bonus-title_center { font-weight: 700; font-size: 30px; line-height: 40px } @media (max-width:992px) { .table .review_row .table_col-bonus .bonus-title_center { font-size: 26px; line-height: 30px } } @media (max-width:768px) { .table .review_row .table_col-bonus .bonus-title_center { font-size: 22px; line-height: 40px; font-weight: 700 } } @media (max-width:768px) { .table .review_row .table_col-bonus .bonus-title_bottom { margin-bottom: 10px } } @media (max-width:768px) { .table .review_row .table { padding: 5px 6px } } .table .review_row .table_col-rating .rating-bold { font-weight: 600 } @media (max-width:768px) { .table .review_row .table_col-rating .table-rating { display: none } } .table .review_row .table_col-rating p { font-weight: 300; font-size: 14px; line-height: 22px; text-align: center; color: #fff } @media (max-width:768px) { .table .review_row .table_col-rating p { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #fff } } .table .review_row .table_col-rating p.table-score__value { font-weight: 700; font-size: 36px; line-height: 40px; text-align: center; color: #fff; margin-bottom: 5px } @media (max-width:992px) { .table .review_row .table_col-rating p.table-score__value { font-size: 26px; line-height: 30px; margin-bottom: 5px } } @media (max-width:768px) { .table .review_row .table_col-rating p.table-score__value { color: #fff; font-size: 16px; line-height: 16px } } .table .review_row .table_col-rating .stars { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin-bottom: 10px } .table .review_row .table_col-payment .table-rating p { color: hsla(0, 0%, 100%, .5); font-size: 11px; line-height: 15px; font-weight: 300 } .table .review_row .table_col-payment .details__grid { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 5px; row-gap: 10px } @media (max-width:768px) { .table .review_row .table_col-payment .details__grid { -ms-flex-pack: center; justify-content: center } } .table .review_row .table_col-payment .grid__item { width: 40px } @media (max-width:1200px) { .table .review_row .table_col-payment .grid__item { width: calc(33.333% - 5px) } } @media (max-width:768px) { .table .review_row .table_col-payment .grid__item { width: calc(20% - 5px); z-index: 14 } } .table .review_row .table_col-payment .grid__item img { margin: 0 auto } @media (max-width:768px) { .table .review_row .table_col-payment .grid__item img { max-height: 30px; width: auto } } @media (max-width:420px) { .table .review_row .table_col-payment .grid__item img { max-height: 14.5px; width: auto } } .table .review_row .table_col-btn { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } @media (min-width:768px) { .table .review_row .table_col-btn .link { margin: 0 auto } } @media (max-width:768px) { .table .review_row .table_col-btn .link { display: none } } .table .review_row:hover .table_col-site img { opacity: .7; margin: 0 auto } .table .mob-description { display: none } @media (max-width:768px) { .table .mob-description { display: block; width: 100%; color: rgba(130, 148, 177, .5); line-height: 15px; font-size: 11px; letter-spacing: -.4px; text-align: left; padding: 0 10px; margin-bottom: 20px } } @media (max-width:576px) { .table .mob-description { padding: 0 7px } } .extra-logos { font-family: Inter, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; -ms-flex-pack: center; justify-content: center; color: #38f; cursor: pointer; width: 42px } @media (max-width:768px) { .extra-logos { width: 32px; font-size: 10px; line-height: 10px } } @media (max-width:768px) { .table-rating { -ms-flex-order: 3; order: 3; width: calc(100% - 7px) } } .hidden-img { display: none !important } .review-image_logo { height: 110px; width: 100% } .review-image_logo, .table_col-site_logo { background-repeat: no-repeat; background-size: contain; background-position: 50% } .table_col-site_logo { position: relative; height: 65px; width: 80%; margin: 0 auto } @media (max-width:992px) { .table_col-site_logo { height: 90px } } @media (max-width:768px) { .table_col-site_logo { height: 60px; max-width: 110px; margin: 0 auto } } @media (max-width:374px) { .table_col-site_logo:before { content: ""; left: 5%; width: 100% } } .number p { display: none } @media (max-width:992px) { .number p { display: inline-table; border: 1px solid rgba(130, 148, 177, .5); color: #8294b1; font-size: 10px; line-height: 14px; border-radius: 5px; width: 16px; height: 14px; font-weight: 900 } } .number span { position: relative; font-size: 12px; line-height: 18px; display: inline-block; text-align: center; text-transform: uppercase; font-weight: 700; color: #8294b1; padding: 0 5px } @media (max-width:576px) { .number span { font-size: 10px; line-height: 16px } } #flag_left { display: block; background: #44ab48; position: absolute; left: -1px; top: 5px; min-width: 100px } @media (max-width:576px) { #flag_left { top: -8px; left: -16px } } @media (max-width:374px) { #flag_left { top: -18px; left: -8px } } #flag_left:before { top: 0; position: absolute; content: ""; display: block; border-right: 10px solid transparent; width: 100%; z-index: -1; border-bottom: 11px solid #44ab48; border-top: 11px solid #44ab48 } #triangle_left { display: inline-block; width: 37px; height: 37px; position: absolute; top: -2px; left: -1px } @media (max-width:576px) { #triangle_left { top: -58px; left: -37px } } @media (max-width:374px) { #triangle_left { top: -58px; left: -37px } } #triangle_left p { font-size: 10px; line-height: 14px; position: absolute; top: 94%; left: 84%; right: 0; text-align: center; text-transform: uppercase; color: rgba(130, 148, 177, .5) } .best-choise { z-index: 10 !important; top: 0 !important; left: 5% !important; background-position: 50% 49% !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -ms-transform: rotate(-15deg); transform: rotate(-15deg) } @media (max-width:992px) { .best-choise { top: 2% !important; left: -1% !important } } @media (max-width:768px) { .best-choise { top: -14% !important; left: -2% !important } } @media (max-width:450px) { .best-choise { top: -25px !important; left: -3% !important } } @media (max-width:374px) { .best-choise { left: -5% !important } } .best-choise span { color: #040d20; line-height: 10px } .best-choise .star-top { font-size: 10px; font-weight: 900 } .best-choise .star-bottom { font-size: 8px; font-weight: 900 } .table_col-site_review { width: 25%; background: linear-gradient(90.81deg, rgb(158 169 187 / 12%), rgba(130, 148, 177, 0) 86.52%, rgba(130, 148, 177, 0.12)), rgba(130, 148, 177, 0); border-radius: 14px; border: 1px solid rgba(130, 148, 177, .5); cursor: pointer; padding: 25px 0 } @media (max-width:992px) { .table_col-site_review { width: 23%; margin-left: 3%; padding: 10px 0; position: relative } } @media (max-width:768px) { .table_col-site_review { margin-left: 0; width: 50%; background: none; padding: 0; border: none; position: static } } .table_col_site_number { width: 5% } @media (max-width:992px) { .table_col_site_number { display: none } } .table_col_site_number span { font-size: 36px; line-height: 40px; font-weight: 700; text-align: center; color: rgba(130, 148, 177, .5) } .block_tc { display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 5%; color: rgba(130, 148, 177, .5) } @media (max-width:992px) { .block_tc { margin-left: 3% } } @media (max-width:768px) { .block_tc { display: none } } @media (max-width:768px) { .table__data .table_row_bg:first-child { background: linear-gradient(169.55deg, #ffde91 7.54%, #ff8b49 92.46%); border-radius: 14px; padding: 1px; margin: 0 10px 5px } .table__data .table_row_bg:first-child .review_row { background: #040d20; border-radius: 14px; margin: unset; position: relative } .table__data .table_row_bg:first-child .review_row:before { border-image: linear-gradient(169.55deg, #ffde91 7.54%, #ff8b49 92.46%); border-right: 1px solid transparent; border-image-slice: 1; background: linear-gradient(180deg, rgba(255, 222, 145, .2), rgba(255, 222, 145, .2) .01%, rgba(255, 139, 73, .2)); border-radius: 14px 0 0 14px } .table__data .table_row_bg:first-child #triangle_left p { background: linear-gradient(169.55deg, #ffde91 7.54%, #ff8b49 92.46%); border-radius: 5px; line-height: 14px } .table__data .table_row_bg:first-child #triangle_left p:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #363636; border-radius: 5px } .table__data .table_row_bg:first-child #triangle_left p span { background: linear-gradient(169.55deg, #ffde91 7.54%, #ff8b49 92.46%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .table__data .table_row_bg:first-child .table_col-site_logo:before { background: linear-gradient(90deg, hsla(31, 23%, 60%, .04), hsla(40, 23%, 60%, .2) 50%, hsla(31, 23%, 60%, .04)) } } .table_row_title+.table_row_bg.best-choice { margin-top: 10px } .table-col-wrapper { width: 50% } @media (max-width:992px) { #triangle_left p { top: 8px; left: 8px } } @media (max-width:768px) { #triangle_left p { top: 25%; left: 25% } } @media (max-width:576px) { #triangle_left p { top: 180%; left: 125% } } @media (max-width:768px) { .table-page-v2-template .table .review_row:before { display: none } } .coupon-button { padding: 8px 12px; background-color: transparent; cursor: pointer; transition: all .3s; border-radius: 100px; border: 1px dashed #fff; box-shadow: 0 4px 10px 0 rgba(13, 16, 21, .6); margin: 0 auto 10px; width: 150px } @media (max-width:1100px) { .coupon-button { max-width: 125px; margin: 0 auto 5px; width: 126px } } .coupon-button span { position: relative; margin-right: 4px; color: #fff; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; letter-spacing: .16px; text-transform: uppercase; margin-left: -8px } .coupon-button span:after { position: absolute; content: ""; width: 16px; height: 16px; background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M12 4H3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 12 4zm-.5 9h-8V5h8v8zm3-10.5v9a.5.5 0 0 1-1 0V3H5a.5.5 0 1 1 0-1h9a.5.5 0 0 1 .5.5z" fill="%23fff"/></svg>') } .coupon-button.copied { border: 1px dashed #26cd00 } .coupon-button.copied span { color: #26cd00; position: relative; margin-right: 4px } .coupon-button.copied span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg clip-path='url(%23a)' stroke='%2326CD00' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 8.143L3.9 10.5 9.5 5M8.373 9L9.9 10.5 15.5 5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") } .content-block { padding-top:120px; position: relative } .content-block:before { position: absolute; content: ""; bottom: 0; right: 0; left: 30%; width: 1064px; height: 461px; z-index: -1 } @media (max-width:1200px) { .content-block:before { content: ""; background: none } } .content { max-width: 700px; margin: 0 auto } .content h2 { font-family: Nunito Sans, sans-serif; font-weight: 700; font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 15px } .content p { font-weight: 300; font-size: 16px; line-height: 22px; color: #fff; margin-bottom: 30px; opacity: .8 } .content ul { font-size: 14px; font-weight: 400; color: #fff; list-style-type: disc; list-style-position: inside } #exit-modal { position: relative; width: 400px; margin: 2% auto; text-align: center; top: 50px; background: #040d20; border: 1px solid #a1badc6e; box-sizing: border-box; border-radius: 14px } @media (max-width:992px) { #exit-modal { width: 90% } } #exit-modal:before { content: ""; position: absolute; top: 2%; left: -8%; width: 64px; height: 64px; background: url(/img/Ellipse25.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #exit-modal:before { content: ""; background: none } } #exit-modal:after { content: ""; position: absolute; bottom: 5%; right: -3.5%; width: 50px; height: 50px; background: url(/img/Ellipse28.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #exit-modal:after { content: ""; bottom: 2%; right: -5.5% } } @media (max-width:992px) { #exit-modal .exit-modal-block { position: relative } } #exit-modal .popup-bonus { font-style: normal; font-weight: 300; font-size: 26px; line-height: 30px; text-align: center; margin-bottom: 5px; color: #fff; padding: 0 10px } #exit-modal .popup-bonus span { font-weight: 700 } #exit-modal .money-bonus { font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; color: #fff; margin-bottom: 30px } @media (max-width:576px) { #exit-modal .money-bonus { margin-bottom: 20px } } #exit-modal .btn { width: 39%; margin-bottom: 15px; padding: 16px 0 12px } @media (max-width:576px) { #exit-modal .btn { width: 90% } } #exit-modal .modal-block { margin-right: 10px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: .5px solid #336af4; background: #16202b; border-radius: 7px; width: 300px; padding: 37px 15px 33px; height: 474px } @media (max-width:992px) { #exit-modal .modal-block { width: 260px; margin-right: 0; position: absolute } } @supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) { #exit-modal .modal-block { background: hsla(0, 0%, 100%, .05); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) } } #exit-modal .modal_tc { font-weight: 400; font-size: 12px; line-height: 15px; text-align: center; color: hsla(0, 0%, 100%, .5) } #exit-modal img { margin: 0 auto; width: auto } #exit-modal .popup-link-tc { font-style: normal; font-weight: 300; font-size: 10px; line-height: 14px; text-align: center; color: rgba(130, 148, 177, .5); padding: 0 20px 20px } #exit-modal .popup-figure { margin-bottom: 30px; padding: 30px 0; background: linear-gradient(90.81deg, rgba(130, 148, 177, 0), rgba(130, 148, 177, .12) 50.52%, rgba(130, 148, 177, 0)), rgba(130, 148, 177, .02); border-bottom: 1px solid #a1badc6e; position: relative } @media (max-width:576px) { #exit-modal .popup-figure { margin-bottom: 20px } } #exit-modal .popup-figure:before { content: ""; position: absolute; top: 37%; left: -12%; width: 50px; height: 50px; background: url(/img/Ellipse26.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #exit-modal .popup-figure:before { content: ""; top: 16%; left: -8% } } @media (max-width:376px) { #exit-modal .popup-figure:before { content: ""; left: -9% } } @media (max-width:320px) { #exit-modal .popup-figure:before { content: ""; left: -11% } } #exit-modal .popup-figure img { max-width: 210px } .wrap-exit-modal { position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: 1e+25; display: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: rgba(4, 13, 32, .5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px) } @media (max-width:992px) { .wrap-exit-modal { background: linear-gradient(241.59deg, #03090f, #101927 72.26%) } } .wrap-exit-modal:before { content: ""; position: absolute; top: 0; left: 0; width: 549px; height: 460px } @media (max-width:767px) { .wrap-exit-modal:before { content: ""; display: none } } .wrap-exit-modal:after { content: ""; position: absolute; bottom: 0; right: 0; width: 110px; height: 460px } @media (max-width:992px) { .wrap-exit-modal:after { content: ""; z-index: -1 } } @media (max-width:767px) { .wrap-exit-modal:after { content: ""; display: none } } .exit-modal { width: 100%; max-width: 400px; position: relative; text-align: center; border-radius: 6px } .exit-modal__btn-close { position: absolute; content: ""; border: 0; padding: 0; top: 7px; right: 10px; width: 18px; height: 18px; background: url(/img/Close.svg) no-repeat 50%/contain; z-index: 12 } .table-page-v2-template .exit-modal__btn-close { background: url(/img/Close_dark.svg) no-repeat 50%/contain } #adult-modal { position: relative; padding: 20px; width: min-content; width: 400px; margin: 2% auto; text-align: center; border-radius: 20px; top: 50px; background: #040d20; border: 1px solid #a1badc6e; box-sizing: border-box; border-radius: 14px } @media (max-width:992px) { #adult-modal { width: 90% } } #adult-modal:before { content: ""; position: absolute; top: 2%; left: -8%; width: 64px; height: 64px; background: url(/img/Ellipse25.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #adult-modal:before { content: ""; background: none } } #adult-modal:after { content: ""; position: absolute; bottom: 5%; right: -3.5%; width: 50px; height: 50px; background: url(/img/Ellipse28.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #adult-modal:after { content: ""; bottom: 2%; right: -5.5% } } @media (max-width:992px) { #adult-modal .exit-modal-block { position: relative } } #adult-modal .adult_text { padding: 20px 10px; color: #fff; font-size: 28px } #adult-modal .popup-bonus { font-style: normal; font-weight: 300; font-size: 26px; line-height: 30px; text-align: center; margin-bottom: 5px; color: #fff } #adult-modal .popup-bonus span { font-weight: 700 } #adult-modal .money-bonus { font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; color: #fff; margin-bottom: 30px } @media (max-width:576px) { #adult-modal .money-bonus { margin-bottom: 20px } } #adult-modal .btn { width: 39%; margin-bottom: 15px; padding: 16px 0 12px } @media (max-width:576px) { #adult-modal .btn { width: 90% } } #adult-modal .modal-block { margin-right: 10px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: .5px solid #336af4; background: #16202b; border-radius: 7px; width: 300px; padding: 37px 15px 33px; height: 474px } @media (max-width:992px) { #adult-modal .modal-block { width: 260px; margin-right: 0; position: absolute } } @supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))) { #adult-modal .modal-block { background: hsla(0, 0%, 100%, .05); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) } } #adult-modal .modal_tc { font-weight: 400; font-size: 12px; line-height: 15px; text-align: center; color: hsla(0, 0%, 100%, .5) } #adult-modal img { margin: 0 auto; width: auto } #adult-modal .popup-link-tc { font-style: normal; font-weight: 300; font-size: 10px; line-height: 14px; text-align: center; color: rgba(130, 148, 177, .5); padding: 0 20px 20px } #adult-modal .popup-figure { margin-bottom: 30px; padding: 30px 0; background: linear-gradient(90.81deg, rgba(130, 148, 177, 0), rgba(130, 148, 177, .12) 50.52%, rgba(130, 148, 177, 0)), rgba(130, 148, 177, .02); border-bottom: 1px solid #a1badc6e; position: relative } @media (max-width:576px) { #adult-modal .popup-figure { margin-bottom: 20px } } #adult-modal .popup-figure:before { content: ""; position: absolute; top: 37%; left: -12%; width: 50px; height: 50px; background: url(/img/Ellipse26.png); background-repeat: no-repeat; background-size: contain } @media (max-width:576px) { #adult-modal .popup-figure:before { content: ""; top: 16%; left: -8% } } @media (max-width:376px) { #adult-modal .popup-figure:before { content: ""; left: -9% } } @media (max-width:320px) { #adult-modal .popup-figure:before { content: ""; left: -11% } } #adult-modal .popup-figure img { max-width: 210px } .close { position: absolute; top: 10px; right: 15px; text-decoration: none; font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 22px; color: #eee } .close, .open { display: block } .open { outline: none } .wrap-adult-modal { position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: rgba(4, 13, 32, .5); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px) } @media (max-width:992px) { .wrap-adult-modal { background: linear-gradient(241.59deg, #03090f, #101927 72.26%) } } .wrap-adult-modal:before { content: ""; position: absolute; top: 0; left: 0; width: 549px; height: 460px } @media (max-width:767px) { .wrap-adult-modal:before { content: ""; display: none } } .wrap-adult-modal:after { content: ""; position: absolute; bottom: 0; right: 0; width: 110px; height: 460px } @media (max-width:992px) { .wrap-adult-modal:after { content: ""; z-index: -1 } } @media (max-width:767px) { .wrap-adult-modal:after { content: ""; display: none } } .adult-modal { width: 100%; max-width: 400px; position: relative; text-align: center; border-radius: 6px } .adult-modal__btn-close { position: absolute; content: ""; border: 0; padding: 0; top: 7px; right: 10px; width: 18px; height: 18px; background: url(/img/Close.svg) no-repeat 50%/contain; z-index: 12 } .header-menu { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row } @media (max-width:992px) { .header-menu { display: none } } .header-menu li { position: relative; padding: 21px 36px 20px 20px; transition: all .4s ease-in-out } .header-menu li:before { content: ""; position: absolute; background: url(../img/Polygon\ 1@3x.svg) no-repeat; top: 31px; right: 16px; width: 6px; height: 3px; transition: all .4s ease-in-out } .header-menu li:hover { background: rgba(74, 92, 123, .2); cursor: pointer; transition: all .4s ease-in-out; z-index: 15 } .header-menu li:hover:before { content: ""; position: absolute; background: url(../img/down.svg) no-repeat; top: 31px; right: 16px; width: 6px; height: 3px; transition: all .4s ease-in-out } .header-menu li:hover .sub-menu { display: -ms-flexbox; display: flex } .header-menu li:hover .sub-menu li:before { content: ""; display: none } .header-menu li:after { position: absolute; content: ""; background: transparent; width: 100%; height: 30px; top: 20px; left: 0 } .header-menu .sub-menu { display: none; transition: all .2s; position: absolute; top: 63px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row wrap; flex-flow: row wrap; background: #03090f; padding: 0; width: 400px; text-align: center; left: 0; border: 1px solid rgba(74, 92, 123, .4); box-sizing: border-box; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .header-menu .sub-menu li { text-align: left; margin: 0; width: 50%; padding: 20px 15px 20px 20px; font-size: 12px; line-height: 18px; text-transform: uppercase; color: #fff } .header-menu .sub-menu li:hover { background: rgba(74, 92, 123, .2) } .header-menu .sub-menu li:after { display: none } @supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { .header-menu .sub-menu { background: #2e3c4a; background: rgba(3, 9, 15, .6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px) } } .header-menu a { transition: all .3s } #hamburger { display: none; margin-left: 30px } @media (max-width:992px) { #hamburger { display: block } } @media (max-width:767px) { #hamburger { margin-left: 20px } } #menuToggle { display: block; position: relative; z-index: 15; -webkit-user-select: none; -ms-user-select: none; user-select: none } #menuToggle a { text-decoration: none; color: #fff; font-size: 12px; line-height: 18px; transition: color .3s ease } #menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none } #menuToggle span { display: block; width: 25px; height: 2px; margin: 5px 0; position: relative; background: #fff; z-index: 1; -ms-transform-origin: 4px 0; transform-origin: 4px 0; transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease } #menuToggle span:first-child { -ms-transform-origin: 0 0; transform-origin: 0 0 } #menuToggle span:nth-last-child(2) { -ms-transform-origin: 0 100%; transform-origin: 0 100% } #menuToggle input:checked~span { opacity: 1; -ms-transform: rotate(45deg) translate(0); transform: rotate(45deg) translate(0); background: #fff } #menuToggle input:checked~span:nth-last-child(3) { opacity: 0; -ms-transform: rotate(0deg) scale(.2); transform: rotate(0deg) scale(.2) } #menuToggle input:checked~span:nth-last-child(2) { -ms-transform: rotate(-45deg) translateY(1px); transform: rotate(-45deg) translateY(1px) } #menuToggle input:checked~.mobile-block .mobile-header-menu_wrapper { -ms-transform: translate(0); transform: translate(0) } .mobile-header-menu_wrapper { position: fixed; width: 100%; overflow: auto; top: 61px; bottom: 0; right: 0; padding: 30px 0 20px; padding-top: 0; -ms-transform: translate(100%); transform: translate(100%); background: rgba(3, 9, 15, .6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); list-style-type: none; -webkit-font-smoothing: antialiased; -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform .5s cubic-bezier(.77, .2, .05, 1) } @media (max-width:576px) { .mobile-header-menu_wrapper { top: 61px; padding-top: 0 } } .mobile-header-menu_wrapper li { font-size: 22px; position: relative; border-bottom: 1px solid rgba(74, 92, 123, .4) } .mobile-header-menu_wrapper li a { position: relative; padding: 30px 30px 30px 50px; text-align: left } .mobile-header-menu .menu-item-has-children a { display: block; position: relative } .mobile-header-menu .menu-item-has-children a:after { content: ""; position: absolute; top: 50%; -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); right: 25px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff } .mobile-header-menu .sub-menu { display: none } .mobile-header-menu .sub-menu li:last-child a { border-bottom: none } .mobile-header-menu .sub-menu li { padding-left: 20px; border: none } .mobile-header-menu .sub-menu li:first-child { border-top: 1px solid rgba(74, 92, 123, .4) } .mobile-header-menu .sub-menu li a { padding-left: 25px; border-bottom: 1px solid rgba(74, 92, 123, .4); width: 94%; right: -6% } .mobile-header-menu .sub-menu li a:after { content: ""; position: absolute; top: 9px; left: -22px; width: 0; height: 0; border: none } .active-menu { background: rgba(74, 92, 123, .2) } .active-menu a:after { -ms-transform: translateY(-50%) rotate(180deg) !important; transform: translateY(-50%) rotate(180deg) !important } .active-menu .sub-menu { display: block !important } .hamburger-menu { z-index: 2; position: absolute; top: 50px; right: 50px; width: 100px; height: 60px; cursor: pointer } .bar, .bar:after, .bar:before { width: 100px; height: 10px } .bar { position: relative; -ms-transform: translateY(25px); transform: translateY(25px); background: #fff; transition: all 0ms .3s } .bar.animate { background: hsla(0, 0%, 100%, 0) } .bar:before { bottom: 25px; transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1) } .bar:after, .bar:before { content: ""; position: absolute; left: 0; background: #fff } .bar:after { top: 25px; transition: top .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1) } .bar.animate:after { top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s } .bar.animate:before { bottom: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s } .show { left: 0; opacity: 1 } .hide { opacity: 0; left: 100% } .mobile-nav { background: rgba(52, 73, 94, .9); position: absolute; top: 0; width: 100vw; height: 100vh; text-align: center; transition: .2s ease } .mobile-nav ul { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); list-style: none } .mobile-nav a { opacity: 0; transition: opacity .9s ease-in-out } .mobile-nav.show a, .mobile-nav a { text-align: center; font-size: 4vw; color: #fff } .mobile-nav.show a { opacity: 1 } .mobile-nav a:hover { color: #2980b9 } .faq-block { padding: 60px 0 50px; text-align: center } .faq-block h2 { font-weight: 700; font-size: 38px; line-height: 46px; text-align: center; margin-bottom: 40px; color: #fff } @media (max-width:576px) { .faq-block h2 { font-size: 30px; line-height: 36px } } .faq-block_container { padding: 30px; max-width: 840px; text-align: left; border: 1px solid rgba(130, 148, 177, .5); background: linear-gradient(90.81deg, rgba(130, 148, 177, 0), rgba(130, 148, 177, .12) 50.52%, rgba(130, 148, 177, 0)), rgba(130, 148, 177, .02); border-radius: 14px; margin: 0 auto 20px } .faq-block_title { font-weight: 700; font-size: 24px; line-height: 34px; margin-bottom: 10px; color: #fff } .faq-block_content { font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #fff } .responsibly-block { position: relative; text-align: center; padding: 50px 0; padding-bottom: 50px } .responsibly-block h2 { font-weight: 700; font-size: 38px; line-height: 46px; text-align: center; margin-bottom: 50px; color: #fff } @media (max-width:576px) { .responsibly-block h2 { font-size: 30px; line-height: 36px; max-width: 80%; margin: 0 auto; margin-bottom: 50px } } .responsibly-block_images { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px } @media (max-width:992px) { .responsibly-block_images { -ms-flex-pack: center !important; justify-content: center !important } } .responsibly-block_images img { margin: 0 auto } @media (max-width:1200px) { .responsibly-block_images img { margin-bottom: 40px } } @media (max-width:992px) { .responsibly-block_images img { display: -ms-flexbox; display: flex; margin-bottom: 40px } } @media (max-width:576px) { .responsibly-block_images img { -ms-flex-preferred-size: 25%; flex-basis: 25%; margin-bottom: 30px } } @media (max-width:1024px) { .responsibly-block_images .first_image { -ms-flex-preferred-size: 10%; flex-basis: 10% } } @media (max-width:576px) { .responsibly-block_images .first_image { -ms-flex-preferred-size: 30%; flex-basis: 30% } } @media (max-width:375px) { .responsibly-block_images .first_image { margin-right: 32px; -ms-flex-preferred-size: 10%; flex-basis: 10% } } @media (max-width:375px) { .responsibly-block_images .first_image img { max-width: 30px } } @media (max-width:1024px) { .responsibly-block_images .second_image { -ms-flex-preferred-size: 20%; flex-basis: 20% } } @media (max-width:768px) { .responsibly-block_images .second_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:576px) { .responsibly-block_images .second_image { -ms-flex-preferred-size: 30%; flex-basis: 30% } } @media (max-width:375px) { .responsibly-block_images .second_image { margin-right: 32px; -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:374px) { .responsibly-block_images .second_image { -ms-flex-preferred-size: 35%; flex-basis: 35% } } @media (max-width:375px) { .responsibly-block_images .second_image img { max-width: 100px } } @media (max-width:1024px) { .responsibly-block_images .third_image { -ms-flex-preferred-size: 20%; flex-basis: 20% } } @media (max-width:768px) { .responsibly-block_images .third_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:576px) { .responsibly-block_images .third_image { -ms-flex-preferred-size: 30%; flex-basis: 30% } } @media (max-width:375px) { .responsibly-block_images .third_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:375px) { .responsibly-block_images .third_image img { max-width: 76px } } @media (max-width:1024px) { .responsibly-block_images .hm_image { -ms-flex-preferred-size: 20%; flex-basis: 20% } } @media (max-width:768px) { .responsibly-block_images .hm_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:576px) { .responsibly-block_images .hm_image { -ms-flex-preferred-size: 35%; flex-basis: 35% } } @media (max-width:375px) { .responsibly-block_images .hm_image { -ms-flex-preferred-size: 38%; flex-basis: 38% } } @media (max-width:375px) { .responsibly-block_images .hm_image img { max-width: 103px } } @media (max-width:1024px) { .responsibly-block_images .begambleaware_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:768px) { .responsibly-block_images .begambleaware_image { -ms-flex-preferred-size: 16%; flex-basis: 16% } } @media (max-width:576px) { .responsibly-block_images .begambleaware_image { -ms-flex-preferred-size: 35%; flex-basis: 35% } } @media (max-width:375px) { .responsibly-block_images .begambleaware_image { -ms-flex-preferred-size: 26%; flex-basis: 26% } } @media (max-width:375px) { .responsibly-block_images .begambleaware_image img { max-width: 53px } } @media (max-width:1024px) { .responsibly-block_images .ibas_image { -ms-flex-preferred-size: 20%; flex-basis: 20% } } @media (max-width:768px) { .responsibly-block_images .ibas_image { -ms-flex-preferred-size: 25%; flex-basis: 25% } } @media (max-width:576px) { .responsibly-block_images .ibas_image { -ms-flex-preferred-size: 45%; flex-basis: 45% } } @media (max-width:375px) { .responsibly-block_images .ibas_image { -ms-flex-preferred-size: 38%; flex-basis: 38% } } @media (max-width:375px) { .responsibly-block_images .ibas_image img { max-width: 72px } } @media (max-width:768px) { .responsibly-block_images .gc_image { -ms-flex-preferred-size: 27%; flex-basis: 27% } } @media (max-width:576px) { .responsibly-block_images .gc_image { -ms-flex-preferred-size: 45%; flex-basis: 45% } } @media (max-width:375px) { .responsibly-block_images .gc_image { -ms-flex-preferred-size: 36%; flex-basis: 36% } } @media (max-width:375px) { .responsibly-block_images .gc_image img { max-width: 94px } } .service-title { padding: 90px 0 20px; color: #fff; background-position: 50% 50%; background-size: cover; background-color: #414f5d } .service-title h1 { font-size: 54px; font-weight: 400 } @media (max-width:767px) { .service-title h1 { font-size: 28px; line-height: 32px; max-width: 265px; text-align: center; margin: 0 auto } } .service-content { background: #eee } .service-content .wrapper { background: #fff; padding: 20px 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between } @media (max-width:767px) { .service-content .wrapper { -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .service-content p { font-size: 14px; color: #212121; font-weight: 300; line-height: 18px; margin-bottom: 5px; margin-top: 5px } .service-content ul { list-style-type: disc } .service-content ol, .service-content ul { list-style-position: inside; font-size: 12px; color: #000 } .content-with-sidebar .component { max-width: 728px } @media (max-width:1100px) { .content-with-sidebar .component { max-width: 450px } } @media (max-width:767px) { .content-with-sidebar .component { max-width: 100% } } .site-disclaimer { padding: 10px; background-color: rgba(21, 0, 18, .03); color: #150012; font-size: 16px; line-height: 49px; font-family: sans-serif; margin: 0 0 10px } .site-disclaimer p { font-size: 12px; line-height: 22px } .more-info { padding: 10px; background-color: rgba(21, 0, 18, .03); color: #150012; font-size: 16px; line-height: 49px; font-family: sans-serif; margin: 0 0 10px } @media (max-width:576px) { .more-info strong { -ms-flex-preferred-size: 60%; flex-basis: 60%; font-size: 14px; line-height: 22px } } @media (max-width:576px) { .more-info strong a { -ms-flex: 1; flex: 1 } } .fixed-cta { display: none } @media (max-width:992px) { .fixed-cta { display: block; background-color: #0230b7; color: #fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1; text-align: center; height: 52px; line-height: 52px; font-size: 1.5rem; font-weight: 700; text-decoration: none } } .review-box { width: 230px; text-align: center; box-shadow: 1px 3px 6px rgba(0, 0, 0, .3); margin-bottom: 20px } @media (max-width:767px) { .review-box { margin: 0 auto 20px } } .review-box_head { background-color: #0048c4; padding: 10px 0 } .review-box_head p { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 600 } .review-box_body { padding: 15px 10px } .review-box_body .bonus-title { line-height: 25px; font-size: 20px; margin-top: 5px; margin-bottom: 5px; color: #0230b7; font-weight: 600 } @media (max-width:992px) { .review-box_body .bonus-title { font-size: 14px } } @media (max-width:767px) { .review-box_body .bonus-title { line-height: 18px } } .review-box_body .bonus-subtitle { line-height: 15px !important; font-size: 11px; font-weight: 300; color: rgba(130, 148, 177, .5); cursor: pointer } .review-box_rate { background: #eee; border-top: 1px solid #0230b7; padding: 20px 0 } .review-box_rate p { color: #212121; font-size: 14px; font-weight: 300; margin-bottom: 5px } @media (max-width:767px) { .review-box_rate p { font-size: 11px } } .review-box_rate .stars { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin-bottom: 10px } footer { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); text-align: center; padding: 50px 0; position: relative; overflow: hidden; border-top: 1px solid #8294b145 } footer a { color: #a1badc } footer p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 24px; color: #fff;    margin-bottom: 20px; } @media (max-width:576px) { footer p { max-width: 70%; margin: 0 auto } } footer .footer-link-list ul { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; font-weight: 300; font-size: 10px; line-height: 14px; text-align: center; color: hsla(0, 0%, 100%, .5) } footer .footer-link-list ul li { margin-bottom: 12px } footer .footer-link-list ul a { color: hsla(0, 0%, 100%, .5) } footer .footer-link-list ul span { margin: 0 5px } footer .respectability { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } footer .respectability img { margin-right: 20px; max-height: 25px } footer .footer-copyright a, footer .footer-copyright p { font-weight: 300; font-size: 10px; line-height: 14px; text-decoration: none; text-align: center; color: hsla(0, 0%, 100%, .5) } footer .footer-copyright a { text-decoration: none } .aweber-block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 15px; border: 1px solid var(--stroke-40, hsla(0, 0%, 100%, .4)); padding: 30px; margin: 10px 0; -ms-flex-pack: justify; justify-content: space-between; position: relative } @media (max-width:992px) { .aweber-block { margin: 10px } } @media (max-width:767px) { .aweber-block { -ms-flex-direction: column; flex-direction: column; padding: 10px; margin: 10px } } .aweber-block:before { content: ""; display: block; width: 100%; position: absolute; height: 6px; background: #070d20; left: 0; top: -13px } .aweber-block__title { color: #fff; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; margin-bottom: 10px } .aweber-block__subtitle { color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } @media (max-width:992px) { .aweber-block__info { width: calc(100% - 360px) } } @media (max-width:767px) { .aweber-block__info { width: 100% } } @media (max-width:992px) { .af-form-wrapper { width: 560px } } @media (max-width:767px) { .af-form-wrapper { width: 100% } } .af-body { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px } @media (max-width:767px) { .af-body { -ms-flex-direction: column; flex-direction: column; gap: 10px } } .af-body input[type=email] { padding: 16px 35px; border-radius: 100px; border: 1px solid hsla(0, 0%, 100%, .4); box-shadow: 0 4px 10px 0 rgba(13, 16, 21, .6); background: no-repeat; width: 380px; color: #fff; line-height: 20px } @media (max-width:1200px) { .af-body input[type=email] { width: auto } } @media (max-width:767px) { .af-body input[type=email] { width: 100% } } .af-body input[type=email]:-ms-input-placeholder { color: rgba(130, 148, 177, .5) } .af-body input[type=email]::placeholder { color: rgba(130, 148, 177, .5) } .af-body input[type=email]::-webkit-input-placeholder { color: rgba(130, 148, 177, .5) } @media (max-width:767px) { .af-body .af-element { width: 100% } } .af-body input.submit.btn { border: none; width: auto; margin: 0; padding: 16px 40px; color: #00031e; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: .16px } @media (max-width:767px) { .af-body input.submit.btn { width: 100% } } .af-body .af-element.buttonContainer { position: relative; border-radius: 100px; overflow: hidden } @media (max-width:767px) { .af-body .af-element.buttonContainer { width: 100% } } .af-body .af-element.buttonContainer:after { background: hsla(0, 0%, 100%, .2); content: ""; height: 155px; left: -75px; position: absolute; top: -50px; -ms-transform: rotate(35deg); transform: rotate(35deg); width: 50px; z-index: 10 } .af-body .af-element.buttonContainer:hover:after { transition: all .5s cubic-bezier(.19, 1, .22, 1); left: 120% } .aweber-placeholder { width: 100% } :root { --bg: #000000de; --fg: #fff; --muted: #eee; --primary: #FB5B21; --border: rgba(0, 0, 0, 0.12); --overlay:rgba(0,0,0,.45); } /* overlay */ .overlay { position: fixed; inset: 0; background: var(--overlay); z-index: 9999; opacity: 0; transition: opacity .2s ease } .overlay.show { opacity: 1; } /* cookie banner */ .cookie-consent { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 999999; max-width: 520px; margin: 0; background: var(--bg); color: var(--fg); border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); padding: 1rem 1.125rem; opacity: 0; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease } .cookie-consent.show { opacity: 1; transform: translateY(0) } .cookie-title { font-size: 1.3rem; font-weight: 700; margin: 0 0 .5rem } .cookie-desc { margin: .25rem 0 .9rem; line-height: 1.5; font-size: 0.8em; color: var(--muted) } .cookie-actions { display: flex; gap: .5rem; flex-wrap: wrap } .btn-link { line-height: 38px; font-weight: 400; color: var(--bs-primary); background-color: transparent; } #cookie-accept { max-width: 220px; padding: .6em 1.5rem; margin: 0; } .plain-text ul { list-style: none; } .plain-text h1, .plain-text h2, .plain-text h3, .plain-text h4 { color: #fff; }