@import url('css2.css');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out,
        -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 16px;
}

body {
    min-width: 320px;
    position: relative;
    font-family: 'Inter', sans-serif;
    line-height: 1.5;
    color: #323232;
    background: #030102;
    overflow-x: hidden;
    opacity: 1;
}

.hide {
    display: none !important;
}

.spinjoycommunitywrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1470px;
}

.spinjoycommunitybutton {
    text-decoration: none;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #323232;
    font-family: inherit;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #92ecdb;
    position: relative;
    transition: all 0.3s ease 0s;
    border: none;
    padding: 24px 15px 22px;
    display: block;
    text-align: center;
    letter-spacing: -0.04em;
    cursor: pointer;
    text-decoration: none;
}
.spinjoycommunitybutton:hover,
.spinjoycommunitybutton:focus {
    color: #323232;
    box-shadow: none;
}

.spinjoycommunitybutton_white {
    background: #ffffff;
}

.spinjoycommunitycolor-accent {
    color: #92ecdb;
}

.spinjoycommunityblock-title {
    font-size: 34px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    color: #db4949;
    font-weight: bold;
    color: #eaeaea;
}
@media (min-width: 992px) {
    .spinjoycommunityblock-title {
        font-size: 60px;
    }
}

.spinjoycommunitysite-header {
    position: relative;
    z-index: 3;
}
.spinjoycommunitysite-header__main {
    position: relative;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.spinjoycommunitysite-header__content {
    padding: 15px 0;
    position: relative;
}
@media (min-width: 576px) {
    .spinjoycommunitysite-header__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .spinjoycommunitysite-header__content {
        padding: 84px 0 100px 0;
    }
}

.spinjoycommunitysite-header__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.spinjoycommunitysite-header__col_logo {
    min-width: 16.66666667%;
}

@media (min-width: 992px) {
    .spinjoycommunitysite-header__col_nav {
        padding-left: 5px;
    }
}

.spinjoycommunitylogoblock {
    font-size: 31px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: #f5f5f5;
    font-family: 'Saira Stencil One', sans-serif;
}
@media (max-width: 575.98px) {
    .spinjoycommunitylogoblock {
        font-size: 14px;
    }
}
.spinjoycommunitylogoblock a:visited,
.spinjoycommunitylogoblock a {
    color: inherit;
    text-decoration: none;
}
.spinjoycommunitylogoblock svg,
.spinjoycommunitylogoblock img {
    display: block;
    vertical-align: middle;
}

.spinjoycommunitylogoblock__link {
    display: block;
}

.spinjoycommunitylogoblock__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.spinjoycommunitylogoblock__col_img {
    padding-right: 13px;
}

@media (min-width: 992px) {
    .spinjoycommunitymain-nav__control {
        display: none;
    }
}

.spinjoycommunitymain-nav__toggle {
    background: none;
    padding: 0;
    margin: 0 auto;
    border: none;
    display: block;
    width: 44px;
    cursor: pointer;
}
.spinjoycommunitymain-nav__toggle span {
    display: block;
    height: 5px;
    width: 100%;
    background: #323232;
    margin-top: 5px;
}
.show-nav .spinjoycommunitymain-nav__toggle span {
    background: #92ecdb;
}
.spinjoycommunitymain-nav__toggle span .main-nav:first-child {
    margin-top: 0;
}

.spinjoycommunitymain-nav__main {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2;
    text-align: center;
    background: #ffffff;
}
.show-nav .spinjoycommunitymain-nav__main {
    display: block;
}
@media (min-width: 992px) {
    .spinjoycommunitymain-nav__main {
        display: flex;
        position: static;
        box-shadow: none;
        background: none;
    }
    .show-nav .spinjoycommunitymain-nav__main {
        display: flex;
    }
}

.spinjoycommunitymain-nav__menu {
    list-style: none;
    padding: 0;
    margin: 0 -21px;
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    color: #f9f9f9;
}
@media (min-width: 992px) {
    .spinjoycommunitymain-nav__menu {
        flex-direction: row;
    }
}
.spinjoycommunitymain-nav__menu .current-menu-item {
    color: #92ecdb;
}
.spinjoycommunitymain-nav__menu li {
    padding-top: 1px;
    margin: 8px 21px 8px 21px;
}
@media (min-width: 992px) {
    .spinjoycommunitymain-nav__menu li {
        margin-top: 0;
        margin-bottom: 3px;
    }
}
.spinjoycommunitymain-nav__menu > li {
    display: block;
}
.spinjoycommunitymain-nav__menu a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.spinjoycommunityposter {
    position: relative;
    padding-top: 12px;
}
.spinjoycommunityposter__picture {
    height: 100%;
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 99.2%;
}
.spinjoycommunityposter__picture:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.7;
}
@media (min-width: 1200px) {
    .spinjoycommunityposter__picture:before {
        display: none;
    }
}

