<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*,
:after,
:before {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	scroll-behavior: smooth;
	scroll-padding: 80px;
}
@media(max-width: 991px) {
    html {
        scroll-padding: 70px;
    }
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: #111a28;
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
}
address {
    font-style: normal;
    line-height: inherit;
}
address,
dl,
ol,
ul {
    margin-bottom: 1rem;
}
dl,
ol,
ul {
    margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #000;
    background-color: transparent;
}
a:hover {
    color: inherit;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
code,
kbd,
pre,
samp {
    font-family: Montserrat, sans-serif;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    border-style: none;
}
img,
svg {
    vertical-align: middle;
}
svg {
    overflow: hidden;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
@media print {
    *,
    :after,
    :before {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    .container,
    body {
        min-width: 992px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark tbody + tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h1,
h1 {
    font-size: 2.5rem;
}
.h2,
h2 {
    font-size: 2rem;
}
.h3,
h3 {
    font-size: 1.75rem;
}
.h4,
h4 {
    font-size: 1.5rem;
}
.h5,
h5 {
    font-size: 1.25rem;
}
.h6,
h6 {
    font-size: 1rem;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1 {
    font-size: 6rem;
}
.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2;
}
.display-2 {
    font-size: 5.5rem;
}
.display-3 {
    font-size: 4.5rem;
}
.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2;
}
.display-4 {
    font-size: 3.5rem;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.small,
small {
    font-size: 80%;
    font-weight: 400;
}
.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer:before {
    content: "\2014\00A0";
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container,
    .container-sm {
        max-width: 768px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 990px;
    }
}
@media (min-width: 1190px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
    }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/*  .no-gutters was here and .colls is here. find this styles in deleted css  */
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
    appearance: none;
}
select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row &gt; .col,
.form-row &gt; [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    color: #6c757d;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row &gt; .col &gt; .valid-tooltip,
.form-row &gt; [class*="col-"] &gt; .valid-tooltip {
    left: 5px;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
    display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px
            no-repeat,
        #fff
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
            center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745;
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label:before,
.was-validated .custom-control-input:valid ~ .custom-control-label:before {
    border-color: #28a745;
}
.custom-control-input.is-valid:checked ~ .custom-control-label:before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57;
}
.custom-control-input.is-valid:focus ~ .custom-control-label:before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label:before,
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label:before,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.form-row &gt; .col &gt; .invalid-tooltip,
.form-row &gt; [class*="col-"] &gt; .invalid-tooltip {
    left: 5px;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center/8px 10px
            no-repeat,
        #fff
            url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E")
            center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid ~ .custom-control-label:before {
    border-color: #dc3545;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before {
    border-color: #e4606d;
    background-color: #e4606d;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label:before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label:before,
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label:before,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.form-inline .form-check {
    width: 100%;
}
@media (min-width: 768px) {
    .form-inline label {
        -ms-flex-align: center;
        justify-content: center;
    }
    .form-inline .form-group,
    .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap;
        -ms-flex-align: center;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.btn:hover {
    color: #fff;
    text-decoration: none;
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty:after {
    margin-left: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 17;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
@media (min-width: 768px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1190px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1440px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty:after {
    margin-left: 0;
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty:after {
    margin-left: 0;
}
.dropright .dropdown-toggle:after {
    vertical-align: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}
.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty:after {
    margin-left: 0;
}
.dropleft .dropdown-toggle:before {
    vertical-align: 0;
}
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-dialog {
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translateY(-50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 18;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer &gt; * {
    margin: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 1190px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1440px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.tooltip {
    position: absolute;
    z-index: 22;
    display: block;
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow:before,
.bs-tooltip-top .arrow:before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow:before,
.bs-tooltip-right .arrow:before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow:before,
.bs-tooltip-left .arrow:before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}
.popover {
    top: 0;
    left: 0;
    z-index: 21;
    max-width: 276px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover,
.popover .arrow {
    position: absolute;
    display: block;
}
.popover .arrow {
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow:after,
.popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
    margin-bottom: 0.5rem;
}
.bs-popover-auto[x-placement^="top"] &gt; .arrow,
.bs-popover-top &gt; .arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-auto[x-placement^="top"] &gt; .arrow:before,
.bs-popover-top &gt; .arrow:before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] &gt; .arrow:after,
.bs-popover-top &gt; .arrow:after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
    margin-left: 0.5rem;
}
.bs-popover-auto[x-placement^="right"] &gt; .arrow,
.bs-popover-right &gt; .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="right"] &gt; .arrow:before,
.bs-popover-right &gt; .arrow:before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] &gt; .arrow:after,
.bs-popover-right &gt; .arrow:after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
    margin-top: 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] &gt; .arrow,
.bs-popover-bottom &gt; .arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-auto[x-placement^="bottom"] &gt; .arrow:before,
.bs-popover-bottom &gt; .arrow:before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] &gt; .arrow:after,
.bs-popover-bottom &gt; .arrow:after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
    margin-right: 0.5rem;
}
.bs-popover-auto[x-placement^="left"] &gt; .arrow,
.bs-popover-left &gt; .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="left"] &gt; .arrow:before,
.bs-popover-left &gt; .arrow:before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] &gt; .arrow:after,
.bs-popover-left &gt; .arrow:after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-vertical &gt; .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-container-multirow &gt; .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-multirow-column &gt; .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-container-free-mode &gt; .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 7;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-css-mode &gt; .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-container-css-mode &gt; .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-container-css-mode &gt; .swiper-wrapper &gt; .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode &gt; .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode &gt; .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}
.h-reset-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
html {
    height: 100%;
    font-size: 10px;
}
body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    min-width: 320px;
}
@media (max-width: 1189px) {
    body.activities-active {
        padding-bottom: 5rem;
    }
}
img {
    max-width: 100%;
    height: auto;
}
.h-object-fit {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    display: block;
}
.h-object-fit &gt; img {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    height: auto;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    object-fit: cover;
    max-height: none;
    max-width: none;
    height: 100%;
}
.no-object-fit .h-object-fit &gt; img,
.no-objectfit .h-object-fit &gt; img {
    display: none;
}
.h-scrollbar-horizontal {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #333c4c #111a28;
    scrollbar-width: thin;
}
.h-scrollbar-horizontal::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.h-scrollbar-horizontal::-webkit-scrollbar-thumb {
    background-color: #333c4c;
}
.h-scrollbar-horizontal::-webkit-scrollbar-thumb:horizontal {
    min-height: auto;
}
.h-scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #111a28;
}
.h-scrollbar-vertical,
.js-sizing-textarea {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #d81a41 #333c4c;
    scrollbar-width: thin;
}
.h-scrollbar-vertical::-webkit-scrollbar,
.js-sizing-textarea::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.h-scrollbar-vertical::-webkit-scrollbar-thumb,
.js-sizing-textarea::-webkit-scrollbar-thumb {
    background-color: #d81a41;
}
.h-scrollbar-vertical::-webkit-scrollbar-thumb:horizontal,
.js-sizing-textarea::-webkit-scrollbar-thumb:horizontal {
    min-height: auto;
}
.h-scrollbar-vertical::-webkit-scrollbar-track,
.js-sizing-textarea::-webkit-scrollbar-track {
    background-color: #333c4c;
}
.h-scrollbar-vertical-hidden {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
.h-scrollbar-vertical-hidden::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-clip: padding-box;
}
.h-scrollbar-vertical-hidden::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 5px;
}
.h-scrollbar-vertical-hidden::-webkit-scrollbar-thumb:horizontal {
    min-height: auto;
}
.h-scrollbar-vertical-hidden::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}
.h-scrollbar-vertical-hidden:hover::-webkit-scrollbar-track {
    background-color: #283346;
}
.h-scrollbar-vertical-hidden:hover::-webkit-scrollbar-thumb {
    background-color: #111a28;
}
@font-face {
    font-family: rating;
    src: url(../fonts/rating/rating.eot);
    src: url(../fonts/rating/rating.eot?#iefix) format("embedded-opentype"), url(../fonts/rating/rating.woff) format("woff"), url(../fonts/rating/rating.ttf) format("truetype"), url(../fonts/rating/rating.svg#fontname) format("svg");
    font-weight: 400;
    font-style: normal;
}
.l-wrapper {
    position: relative;
    min-height: 100vh;
    overflow: clip;
    display: flex;
    flex-direction: column;
}
@media (max-width: 767px) {
    .l-wrapper {
        overflow: visible;
    }
}
.container {
    padding-right: 30px;
    padding-left: 30px;
}
@media (max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.main-content {
    padding: 8rem 0 0;
    flex-grow: 1;
}
@media (max-width: 991px) {
    .main-content {
        padding: 6.1rem 0 0;
    }
}
.main-content__wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
}
.main-content__inner {
    display: flex;
    flex-direction: column;
    width: calc(100% - 21rem);
    padding-top: 3rem;
}
@media (max-width: 1439px) {
    .main-content__inner {
        width: calc(100% - 21rem);
    }
}
@media (max-width: 991px) {
    .main-content__inner {
        padding-top: 1.5rem;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .main-content__inner--labels {
        padding-top: 7.8rem;
    }
}
.main-content__info {
    width: 100%;
    display: flex;
}
@media (max-width: 1189px) {
    .main-content__info {
        flex-wrap: wrap;
    }
}
.main-content__info__list {
    width: calc(100% - 40rem);
    margin-right: 2rem;
}
@media (max-width: 1439px) {
    .main-content__info__list {
        width: calc(100% - 35rem);
    }
}
@media (max-width: 1189px) {
    .main-content__info__list {
        width: 100%;
        margin-right: 0;
    }
}
.main-content__info__activities {
    width: 38rem;
    margin-bottom: 3rem;
    position: relative;
}
@media (max-width: 1439px) {
    .main-content__info__activities {
        width: 33rem;
    }
}
@media (max-width: 1189px) {
    .main-content__info__activities {
        background-color: #1d2738;
        min-width: 320px;
        z-index: 11;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 7rem;
        opacity: 0;
        transform: scale(0.95);
        visibility: hidden;
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }
}
@media (max-width: 1189px) {
    .activities-opened .main-content__info__activities {
        visibility: visible;
        transform: scale(1);
        opacity: 1;
        transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }
}

.main-content .container {
    padding-right: 20px;
}
h1 {
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.33em;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    h1 {
        font-size: 2rem;
        line-height: 1.2em;
    }
}
a {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.17em;
    font-weight: 500;
    transition: color 0.3s ease;
}
a,
a:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
    a:hover {
        color: #d81a41;
    }
}
a .icon-menu-reverse,
p {
    font-size: 1.4rem;
}
p {
    color: #fff;
    line-height: 2.1em;
    font-weight: 500;
}
.ui-wrapper {
    display: block;
}
.row-ui .col {
    margin-bottom: 3rem;
}
.row-ui__icon {
    text-align: center;
    margin-bottom: 5px;
}
.row-ui__icon .icon {
    font-size: 3rem;
}
.row-ui__name {
    text-align: center;
    font-size: 1.4rem;
}
.top-line {
    width: 100%;
}
.top-line__inner {
    width: 100%;
    justify-content: space-between;
}
.top-line__text {
	max-width: 687px;
	margin: 0 auto 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #fff;
}

.casino-partners .top-line__text {
    max-width: unset;
    margin: -10px 0 10px;
    text-align: unset;
}
.top-line__text a {
	font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #fff;
	text-decoration: underline;
}
.top-line__label {
	font-weight: 900;
	font-size: 18px;
	line-height: 222%;
	text-align: center;
	color: #fff;
}
.header-menu .top-line__label {
	font-size: 16px;
	line-height: 1;
}
.top-line__inner,
.top-line__title {
    display: flex;
    align-items: center;
}
.top-line__title {
    justify-content: flex-start;
    color: #fff;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1.3em;
    text-transform: capitalize;
    margin-right: 1rem;
}
@media (max-width: 767px) {
    .top-line__title {
        line-height: 1.2em;
    }
}
.top-line__title h2,
.top-line__title h3 {
    justify-content: flex-start;
    color: #fff;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1.3em;
    text-transform: capitalize;
    margin: 0;
}
.top-line__title .icon {
    flex-shrink: 0;
    margin: 0 1.2rem 0 0;
    color: #fff;
    font-size: 1.6rem;
    transform: translateZ(0);
}
.top-line__title .icon-guides {
    font-size: 1.2rem;
}
.top-line__title .icon-casino-players,
.top-line__title .icon-crypto,
.top-line__title .icon-fully-trusted,
.top-line__title .icon-welcome {
    font-size: 2rem;
}
.top-line__title .icon-leave {
    color: #d81a41;
    font-size: 2rem;
}
.top-line__title .icon-menu-reverse {
    font-size: 1.5rem;
}
.top-line__title .icon-list-bullet {
    font-size: 1.3rem;
}
.top-line__title .icon-comments {
    font-size: 1.8rem;
}
.top-line__subtitle {
    width: 100%;
    margin: 8px 0 10px;
}
.top-line__subtitle p {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.42em;
}
.top-line__filter {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.2em;
    overflow: hidden;
    margin: 4px 0 0 3rem;
}
@media (max-width: 1439px) {
    .top-line__filter {
        width: 100%;
        margin: 0;
    }
}
.top-line__filter span {
    padding-bottom: 8px;
}
.top-line__filter__btns {
    margin-left: 1rem;
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 8px;
}
.top-line__filter__btns .btn {
    flex-shrink: 0;
    padding: 0 1.9rem;
}
.top-line__filter__btns .btn + .btn {
    margin-left: 1rem;
}
.top-line__filter__btns .btn.is-active {
    background-color: #d81a41;
    border: none;
}
@media (min-width: 768px) {
    .top-line__filter__btns .btn.is-active:hover {
        background-color: #e5274e;
    }
}
.top-line__filter__btns .btn.is-active:active {
    background-color: #e83d60;
}
.rate-box {
    height: 4rem;
    background-color: #1d2738;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.1em;
    color: #fff;
}
.rate-box .icon-star {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 2rem;
}
.rate-box .icon-star + .icon-star {
    margin-left: 1rem;
}
.rate-box[data-rate="1"] .icon-star:first-child,
.rate-box[data-rate="2"] .icon-star:first-child,
.rate-box[data-rate="2"] .icon-star:nth-child(2),
.rate-box[data-rate="3"] .icon-star:first-child,
.rate-box[data-rate="3"] .icon-star:nth-child(2),
.rate-box[data-rate="3"] .icon-star:nth-child(3),
.rate-box[data-rate="4"] .icon-star {
    color: #d81a41;
}
.rate-box[data-rate="4"] .icon-star:last-child {
    color: hsla(0, 0%, 100%, 0.5);
}
.rate-box[data-rate="5"] .icon-star {
    color: #d81a41;
}
.rate-box__stars {
    align-content: center;
    justify-content: center;
    margin-right: 1rem;
}
.rate-box__stars,
.set-rate {
    display: flex;
}
.set-rate {
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-right: -5px;
}
.set-rate__input {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -9999em;
    top: -9999em;
}
.set-rate__input:checked ~ .set-rate__label .icon-star {
    color: #d81a41;
}
.set-rate__label {
    padding: 0 5px;
    cursor: pointer;
    margin-bottom: 0;
    flex-shrink: 0;
}
.set-rate__label:hover .icon-star,
.set-rate__label:hover ~ .set-rate__label .icon-star {
    color: #d81a41;
}
.set-rate__label .icon-star {
    font-size: 1.6rem;
    font-size: 2rem;
    color: hsla(0, 0%, 100%, 0.5);
    transition: color 0.1s ease;
}
.is-error .set-rate__label .icon-star {
    animation: b 0.5s ease;
}
.box-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.875em;
    color: hsla(0, 0%, 100%, 0.5);
    text-transform: capitalize;
}
@media (min-width: 768px) {
    .box-link:hover {
        color: #fff;
    }
}
@media (max-width: 991px) {
    .box-link__desktop {
        display: none;
    }
}
.box-link__mobile {
    display: none;
}
@media (max-width: 991px) {
    .box-link__mobile {
        display: block;
    }
}
.box-link__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 6px;
    padding: 0;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}
.box-link__icon .icon {
    color: #fff;
}
.box-link__icon .icon-chevron {
    font-size: 8px;
    transform: rotate(-90deg);
}
.box-link__icon--red {
    background-color: #d81a41;
}
.box-link__icon--grey {
    background-color: #283346;
}
.box-link__icon--white {
    background-color: #fff;
}
.box-link__icon--white .icon {
    color: #d81a41;
}
.box-link__icon--blue {
    background-color: #fff;
}
.box-link__icon--blue .icon {
    color: #0052b4;
}
@media (max-width: 991px) {
    .desktop-text {
        display: none;
    }
}
.mobile-text {
    display: none;
}
@media (max-width: 991px) {
    .mobile-text {
        display: block;
    }
}
.video-label {
    background-color: #d81a41;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0 1.2rem;
    border-radius: 1.5rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
}
.video-label .icon-play {
    font-size: 1.6rem;
}
@media (max-width: 767px) {
    .video-label--lg {
        height: 2rem;
        padding: 0 8px;
        font-size: 9px;
    }
}
.video-label--lg .icon-play {
    margin-right: 7px;
}
@media (max-width: 767px) {
    .video-label--lg .icon-play {
        font-size: 1.1rem;
        margin-right: 5px;
    }
}
.js-hidden-block {
    display: none;
}
.js-read-more-btn {
    text-transform: capitalize;
}
@media (min-width: 768px) {
    .js-read-more-btn:hover:after {
        color: #e83d60;
    }
}
.js-read-more-btn:before {
    content: "...";
    color: #fff;
    margin-right: 1rem;
}
.js-read-more-btn:after {
    content: "Show more";
    text-decoration: underline;
    color: #d81a41;
    transition: color 0.3s ease;
}
.js-read-more-btn.is-shown {
    display: block;
}
.js-read-more-btn.is-shown:before {
    content: "";
    margin-right: 0;
}
.js-read-more-btn.is-shown:after {
    content: "Show less";
}
.carousel-nav {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    position: relative;
    cursor: pointer;
    transform: translateY(-50%) scale(1);
    transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.carousel-nav .icon-chevron {
    font-size: 8px;
    transition: transform 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
}
.carousel-nav.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%) scale(0.6);
}
.carousel-nav--prev .icon-chevron {
    transform: translate(-50%, -50%) rotate(90deg);
}
.carousel-nav--next .icon-chevron {
    transform: translate(-50%, -50%) rotate(-90deg);
}
.carousel-nav--red {
    background-color: #d81a41;
}
.carousel-nav--red .icon-chevron {
    color: #fff;
}
@media (min-width: 768px) {
    .carousel-nav--red:hover {
        background-color: #e83d60;
    }
}
.carousel-nav--white {
    background-color: #fff;
}
.carousel-nav--white .icon-chevron {
    color: #1d2738;
}
@media (min-width: 768px) {
    .carousel-nav--white:hover {
        background-color: #f7f7f7;
    }
}
.section-hint {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1rem;
}
.section-hint p {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.42em;
    margin-bottom: 0;
    color: hsla(0, 0%, 100%, 0.5);
}
.section-hint .icon {
    color: hsla(0, 0%, 100%, 0.5);
    flex-shrink: 0;
    margin-right: 7px;
    font-size: 1.6rem;
    margin-top: 1px;
}
.js-sizing-textarea {
    transition: height 0.3s ease;
}
.is-resized .js-sizing-textarea {
    height: 8.2rem !important;
    overflow-y: auto !important;
}
@keyframes b {
    0%,
    to {
        transform: scaleX(1);
        color: hsla(0, 0%, 100%, 0.5);
    }
    50% {
        transform: scale3d(1.15, 1.15, 1.15);
        color: #d81a41;
    }
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
.icon-rules {
    width: 0.75em;
}
.icon-offtopic {
    width: 1.142578125em;
}
.icon-chevron {
    width: 1.75em;
}
.icon-guides {
    width: 1.3330078125em;
}
.icon-blogs {
    width: 0.7060546875em;
}
.icon-menu,
.icon-menu-reverse {
    width: 1.142578125em;
}
.icon-logo {
    width: 5.54296875em;
}
.icon-gambleaware {
    width: 7.7177734375em;
}
.icon-gamcare {
    width: 3.466796875em;
}
.icon-gamstop {
    width: 1.3408203125em;
}
.icon-checkmark {
    width: 1.361328125em;
}
.icon-dollar {
    width: 0.5em;
}
.icon-play-big {
    width: 0.857421875em;
}
.icon-mobile-slots {
    width: 0.75em;
}
.icon-providers {
    width: 0.875em;
}
.icon-more {
    font-size: 4em;
}
.icon-chevron-filled {
    width: 1.6669921875em;
}
.icon-reply {
    width: 1.142578125em;
}
.icon-subscribe {
    width: 0.875em;
}
.icon-vote {
    width: 1.385416666666667em;
}
.icon-refresh {
    width: 0.75em;
}
.icon-mobile-casino {
    width: 0.7001953125em;
}
.icon-crypto {
    width: 0.625em;
}
.icon-reload {
    width: 0.875em;
}
.icon-leave-circle {
    width: 0.93359375em;
}
.icon-list-bullet,
.icon-minus {
    width: 1.3330078125em;
}
.icon-camera {
    width: 1.142578125em;
}
.icon-location {
    width: 0.875em;
}
.icon-complaint {
    width: 0.97265625em;
}
.icon-eye {
    width: 1.31640625em;
}
.icon-create-topic {
    width: 0.982421875em;
}
.icon-check {
    width: 1.1728515625em;
}
.icon-activate-account {
    width: 1.14453125em;
}
.icon-reload-rounded {
    width: 0.9287109375em;
}
.icon-google-big {
    width: 0.9814453125em;
}
.icon-facebook {
    width: 0.4482421875em;
}
.icon-checkmark-bold {
    width: 1.158203125em;
}
.tab-triggers {
    display: flex;
    height: 4.2rem;
    border: 1px solid #333c4c;
    border-radius: 2rem;
}
@media (max-width: 1189px) {
    .tab-triggers {
        height: 3.8rem;
    }
}
@media (max-width: 767px) {
    .tab-triggers {
        height: auto;
        width: 15rem;
        border-radius: 1.5rem;
        flex-direction: column;
    }
}
.tab-triggers__item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    position: relative;
    font-weight: 500;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.2em;
    padding: 0 2.1rem;
    overflow: hidden;
    text-transform: capitalize;
    transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 1189px) {
    .tab-triggers__item {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .tab-triggers__item {
        height: 3rem;
        font-size: 1.3rem;
        justify-content: flex-start;
        padding: 0 1.4rem;
    }
}
@media (min-width: 768px) {
    .tab-triggers__item:not(.is-active):hover {
        color: hsla(0, 0%, 100%, 0.7);
    }
}
.tab-triggers__item span {
    position: relative;
    z-index: 2;
}
.tab-triggers__item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #d81a41;
    left: 0;
    top: 0;
    border-radius: 2rem;
    transition: transform 0.3s ease;
}
.tab-triggers__item .icon {
    position: relative;
    z-index: 2;
    transform: translateZ(0);
}
.tab-triggers__item .icon-lightning {
    font-size: 1.6rem;
    margin-right: 1.4rem;
}
@media (max-width: 767px) {
    .tab-triggers__item .icon-lightning {
        font-size: 1.3rem;
        margin-right: 1rem;
    }
}
.tab-triggers__item .icon-fire {
    font-size: 2rem;
    margin-right: 1.2rem;
}
@media (max-width: 767px) {
    .tab-triggers__item .icon-fire {
        font-size: 1.3rem;
        margin-right: 8px;
    }
}
.tab-triggers__item.is-active {
    color: #fff;
}
.tab-triggers__item:first-child:after {
    transform: translateX(100%);
}
@media (max-width: 767px) {
    .tab-triggers__item:first-child:after {
        transform: translateY(100%);
    }
}
.tab-triggers__item:first-child.is-active:after {
    transform: translateX(0);
}
@media (max-width: 767px) {
    .tab-triggers__item:first-child.is-active:after {
        transform: translateY(0);
    }
}
.tab-triggers__item:last-child:after {
    transform: translateX(-100%);
}
@media (max-width: 767px) {
    .tab-triggers__item:last-child:after {
        transform: translateY(-100%);
    }
}
.tab-triggers__item:last-child.is-active:after {
    transform: translateX(0);
}
@media (max-width: 767px) {
    .tab-triggers__item:last-child.is-active:after {
        transform: translateY(0);
    }
}
.collapse-block {
    background-color: #1d2738;
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem 0 1.5rem 2rem;
}
@media (max-width: 767px) {
    .collapse-block {
        padding: 1rem 1.2rem;
    }
}
.collapse-block.is-shown {
    padding-bottom: 3rem !important;
}
@media (max-width: 991px) {
    .collapse-block.is-shown {
        padding-bottom: 3.5rem !important;
    }
}
@media (max-width: 767px) {
    .collapse-block.is-shown {
        padding-bottom: 1.8rem !important;
    }
}
.collapse-block.is-shown .collapse-trigger__icon .icon-chevron {
    transform: rotate(180deg);
}
.collapse-block p {
    font-size: 1.6rem;
    line-height: 1.875em;
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .collapse-block p {
        font-size: 1.2rem;
        line-height: 1.83em;
    }
}
.collapse-block .collapse-trigger {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 3px 8rem 3px 0;
}
@media (max-width: 991px) {
    .collapse-block .collapse-trigger {
        font-size: 1.2rem;
        line-height: 1.83em;
    }
}
@media (max-width: 767px) {
    .collapse-block .collapse-trigger {
        padding: 3px 0;
    }
}
.collapse-block .collapse-trigger__title {
    display: flex;
    align-items: flex-start;
}
.collapse-block .collapse-trigger__title,
.collapse-block .collapse-trigger__title h3 {
    justify-content: flex-start;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.9em;
}
.collapse-block .collapse-trigger__title h3 {
    margin: 0;
}
@media (max-width: 767px) {
    .collapse-block .collapse-trigger__title {
        line-height: 1.3em;
    }
}
.collapse-block .collapse-trigger__title .icon-comments {
    flex-shrink: 0;
    margin-top: 9px;
    font-size: 1.8rem;
    margin-right: 1.2rem;
}
@media (max-width: 767px) {
    .collapse-block .collapse-trigger__title .icon-comments {
        margin-top: 4px;
    }
}
.collapse-block .collapse-trigger__icon {
    position: absolute;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    border-radius: 6px;
    background-color: #283346;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .collapse-block .collapse-trigger__icon {
        display: none;
    }
}
.collapse-block .collapse-trigger__icon .icon-chevron {
    position: absolute;
    color: #fff;
    font-size: 8px;
    transform: none;
    transition: transform 0.3s ease;
}
.collapse-content__inner {
    padding: 1rem 0 0;
}
.collapse-content__inner p {
    font-size: 1.5rem;
}
.select2-container {
    width: auto !important;
    min-width: 11.2rem;
    z-index: 13;
}
.select2-container--default .select2-selection--single {
    border: none;
    background-color: #283346;
    border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.875em;
    text-transform: capitalize;
    color: #fff;
    padding-right: 3rem;
}
.select2-container--default .select2-selection__arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
    background-image: url(/local/templates/canada/dist/s/images/useful/svg/ticker.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 6px;
}
.select2-container--default .select2-selection__arrow b {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection__arrow:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
.select2-dropdown {
    background-color: #283346;
    border-radius: 6px;
    border: none;
    min-width: 11.2rem;
    white-space: nowrap;
}
.select2-results__options {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #d81a41 #111a28;
    scrollbar-width: thin;
}
.select2-results__options::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}
.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #d81a41;
}
.select2-results__options::-webkit-scrollbar-thumb:horizontal {
    min-height: auto;
}
.select2-results__options::-webkit-scrollbar-track {
    background-color: #111a28;
}
.select2-results__option {
    transition: background-color 0.3s ease;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1rem;
    min-height: 3.8rem;
    line-height: 1.3em;
    text-transform: capitalize;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
    background-color: #19263a;
}
button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
button,
button:focus {
    outline: none;
    box-shadow: none;
}
.btn,
button:focus {
    border: none;
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: auto;
    font-size: 1.7rem;
    line-height: 1.17em;
    font-weight: 500;
    padding: 0 2rem;
    text-transform: capitalize;
}
@media (max-width: 1189px) {
    .btn {
        padding: 0 1.7rem;
    }
}
.btn:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
.btn--sm {
    width: 3rem;
    height: 3rem;
    border-radius: 6px;
    padding: 0;
}
.btn--sm .icon {
    margin-right: 0;
}
.btn--sm .icon-chevron {
    font-size: 8px;
    transform: rotate(-90deg);
}
.btn--md {
    height: 4rem;
    border-radius: 2rem;
}
.btn--md .icon {
    margin-right: 1.2rem;
}
.btn--lg {
    height: 5rem;
    border-radius: 2.5rem;
}
.btn--lg .icon {
    margin-right: 1.2rem;
}
.btn--xl {
    height: 6rem;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 10rem;
}
@media (max-width: 767px) {
    .btn--xl {
        height: 5.4rem;
    }
}
.btn--red {
    background-color: #d81a41;
}
@media (min-width: 768px) {
    .btn--red:hover {
        background-color: #e5274e;
    }
}
.btn--red:active {
    background-color: #e83d60;
}
.btn--grey {
    background-color: #283346;
}
@media (min-width: 768px) {
    .btn--grey:hover {
        background-color: #313f56;
    }
}
.btn--grey:active {
    background-color: #35445d;
}
.btn--silver {
    background-color: #333c4c;
}
@media (min-width: 768px) {
    .btn--silver:hover {
        background-color: #3d485b;
    }
}
.btn--silver:active {
    background-color: #414d61;
}
.btn--dark {
    background-color: #1d2738;
}
@media (min-width: 768px) {
    .btn--dark:hover {
        background-color: #263349;
    }
}
.btn--dark:active {
    background-color: #293750;
}
.btn--black {
    background-color: #000;
}
@media (min-width: 768px) {
    .btn--black:hover {
        background-color: #141414;
    }
}
.btn--black:active {
    background-color: #1a1a1a;
}
.btn--white {
    background-color: #fff;
    color: #d81a41 !important;
}
@media (min-width: 768px) {
    .btn--white:hover {
        background-color: #e6e6e6;
    }
}
.btn--white:active {
    background-color: #d9d9d9;
}
.btn--white-dark {
    background-color: #fff;
    color: #283346 !important;
}
@media (min-width: 768px) {
    .btn--white-dark:hover {
        background-color: #e6e6e6;
    }
}
.btn--white-dark:active {
    background-color: #d9d9d9;
}
.btn--white-bordered {
    height: 3.2rem;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3.2rem;
    color: #fff !important;
    font-size: 1.2rem;
    padding: 0 1.1rem;
}
@media (min-width: 768px) {
    .btn--white-bordered:hover {
        background-color: #fff;
        color: #111a28 !important;
    }
}
.btn--white-bordered:focus {
    border: 1px solid #fff;
}
.btn--white-bordered .icon-comment-offtop {
    transform: scaleX(-1);
    font-size: 1.6rem;
    margin-right: 1.2rem;
}
.btn--bordered,
.btn--bordered:focus {
    border: 2px solid #333c4c;
}
.btn--transparent {
    background-color: transparent;
}
@media (min-width: 768px) {
    .btn--transparent:hover {
        background-color: #283346;
    }
}
.btn--transparent:active {
    background-color: #2e3a50;
}
.btn--more {
    height: 4rem;
    border-radius: 5rem;
    font-size: 1.6rem;
    line-height: 1.875em;
    display: inline-flex;
    padding: 0 1.6rem;
}
.btn--more .icon-chevron {
    font-size: 8px;
    transform: rotate(-90deg);
    margin-left: 1.1rem;
}
.btn-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 1.6rem 3px 1.2rem;
    height: 3.2rem;
    cursor: pointer;
    color: #fff !important;
    border-radius: 2rem;
    border: 1px solid #d81a41;
    font-weight: 500;
    font-size: 1.2rem;
    transition: background-color 0.3s ease;
    line-height: 1.3em;
}
@media (min-width: 0) {
    .btn-rounded:hover {
        background-color: #d81a41;
    }
}
.btn-rounded:active {
    background-color: #e83d60;
}
.btn-rounded .icon {
    font-size: 1.6rem;
    flex-shrink: 0;
    margin-right: 1.2rem;
}
.btn-rounded .icon-comment-offtop {
    transform: scaleY(-1) rotate(180deg);
}
.btn--circle {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #333c4c;
    padding: 0;
}
.btn--circle:hover {
    background-color: #3d485b;
}
.btn--circle .icon-facebook {
    font-size: 2.9rem;
    color: #dadada;
}
.btn--circle .icon-google-big {
    font-size: 2.7rem;
    color: #fff;
}
.btn--squared {
    border-radius: 4px;
}
.btn .icon {
    flex-shrink: 0;
}
.btn .icon-photo-add,
.btn .icon-search,
.btn .icon-user,
.btn .icon-user-plus,
.btn .icon-verified {
    font-size: 1.6rem;
}
.btn .icon-menu {
    font-size: 1.4rem;
}
.btn .icon-chevron {
    font-size: 8px;
    transform: rotate(-90deg);
}
.casino-partners form {
	margin: 0 auto;
    padding: 0;
}