.spinjoycommunityposter__pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.spinjoycommunityposter__img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinjoycommunityposter__main {
    position: relative;
    z-index: 2;
}
.spinjoycommunityposter__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.spinjoycommunityposter__col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.spinjoycommunityposter__content {
    position: relative;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .spinjoycommunityposter__content {
        padding-left: 43px;
    }
}

.spinjoycommunityposter__title {
    font-size: 35px;
    line-height: 1;
    text-transform: uppercase;
    color: #eaeaea;
    font-weight: bold;
}
@media (min-width: 992px) {
    .spinjoycommunityposter__title {
        font-size: 100px;
    }
}
.spinjoycommunityposter__title span {
    color: #92ecdb;
}

.spinjoycommunityposter__description {
    font-size: 14px;
    line-height: 1.18;
    padding-top: 18px;
    max-width: 370px;
}
.spinjoycommunityposter__description > *:first-child {
    margin-top: 0;
}
.spinjoycommunityposter__description > *:last-child {
    margin-bottom: 0;
}

.spinjoycommunityposter__nav {
    padding-top: 62px;
}
@media (min-width: 992px) {
    .spinjoycommunityposter__nav {
        padding-top: 32px;
    }
}

.spinjoycommunityposter__buttons {
    padding-top: 60px;
}

.spinjoycommunityposter__button {
    max-width: 283px;
}

.spinjoycommunitygames {
    padding-top: 36px;
    padding-bottom: 30px;
    overflow: hidden;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 992px) {
    .spinjoycommunitygames {
        padding-top: 136px;
        padding-bottom: 60px;
    }
    .blog .spinjoycommunitygames {
        padding-top: 40px;
    }
}

.spinjoycommunitygames__header {
    padding-bottom: 42px;
}

.spinjoycommunitygames__title {
    text-align: center;
}
.spinjoycommunitygames__subtitle {
    font-size: 16px;
    line-height: 1.4;
    padding: 23px 10px 0;
    max-width: 1180px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    .spinjoycommunitygames__subtitle {
        font-size: 20px;
    }
}

.spinjoycommunitygames__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.spinjoycommunitygames__item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .spinjoycommunitygames__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.spinjoycommunitygames__pagination {
    padding-top: 20px;
    text-align: center;
}

.spinjoycommunitygame {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 377px;
}

.spinjoycommunitygame__main {
    position: relative;
    width: 100%;
    height: 100%;
}

.spinjoycommunitygame__picture {
    height: 100%;
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 40.84%;
}

.spinjoycommunitygame__pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.spinjoycommunitygame__img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinjoycommunitygame__content {
    position: relative;
    padding: 22px 27px 21px 15px;
    width: 100%;
    background: #92ecdb;
}

.spinjoycommunitygame__title {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.04em;
}
.spinjoycommunitygame__title a {
    color: inherit;
    text-decoration: none;
}

.spinjoycommunitygame__description {
    font-size: 16px;
    line-height: 1.3125;
    position: relative;
    padding-top: 15px;
    max-width: 88%;
}
.spinjoycommunitygame__description p {
    margin: 1em 0;
}
.spinjoycommunitygame__description p:first-child {
    margin-top: 0;
}
.spinjoycommunitygame__description p:last-child {
    margin-bottom: 0;
}
.spinjoycommunitygame__description ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.spinjoycommunitygame__description ul li {
    margin-top: 1.14285714em;
    margin-bottom: 1.14285714em;
    padding-left: 21px;
    position: relative;
}
.spinjoycommunitygame__description ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #323232;
    position: absolute;
    top: 8px;
    left: 8px;
}

.spinjoycommunitygame__control {
    padding-top: 7px;
}

.spinjoycommunitygame__button {
    max-width: 212px;
    margin-left: auto;
    padding: 16px 10px 14px 10px;
}
.spinjoycommunitygame__link {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
    color: #f1f1f1;
    display: inline-block;
    margin-top: 23px;
    text-underline-offset: 3px;
}
.spinjoycommunitygame__link:hover,
.spinjoycommunitygame__link:focus {
    text-decoration: none;
}

.spinjoycommunityarticles {
    padding-top: 36px;
    padding-bottom: 30px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .spinjoycommunityarticles {
        padding-top: 95px;
        padding-bottom: 60px;
    }
    .archive .spinjoycommunityarticles {
        padding-top: 40px;
    }
}

.spinjoycommunityarticles__header {
    padding-bottom: 21px;
}

.spinjoycommunityarticles__title {
    text-align: left;
}

.spinjoycommunityarticles__subtitle {
    font-size: 20px;
    line-height: 1.4;
    padding: 23px 10px 0;
    max-width: 1180px;
    margin: 0 auto;
}

.spinjoycommunityarticles__list {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    overflow: auto;
}
@media (min-width: 1200px) {
    .spinjoycommunityarticles__list {
        flex-wrap: wrap;
    }
}

.spinjoycommunityarticles__item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .spinjoycommunityarticles__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 992px) {
    .spinjoycommunityarticles__item {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
.spinjoycommunityarticles__pagination {
    padding-top: 20px;
    text-align: center;
}

.spinjoycommunityarticle {
    background: #92ecdb;
}

.spinjoycommunityarticle_selected {
    border-radius: 0;
}

.spinjoycommunityarticle__header {
    position: relative;
}

.spinjoycommunityarticle__number {
    background: linear-gradient(180deg, #f5ba20, transparent);
    color: #000000;
    width: 29px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 34px;
    z-index: 3;
    font-weight: 900;
    line-height: 1;
    padding: 10px 0 18px 0;
}

.spinjoycommunityarticle__picture {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56%;
}

.spinjoycommunityarticle__pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.spinjoycommunityarticle__img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinjoycommunityarticle__content {
    padding: 20px 11px 25px 8px;
    position: relative;
    min-height: 313px;
}

.spinjoycommunityarticle__title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.04em;
}
@media (min-width: 992px) {
    .spinjoycommunityarticle__title {
        font-size: 36px;
    }
}
.spinjoycommunityarticle__title a {
    color: inherit;
    text-decoration: none;
}

.spinjoycommunityarticle__description {
    font-size: 15px;
    line-height: 1.2;
    margin-top: 20px;
    position: relative;
}
@media (min-width: 992px) {
    .spinjoycommunityarticle__description {
        font-size: 18px;
    }
}
.spinjoycommunityarticle__description p:first-child {
    margin-top: 0;
}
.spinjoycommunityarticle__description p:last-child {
    margin-bottom: 0;
}
.spinjoycommunityarticle__description ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.spinjoycommunityarticle__description ul li {
    position: relative;
    margin-top: 7px;
}
.spinjoycommunityarticle__control {
    text-align: right;
    line-height: 1.2;
}

.spinjoycommunityarticle__button {
    font-size: 14px;
    line-height: 1;
    text-transform: none;
    color: inherit;
}
.spinjoycommunityarticle__button .spinjoycommunitybutton__main {
    padding-top: 15px;
    padding-bottom: 13px;
    background: linear-gradient(90deg, #000000, #666666);
}

.spinjoycommunityarticle__link {
    font-size: 14px;
    line-height: 1;
    text-decoration: underline;
    color: #f1f1f1;
    display: inline-block;
    margin-top: 23px;
    text-underline-offset: 3px;
}
.spinjoycommunityarticle__link:hover,
.spinjoycommunityarticle__link:focus {
    text-decoration: none;
}

.spinjoycommunitycasinos {
    margin-top: 86px;
}

.spinjoycommunitycasinos__container {
    position: relative;
}
.spinjoycommunitycasinos__row {
    position: relative;
    z-index: 2;
}
@media (min-width: 992px) {
    .spinjoycommunitycasinos__row {
        display: flex;
        flex-wrap: wrap;
    }
}

.spinjoycommunitycasinos__col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.spinjoycommunitycasinos__col_images {
    /* align-self: end;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; */
}

.spinjoycommunitycasinos__content {
    padding-top: 41px;
}
.spinjoycommunitycasinos__list {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    overflow: auto;
}
.spinjoycommunitycasinos__item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .spinjoycommunitycasinos__item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 992px) {
    .spinjoycommunitycasinos__item {
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
    }
}
.spinjoycommunitycasinos__item {
    padding-top: 24px;
    padding-bottom: 25px;
}

.spinjoycommunitycasinos__image {
    height: 100%;
    width: 100%;
    margin-left: auto;
    text-align: right;
}

.spinjoycommunitycasinos__picture {
    height: 100%;
    width: 100%;
}

.spinjoycommunitycasinos__pic {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.spinjoycommunitycasinos__img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinjoycommunitycasino__main {
    position: relative;
    background: #92ecdb;
    padding-top: 28px;
    padding-bottom: 32px;
    border-radius: 20px;
}

.spinjoycommunitycasino__content {
    padding-left: 28px;
    padding-right: 34px;
}

.spinjoycommunitycasino__title {
    background: #000000;
    font-size: 36px;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
}
.spinjoycommunitycasino__title span,
.spinjoycommunitycasino__title a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding-top: 7px;
    padding-bottom: 6px;
}

.spinjoycommunitycasino__description {
    font-size: 16px;
    line-height: 1.32;
    padding: 30px 10px 10px 7px;
}
.spinjoycommunitycasino__description ul:first-child,
.spinjoycommunitycasino__description p:first-child {
    margin-top: 0;
}
.spinjoycommunitycasino__description ul:last-child,
.spinjoycommunitycasino__description p:last-child {
    margin-bottom: 0;
}
.spinjoycommunitycasino__description ul {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}
.spinjoycommunitycasino__description ul li {
    position: relative;
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 1em 0;
}
.spinjoycommunitycasino__description ul li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    background: #ffffff;
    top: 10px;
    left: 0;
}

.spinjoycommunitycontactus {
    padding-top: 30px;
    padding-bottom: 108px;
}
@media (min-width: 992px) {
    .spinjoycommunitycontactus {
        padding-top: 50px;
        padding-bottom: 111px;
    }
}

.spinjoycommunitycontactus__container {
    background: #92ecdb;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding-top: 64px;
    padding-bottom: 49px;
}
@media (min-width: 992px) {
    .spinjoycommunitycontactus__row {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    .spinjoycommunitycontactus__col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .spinjoycommunitycontactus__col_image {
        order: -1;
    }
}

.spinjoycommunitycontactus__picture {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.spinjoycommunitycontactus__pic {
    background-size: cover;
    background-size: contain;
    background-size: 0 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 46px 45px 0 0px;
}

.spinjoycommunitycontactus__img {
    max-width: 100%;
    width: auto;
    vertical-align: middle;
}

.spinjoycommunitycontactus__body {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 455px;
}

.spinjoycommunitycontactus__header {
    padding-left: 7px;
}

.spinjoycommunitycontactus__title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.spinjoycommunitycontactus__description {
    font-size: 18px;
    line-height: 1.2;
    padding-top: 16px;
}
.spinjoycommunitycontactus__description p:first-child {
    margin-top: 0;
}
.spinjoycommunitycontactus__description p:last-child {
    margin-bottom: 0;
}

.spinjoycommunitycontactus__content {
    padding-top: 19px;
    position: relative;
    z-index: 2;
}

.spinjoycommunitycontactus__formblock {
    margin-left: auto;
    margin-right: auto;
}

.spinjoycommunitycontactform .wpcf7-not-valid-tip {
    font-size: 0.8em;
    margin-top: 0.3em;
}
.spinjoycommunitycontactform .wpcf7 form .wpcf7-response-output {
    margin: 0.7em 0 0 0;
    font-size: 0.8em;
    padding: 0.3em 0.5em;
    line-height: 1.4;
}

.spinjoycommunitycontactform__item {
    padding: 16px 0;
}

.spinjoycommunitycontactform__item_textarea {
    padding-top: 3px;
}
.spinjoycommunitycontactform__item_accept {
    display: none;
}

.spinjoycommunitycontactform__item_submit {
    padding-top: 13px;
}

.spinjoycommunitycontactform__field {
    border: none;
    border-bottom: 1px solid #323232;
    height: 28px;
    background: none;
    border-radius: 0;
    font-family: inherit;
    font-weight: 300;
    font-size: 12px;
    color: inherit;
    display: block;
    width: 100%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}
.spinjoycommunitycontactform__field::-webkit-input-placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field:-moz-placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field::-moz-placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field:-ms-input-placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field::placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field:placeholder {
    opacity: 1;
    color: #323232;
}
.spinjoycommunitycontactform__field:focus {
    outline: none;
}

.spinjoycommunitycontactform__field_textarea {
    border: 1px solid #323232;
    border-radius: 10px;
    min-height: 94px;
    padding: 12px 9px;
    resize: none;
}

.spinjoycommunitycontactform__submitblock {
    position: relative;
}
.spinjoycommunitycontactform__submitblock .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.spinjoycommunitycontactform__submit {
    display: block;
    width: 100%;
    max-width: 242px;
    margin-left: auto;
    padding: 16px 10px 14px 10px;
    border-bottom-right-radius: 10px;
}
.spinjoycommunitycontactform__footer {
    padding-top: 5px;
}

.spinjoycommunityacceptance .wpcf7-form-control {
    display: block;
}
.spinjoycommunityacceptance .wpcf7-list-item {
    display: block;
    margin: 0;
}
.spinjoycommunityacceptance .wpcf7-list-item-label {
    display: flex;
    flex-wrap: nowrap;
}

.spinjoycommunityacceptance label,
.spinjoycommunityacceptance__label {
    font-size: 0;
    user-select: none;
    position: relative;
    display: block;
    cursor: pointer;
}

.spinjoycommunityacceptance__input {
    display: none;
}
.spinjoycommunityacceptance__input:checked
    ~ .wpcf7-list-item-label
    .spinjoycommunityacceptance__mark:before {
    opacity: 1;
}

.spinjoycommunityacceptance__mark {
    display: block;
    text-align: center;
    border: 1px solid #323232;
    height: 14px;
    position: relative;
    margin-top: 1px;
    flex: 0 0 auto;
    width: 14px;
}
.spinjoycommunityacceptance__mark:before {
    content: '';
    display: block;
    background: #323232;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.spinjoycommunityacceptance__text {
    display: block;
    font-size: 12px;
    padding: 0 0 0 10px;
}
.spinjoycommunityacceptance__text a {
    color: inherit;
    text-decoration: none;
}
.spinjoycommunityacceptance__text a:hover,
.spinjoycommunityacceptance__text a:focus {
    text-decoration: underline;
}

.spinjoycommunitysite-footer {
    color: #ffffff;
}

.spinjoycommunitysite-footer__main {
    padding-bottom: 76px;
    padding-top: 7px;
}

@media (min-width: 992px) {
    .spinjoycommunitysite-footer__header {
        padding-left: 17px;
    }
}

.spinjoycommunitysite-footer__content {
    padding-top: 9px;
}
.spinjoycommunitysite-footer__title {
    font-size: 32px;
    letter-spacing: -0.01em;
    font-weight: bold;
}

.spinjoycommunitysite-footer__description {
    font-size: 16px;
    line-height: 1.3;
    padding-top: 24px;
    max-width: 710px;
}
.spinjoycommunitysite-footer__description p:first-child {
    margin-top: 0;
}
.spinjoycommunitysite-footer__description p:last-child {
    margin-bottom: 0;
}

.spinjoycommunitysite-footer__copyright {
    font-size: 14px;
    line-height: 1.2;
    padding-top: 64px;
}

.spinjoycommunitysite-footer__footer {
    margin-top: 15px;
    font-size: 14px;
}
.spinjoycommunitysite-footer__footer:before {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0),
        white 52%,
        rgba(255, 255, 255, 0)
    );
    opacity: 0.1;
}

.spinjoycommunitysite-footer__bottom {
    margin-left: auto;
    margin-right: auto;
    max-width: 1015px;
    padding-top: 32px;
    padding-bottom: 35px;
}

.spinjoycommunitysite-footer__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
}