.casino-partners .form-control-wrap .form-control {
	height: 50px;
	border-radius: 25px;
}
.form-control {
    height: 4rem;
    border-radius: 2rem;
    background-color: #333c4c;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    outline: none;
    border: none;
    box-shadow: none;
    padding: 0 2rem;
    transition: background-color 0.3s ease;
}
@media (max-width: 1189px) {
    .form-control {
        line-height: 1em;
    }
}
.form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
    color: #fff;
}
.form-control:focus::-webkit-input-placeholder {
    opacity: 0;
}
.form-control:focus:-moz-placeholder,
.form-control:focus::-moz-placeholder {
    opacity: 0;
}
.form-control:focus:-ms-input-placeholder {
    opacity: 0;
}
.form-control--transparent,
.form-control--transparent:focus {
    background-color: transparent;
    border: 1px solid #283346;
}
.form-control-label {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.4em;
    color: #fff;
    margin-bottom: 1rem;
}
.form-control-checkbox {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.form-control-checkbox input {
    position: absolute;
    left: -9999em;
    top: -9999em;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.form-control-checkbox input:checked + .form-control-checkbox__square .icon-checkmark {
    opacity: 1;
    visibility: visible;
}
.form-control-checkbox span {
    margin-top: 3px;
}
.form-control-checkbox__square {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    margin-top: 0 !important;
    margin-right: 9px;
    background: #333c4c;
    border-radius: 2px;
    flex-shrink: 0;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}
.form-control-checkbox--error .form-control-checkbox__square {
    border-color: #d81a41;
}
.form-control-checkbox__square .icon-checkmark {
    font-size: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.form-control-wrap {
    position: relative;
}
.form-control-wrap .icon-search {
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    left: 2.2rem;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 1439px) {
    .form-control-wrap .icon-search {
        left: 1.6rem;
    }
}
.form-control-wrap .input-wrap_error {
    color: #d81a41;
    font-size: 1rem;
    line-height: 1em;
    font-weight: 600;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
}
.form-control-wrap .select2-container {
    min-width: auto;
    width: 100% !important;
    z-index: 23 !important;
}
.form-control-wrap .select2-container .select2-selection--single {
    height: 5rem;
    border-radius: 2.5rem;
    background-color: #333c4c;
}
.form-control-wrap .select2-container .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2rem;
}
.form-control-wrap .select2-container .select2-selection__placeholder {
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
}
.form-control-wrap .select2-container .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    width: 1.5rem;
    height: 9px;
}
.form-control-wrap .select2-container .select2-selection__arrow:after {
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/canada/dist/s/images/useful/svg/icon-chevron.svg);
    background-size: 100% 100%;
}
.form-control-dropdown {
    background-color: #2c3546;
    overflow: hidden;
    border-radius: 2.5rem;
}
.form-control-dropdown .select2-results__option {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.875em;
    min-height: 5rem;
    line-height: 1.3em;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.form-control-dropdown .select2-results__option.select2-results__option--highlighted,
.form-control-dropdown .select2-results__option.select2-results__option--selected {
    background-color: #40495a;
}
.form-control-autocomplete {
    width: 100%;
    height: auto;
    border-radius: 2rem;
    background-color: #333c4c;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    transform: translateY(5px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.15s ease, opacity 0.15s ease, visibility 0.15s ease;
    padding: 1rem;
    z-index: 7;
}
.form-control-autocomplete:after {
    content: attr(data-empty);
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}
.form-control-autocomplete.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.form-control-autocomplete.is-visible:empty:after {
    display: flex;
}
.form-control-autocomplete__inner {
    max-height: 30rem;
}
@media (max-width: 991px) {
    .form-control-autocomplete__inner {
        max-height: 23rem;
    }
}
.form-control-autocomplete a {
    padding: 1rem;
    display: flex;
    font-size: 1.6rem;
}
@media (max-width: 767px) {
    .form-control-autocomplete a {
        font-size: 1.5rem;
        padding: 7px 1rem;
    }
}
.form-control-autocomplete-wrap {
    position: relative;
}
.form-control-autocomplete-wrap .icon-search {
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    left: 2.2rem;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 1439px) {
    .form-control-autocomplete-wrap .icon-search {
        left: 1.6rem;
    }
}
input.form-control:focus {
    background-color: #333c4c;
}
input.form-control::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
    input.form-control::-webkit-input-placeholder {
        font-size: 1.5rem;
    }
}
input.form-control:-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 500;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
    input.form-control:-moz-placeholder {
        font-size: 1.5rem;
    }
}
input.form-control::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 500;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
    input.form-control::-moz-placeholder {
        font-size: 1.5rem;
    }
}
input.form-control:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 1em;
    font-weight: 500;
    opacity: 1;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media (max-width: 1439px) {
    input.form-control:-ms-input-placeholder {
        font-size: 1.5rem;
    }
}
textarea.form-control {
    border-radius: 0;
}
textarea.form-control:focus {
    background-color: transparent;
}
.footer {
    margin-top: 2rem;
}
.footer__inner {
    padding: 0 3.4rem 1.1rem;
}
@media (max-width: 767px) {
    .footer__inner {
        display: flex;
        flex-direction: column;
        padding: 0 2rem 1rem;
    }
}
.footer__line {
    border-top: 1px solid #283346;
    padding: 2rem 0;
}
@media (max-width: 767px) {
    .footer__line--socials {
        order: 0;
        border-top: none;
        padding: 0 0 2rem;
    }
}
@media (max-width: 767px) {
    .footer__line--partners {
        order: 1;
    }
}
@media (max-width: 767px) {
    .footer__line--copyright {
        order: 2;
    }
}
.footer__line__copyright {
    text-align: center;
    width: 100%;
}
.footer__line__copyright p {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.17em;
}
@media (max-width: 767px) {
    .footer__line__copyright p {
        font-size: 1.2rem;
        line-height: 1.65em;
    }
}
.footer__line__policy {
    text-align: center;
}
.footer__line__policy p {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.17em;
    color: #333c4c;
}
.footer__line__partners {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .footer__line__partners {
        flex-direction: column;
    }
}
.footer__line__partners__item + .footer__line__partners__item {
    margin-left: 6rem;
}
@media (max-width: 1439px) {
    .footer__line__partners__item + .footer__line__partners__item {
        margin-left: 4rem;
    }
}
@media (max-width: 767px) {
    .footer__line__partners__item + .footer__line__partners__item {
        margin-left: 0;
        margin-top: 2rem;
    }
}
.footer__line__partners__item .icon {
    color: #fff;
    font-size: 3.6rem;
}
@media (max-width: 1439px) {
    .footer__line__partners__item .icon {
        font-size: 3rem;
    }
}
@media (max-width: 767px) {
    .footer__line__partners__item .icon-gambleaware {
        font-size: 3.4rem;
    }
}
@media (max-width: 767px) {
    .footer__line__partners__item .icon-gamcare {
        font-size: 3.5rem;
    }
}
@media (max-width: 767px) {
    .footer__line__partners__item .icon-gamstop {
        font-size: 4rem;
    }
}
.footer__line__ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.25em;
    color: #fff;
}
@media (max-width: 767px) {
    .footer__line__ratings {
        flex-direction: column;
		gap: 20px;
    }
}
.footer__line__ratings .rate-box {
    margin-right: 2rem;
}
@media (max-width: 767px) {
    .footer__line__ratings .rate-box {
        margin-right: 0;
        margin: 2rem 0;
    }
}
.footer__line__ratings .rating-section .star {
    font-size: 2rem;
    margin-right: 1rem !important;
}
.footer__line__age-restriction {
    height: 4rem;
    background-color: #1d2738;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .footer__line__age-restriction {
        margin-right: 0;
    }
}
.footer__line__age-restriction {
    padding: 0 1rem;
}
.footer__line__signup {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.25em;
    color: #fff;
    text-align: right;
}
@media (max-width: 1439px) {
    .footer__line__signup {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .footer__line__signup {
        text-align: center;
        flex-direction: column;
        font-size: 1.6rem;
    }
}
.footer__line__signup .form-control {
    height: 5rem;
}
@media (max-width: 767px) {
    .footer__line__signup .form-control {
        font-size: 1.2rem;
    }
}
@media (max-width: 767px) {
    .footer__line__signup .form-control::-webkit-input-placeholder {
        font-size: 1.2rem;
    }
}
@media (max-width: 767px) {
    .footer__line__signup .form-control:-moz-placeholder,
    .footer__line__signup .form-control::-moz-placeholder {
        font-size: 1.2rem;
    }
}
@media (max-width: 767px) {
    .footer__line__signup .form-control:-ms-input-placeholder {
        font-size: 1.2rem;
    }
}
.footer__line__signup .form-control-wrap {
    width: 31.8rem;
    margin: 0 2rem;
}
@media (max-width: 767px) {
    .footer__line__signup .form-control-wrap {
        margin: 2rem 0;
        width: 100%;
        max-width: 45rem;
    }
}
.footer__line__signup .btn {
    min-width: 16rem;
}
.footer__line__confirmation {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
@media (max-width: 767px) {
    .footer__line__confirmation {
        flex-wrap: wrap;
        width: 100%;
        max-width: 45rem;
        margin: 0 auto;
    }
}
.footer__line__checkboxes {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 14.5rem;
    margin-right: 5rem;
}
@media (max-width: 767px) {
    .footer__line__checkboxes {
        width: 100%;
        max-width: 20rem;
        margin-right: auto;
        margin-bottom: 1.2rem;
    }
}
.footer__line__checkboxes .form-control-checkbox {
    margin-bottom: 0;
}
.footer__line__checkboxes .form-control-checkbox + .form-control-checkbox {
    margin-top: 1.9rem;
}
.footer__line__info {
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2em;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .footer__line__info {
        width: 100%;
    }
}
.footer__line__info a {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2em;
    color: #d81a41;
    position: relative;
}
.footer__line__info a:after {
    content: "";
    display: block;
    width: 0;
    transition: width 0.3s ease;
    height: 1px;
    background-color: #d81a41;
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer__line__info a:hover:after {
    width: 100%;
}
.footer__line__info p {
    margin-bottom: 0;
}
.footer__line__info p + p {
    margin-top: 1.4rem;
}
@media (max-width: 767px) {
    .footer__line__info br {
        display: none;
    }
}
.footer__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 1439px) {
    .footer__list li {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media (max-width: 767px) {
    .footer__list li {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}
.footer__list li + li {
    margin-left: 6rem;
}
@media (max-width: 1439px) {
    .footer__list li + li {
        margin-left: 3rem;
    }
}
@media (max-width: 767px) {
    .footer__list li:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .footer__list--policy li {
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .footer__list--policy li + li {
        margin-left: 0;
    }
}
.footer__list--policy li:first-child {
    margin-top: 0;
}
@media (max-width: 767px) {
    .footer__list--main {
        width: 100%;
        max-width: 30rem;
        margin: 0 auto;
        display: block;
        column-count: 2;
        column-gap: 3rem;
    }
}
@media (max-width: 767px) {
    .footer__list--main li {
        vertical-align: top;
        width: 100%;
        display: inline-flex;
    }
}
@media (max-width: 767px) {
    .footer__list--main li + li {
        margin-left: 0;
    }
}
.footer__list--main a {
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .footer__list--social li {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.footer__list--social li + li {
    margin-left: 4rem;
}
@media (max-width: 1439px) {
    .footer__list--social li + li {
        margin-left: 3rem;
    }
}
@media (max-width: 767px) {
    .footer__list--social li + li {
        margin-left: 5px;
    }
}
@media (max-width: 767px) {
    .footer__list--social li span {
        display: none;
    }
}
.footer__list--social a {
    justify-content: center;
}
.footer__list a {
    display: flex;
    align-items: center;
}
.footer__list a .icon {
    margin-right: 1rem;
    font-size: 2rem;
}
.header {
    background-color: #1d2738;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 14;
}
@media (max-width: 991px) {
    .header__search {
        max-width: 100% !important;
    }
    .header.search-opened .header__search {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        padding: 10px 20px;
    }
    .form-control-wrap {
        max-width: 728px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .header--community .js-header-search {
        display: none;
    }
}
.header__inner {
    width: 100%;
    min-height: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .header__inner {
        min-height: 6.1rem;
    }
}
.header__logo {
    margin-right: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}
@media (max-width: 1439px) {
    .header__logo {
        margin-right: 2rem;
    }
}
@media (max-width: 991px) {
    .header__logo {
        margin-right: 1px;
    }
}
.header__logo .icon-logo {
    font-size: 3rem;
}
@media (max-width: 1439px) {
    .header--community .header__logo .icon-logo {
        display: none;
    }
}
.header__logo .icon-logo-sm {
    font-size: 3rem;
    display: none;
}
@media (max-width: 1439px) {
    .header--community .header__logo .icon-logo-sm {
        display: block;
    }
}
.header--community .header__logo {
    margin-right: 2rem;
}
@media (max-width: 1189px) {
    .header--community .header__logo {
        margin-right: 1rem;
    }
}

.header__search {
    flex-grow: 1;
    margin-right: 2.6rem;
    position: relative;
}
@media (max-width: 1189px) {
    .header__search {
        margin-right: 2rem;
    }
}
@media (max-width: 991px) {
    .header__search {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        padding: 1rem 2rem 0;
        background: #111a28;
        margin-right: 0;
        transform: translateY(-5px);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    }
}
.header__search.is-active .header__search__autocomplete,
.header__search.is-active .header__search__close {
    display: block;
}
.header__search.is-active .form-control {
    border-radius: 2rem 2rem 0 0;
}
.header--community .header__search {
    margin-right: 1.4rem;
}
.header__search .form-control {
    padding: 0 4rem 0 5.1rem;
}
@media (max-width: 1439px) {
    .header__search .form-control {
        padding: 0 4rem 0 4.3rem;
    }
}
.header__search .form-control::-webkit-input-placeholder {
    text-transform: capitalize;
}
.header__search .form-control:-moz-placeholder,
.header__search .form-control::-moz-placeholder {
    text-transform: capitalize;
}
.header__search .form-control:-ms-input-placeholder {
    text-transform: capitalize;
}
.header__search__autocomplete {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border-radius: 0 0 2rem 2rem;
    background-color: #333c4c;
    display: none;
    z-index: 9;
    overflow: hidden;
}
@media (max-width: 1189px) {
    .header__search__autocomplete {
        min-width: 49rem;
        width: auto;
        border-radius: 0 2rem 2rem 2rem;
    }
}
@media (max-width: 991px) {
    .header__search__autocomplete {
        min-width: auto;
        width: calc(100% - 4rem);
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0 0 2rem 2rem;
    }
}
.header__search__autocomplete__inner {
    height: auto;
    max-height: calc(100vh - 9rem);
}
@media (max-width: 991px) {
    .header__search__autocomplete__inner {
        max-height: calc(100vh - 19.5rem);
    }
}
.header__search__autocomplete__inner:empty:after {
    content: "No Result";
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.6rem;
    height: 5rem;
    width: 100%;
}
.header__search__section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 0;
}
.header__search__section:last-child {
    border-radius: 0 0 2rem 2rem;
}
.header__search__section__title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    line-height: 1.4em;
    padding: 0 2.5rem;
    margin-bottom: 1.5rem;
}
@media (max-width: 1439px) {
    .header__search__section__title {
        padding: 0 1.6rem;
    }
}
.header__search__section__title .icon {
    font-size: 1.6rem;
    flex-shrink: 0;
    margin-right: 1rem;
    color: #fff;
}
.header__search__item {
    background-color: transparent;
    padding: 5px 3.5rem 5px 4.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.3s ease;
    margin-bottom: 5px;
}
@media (max-width: 1439px) {
    .header__search__item {
        padding: 5px 2rem 5px 2.5rem;
    }
}
@media (min-width: 768px) {
    .header__search__item:hover {
        background-color: #20314c;
    }
}
.header__search__item__side {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header__search__item__logo {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 1rem;
}
.header__search__item__title {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4em;
    color: #fff;
    width: 100%;
    max-width: 45rem;
}
.header__search__item__category {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4em;
    color: hsla(0, 0%, 100%, 0.5);
    margin-left: 1rem;
    text-transform: capitalize;
    flex-shrink: 0;
}
.header__search__close {
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.header__search__close .icon-close-rounded {
    color: #fff;
    font-size: 1.8rem;
}
.header__links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .header__links {
        display: none;
    }
}
.header__links__item + .header__links__item {
    margin-left: 2rem;
}
@media (max-width: 1439px) {
    .header__links__item + .header__links__item {
        margin-left: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1189px) {
    .header--community .header__links__item .btn {
        padding: 0 1.3rem;
        font-size: 1.4rem;
    }
}
.header__mobile-links {
    display: none;
}
@media (max-width: 991px) {
    .header__mobile-links {
        display: flex;
        align-items: center;
        justify-content: flex-start;
		gap: 5px;
    }
}
.header__mobile-links__item {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header-menu {
    z-index: 15;
    min-width: 320px;
    padding: 15.5px 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1d2738;
    opacity: 0;
    transform: scale(0.95);
    visibility: hidden;
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (min-width: 992px) {
    .header-menu {
        display: none !important;
    }
}
.menu-is-active .header-menu {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.header-menu__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1.2rem;
}
.header-menu__close {
    width: 2rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-menu__close .icon-close-rounded {
    color: #fff;
    font-size: 1.6rem;
}
.header-menu__actions {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    margin-bottom: 1.2rem;
    width: 100%;
    background-color: #333C4C;
    border-radius: 1rem;
    padding: 1rem 1rem 2rem;
	border-bottom: 1px solid #283346;
    text-align: center;
}
.header-menu__actions p {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2rem;
}
.header-menu__actions .form-control {
    padding: 0 2rem 0 5rem;
}
.header-menu__actions .form-control::-webkit-input-placeholder {
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.6px;
}
.header-menu__actions .form-control:-moz-placeholder,
.header-menu__actions .form-control::-moz-placeholder {
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.6px;
}
.header-menu__actions .form-control:-ms-input-placeholder {
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.6px;
}
.header-menu__actions .form-control-wrap {
    width: 100%;
    margin-bottom: 1rem;
}
.header-menu__actions .form-control-wrap .icon-search {
    left: 2.2rem;
}
.header-menu__actions__item {
    width: calc(58% - 8px);
}
.header-menu__actions__item + .header-menu__actions__item {
    width: calc(42% - 7px);
    margin-left: 1.5rem;
}
.header-menu__actions__item .btn {
    width: 100%;
}
.header-menu__section {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 7.8rem;
}
.header-menu__list {
    padding: 0 0 1rem;
    display: flex;
}
.header-menu__list__side {
    display: flex;
    flex-direction: column;
}
.header-menu__list__side:first-child {
    width: 45%;
}
.header-menu__list__side:last-child {
    width: 55%;
}
.header-menu__categories + .header-menu__categories {
    margin-top: 1.3rem;
}
.header-menu__categories:last-child {
    margin-top: auto;
}
.header-menu__categories:last-child li {
    margin-bottom: 0;
}
.header-menu__categories:last-child a {
    line-height: 2.2em;
}
.header-menu__categories li {
    margin-bottom: 3px;
    border-radius: 10px;
    display: flex;
    gap: 10px;
}
.header-menu__categories a {
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 2.8em;
}
.header-menu__footer p {
    color: hsla(0, 0%, 100%, 0.3);
    font-size: 1.4rem;
    line-height: 1.3em;
}
.header-menu__footer__action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header-menu__footer__action a {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.42em;
    color: #d81a41;
    position: relative;
}
.header-menu__footer__action a:after {
    content: "";
    display: block;
    width: 0;
    transition: width 0.3s ease;
    height: 1px;
    background-color: #d81a41;
    position: absolute;
    left: 0;
    bottom: 0;
}
.header-menu__footer__action a:hover:after {
    width: 100%;
}
.header-menu__footer__btn {
    width: auto;
    height: 2.4rem;
    font-weight: 500;
    padding: 0 1rem;
    min-width: 3.9rem;
    margin-right: 1.1rem;
    border-radius: 5px;
}
.header-menu__search {
    width: 100%;
    position: relative;
}
.header-menu__search.is-active .header__search__autocomplete,
.header-menu__search.is-active .header__search__close {
    display: block;
}
.header-menu__search .header__search__autocomplete {
    width: 100%;
}
@media (max-width: 1189px) {
    .header-menu__search .header__search__autocomplete {
        min-width: auto;
    }
}
.topic-info {
    padding: 1rem 2.2rem;
    background-color: #1d2738;
    border-radius: 1rem;
    margin: 0 0 3rem;
}
@media (max-width: 991px) {
    .topic-info {
        margin: 0 0 2rem;
        padding: 1rem 1.2rem;
    }
}
.topic-info .icon-leave {
    font-size: 2rem;
    margin: 0 5px 0 0;
}
@media (max-width: 1439px) {
    .topic-info .icon-leave {
        font-size: 1.8rem;
    }
}
.topic-info,
.topic-info a,
.topic-info h1,
.topic-info p,
.topic-info span {
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 2.2em;
}
@media (max-width: 1439px) {
    .topic-info a,
    .topic-info h1,
    .topic-info p,
    .topic-info span {
        font-size: 1.6rem;
        line-height: 1.8em;
    }
}
@media (max-width: 991px) {
    .topic-info a,
    .topic-info h1,
    .topic-info p,
    .topic-info span {
        font-size: 1.4rem;
        line-height: 1.42em;
    }
}
.topic-info p {
    margin-bottom: 0;
}
.btn-show-more {
    display: flex;
    align-items: center;
}
.btn-show-more {
    justify-content: flex-start;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.875em;
    color: hsla(0, 0%, 100%, 0.5);
    transition: color 0.3s ease;
    margin: 1.3rem auto 0;
}
.btn-show-more:hover {
    color: #fff;
}
.btn-show-more:before {
    content: attr(data-show);
    margin-right: 1rem;
}
.btn-show-more__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #283346;
}
.btn-show-more__icon .icon-chevron {
    transform: rotate(0deg);
    font-size: 8px;
    color: #fff;
    transition: transform 0.3s ease;
}
.collapsible-table--simple .btn-show-more__icon {
    background-color: #d81a41;
}
.btn-show-more.is-active:before {
    content: attr(data-hide);
}
.btn-show-more.is-active .icon-chevron {
    transform: rotate(180deg);
}
.casino-partners.main-h1-panel {
    padding: 20px 10px;
}
.casino-partners.casino-landbased .top-line {
    padding: 0 20px;
}
.casino-partners__block__landbase {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 0 0 10px 0;
}
.casino-partners {
    width: 100%;
    margin-bottom: 3rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}
@media (max-width: 767px) {
    .casino-partners {
        margin-bottom: 2rem;
    }
}
.casino-partners .top-line__subtitle {
	margin: 0;
}
.casino-partners .header__search {
    max-width: none;
}
.casino-partners__inner {
    position: relative;
    margin-top: 20px;
}
.casino-partners:after {
    content: "";
    display: block;
    width: 17rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}
@media (max-width: 767px) {
    .casino-partners:after {
        display: none;
    }
}
.casino-partners--red {
    background-color: #d81a41;
    z-index: 1;
    /*background-image: url(/local/templates/canada/dist/s/images/useful/partners/trusted-bg.webp);*/
}
/*.casino-partners--red::after {
    content: "";
    background: url(/upload/images/local/templates/canada/img/Fully-Trusted-Casinos/bg-texture.webp) center / cover no-repeat;
    opacity: 0.4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}*/
.casino-partners .swiper-container {
    overflow: unset;
}
.casino-partners .top-line__inner {
	margin: 0 0 20px 0;
}
/*.casino-partners--red:after {
    background-image: linear-gradient(90deg, rgba(216, 26, 65, 0), #d81a41);
}*/
.casino-partners--blue {
    background-image: url(../../s/images/useful/partners/best-bg.webp);
}
.casino-partners--blue:after {
    background-image: linear-gradient(90deg, rgba(216, 26, 65, 0), #0052b4);
}
.casino-partners--grey {
    background-image: url(../../s/images/useful/partners/lanbases-bg.webp);
    border: 1px solid #d81a41;
}
.casino-partners--grey:after {
    background-image: linear-gradient(90deg, rgba(216, 26, 65, 0), #d81a41);
}
.casino-partners--dark {
    background-color: #111a28;
    border: 1px solid #283346;
}
.casino-partners--dark:after {
    background-image: linear-gradient(90deg, rgba(17, 26, 40, 0), #111a28);
}
.casino-partners--orange {
    background-color: #111a28;
    border: 1px solid #f7931a;
}
.casino-partners--orange:after {
    background-image: linear-gradient(90deg, rgba(17, 26, 40, 0), #111a28);
}
.casino-partners--orange .top-line__title,
.casino-partners--orange .top-line__title .icon {
    color: #f7931a;
}
.casino-partners--end:after {
    opacity: 0;
    visibility: hidden;
}
.casino-partners .top-line {
    position: relative;
    z-index: 5;
}
.casino-partners .header__search {
    max-width: none;
}
.casino-partners .top-line__link:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
    .casino-partners .top-line__link:hover {
        color: #fff;
    }
}
.casino-partners__inner .swiper-slide {
    width: 18rem;
}
@media (max-width: 768px) {
    .casino-partners__inner .swiper-slide {
        width: 16rem;
    }
}
.casino-partners__inner .carousel-nav {
    position: absolute;
    top: 50%;
    z-index: 6;
}
@media (max-width: 767px) {
    .casino-partners__inner .carousel-nav {
        display: none;
    }
}
.casino-partners__inner .carousel-nav--prev {
    left: 2rem;
}
.casino-partners__inner .carousel-nav--next {
    right: 2rem;
}
/* pages description */
.casino-about {
    width: 100%;
    background-image: url(../../s/images/useful/about-bg.webp);
    margin-bottom: 3rem;
    border-radius: 1rem;
    border: 1px solid #283346;
    padding: 2.4rem 2rem 2.8rem;
}
@media (max-width: 767px) {
    .casino-about {
        padding: 1rem 0 0;
        border: none;
        background-image: none;
    }
}
.casino-about .top-line {
    margin-bottom: 2.4rem;
}
@media (max-width: 1189px) {
    .casino-about .top-line {
        margin-bottom: 2rem;
    }
}
@media (max-width: 991px) {
    .casino-about .top-line {
        margin-bottom: 1.6rem;
    }
}
@media (max-width: 767px) {
    .casino-about .top-line {
        margin-bottom: 1rem;
    }
}
.casino-about__inner {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2em;
}
.casino-about__inner img {
	border-radius: 10px;
}
@media (max-width: 1439px) {
    .casino-about__inner {
        line-height: 2em;
    }
}
@media (max-width: 1189px) {
    .casino-about__inner {
        font-size: 1.7rem;
        line-height: 1.8em;
    }
}
@media (max-width: 767px) {
    .casino-about__inner {
        font-size: 1.6rem;
        line-height: 1.25em;
    }
}
.casino-about__inner h3 {
    font-size: 1.8rem;
}
@media (max-width: 1189px) {
    .casino-about__inner h3 {
        font-size: 1.7rem;
        line-height: 1.8em;
    }
}
@media (max-width: 767px) {
    .casino-about__inner h3 {
        font-size: 1.6rem;
        line-height: 1.25em;
    }
}
.casino-about__inner h2,
.casino-about__inner h3,
.casino-about__inner h4,
.casino-about__inner h5,
.casino-about__inner h6 {
    font-weight: 700;
    margin-top: 3rem;
}
.casino-about__inner p {
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 2em;
}
@media (max-width: 1439px) {
    .casino-about__inner p {
        line-height: 2em;
    }
}
@media (max-width: 1189px) {
    .casino-about__inner p {
        font-size: 1.7rem;
        line-height: 1.8em;
    }
}
@media (max-width: 767px) {
    .casino-about__inner p {
        font-size: 1.6rem;
        line-height: 1.25em;
    }
}
.casino-faq {
    width: 100%;
    margin-bottom: 3rem;
    border-radius: 1rem;
    border: 1px solid #283346;
    padding: 2.4rem 2rem 2rem;
}
@media (max-width: 767px) {
    .casino-faq {
        margin-bottom: 2rem;
        padding: 2.3rem 0 1rem;
        border: none;
    }
}
.casino-faq .top-line {
    margin-bottom: 2.4rem;
}
@media (max-width: 991px) {
    .casino-faq .top-line {
        margin-bottom: 1.6rem;
    }
}
@media (max-width: 767px) {
    .casino-faq .top-line {
        margin-bottom: 2.4rem;
    }
}
.casino-faq__inner .collapse-block:last-child {
    margin-bottom: 0;
}
.mobile-search {
    display: none;
    width: 100%;
    margin-bottom: 1rem;
}
@media (max-width: 991px) {
    .mobile-search {
        display: flex;
    }
}
@media (max-width: 991px) {
    .mobile-search .header__search {
        position: relative;
        top: auto;
        width: 100%;
        padding: 0 0 1rem;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: #111a28;
        margin-right: 0;
    }
}
.mobile-search .header__search__autocomplete {
    width: 100%;
}
@media (max-width: 1189px) {
    .mobile-search .header__search__autocomplete {
        min-width: auto;
    }
}
.page-top {
    width: 100%;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .page-top {
        margin-bottom: 2rem;
    }
}
.page-top__inner {
    display: flex;
	flex-direction: column;
    position: relative;
}
.page-top__inner + .breadcrumbs {
    margin-top: 2rem;
}
.page-top__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
	margin-bottom: 2rem;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .page-top__title {
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
        padding-right: 5rem;
    }
}
@media (max-width: 767px) {
    .page-top__title + .breadcrumbs {
        margin-top: 2rem;
    }
}
.page-top__title .icon {
    margin-right: 1.2rem;
    font-size: 3.2rem;
    flex-shrink: 0;
}
@media (max-width: 991px) {
    .page-top__title .icon {
        font-size: 2.4rem;
    }
}
.page-top__title .icon-slots {
    font-size: 3.6rem;
}
@media (max-width: 991px) {
    .page-top__title .icon-slots {
        font-size: 2.8rem;
    }
}
.page-top__title .icon-landbases {
    font-size: 4.2rem;
}
@media (max-width: 1439px) {
    .page-top__title .icon-landbases {
        font-size: 3.6rem;
    }
}
@media (max-width: 991px) {
    .page-top__title .icon-landbases {
        font-size: 2.8rem;
    }
}
.page-top__title .icon-menu-reverse {
    font-size: 2.8rem;
}
@media (max-width: 767px) {
    .page-top__title .icon-menu-reverse {
        font-size: 2.1rem;
    }
}
.page-top__title .icon-live {
    font-size: 2.8rem;
}
.page-top__subscribe {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5em;
    color: #fff;
    transition: color 0.3s ease;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .page-top__subscribe {
        position: absolute;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 2.5rem;
        height: 2.5rem;
    }
}
@media (min-width: 768px) {
    .page-top__subscribe.active,
    .page-top__subscribe:hover {
        color: #d81a41;
    }
}
.page-top__subscribe .icon-subscribe {
    font-size: 1.6rem;
    margin-right: 9px;
}
@media (max-width: 767px) {
    .page-top__subscribe .icon-subscribe {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .page-top__subscribe span {
        display: none;
    }
}
.page-top__text {
    margin-top: 1.7rem;
    width: 100%;
}
.page-top__text p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.25em;
}
.page-top__text a,
.page-top__text time {
    color: #d81a41;
}
.page-top__text a {
    position: relative;
}
.page-top__text a:after {
    content: "";
    display: block;
    width: 0;
    transition: width 0.3s ease;
    height: 1px;
    background-color: #d81a41;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-top__text a:hover:after {
    width: 100%;
}
.page-top__side {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.breadcrumbs,
.page-top__side + .page-top__side {
    flex-shrink: 0;
}
.breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .breadcrumbs {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem;
        overflow: hidden;
        overflow-x: auto;
    }
}
.breadcrumbs li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.breadcrumbs li:not(:first-child):before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 1rem;
    pointer-events: none;
    background-image: url(/local/templates/canada/dist/s/images/useful/svg/breadcrumb-link.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px;
}
.breadcrumbs li a,
.breadcrumbs li span {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.25em;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .breadcrumbs li a,
    .breadcrumbs li span {
        white-space: nowrap;
    }
}
.breadcrumbs li a {
    color: hsla(0, 0%, 100%, 0.3);
}
@media (min-width: 768px) {
    .breadcrumbs li a:hover {
        color: #fff;
    }
}
.breadcrumbs li span {
    color: #333c4c;
}
.guides-line {
    width: 100%;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .guides-line {
        margin-bottom: 2rem;
    }
}
.guides-line__inner {
    background-image: url(/local/templates/canada/dist/s/images/useful/guides-line-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 1rem;
    border: 1px solid #fff;
    background-color: #111a28;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}
.casino-about .guides-line__inner {
    background: none;
}
@media (max-width: 767px) {
    .guides-line__inner {
        background-image: none;
        background-color: #111a28;
        flex-wrap: wrap;
    }
}
.guides-line__category {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid #fff;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8em;
    padding: 2rem;
    flex-shrink: 0;
    border-radius: 1rem 0 0 1rem;
}
@media (max-width: 767px) {
    .guides-line__category {
        width: 100%;
        border-radius: 1rem 1rem 0 0;
        border-right: none;
        border-bottom: 1px solid #fff;
        padding: 1rem;
    }
}
.guides-line__category__icon {
    margin-right: 1rem;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d81a41;
}
.guides-line__category__icon .icon {
    color: #fff;
    font-size: 1.6rem;
}
.guides-line__category__icon .icon-guides {
    font-size: 1.2rem;
}
.guides-line__info {
    -ms-flex-positive: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}
@media (max-width: 767px) {
    .guides-line__info {
        width: 100%;
        border-radius: 0 0 1rem 1rem;
    }
}
.guides-line__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.8em;
    height: 100%;
}
@media (max-width: 767px) {
    .guides-line__title {
        align-items: flex-start;
    }
}
.guides-line__title img {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    margin-right: 1rem;
}
@media (max-width: 767px) {
    .guides-line__title img {
        margin-top: 2px;
    }
}
.guides-line__title p,
.guides-line__title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 767px) {
    .guides-line__title p,
    .guides-line__title span {
        padding-top: 5px;
    }
}
.guides-line__comments {
    margin-left: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 1.2rem;
    line-height: 1.65em;
    margin-left: 5px;
}
@media (max-width: 767px) {
    .guides-line__comments {
        display: none;
    }
}
.guides-line__comments .icon-comments {
    font-size: 1.6rem;
    margin-right: 7px;
}
.guides-line__text {
    height: 100%;
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .guides-line__text {
        padding: 1rem;
        width: 100%;
    }
}
.guides-line__link {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-left: 1px solid #fff;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8em;
    padding: 2rem 1.6rem;
    flex-shrink: 0;
    border-radius: 0 1rem 1rem 0;
    background-color: transparent;
    transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
    .guides-line__link {
        border-left: none;
        padding: 1rem 1.6rem;
    }
}
@media (min-width: 768px) {
    .guides-line__link:hover {
        background-color: #313f56;
    }
}
.guides-line__link .icon-chevron {
    transition: color 0.3s ease;
    color: #fff;
    font-size: 8px;
    transform: rotate(-90deg);
}
.info-text {
    width: 100%;
    border-radius: 1rem;
    background-color: #1d2738;
    padding: 2rem;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .info-text {
        margin-bottom: 2rem;
        padding: 1.6rem;
    }
}
.info-text p {
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6em;
}
@media (max-width: 767px) {
    .info-text p {
        font-size: 1.4rem;
    }
}
.info-text p + p {
    margin-top: 2rem;
}
.anchors-list,
.labels-list {
    margin-bottom: 2rem;
    width: 100%;
}
@media (max-width: 767px) {
    .anchors-list,
    .labels-list {
        overflow: hidden;
        overflow-x: auto;
    }
}
.anchors-list__inner,
.labels-list__inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .anchors-list__inner,
    .labels-list__inner {
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }
}
.anchors-list__item,
.anchors-list__trigger,
.labels-list__item,
.labels-list__trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #1d2738;
    border-radius: 1rem;
    padding: 0 1.5rem;
    height: 5rem;
    transition: background-color 0.3s ease;
    color: #fff !important;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 1.6rem;
    text-transform: capitalize;
    line-height: 1.875em;
    flex-shrink: 0;
}
.anchors-list__item.is-hidden,
.anchors-list__trigger.is-hidden,
.labels-list__item.is-hidden,
.labels-list__trigger.is-hidden {
    display: none;
}
.anchors-list__item.is-active,
.anchors-list__trigger.is-active,
.labels-list__item.is-active,
.labels-list__trigger.is-active {
    background-color: #333c4c;
}
@media (min-width: 768px) {
    .anchors-list__item:not(.is-active):hover,
    .anchors-list__trigger:not(.is-active):hover,
    .labels-list__item:not(.is-active):hover,
    .labels-list__trigger:not(.is-active):hover {
        background-color: #263349;
    }
}
.anchors-list__item:active,
.anchors-list__trigger:active,
.labels-list__item:active,
.labels-list__trigger:active {
    background-color: #2e3e5a;
}
.anchors-list__item .icon,
.anchors-list__trigger .icon,
.labels-list__item .icon,
.labels-list__trigger .icon {
    font-size: 1.6rem;
    margin-right: 7px;
    flex-shrink: 0;
}
.anchors-list__item--tr,
.anchors-list__trigger--tr,
.labels-list__item--tr,
.labels-list__trigger--tr {
    background-color: transparent;
    border: 1px solid #283346 !important;
}
@media (max-width: 767px) {
    .anchors-list__item.is-hidden,
    .labels-list__item.is-hidden {
        display: flex;
    }
}
.anchors-list__item--sm,
.labels-list__item--sm {
    height: 4rem;
    background-color: transparent;
    border: 1px solid #283346;
    margin-right: 1rem;
    padding: 0 1.4rem;
}
@media (max-width: 767px) {
    .labels-list {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px) {
    .labels-list__trigger {
        display: none;
    }
}
.labels-list__trigger:after {
    content: "More";
}
.labels-list__trigger.is-active:after {
    content: "Less";
}
@media (max-width: 767px) {
    .anchors-list {
        z-index: 8;
        height: 5.4rem;
        width: calc(100% + 4rem);
        margin-left: -2rem;
        background-color: #1d2738;
        position: sticky;
        top: 6rem;
        border-top: 1px solid #111a28;
    }
}
@media (max-width: 767px) {
    .anchors-list__inner {
        padding-bottom: 0;
        margin-right: 0;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .anchors-list__item {
        height: 100%;
        border-radius: 0;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 2px solid transparent;
        position: relative;
        padding: 0 1rem;
    }
    .anchors-list__item:after {
        content: "";
        display: block;
        width: 0;
        left: 0;
        bottom: 0;
        height: 2px;
        position: absolute;
        background-color: transparent;
        transition: width 0.3s ease, background-color 0.3s ease;
    }
}
@media (max-width: 767px) {
    .anchors-list__item:first-child {
        padding: 0 1rem 0 2rem;
    }
}
@media (max-width: 767px) {
    .anchors-list__item:last-child {
        padding: 0 2rem 0 1rem;
    }
}
@media (max-width: 767px) {
    .anchors-list__item.is-active:after {
        width: 100%;
        background-color: #d81a41;
    }
}
.pagination-block {
    width: 100%;
    margin: 2rem 0;
}
.pagination-block,
.pagination-block__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-block__item {
    width: auto;
    min-width: 3rem;
    height: 3rem;
    border-radius: 6px;
    padding: 0 5px;
    background-color: transparent;
    cursor: pointer;
    margin: 0 8px;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    transition: background-color 0.3s ease, color 0.3s ease;
    line-height: 1em;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .pagination-block__item {
        margin: 0 6px;
    }
}
.pagination-block__item:first-child {
    margin-left: 0;
}
@media (min-width: 768px) {
    .pagination-block__item:hover {
        background-color: #283346;
        color: #fff;
    }
}
.pagination-block__item:not(.is-active):active {
    background-color: #2e3a50;
}
.pagination-block__item.is-active {
    background-color: #283346;
}
.pagination-block__item .icon-chevron {
    font-size: 8px;
}
.pagination-block__item--lg {
    width: auto;
    padding: 0 1rem;
    color: hsla(0, 0%, 100%, 0.5);
}
@media (max-width: 767px) {
    .pagination-block__item--lg {
        display: none;
    }
}
.pagination-block__item--last,
.pagination-block__item--prev {
    background-color: #283346;
}
.pagination-block__item--last .icon-chevron {
    transform: rotate(-90deg);
}
.pagination-block__item--prev .icon-chevron {
    transform: rotate(90deg);
}
.pagination-block__divider {
    width: 3rem;
    height: 2rem;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 8px;
}
@media (max-width: 767px) {
    .pagination-block__divider {
        width: 2rem;
    }
}
.pagination-block__divider .icon-more {
    font-size: 1rem;
}
.action-block {
    margin-bottom: 3rem;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #283346;
    position: relative;
    padding: 2rem;
}
@media (max-width: 767px) {
    .action-block {
        margin-bottom: 2rem;
    }
}
.action-block__image {
    width: 100%;
    height: 12.9rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem 1rem 0 0;
}
@media (max-width: 767px) {
    .action-block__image {
        height: 10.9rem;
    }
}
.action-block__image img {
    border-radius: inherit;
}
.action-block__icon {
    margin: 0 auto 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
@media (max-width: 767px) {
    .action-block__icon {
        width: 4rem;
        height: 4rem;
        margin: 0 auto 1rem;
        border-radius: 1.2rem;
        border-width: 2px;
    }
}
.action-block__icon .icon-leave {
    font-size: 3.2rem;
    color: #fff;
}
@media (max-width: 767px) {
    .action-block__icon .icon-leave {
        font-size: 3.2rem;
    }
}
.action-block__text {
    width: 100%;
    text-align: center;
    margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
    .action-block__text {
        margin-bottom: 2rem;
    }
}
.action-block__text p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.25em;
}
@media (max-width: 767px) {
    .action-block__text p {
        font-size: 1.4rem;
        line-height: 1.45em;
    }
}
.action-block__btns {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 499px) {
    .action-block__btns .btn {
        width: calc(50% - 5px);
    }
}
.action-block__btns .btn + .btn {
    margin-left: 2rem;
}
@media (max-width: 767px) {
    .action-block__btns .btn + .btn {
        margin-left: 1rem;
    }
}
.action-block .form-control {
    padding: 0 2rem 0 5.1rem;
}
.action-block .form-control::-webkit-input-placeholder {
    text-transform: capitalize;
}
.action-block .form-control:-moz-placeholder,
.action-block .form-control::-moz-placeholder {
    text-transform: capitalize;
}
.action-block .form-control:-ms-input-placeholder {
    text-transform: capitalize;
}
.action-block .form-control-wrap {
    width: 100%;
    max-width: 58rem;
    margin: 0 auto;
}
.thumbed-carousel {
    width: 100%;
    margin-bottom: 2.3rem;
    user-select: none;
}
@media (max-width: 767px) {
    .thumbed-carousel {
        margin-bottom: 2rem;
    }
}
.thumbed-carousel .top-line {
    margin-bottom: 2rem;
}
.thumbed-carousel .top-line b {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.4em;
    margin-left: 1rem;
    color: hsla(0, 0%, 100%, 0.5);
}
.thumbed-carousel .top-line .icon {
    font-size: 1.6rem;
}
.thumbed-carousel__main {
    width: 100%;
    margin-bottom: 2rem;
    position: relative;
}
.thumbed-carousel__main .swiper-slide {
    width: 100%;
}
.thumbed-carousel__main__slide {
    border-radius: 1rem;
    height: 37.6rem;
    display: flex;
    overflow: hidden;
}
@media (min-width: 1190px) and (max-width: 1439px) {
    .thumbed-carousel__main__slide {
        height: 26.6rem;
    }
}
@media (max-width: 767px) {
    .thumbed-carousel__main__slide {
        height: 0;
        padding-bottom: 51%;
        min-height: 16.4rem;
    }
}
.thumbed-carousel__main__slide img {
    border-radius: inherit;
}
.thumbed-carousel__main .carousel-nav {
    position: absolute;
    top: 50%;
    z-index: 6;
    width: 4.7rem;
    height: 4.7rem;
}
@media (max-width: 767px) {
    .thumbed-carousel__main .carousel-nav {
        width: 3.2rem;
        height: 3.2rem;
    }
}
.thumbed-carousel__main .carousel-nav--prev {
    left: 1.5rem;
}
@media (max-width: 767px) {
    .thumbed-carousel__main .carousel-nav--prev {
        left: 1.1rem;
    }
}
.thumbed-carousel__main .carousel-nav--next {
    right: 1.5rem;
}
@media (max-width: 767px) {
    .thumbed-carousel__main .carousel-nav--next {
        right: 1.1rem;
    }
}
@media (max-width: 767px) {
    .thumbed-carousel__main .carousel-nav .icon {
        font-size: 7px;
    }
}
.thumbed-carousel__thumb {
    width: 100%;
}
@media (max-width: 767px) {
    .thumbed-carousel__thumb {
        display: none;
    }
}
.thumbed-carousel__thumb .swiper-slide {
    width: 100%;
    width: 13.5rem;
    height: 8.1rem;
}
.thumbed-carousel__thumb__slide {
    border-radius: 1rem;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
}
.thumbed-carousel__thumb__slide:after,
.thumbed-carousel__thumb__slide:before {
    content: "";
    display: block;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.3s ease;
}
.thumbed-carousel__thumb__slide:before {
    border: 4px solid #dcb103;
    opacity: 0;
    z-index: 1;
}
.thumbed-carousel__thumb--white .thumbed-carousel__thumb__slide:before {
    border: 2px solid #fff;
}
.thumbed-carousel__thumb__slide:after {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.swiper-slide-thumb-active .thumbed-carousel__thumb__slide:after {
    opacity: 0;
}
.swiper-slide-thumb-active .thumbed-carousel__thumb__slide:before {
    opacity: 1;
}
.thumbed-carousel__thumb__slide img {
    border-radius: inherit;
}
.thumbed-carousel__pagination {
    margin-top: 2.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.thumbed-carousel__pagination .swiper-pagination-bullet {
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 2px;
    width: 4rem;
    height: 4px;
    margin: 0 1rem;
    cursor: pointer;
    transition: transform 0.3s ease, 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 767px) {
    .thumbed-carousel__pagination .swiper-pagination-bullet {
        width: 2rem;
    }
}
.thumbed-carousel__pagination .swiper-pagination-bullet-active {
    transform: scale(1.5);
    background-color: #d81a41;
}
.contact-form {
    width: 100%;
    border: 1px solid #333c4c;
    border-radius: 1rem;
    padding: 2.1rem 2.1rem 2rem;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .contact-form {
        margin-bottom: 2rem;
        padding: 0;
        border: none;
        border-radius: 0;
    }
}
.contact-form .top-line {
    margin-bottom: 2rem;
}
.contact-form .form-control-wrap {
    margin-bottom: 1.8rem;
}
.contact-form input.form-control {
    height: 5rem;
    border-radius: 2.5rem;
}
.contact-form .comments-panel__textarea {
    min-height: 18rem;
    height: auto;
    border-radius: 2.5rem;
    padding: 1.5rem 1rem 6px 2rem;
}
.contact-form .comments-panel__textarea__footer {
    justify-content: flex-end;
    margin-right: -6px;
}
.contact-form .comments-panel__field {
    max-height: 24rem;
}
.modal {
    min-width: 320px;
    z-index: 23;
}
.modal-dialog {
    max-width: none;
    position: relative;
}
.modal-backdrop {
    background-color: #1b2134;
}
.modal-backdrop.show {
    opacity: 0.85;
}
.add-screenshot-modal .modal-form,
.add-video-modal .modal-form {
    max-width: 65rem;
}
@media (max-width: 767px) {
    .add-screenshot-modal .modal-form,
    .add-video-modal .modal-form {
        max-width: 50rem;
    }
}
.add-screenshot-modal .form-control-remove,
.add-video-modal .form-control-remove {
    width: 3rem;
    height: 3rem;
    background-color: #333c4c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
    .add-screenshot-modal .form-control-remove,
    .add-video-modal .form-control-remove {
        margin-top: 1.5rem;
    }
}
@media (min-width: 768px) {
    .add-screenshot-modal .form-control-remove:hover,
    .add-video-modal .form-control-remove:hover {
        background-color: #3d485b;
    }
}
.add-screenshot-modal .form-control-remove .icon-close,
.add-video-modal .form-control-remove .icon-close {
    font-size: 1.4rem;
    color: #d81a41;
}
.add-screenshot-modal .form-control-wrap,
.add-video-modal .form-control-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 767px) {
    .add-screenshot-modal .form-control-wrap,
    .add-video-modal .form-control-wrap {
        flex-direction: column;
        width: 100%;
        position: relative;
    }
}
@media (max-width: 767px) {
    .add-screenshot-modal .form-control-wrap + .form-control-wrap:after,
    .add-video-modal .form-control-wrap + .form-control-wrap:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.25rem;
        width: calc(100% + 3rem);
        left: -1.5rem;
        height: 1px;
        background-color: hsla(0, 0%, 100%, 0.1);
    }
}
.add-screenshot-modal .input-wrap,
.add-video-modal .input-wrap {
    margin-right: 1rem;
}
@media (max-width: 767px) {
    .add-screenshot-modal .input-wrap,
    .add-video-modal .input-wrap {
        width: 100%;
        margin-right: 0;
    }
}
.add-screenshot-modal .input-wrap:only-child,
.add-video-modal .input-wrap:only-child {
    margin-right: 0;
}
.add-screenshot-modal .input-wrap:first-child,
.add-video-modal .input-wrap:first-child {
    flex-grow: 1;
}
@media (max-width: 767px) {
    .add-screenshot-modal .input-wrap:first-child,
    .add-video-modal .input-wrap:first-child {
        flex-grow: 0;
    }
}
.add-screenshot-modal .input-wrap + .input-wrap,
.add-video-modal .input-wrap + .input-wrap {
    width: 25rem;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .add-screenshot-modal .input-wrap + .input-wrap,
    .add-video-modal .input-wrap + .input-wrap {
        width: 100%;
        flex-shrink: 1;
        margin-top: 1.5rem;
    }
}
.add-screenshot-modal input[type="file"] {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -9999em;
    top: -9999em;
}
.add-screenshot-modal .form-control-file {
    height: 5rem;
    border-radius: 2.5rem;
    background-color: #333c4c;
    color: hsla(0, 0%, 100%, 0.4);
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    outline: none;
    border: none;
    box-shadow: none;
    padding: 0 2rem;
    margin-bottom: 0;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.add-screenshot-modal .form-control-file,
.add-screenshot-modal .form-control-file-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.add-screenshot-modal .form-control-file-name {
    position: absolute;
    font-size: 1.2rem;
    top: calc(100% + 3px);
    left: 2rem;
    color: #fff;
}
@media (max-width: 767px) {
    .add-screenshot-modal .comments-panel__textarea {
        height: 30rem;
        padding: 1.2rem 8px 8px 1.3rem;
    }
}
@media (max-width: 767px) {
    .add-screenshot-modal .comments-panel__textarea__footer {
        flex-wrap: wrap;
    }
}
.add-screenshot-modal .comments-panel__textarea__footer .btn {
    margin: 0 0 0 auto;
}
@media (max-width: 767px) {
    .add-screenshot-modal .comments-panel__textarea__footer .btn {
        max-width: none;
    }
}
@media (max-width: 767px) {
    .add-screenshot-modal .comments-panel__textarea__actions {
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 5px;
    }
}
.add-screenshot-modal .comments-panel__textarea__actions__item + .comments-panel__textarea__actions__item {
    margin-left: 0;
}
.modal-close {
    z-index: 7;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #fff;
    cursor: pointer;
    transition: color 0.3s ease;
}
@media (max-width: 767px) {
    .modal-close {
        font-size: 1.6rem;
    }
}
@media (min-width: 768px) {
    .modal-close:hover {
        color: #b81637;
    }
}
.modal-close .icon-close-rounded {
    font-size: 3rem;
}
@media (max-width: 767px) {
    .modal-close .icon-close-rounded {
        font-size: 2.6rem;
    }
}
.modal-content {
    background-color: transparent;
    border: none;
    padding: 4rem 5px 2rem;
}
@media (max-width: 991px) {
    .modal-content {
        padding: 4rem 1.9rem 2rem;
    }
}
@media (max-width: 767px) {
    .modal-content {
        padding: 4rem 5px 2rem;
    }
}
.modal-inner {
    width: 100%;
    max-width: 66.4rem;
    margin: 0 auto;
    background-color: #d81a41;
    border-radius: 3.2rem;
    padding: 6.4rem 6.4rem 5.5rem;
}
@media (max-width: 1439px) {
    .modal-inner {
        max-width: 59rem;
        padding: 4.8rem 4.8rem 4.7rem;
    }
}
@media (max-width: 1189px) {
    .modal-inner {
        max-width: 51.2rem;
        padding: 3.2rem 3.2rem 3.8rem;
    }
}
@media (max-width: 767px) {
    .modal-inner {
        max-width: 40rem;
        border-radius: 2.4rem;
        padding: 2.4rem 2.4rem 4.3rem;
    }
}
.modal-auth {
    width: 100%;
    max-width: 38rem;
    margin: 0 auto;
    background-color: #1d2738;
    border: 1px solid #283346;
    border-radius: 1rem;
}
.modal-auth__top {
    justify-content: space-between;
    padding: 1.5rem 1.1rem 1.5rem 3.1rem;
    border-bottom: 1px solid #283346;
}
.modal-auth__top,
.modal-auth__top .modal-close {
    display: flex;
    align-items: center;
}
.modal-auth__top .modal-close {
    width: 4rem;
    height: 4rem;
    justify-content: center;
}
.modal-auth__top .modal-close:hover .icon-close-rounded {
    color: #fff;
}
.modal-auth__top .icon-close-rounded {
    font-size: 3.2rem;
    color: #d81a41;
    transition: color 0.3s ease;
}
.modal-auth__title {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1.4em;
    color: #fff;
}
.modal-auth__body {
    padding: 2.4rem 3rem;
}
@media (max-width: 767px) {
    .modal-auth__body {
        padding: 2rem;
    }
}
.modal-auth__fields .form-control {
    height: 6rem;
    border-radius: 6rem;
}
.modal-auth__fields .form-control-wrap:not(:last-child) {
    margin-bottom: 2rem;
}
.modal-auth__link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin-top: 1.6rem;
}
.modal-auth__link a,
.modal-auth__link button {
    text-decoration: underline;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.375em;
    text-decoration-line: underline;
    color: #d81a41;
    outline: none;
    border: none;
    -webkit-appearance: none;
    transition: color 0.3s ease;
}
.modal-auth__link a:hover,
.modal-auth__link button:hover {
    color: #e83d60;
}
.modal-auth__link + .modal-auth__actions {
    margin-top: 1.3rem;
}
.modal-auth__actions {
    display: flex;
   	flex-direction: column;
    margin-top: 4.5rem;
}
@media (max-width: 767px) {
    .modal-auth__actions {
        justify-content: space-between;
    }
}
.modal-auth__actions a:not(:last-child),
.modal-auth__actions button:not(:last-child) {
    margin-right: 0;
}
@media (max-width: 767px) {
    .modal-auth__actions a:not(:last-child),
    .modal-auth__actions button:not(:last-child) {
        margin-right: 0rem;
    }
}
.modal-auth__actions .btn {
    height: 6rem;
    border-radius: 6rem;
}
.modal-auth__actions .btn--red {
    flex-grow: 1;
    justify-content:center;
}
@media (max-width: 767px) {
    .modal-auth__actions .btn--red {
        justify-content: center;
    }
}
.modal-auth__actions .btn--red:only-child {
    flex-grow: 0;
    margin-left: unset;
    margin-right: unset;
    justify-content: center;
}
.modal-auth__actions .btn--circle {
    flex-shrink: 0;
}
.modal-auth__divider {
    width: calc(100% + 6rem);
    height: 1px;
    background-color: #333c4c;
    margin-left: -3rem;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1em;
    position: relative;
    color: hsla(0, 0%, 100%, 0.4);
    margin-top: 2.6rem;
}
@media (max-width: 767px) {
    .modal-auth__divider {
        width: calc(100% + 4rem);
        margin-left: -2rem;
    }
}
.modal-auth__divider span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    background-color: #1d2738;
}
.modal-auth__terms {
    width: 24.6rem;
    margin: 2.7rem auto 0;
}
.modal-auth__terms-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}
.modal-auth__terms-checkbox input {
    position: absolute;
    left: -9999em;
    top: -9999em;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.modal-auth__terms-checkbox input:checked + .modal-auth__terms-checkbox-square .icon-checkmark-bold {
    opacity: 1;
}
.modal-auth__terms-checkbox-square {
    width: 2rem;
    height: 2rem;
    background-color: #141e2d;
    border: 1px solid #333c4c;
    border-radius: 5px;
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-auth__terms-checkbox-square .icon-checkmark-bold {
    font-size: 8px;
    color: #d81a41;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.modal-auth__terms-checkbox-text {
    flex-grow: 1;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 1.18em;
    text-transform: capitalize;
    color: #fff;
}
.modal-auth__terms-checkbox-text span {
    display: block;
}
.modal-auth__terms-checkbox-text a {
    color: #d81a41;
    text-decoration: underline;
}
.modal-auth__terms-checkbox-text a:hover {
    color: #e83d60;
}
.modal-auth__footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.6rem;
}
.modal-auth__footer .btn {
    height: 6rem;
    border-radius: 6rem;
    border-width: 1px;
	flex-grow: 1;
}
@media (max-width: 767px) {
    .modal-auth__footer .btn {
        padding: 0 1.2rem;
        flex-grow: 1;
    }
}
.modal-auth__footer .btn:hover {
    background-color: #333c4c;
}
.modal-auth__footer .btn:only-child {
    margin-left: auto;
    margin-right: auto;
}
.modal-auth__footer .btn:not(:last-child) {
    margin-right: 0;
}
@media (max-width: 767px) {
    .modal-auth__footer .btn:not(:last-child) {
        margin-right: 0;
    }
}
.modal-auth__footer .btn .icon {
    font-size: 2rem;
    flex-shrink: 0;
    margin-right: 1rem;
}
.modal-form {
    width: 100%;
    max-width: 55rem;
    margin: 0 auto;
    border-radius: 2.6rem;
    background-color: #1d2738;
    padding: 2.5rem 2rem;
}
@media (max-width: 767px) {
    .modal-form {
        padding: 1.5rem;
    }
}
.modal-form .contact-form__inner .form-control-wrap:not(:last-child) {
    margin-bottom: 2.5rem;
}
.modal-form .contact-form__inner input.form-control {
    height: 5rem;
    border-radius: 2.5rem;
}
.modal-form .comments-panel__textarea {
    height: 29.5rem;
}
@media (max-width: 767px) {
    .modal-form .comments-panel__textarea {
        height: 25rem;
    }
}
.modal-form__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.modal-form__title {
    color: #fff;
    font-weight: 900;
    font-size: 2.4rem;
    line-height: 1.3em;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .modal-form__title {
        font-size: 2rem;
    }
}
.modal-form__inner .form-control {
    height: 5rem;
    border-radius: 2.5rem;
}
.modal-form__inner .form-control-wrap {
    margin-bottom: 2.5rem;
}
.modal-form__inner .btn {
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
    height: 5rem;
    border-radius: 2.5rem;
}
@media (max-width: 767px) {
    .modal-form__inner .btn {
        max-width: 32rem;
    }
}
.modal-form__inner .btn-add-more {
    height: 3rem;
    padding: 0 1rem;
    width: auto;
    max-width: none;
    font-size: 1.4rem;
    margin: 0 0 3rem auto;
}
.modal-form__socials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 3rem auto 0;
}
@media (max-width: 767px) {
    .modal-form__socials {
        max-width: 32rem;
        justify-content: space-between;
    }
}
.modal-form__socials__item {
    margin: 0 1.6rem;
}
@media (max-width: 767px) {
    .modal-form__socials__item {
        margin: 0;
    }
}
.modal-form__socials__item .icon {
    font-size: 4rem;
}
@media (max-width: 767px) {
    .modal-form__socials__item .icon {
        font-size: 3.6rem;
    }
}
.activate-modal__inner {
    width: 100%;
    max-width: 38rem;
    background-color: #1d2738;
    border-radius: 1rem;
    margin: 0 auto;
}
.activate-modal__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #283346;
    padding: 1.9rem 1.5rem 1.9rem 3rem;
}
@media (max-width: 767px) {
    .activate-modal__top {
        padding: 1.9rem 1.5rem;
    }
}
.activate-modal__top .modal-close {
    margin-left: auto;
    flex-shrink: 0;
    color: #d81a41;
    transition: color 0.3s ease;
}
@media (min-width: 768px) {
    .activate-modal__top .modal-close:hover {
        color: #e83d60;
    }
}
.activate-modal__top .modal-close .icon-close-rounded {
    font-size: 3.2rem;
}
.activate-modal__title {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1.4em;
    text-transform: capitalize;
    color: #fff;
    margin-right: 1rem;
}
@media (max-width: 767px) {
    .activate-modal__title {
        font-size: 1.6rem;
    }
}
.activate-modal__content {
    padding: 4rem 3rem;
}
@media (max-width: 767px) {
    .activate-modal__content {
        padding: 2rem;
    }
}
.activate-modal__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5.8rem;
}
@media (max-width: 767px) {
    .activate-modal__icon {
        margin-bottom: 3rem;
    }
}
.activate-modal__icon .icon {
    font-size: 10.8rem;
    color: #fff;
}
@media (max-width: 767px) {
    .activate-modal__icon .icon {
        font-size: 8rem;
    }
}
.activate-modal__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.activate-modal__text p {
    margin-bottom: 0;
}
.activate-modal__text a,
.activate-modal__text p {
    font-size: 1.6rem;
    line-height: 1.6em;
    font-weight: 400;
}
.activate-modal__text a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #d81a41;
}
@media (min-width: 768px) {
    .activate-modal__text a:hover {
        color: #e5274e;
    }
}
.activate-modal__text + .activate-modal__text {
    margin-top: 2.8rem;
}
.confirm-modal__inner {
    width: 100%;
    max-width: 38rem;
    background-color: #1d2738;
    border-radius: 1rem;
    margin: 0 auto;
    padding: 2rem;
}
.confirm-modal__top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
}
.confirm-modal__content {
    text-align: center;
}
.confirm-modal__title {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
}
.confirm-modal__btns,
.confirm-modal__btns .btn {
    width: 100%;
}
.confirm-modal__btns .btn + .btn {
    margin-top: 1.5rem;
}
.email-confirmation .activate-modal__top {
    border-bottom: none;
    padding: 2.5rem 1.5rem 0 3rem;
}
.email-confirmation__box {
    padding: 3.2rem 3rem;
}
@media (max-width: 767px) {
    .email-confirmation__box {
        padding: 2rem;
    }
}
.email-confirmation__box + .email-confirmation__box {
    border-top: 1px solid hsla(0, 0%, 100%, 0.5);
}
.email-confirmation__box__text {
    margin-bottom: 3.5rem;
}
.email-confirmation__box__text p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4em;
}
.email-confirmation__box__icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.4rem;
}
.email-confirmation__box__icon .icon {
    font-size: 7.2rem;
    color: #fff;
}
.email-confirmation__box__email {
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.25em;
    color: #fff;
}
.email-confirmation__box__actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .email-confirmation__box__actions {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
.email-confirmation__box__actions .btn {
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
}
.email-confirmation__box__actions .btn + .btn {
    margin-left: 1.2rem;
}
@media (max-width: 767px) {
    .email-confirmation__box__actions .btn + .btn {
        margin-left: 0;
        margin-top: 1.2rem;
    }
}
.email-confirmation__box__actions .btn--red {
    width: 11.8rem;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .email-confirmation__box__actions .btn--red {
        flex-shrink: 1;
        width: 100%;
    }
}
.email-confirmation__box__actions .btn .icon {
    margin-right: 1.3rem;
}
.error-page {
    padding: 16.4rem 0;
}
@media (max-width: 1189px) {
    .error-page {
        padding: 10rem 0;
    }
}
@media (max-width: 991px) {
    .error-page {
        padding: 6rem 0;
    }
}
@media (max-width: 767px) {
    .error-page {
        padding: 4.5rem 0;
    }
}
.error-page__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.error-page__inner p {
    margin-bottom: 1.7rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.65em;
    color: #fff;
}
.error-page__title {
    font-weight: 900;
    font-size: 12rem;
    line-height: 1em;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 1.6rem;
    color: #fff;
}
@media (max-width: 991px) {
    .error-page__title {
        font-size: 9rem;
        margin-bottom: 1.2rem;
    }
}
@media (max-width: 767px) {
    .error-page__title {
        font-size: 7.6rem;
    }
}
.error-page__subtitle {
    font-weight: 500;
    font-size: 4rem;
    line-height: 1em;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 1.1rem;
}
@media (max-width: 991px) {
    .error-page__subtitle {
        font-size: 3.2rem;
    }
}
@media (max-width: 767px) {
    .error-page__subtitle {
        font-size: 2.8rem;
    }
}
/* Fully Trusted Casinos */
.fully-trusted-casinos {
  background-color: #078871;
}
.recomended-casinos {
    background-color: #271249;
}
.recomended-casinos::after,
.fully-trusted-casinos::after {
  background: url(/local/templates/canada/img/Fully-Trusted-Casinos/bg-texture.webp) center/cover no-repeat;
}
.fully-trusted-casinos .casinos-block__container::after {
    background: linear-gradient(90deg, rgba(7, 136, 113, 0) 0%, #078871 100%);
}
.fully-trusted-casinos .casinos-block__container::before {
  background: linear-gradient(270deg, rgba(7, 136, 113, 0) 0%, #078871 100%);
}
/* Blacklisted Casinos */
.blacklisted-casinos {
  background-color: #d81a41;
}
.blacklisted-casinos::after {
  background: url(/local/templates/canada/img/BlackListed-Casinos/bg-texture.webp) center/cover no-repeat;
}
.blacklisted-casinos .casinos-block__container::after {
  background: linear-gradient(90deg, rgba(216, 26, 65, 0) 0%, #D81A41 100%);
}
.blacklisted-casinos .casinos-block__container::before {
    background: linear-gradient(270deg, rgba(216, 26, 65, 0) 0%, #D81A41 100%);
}
/* Accept Players Casinos */
.accept-players-casinos {
    background-color: #1379F3;
}
.accept-players-casinos::after {
    background: url(/local/templates/canada/img/Fully-Trusted-Casinos/bg-texture.webp) center/cover no-repeat;
}
.accept-players-casinos .casinos-block__container::after {
    background: linear-gradient(90deg, rgba(7, 136, 113, 0) 0%, #1379F3 100%);
}
.accept-players-casinos .casinos-block__container::before {
    background: linear-gradient(270deg, rgba(7, 136, 113, 0) 0%, #1379F3 100%);
}
/* Casino Reviews */
.casino-reviews {
  background-color: #1D2738;
}
.recomended-casinos .casinos-block__container::after,
.casinos-block_cheaters__container::after,
.casino-reviews .casinos-block__container::after {
  background: linear-gradient(90deg, rgba(29, 39, 56, 0) 0%, #1D2738 100%);
}
.recomended-casinos .casinos-block__container::before,
.casino-reviews .casinos-block__container::before {
    background: linear-gradient(270deg, rgba(29, 39, 56, 0) 0%, #1D2738 100%);
}
/* Bookmakers Slider */
.bookmakers-slider .reviews-card__btn:hover {
	color: #6096ff;
}
.bookmakers-slider .casinos-block__title svg {
	flex: 0 0 20px;
}
/* Casinos Block */
.casinos-block {
  margin: 0 0 30px 0;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.casinos-block::after {
  content: "";
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.casinos-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px 0;
  z-index: 5;
  position: relative;
}
.casinos-block__action {
  margin: 0 0 0 5px;
}
.casinos-block__action a {
  display: flex;
  align-items: center;
}
.casinos-block__action a:hover .casinos-block__show {
  opacity: 1;
}
.casinos-block__show {
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
  color: #FFFFFF;
  transition: opacity 0.3s ease;
  opacity: 0.5;
  margin: 0 10px 0 0;
}
.casinos-block__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 6px;
}
.casinos-block__arrow img {
    width: 8px;
    height: 14px;
}
.casinos-block__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin: 0 0 15px 0;
  z-index: 5;
  position: relative;
}
.casinos-block__search {
  z-index: 5;
  position: relative;
  margin: 0 0 20px 0;
}
.casinos-block__subtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin: 0 0 15px 0;
}
.casinos-block__input {
  border-radius: 20px;
  background-color: #333C4C;
  max-width: 740px;
  width: 100%;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
  padding: 0 50px;
  background: url(/local/templates/canada/img/Casinos-Reviews/search-icon.svg) 22px no-repeat, #333C4C;
}
.casinos-block__input::placeholder {
  opacity: 0.4;
  color: #FFFFFF;
}
/*.casinos-block__container::before,*/
.casinos-block_cheaters__container::after,
.casinos-block__container::after {
  content: "";
  display: block;
  width: 150px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.casinos-block__container::before {left: 0;}
.casinos-block_cheaters__container::after,
.casinos-block__container::after {right: 0;}
.casinos-block_cheaters__container:has(.swiper-btn-next.swiper-button-disabled)::after,
.casinos-block__container:has(.swiper-btn-prev.swiper-button-disabled)::before,
.casinos-block__container:has(.swiper-btn-next.swiper-button-disabled)::after {
  opacity: 0;
  visibility: hidden;
}
.casinos-block__item {
  padding: 0 0 0 15px;
}
.casinos-block__item:first-child {
    padding: 0 0 0 20px;
  }
.casinos-block__item:last-child {
  padding: 0 20px 0 15px;
}
.casinos-block .swiper-container {
  position: relative;
  margin: 0 -20px;
  overflow: hidden;
}
.casinos-block .swiper-container .swiper-wrapper {
  display: flex;
  align-items: flex-start;
}
.casinos-block .swiper-container .swiper-slide {
  width: auto;
}
.casinos-block .swiper-container .swiper-btn-next,
.casinos-block .swiper-container .swiper-btn-prev {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  font-size: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  transition: all 0.3s ease;
  cursor: pointer;

    background: url(/local/templates/canada/img/slider-arrow.svg) center no-repeat, #fff;
}
.casinos-block .swiper-container .swiper-btn-next:hover,
.casinos-block .swiper-container .swiper-btn-prev:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
}
.casinos-block .swiper-container .swiper-btn-next {
  right: 20px;
}
.casinos-block .swiper-container .swiper-btn-prev {
  left: 20px;
  transform: translate(0, -50%) rotate(180deg);
}
.casinos-block .swiper-container .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .casinos-block__show span {
    display: none;
  }
}
@media (max-width: 767px) {
  .casinos-block {
    padding: 10px;
  }
  .casinos-block__container::before,
  .casinos-block__container::after {
    width: 65px;
  }
  .casinos-block .swiper-btn-next,
  .casinos-block .swiper-btn-prev {
      display: none;
    }
  .casinos-block .swiper-container {
    margin: 0 -10px;
  }
  .casinos-block__item:first-child,
  .casinos-block__item {
    padding: 0 0 0 10px;
  }
  .casinos-block__item:last-child {
    padding: 0 10px 0 10px;
  }
  .casinos-block {
    margin: 0 0 20px 0;
  }
  .casinos-block__header {
    margin: 0 0 5px 0;
  }
  .casinos-block__text {
    font-size: 12px;
    line-height: 16px;
  }
  .casinos-block__subtitle {
    font-size: 10px;
    line-height: 16px;
  }
}
.rating {
    display: flex;
    align-items: center;
    gap: 5px;
   justify-content: center;
  }
  .rating__body {
    position: relative;
    width: 105px;
    height: 18px;
  }
  .rating__items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
  }
  .rating__items_active {
    z-index: 2;
    width: 0%;
    overflow: hidden;
  }
  .rating__items_active .rating__item path {
    fill: #078871;

  }
  .rating__item {
    padding: 0 3px;
  }
  /*.rating__item path {
    fill: #9399A3;

  }*/
  .rating__value {
    font-weight: 600;
    font-size: 12px;
    color: #078871;
  }
/* new cards for casinos sliders */
.casino-landbased .reviews-card,
.new-card-casinos .reviews-card,
.crypto-casinos .reviews-card,
.bookmakers-slider .reviews-card,
.trusted-card,
.accept-players-card,
.blacklisted-card {
    border-radius: 10px;
    width: 180px;
    background: #1D2738;
}
.casino-landbased .reviews-card {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.10);
}
.blacklisted-card {
    padding: 10px;
}
.casino-landbased .reviews-card__info,
.accept-players-card__info,
.new-card-casinos .reviews-card__info,
.crypto-casinos .reviews-card__info,
.bookmakers-slider .reviews-card__info,
.trusted-card__info {
  display: flex;
  flex-direction: column;
align-items: center;
    padding: 9.35px;
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: none;
    position: relative;
}
.casino-landbased .reviews-card__info {
    border: none;
    padding: 0;
}
.casino-landbased .reviews-card__logo,
.accept-players-card__logo,
.new-card-casinos .reviews-card__logo,
.crypto-casinos .reviews-card__logo,
.bookmakers-slider .reviews-card__logo,
.trusted-card__logo,
.blacklisted-card__logo {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 10px 0;
}
.casino-landbased .reviews-card__logo-bg,
.accept-players-card__logo-bg,
.new-card-casinos .reviews-card__logo-bg,
.crypto-casinos .reviews-card__logo-bg,
.bookmakers-slider .reviews-card__logo-bg,
.trusted-card__logo-bg,
.blacklisted-card__logo-bg {
  display: block;
  width: 100%;
  height: 100px;
}
.casino-landbased .reviews-card__logo-bg img,
.accept-players-card__logo-bg img,
.new-card-casinos .reviews-card__logo-bg img,
.crypto-casinos .reviews-card__logo-bg img,
.bookmakers-slider .reviews-card__logo-bg img,
.trusted-card__logo-bg img,
.blacklisted-card__logo-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.accept-players-card__logo-text,
.trusted-card__logo-text,
.blacklisted-card__logo-text {
  display: flex;
  align-items: center;
  justify-content: center;

          height: 30px;
          background: rgba(255, 255, 255, 0.10);
          backdrop-filter: blur(10px);
gap: 5px;
}
.blacklisted-card__logo-text {
    background: #061226;
}
.accept-players-card__logo-text span,
.trusted-card__logo-text span,
.blacklisted-card__logo-text span {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px; 
}
.blacklisted-card__logo-text span {
    color: #D81A41;
}
.accept-players-card__title,
.new-card-casinos .reviews-card__title,
.crypto-casinos .reviews-card__title,
.bookmakers-slider .reviews-card__title,
.trusted-card__title,
.blacklisted-card__title {
    display: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin: 0 0 10px 0;
  transition: color 0.3s ease;
}
.accept-players-card__bonus,
.new-card-casinos .reviews-card__bonus,
.crypto-casinos .reviews-card__bonus,
.bookmakers-slider .reviews-card__bonus,
.trusted-card__bonus,
.blacklisted-card__bonus {
  font-weight: 500;
  color: #FFFFFF;
  line-height: 140%; 
  text-align: center;
  font-size: 12px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accept-players-card__crypto-label,
.new-card-casinos .reviews-card__crypto-label,
.crypto-casinos .reviews-card__crypto-label,
.bookmakers-slider .reviews-card__crypto-label,
.trusted-card__crypto-label {
    display: flex;
    height: 30px;
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 75px;
    left: 14px;
}
.accept-players-card__crypto-label svg,
.new-card-casinos .reviews-card__crypto-label svg,
.crypto-casinos .reviews-card__crypto-label svg,
.bookmakers-slider .reviews-card__crypto-label svg,
.trusted-card__crypto-label svg {
    flex: 0 0 16px;
}
.accept-players-card__crypto-label span,
.new-card-casinos .reviews-card__crypto-span span,
.crypto-casinos .reviews-card__crypto-label span,
.bookmakers-slider .reviews-card__crypto-label span,
.trusted-card__crypto-label span {
    color: #EE9935;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.casino-landbased .reviews-card__btn,
.accept-players-card__btn,
.new-card-casinos .reviews-card__btn,
.crypto-casinos .reviews-card__btn,
.bookmakers-slider .reviews-card__btn,
.trusted-card__btn,
.blacklisted-card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;

  background: #fff;
  height: 40px;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  color: #1D2738 !important;
}
.casino-landbased .reviews-card__btn,
.blacklisted-card__btn {
    width: 100%;
    border-radius: 5px;
}
.casino-landbased .reviews-card__btn span,
.new-card-casinos .reviews-card__btn span,
.crypto-casinos .reviews-card__btn span,
.bookmakers-slider .reviews-card__btn span {
    transition: all 0.3s ease;
}
.blacklisted-card .rating {
    margin: -2px 0 10px 0;
    gap: 8px;
}
.casino-landbased .rating,
.new-card-casinos .rating,
.crypto-casinos .rating,
.bookmakers-slider .rating {
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8.62069034576416px);
    margin: 0 0 0 -3px;
    height: 30px;
    gap: 8px;
}
.casino-landbased .rating__items_active .rating__item path,
.blacklisted-casinos .rating__items_active .rating__item path,
.new-card-casinos .rating__items_active .rating__item path,
.crypto-casinos .rating__items_active .rating__item path,
.bookmakers-slider .rating__items_active .rating__item path {
    fill: #fff;
}
.casino-landbased .rating__value,
.blacklisted-casinos .rating__value,
.new-card-casinos .rating__value,
.crypto-casinos .rating__value,
.bookmakers-slider .rating__value {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
}
@media(max-width: 768px) {
    .casino-landbased .reviews-card,
    .new-card-casinos .reviews-card,
    .crypto-casinos .reviews-card,
    .bookmakers-slider .reviews-card,
    .trusted-card,
    .accept-players-card,
    .blacklisted-card {
        width: 160px;
    }
    .casino-landbased .reviews-card__logo-bg,
    .accept-players-card__logo-bg,
    .new-card-casinos .reviews-card__logo-bg,
    .crypto-casinos .reviews-card__logo-bg,
    .bookmakers-slider .reviews-card__logo-bg,
    .trusted-card__logo-bg,
    .blacklisted-card__logo-bg {
        height: 80px;
    }
    .accept-players-card__crypto-label,
    .new-card-casinos .reviews-card__crypto-label,
    .crypto-casinos .reviews-card__crypto-label,
    .bookmakers-slider .reviews-card__crypto-label,
    .trusted-card__crypto-label {
        top: 55px;
    }
    .accept-players-card__bonus,
    .new-card-casinos .reviews-card__bonus,
    .crypto-casinos .reviews-card__bonus,
    .bookmakers-slider .reviews-card__bonus,
    .trusted-card__bonus,
    .blacklisted-card__bonus {
        font-size: 10px;
    }
    .casino-landbased .reviews-card__btn,
    .accept-players-card__btn,
    .new-card-casinos .reviews-card__btn,
    .crypto-casinos .reviews-card__btn,
    .bookmakers-slider .reviews-card__btn,
    .trusted-card__btn,
    .blacklisted-card__btn  {
        font-size: 12px;
    }
}
.show-all-card {
    padding: 10px;
    border-radius: 10px;
    width: 180px;
    background: #fff;
}
.show-all-card__bg {
    display: block;
    width: 180px;
    margin: 0 -10px 10px;
}.show-all-card__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.show-all-card__title {
    color: rgba(7, 136, 113, 0.60);
    font-size: 8px;
    font-weight: 600;
    line-height: 13px;
    margin: 0 0 5px 0;
}
.show-all-card__text {
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin: 0 0 10px 0;
}
.show-all-card__btn {
    display: block;
    border-radius: 5px;
    background: #078871;
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
}
.recomended-casinos .show-all-card__bg,
.fully-trusted-casinos .show-all-card__bg {
    height: 126px;
}
.recomended-casinos .show-all-card__text,
.fully-trusted-casinos .show-all-card__text {
    color: #078871;
}
.recomended-casinos .show-all-card__btn,
.fully-trusted-casinos .show-all-card__btn {
    background: #078871;
}
.blacklisted-casinos .show-all-card__bg {
    height: 112px;
}
.blacklisted-casinos .show-all-card__text {
    color: #D81A41;
}
.blacklisted-casinos .show-all-card__btn {
    background: #D81A41;
}
@media(max-width: 768px) {
    .show-all-card {
        width: 160px;
    }
    .show-all-card__bg {
        width: 160px;
    }
    .recomended-casinos .show-all-card__bg,
    .fully-trusted-casinos .show-all-card__bg {
        height: 106px;
    }
    .blacklisted-casinos .show-all-card__bg {
        height: 92px;
    }
}
.slots-card {
  background-color: #1D2738;
  border-radius: 10px;
  width: 180px;
  padding: 10px;
	overflow: hidden;
}
.slots-card__image {
    width: 100%;
    height: 170px;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.slots-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease;
}
@media(min-width: 768px) {
    .slots-card:hover .slots-card__img {
        scale: 1.05;
    }
}
.slots-card__comment {
	display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #283346;
  border-radius: 0px 0px 0px 10px;
  padding: 2px 4px 5px 10px;
}
.slots-card__comment span {
  font-weight: 400;
  font-size: 12px;
  margin-left: 6px;
}
.slots-card__comment img {
  width: 14.4px;
  height: 14.4px;
}
.slots-card__rtp {
  background-color: #283346;
  border-radius:  0px 0px 10px 10px;
  margin: 0 0 10px 0;
  background: #333C4C;
}
.slots-card__rtp span {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}
.slots-card__title span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
      text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
.slots-card__title {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}
.slots-card__title:hover {
  color: #e83d60;
}
.slots-card__btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    width: 100%;
    height: 40px;
    color: #1D2738;
    border-radius: 5px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
.slots-card__by {
    position: absolute;
    top: 5px;
    right: 5px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 30px;
    padding: 0 10px;
    background-color: #1A1A1A;
    border-radius: 5px;

}
.slots-card__by svg {
flex: 0 0 16px;
}
.slots-card__by span {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
}
@media (max-width: 768px) {
    .slots-card {
      width: 160px;
    }
    .slots-card__image {
        height: 120px;
    }
    .slots-card__by svg {
        flex: 0 0 12px;
    }
    .slots-card__by span {
        font-size: 8px;
    }
  }

/* Casino Canada Titles */
.casino-canada-title {
  display: flex;
  align-items: center;
}
.casino-canada-title__logo {
  width: 20px;
  height: 20px;
}
.casino-canada-title span {
  font-weight: 900;
  font-size: 18px;
  line-height: normal;
  color: #fff;
  margin-left: 10px;
}
.casino-canada-title {
    font-size: 1.6rem; 
}

/* Online Casinos */
/* Crypto Casinos */
/* High Roller Casinos */
.high-roller-casinos,
.online-casinos,
.crypto-casinos {
  background-color: #1D2738;
}
.high-roller-casinos .casinos-block__container::after,
.online-casinos .casinos-block__container::after,
.crypto-casinos .casinos-block__container::after {
  background: linear-gradient(90deg, rgba(29, 39, 56, 0) 0%, #1D2738 100%);
}
.high-roller-casinos .casinos-block__container::before,
.online-casinos .casinos-block__container::before,
.crypto-casinos .casinos-block__container::before {
  background: linear-gradient(270deg, rgba(29, 39, 56, 0) 0%, #1D2738 100%);
}
@media(min-width: 767px) {
    .online-casinos .reviews-card__btn:hover span,
    .high-roller-casinos .reviews-card__btn:hover span {
    color: #078871;
    }
}
@media(min-width: 767px) {
  .crypto-casinos .reviews-card__btn:hover span {
	color: #F7931A;
  }
}
/*  Accept Players Casinos Card */
.accept-players-card__btn:hover {
  color: #1379F3;
}
.casino-landbased .casino-partners__block {
	background-color: #283346 !important;
	border: 0px none;
	border-radius: 1rem !important;
	padding: 10px !important;
}
.casino-landbased .top-line__inner {
	margin-bottom: 1rem;
}
.casino-landbased .top-line__title {
	margin-bottom: 0;
}
.casino-partners__block__title {
	max-height: 1.5rem;
	overflow: hidden;
	margin: 0 0 1rem 0;
}
.casino-landbased .casino-partners__block__thumb {
	flex-direction: column;
	width: 100%;
	height: auto;
}
.casino-landbased .casino-partners__block__thumb img {
	width: 100% !important;
	transition: none !important;
}
.casino-landbased .label-landbased {
	background-color: #fff;
	color: #1D2738;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.8rem;
	font-weight: 600;
	width: 100%;
	padding: 1rem 1rem;
}
.casino-landbased .casino-partners__block__bottom .btn {
	width: 100%;
}
.casino-landbased .action-block {
	padding: 0;
	margin: 1rem 0;
	width: 100%;
	border: 0px none;
}
.casino-landbased .action-block input {
	width: 100%;
}
#bx_incl_area_3{
	display:flex;
}
.header__inner {
    justify-content: flex-start;
}
@media (max-width: 991px) {
    .header__inner {
        justify-content: space-between;
    }
}
.hide_block{
	opacity:0.5;
}
.info-text a {
	color: #D81A41;
	font-weight: 400;
	font-size: 1.6rem;
	text-decoration: underline;
}
.info-text a:hover {
	text-decoration: none;
}
.grecaptcha-badge{
	display:none;
}
/* new casino rating banner */
.cr-block {
    border: 1px solid rgba(255, 255, 255, 0.10);
    width: 100%;
    background: #283346;
    display: flex;
    margin: 0 0 30px 0;
    border-radius: 10px;
    overflow: hidden;
}
.cr-block__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    position: relative;
    flex: 0 0 210px;
}
.cr-block__top svg {
    flex: 0 0 20px;
    height: 20px;
    margin: 0 0 5px 0;
}
.cr-block__text {
    line-height: normal;
    color: rgba(255, 255, 255, 0.60);
    font-size: 12px;
    position: relative;
    z-index: 1;
}
.cr-block__text span {
    display: block;
    margin: 0 0 5px 0;
}
.cr-block__bottom span,
.cr-block__text span {
    display: block;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}
.cr-block__text span {
    line-height: normal;
}
.cr-block__image {
    opacity: 0.4;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.cr-block__image img {
    width: 60px;
    height: 60px;
}
.cr-block__bottom {
    width: 100%;
    flex: 1 1 auto;
    padding: 10px 10px 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.cr-block__bottom svg {
    flex: 0 0 20px;
    height: 20px;
}
@media(max-width: 767px) {
    .cr-block {
        border: none;
        flex-direction: column;
        margin: 0 0 20px 0;
    }
    .cr-block__top {
        width: 100%;
        flex: 0 1 auto;
        padding: 10px;
    }
    .cr-block__bottom {
        padding: 10px;
    }
    .cr-block__image {
        right: 10px;
    }
    .cr-block__text {
        font-size: 10px;
    }
    .cr-block__bottom span,
    .cr-block__text span {
        font-size: 12px;
    }
}
/* grab block */
.grab-block {
    background: url(/local/templates/canada/img/grab-block/grab-bg.webp) right / cover no-repeat;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    padding: 25px 20px;
    position: relative;
    margin: 0 0 30px 0;
}
.grab-block__title {
    color: #FFF;
    font-size: 24px;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.grab-block__text {
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 15px 0;
}
.grab-block__btn {
    border-radius: 8px;
    background: #FFD600;
    display: flex;
    height: 40px;
    width: 184px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.grab-block__btn span {
    color: #1D2738;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.grab-block__btn svg {
    flex: 0 0 20px;
}
@media(max-width: 767px) {
    .grab-block {
        padding: 15px 10px;
        margin: 0 0 20px 0;
    }
    .grab-block__title {
        font-size: 16px;
    }
    .grab-block__text {
        font-size: 10px;
    }
    .grab-block__btn {
        height: 30px;
        width: 149px;
    }
    .grab-block__btn span {
        font-size: 12px;
    }
    .grab-block__btn svg {
        flex: 0 0 16px;
    }
}
@media(max-width: 420px) {
    .grab-block__title {
        max-width: 230px;
    }
}
/* register block */
.register-block {
    cursor: pointer;
    background: url(/local/templates/canada/img/register-block/register-block-bg.webp) center / cover no-repeat;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 10px 0;
    height: 140px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.register-block__title {
    max-width: 215px;
    margin: 0 0 10px 0;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}
.register-block__title span {
    color: #D579FE;
}
.register-block__btn {
    border-radius: 8px;
    background: #AB2DE4;
    width: 111px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 30px;
}
/* vote block */
.vote-block {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
    margin: 0 0 30px 0;
  }
  .vote-block__bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .vote-block__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .vote-block__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    position: relative;
    z-index: 2;
  }
  .vote-block__text {
    max-width: 500px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 20px 0;
    position: relative;
    z-index: 2;
  }
  .vote-block__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 147px;
    height: 40px;
    gap: 5px;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #FBB03A;
    margin-left: 20px;
    position: relative;
    z-index: 2;
  }
  .vote-block__btn span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .vote-block__btn svg {
    flex: 0 0 16px;
    height: 16px;
  }
  .vote-block__btn::after, .vote-block__btn::before {
    content: "";
    display: block;
    width: 25px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
  .vote-block__btn::after {
    background: url(/local/templates/canada/img/vote-block/icon-right.webp) center/cover no-repeat;
    right: -20px;
  }
  .vote-block__btn::before {
    background: url(/local/templates/canada/img/vote-block/icon-left.webp) center/cover no-repeat;
    left: -20px;
  }

  @media(max-width: 767px) {
    .vote-block {
        padding: 15px 10px;
        margin: 0 0 20px 0;
        position: relative;
    }
    .vote-block::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        z-index: 1;
      }
    .vote-block__title {
        font-size: 16px;
    }
    .vote-block__text {
        font-size: 12px;
    }
}
.vote-block__bg {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%
}
.vote-block__bg img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: right;
}</pre></body></html>