.spinjoycommunitysite-footer__col {
    padding: 0 15px;
}
@media (min-width: 992px) {
    .spinjoycommunitysite-footer__col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .spinjoycommunitysite-footer__col_nav {
        order: 1;
        flex: 0 0 35%;
        max-width: 35%;
    }
}

.spinjoycommunitysite-footer__primarynav {
    padding-top: 25px;
}
@media (min-width: 992px) {
    .spinjoycommunitysite-footer__primarynav {
        padding-top: 46px;
    }
}

.spinjoycommunityfooter-primarynav__menu {
    list-style: none;
    padding: 0;
    margin: 0 -21px;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.spinjoycommunityfooter-primarynav__menu .current-menu-item {
    color: #92ecdb;
}
.spinjoycommunityfooter-primarynav__menu li {
    padding-top: 1px;
    margin: 8px 21px 8px 21px;
}
@media (min-width: 992px) {
    .spinjoycommunityfooter-primarynav__menu li {
        margin-top: 0;
        margin-bottom: 3px;
    }
}
.spinjoycommunityfooter-primarynav__menu > li {
    display: block;
}
.spinjoycommunityfooter-primarynav__menu a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.spinjoycommunityfooter-nav__menu {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
}
.spinjoycommunityfooter-nav__menu li {
    display: inline;
}
.spinjoycommunityfooter-nav__menu > li:last-child:after {
    display: none;
}
.spinjoycommunityfooter-nav__menu > li:after {
    content: ' & ';
}
.spinjoycommunityfooter-nav__menu a {
    color: inherit;
    text-decoration: none;
}
.spinjoycommunityfooter-nav__menu a:hover,
.spinjoycommunityfooter-nav__menu a:focus {
    text-decoration: underline;
}

.spinjoycommunitycontentpost {
    padding-top: 17px;
    color: #ffffff;
}

.spinjoycommunitycontentpost__header {
    text-align: center;
    padding-bottom: 25px;
}

.spinjoycommunitycontentpost__title {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
}

.spinjoycommunitycontentpost__title_center {
    text-align: center;
}

.spinjoycommunitycontentpost__shortdescr {
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.25;
    color: #92ecdb;
    max-width: 370px;
}
.spinjoycommunitycontentpost__shortdescr p:first-child {
    margin-top: 0;
}
.spinjoycommunitycontentpost__shortdescr p:last-child {
    margin-bottom: 0;
}

.spinjoycommunitycontentpost__image {
    position: relative;
    padding-right: 69px;
}

.spinjoycommunitycontentpost__imagemain {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
}

.spinjoycommunitycontentpost__figure {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 66%;
    min-height: 100%;
}

.spinjoycommunitycontentpost__figuremain {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.spinjoycommunitycontentpost__iframebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 3;
}
.spinjoycommunitycontentpost__iframebox:before {
    content: '';
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 10px solid #92ecdb;
    border-left: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 2s linear infinite;
    display: none;
}
.spinjoycommunitycontentpost__iframebox.loading {
    background: rgba(0, 0, 0, 0.5);
}
.spinjoycommunitycontentpost__iframebox.loading:before {
    display: block;
}
.spinjoycommunitycontentpost__iframebox iframe {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 5;
    border-radius: 10px;
    border: none;
}

.spinjoycommunitycontentpost__picture {
    width: 100%;
    height: 100%;
}

.spinjoycommunitycontentpost__pic {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.spinjoycommunitycontentpost__img {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinjoycommunitycontentpost__row {
    margin: 0 -10px;
}
@media (min-width: 992px) {
    .spinjoycommunitycontentpost__row {
        display: flex;
        flex-wrap: wrap;
    }
}

.spinjoycommunitycontentpost__col {
    padding: 0 10px;
}
@media (min-width: 992px) {
    .spinjoycommunitycontentpost__col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .spinjoycommunitycontentpost__col_left {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
}

@media (min-width: 992px) {
    .spinjoycommunitycontentpost__col_right {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

.spinjoycommunitycontentpost__info {
    padding-top: 4px;
    display: flex;
    flex-direction: column;
}

.spinjoycommunitycontentpost__subtitle {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.04em;
    padding-top: 43px;
}

.spinjoycommunitycontentpost__additionaltext {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 14px;
    position: relative;
    padding-bottom: 0;
}
@media (min-width: 992px) {
    .spinjoycommunitycontentpost__additionaltext {
        padding-bottom: 7px;
    }
}
.spinjoycommunitycontentpost__additionaltext p:first-child {
    margin-top: 0;
}
.spinjoycommunitycontentpost__additionaltext p:last-child {
    margin-bottom: 0;
}
.spinjoycommunitycontentpost__additionaltext ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.spinjoycommunitycontentpost__additionaltext ul li {
    position: relative;
    padding-left: 24px;
    padding-top: 4px;
    padding-bottom: 3.5px;
}
.spinjoycommunitycontentpost__additionaltext ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
}

.spinjoycommunitycontentpost__buttons {
    padding-top: 75px;
}

.spinjoycommunitycontentpost__button {
    width: 100%;
    max-width: 308px;
    padding: 31px 0 29px 0;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}

.spinjoycommunitycontentpost__description {
    font-size: 18px;
    line-height: 1.23;
    padding-top: 31px;
    padding-right: 25%;
}
.spinjoycommunitycontentpost__description h2,
.spinjoycommunitycontentpost__description h3,
.spinjoycommunitycontentpost__description h4,
.spinjoycommunitycontentpost__description h5,
.spinjoycommunitycontentpost__description h6 {
    font-weight: 600;
    font-size: inherit;
}
.spinjoycommunitycontentpost__description h2,
.spinjoycommunitycontentpost__description h3,
.spinjoycommunitycontentpost__description h4,
.spinjoycommunitycontentpost__description h5,
.spinjoycommunitycontentpost__description h6,
.spinjoycommunitycontentpost__description p,
.spinjoycommunitycontentpost__description ul {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.spinjoycommunitycontentpost__description h2 {
    font-size: 24px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.spinjoycommunitycontentpost__other .spinjoycommunitycontactus {
    padding-top: 112px;
    padding-bottom: 111px;
}

.spinjoycommunitycontentpage {
    margin-top: 9px;
    padding-bottom: 82px;
    color: #ffffff;
}

.spinjoycommunitycontentpage__main {
    max-width: 954px;
    margin-left: auto;
    margin-right: auto;
}

.spinjoycommunitycontentpage__header {
    text-align: center;
}

.spinjoycommunitycontentpage__title {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
}

.spinjoycommunitycontentpage__content {
    padding-top: 30px;
}

.spinjoycommunitycontentpage__entry {
    font-size: 16px;
    line-height: 1.19;
}
.spinjoycommunitycontentpage__entry h2,
.spinjoycommunitycontentpage__entry h3,
.spinjoycommunitycontentpage__entry h4,
.spinjoycommunitycontentpage__entry h5,
.spinjoycommunitycontentpage__entry h6 {
    font-weight: 600;
    font-size: inherit;
}
.spinjoycommunitycontentpage__entry h2,
.spinjoycommunitycontentpage__entry h3,
.spinjoycommunitycontentpage__entry h4,
.spinjoycommunitycontentpage__entry h5,
.spinjoycommunitycontentpage__entry h6,
.spinjoycommunitycontentpage__entry p,
.spinjoycommunitycontentpage__entry ul {
    margin-top: 1em;
    margin-bottom: 1em;
}
.spinjoycommunitycontentpage__entry h2 {
    font-size: 22px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.spinjoycommunitythankyoupage {
    color: #ffffff;
}

.spinjoycommunitythankyoupage__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 124px 0;
    min-height: 50vh;
    max-width: 530px;
    margin: 0 auto;
}

.spinjoycommunitythankyoupage__title {
    font-size: 32px;
    line-height: 1.8;
    font-weight: bold;
    font-weight: 800;
}

.spinjoycommunitythankyoupage__text {
    font-size: 22px;
    line-height: 1;
    padding-top: 5px;
}
.spinjoycommunitythankyoupage__text p:first-child {
    margin-top: 0;
}
.spinjoycommunitythankyoupage__text p:last-child {
    margin-bottom: 0;
}

.spinjoycommunitypage404 {
    color: #ffffff;
}

.spinjoycommunitypage404__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 124px 0;
    min-height: 50vh;
    max-width: 530px;
    margin: 0 auto;
}

.spinjoycommunitypage404__title {
    font-size: 32px;
    line-height: 1.8;
    font-weight: bold;
    font-weight: 800;
}

.spinjoycommunitypage404__text {
    font-size: 22px;
    line-height: 1;
    padding-top: 5px;
}
.spinjoycommunitypage404__text p:first-child {
    margin-top: 0;
}
.spinjoycommunitypage404__text p:last-child {
    margin-bottom: 0;
}

.spinjoycommunitycookies {
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100%;
    z-index: 100;
}

.spinjoycommunitycookies__main {
    background: #92ecdb;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.spinjoycommunitycookies__container {
    padding: 20px 20px 20px 20px;
}
@media (min-width: 992px) {
    .spinjoycommunitycookies__container {
        padding: 23px 141px 29px 138px;
    }
}

.spinjoycommunitycookies__row {
    margin: 0 -15px;
}
@media (min-width: 992px) {
    .spinjoycommunitycookies__row {
        display: flex;
        flex-wrap: wrap;
    }
}

.spinjoycommunitycookies__col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 15px;
}

.spinjoycommunitycookies__col_buttons {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.spinjoycommunitycookies__text {
    padding: 16px 0 0 0;
}

.spinjoycommunitycookies__title {
    font-size: 22px;
    font-weight: 600;
}

.spinjoycommunitycookies__description {
    font-size: 16px;
    line-height: 1.18;
    padding-top: 14px;
    max-width: 870px;
}
.spinjoycommunitycookies__description p:first-child {
    margin-top: 0;
}
.spinjoycommunitycookies__description p:last-child {
    margin-bottom: 0;
}
.spinjoycommunitycookies__description a {
    text-decoration: none;
    color: inherit;
}
.spinjoycommunitycookies__description a:hover,
.spinjoycommunitycookies__description a:focus {
    text-decoration: none;
}

.spinjoycommunitycookies__buttons {
    padding-top: 2px;
}

.spinjoycommunitycookies__buttonsblock {
    padding-top: 16px;
    padding-bottom: 16px;
}

.spinjoycommunitycookies__button {
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    text-transform: none;
    width: 237px;
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    background: #cc1315;
    color: #ffffff;
    border-radius: 10px;
}
.spinjoycommunitycookies__button:hover,
.spinjoycommunitycookies__button:focus {
    color: #ffffff;
}
.spinjoycommunitycookies__button .spinjoycommunitybutton__main {
    display: block;
    padding: 14px 10px 12px 10px;
    border-radius: 9px;
}

.spinjoycommunitycookies__button_decline {
    background: linear-gradient(45deg, #968c5c, #4b240a);
}
.spinjoycommunitycookies__button_decline .spinjoycommunitybutton__main {
    background: linear-gradient(90deg, #000000, #666666);
}

.spinjoycommunityagecheck {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
    overflow: hidden;
    color: #232323;
}
.spinjoycommunityagecheck:before,
.spinjoycommunityagecheck:after {
    content: '';
}
.spinjoycommunityagecheck__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.spinjoycommunityagecheck__container {
    background: #92ecdb;
    overflow: hidden;
    max-width: 653px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 36px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.spinjoycommunityagecheck__text {
    padding: 22px 0 0 0;
    text-align: center;
}

.spinjoycommunityagecheck__title {
    font-size: 22px;
    font-weight: 600;
}

.spinjoycommunityagecheck__description {
    font-size: 16px;
    line-height: 1.18;
    padding-top: 14px;
    max-width: 560px;
    margin: 0 auto;
}
.spinjoycommunityagecheck__description p:first-child {
    margin-top: 0;
}
.spinjoycommunityagecheck__description p:last-child {
    margin-bottom: 0;
}
.spinjoycommunityagecheck__description a {
    text-decoration: none;
    color: inherit;
}
.spinjoycommunityagecheck__description a:hover,
.spinjoycommunityagecheck__description a:focus {
    text-decoration: none;
}

.spinjoycommunityagecheck__buttons {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.spinjoycommunityagecheck__buttonsblock {
    padding: 15px;
}

.spinjoycommunityagecheck__button {
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    text-transform: none;
    width: 237px;
    padding: 1px;
    background: #cc1315;
    border-radius: 10px;
}
.spinjoycommunityagecheck__button:hover,
.spinjoycommunityagecheck__button:focus {
    color: #ffffff;
}
.spinjoycommunityagecheck__button .spinjoycommunitybutton__main {
    display: block;
    padding: 14px 10px 12px 10px;
    border-radius: 9px;
}

.spinjoycommunityagecheck__button_decline {
    background: linear-gradient(45deg, #968c5c, #4b240a);
}
.spinjoycommunityagecheck__button_decline .spinjoycommunitybutton__main {
    background: linear-gradient(90deg, #000000, #666666);
}