.button {
    background-color: transparent;
    border: .1rem solid transparent;
    border-radius: .6rem;
    color: #1c1c1c;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 143%;
    outline: none;
    padding: .8rem 1.2rem;
    text-align: center;
    text-decoration: none;
    transition: .3s
}

.button:disabled, .button[disabled] {
    cursor: not-allowed;
    opacity: .38;
    pointer-events: none
}

.button--blue {
    color: #fff
}

.button--blue, .button--blue:hover {
    background-color: #0a8af6
}

.button--blue:focus {
    background-color: #087ddf
}

.button--light-blue {
    background-color: #e8f4fe;
    color: #2396f7
}

.button--light-blue:hover {
    background-color: #b7dcfc
}

.button--light-blue:focus {
    background-color: #85c5fb
}

.button--orange {
    background-color: #f59f44;
    color: #fff
}

.button--orange:hover {
    background-color: #d37f27
}

.button--orange:focus {
    background-color: #f59f44
}

.button--red {
    background-color: #ff5562;
    color: #fff
}

.button--red:hover {
    background-color: #db333a
}

.button--red:focus {
    background-color: #ff5562
}

.button--border-blue {
    background-color: #fff;
    border-color: #d9d9d9;
    color: #2396f7
}

.button--border-blue:hover {
    background-color: #fff;
    color: #0a8af6
}

.button--border-blue:focus {
    background-color: #fff;
    color: #087ddf
}

.button--border-orange {
    background-color: #fff;
    border-color: #ebb78d;
    color: #db8037
}

.button--border-orange:hover {
    border-color: #bc691f;
    color: #bc691f
}

.button--border-orange:focus {
    border-color: #db8037;
    color: #db8037
}

.button--border-red {
    background-color: #fff;
    border-color: #ffa1a9;
    color: #ff5562
}

.button--border-red:hover {
    border-color: #db333a;
    color: #db333a
}

.button--border-red:focus {
    border-color: #ff5562;
    color: #ff5562
}

.button--border-gray {
    background-color: #fff
}

.button--border-gray, .button--border-gray:focus, .button--border-gray:hover {
    border-color: #c6c6c6;
    color: #707070
}

.button--border-mint {
    background-color: #fff;
    border-color: #95c8a7;
    color: #55a270
}

.button--border-mint:hover {
    border-color: #378c57;
    color: #378c57
}

.button--border-mint:focus {
    border-color: #55a270;
    color: #55a270
}

.button--border-indigo {
    background-color: #fff;
    border-color: #aabcee;
    color: #5578dd
}

.button--border-indigo:hover {
    border-color: #3558be;
    color: #3558be
}

.button--border-indigo:focus {
    border-color: #5578dd;
    color: #5578dd
}

.button--icon-left, .button--icon-right {
    align-items: baseline;
    display: flex
}

.button--icon-right i[class^=icon-], .button--icon-right img {
    margin-left: 1rem
}

.button--icon-left i[class^=icon-], .button--icon-left img {
    margin-right: 1rem
}

.button--link {
    background-color: transparent;
    border: none;
    color: #2396f7;
    padding: 0
}

.button--link:hover {
    background-color: transparent;
    color: #0a8af6
}

.button--link:focus {
    background-color: transparent;
    color: #087ddf
}

.button--link-gray, .button--link-gray:focus, .button--link-gray:hover {
    color: #707070
}

.button--link-dark, .button--link-dark:focus, .button--link-dark:hover {
    color: #1c1c1c
}

.button--block, .button--mobile-block {
    display: block;
    width: 100%
}

@media (min-width: 481px) {
    .button--mobile-block {
        display: reset;
        width: auto
    }
}

.button--underline {
    text-decoration: underline
}

.button--round {
    border-radius: 2.4rem
}

.button-save {
    background-color: transparent;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 600
}

.button-save:before {
    content: "";
    font-family: ag-icons;
    margin-right: .2rem;
    vertical-align: middle
}

.button-save--active:before {
    content: ""
}

.ag-modal__overlay {
    backdrop-filter: blur(1.6rem);
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 10
}

.ag-modal__body {
    animation-direction: normal;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-name: modal-out;
    animation-timing-function: ease;
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1.1rem 1.5rem -.7rem rgba(0, 0, 0, .14), 0 2.4rem 3.8rem .3rem rgba(0, 0, 0, .1), 0 .9rem 4.6rem .8rem rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 50%;
    max-height: calc(100vh - 16rem);
    overflow: hidden;
    position: relative;
    top: 50%;
    visibility: hidden;
    width: calc(100% - 3.2rem);
    z-index: 5
}

.ag-modal__body .icon-md-close {
    cursor: pointer;
    font-size: 1.4rem;
    position: absolute;
    right: 3rem;
    top: 3rem
}

.ag-modal__body iframe {
    height: 100%;
    width: 100%
}

.ag-modal__header {
    align-items: center;
    border-bottom: .1rem solid #ececec;
    display: flex;
    justify-content: space-between;
    padding: 2.4rem;
    text-align: left
}

.ag-modal__header-title {
    color: #1c1c1c;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .01em;
    width: 95%
}

.ag-modal__main {
    color: #1c1c1c;
    height: 100%;
    overflow-y: scroll;
    padding: 1.6rem 2.4rem;
    position: relative
}

.ag-modal__main > :not(:last-child) {
    margin-bottom: 1.6rem
}

.ag-modal__columns {
    flex-wrap: wrap
}

.ag-modal__columns, .ag-modal__footer {
    display: flex;
    justify-content: space-between
}

.ag-modal__footer {
    align-items: center;
    border-top: .1rem solid #ececec;
    padding: 1.6rem 2.4rem
}

.ag-modal__info {
    display: flex;
    margin-bottom: 1.6rem
}

.ag-modal__info i[class^=icon-] {
    font-size: 1.8rem;
    margin-right: 1rem
}

.new-modal--visible .ag-modal__overlay {
    opacity: 1;
    visibility: visible
}

.new-modal--visible .ag-modal__body {
    animation-direction: normal;
    animation-duration: .7s;
    animation-fill-mode: forwards;
    animation-name: modal-in;
    animation-timing-function: ease;
    visibility: visible
}

@media (min-width: 1025px) {
    .ag-modal__body {
        width: 48rem
    }

    .ag-modal__body--small {
        width: 32.8rem
    }

    .ag-modal__body--large {
        width: 72rem
    }
}

@keyframes modal-in {
    0% {
        transform: translate(-50%, 100rem)
    }
    50% {
        transform: translate(-50%, -75%)
    }
    to {
        transform: translate(-50%, -50%)
    }
}

@keyframes modal-out {
    0% {
        transform: translate(-50%, -50%)
    }
    to {
        transform: translate(-50%, 100rem)
    }
}

.author-avatar__wrapper {
    align-items: center;
    column-gap: .8rem;
    display: flex
}

.author-avatar__user-image {
    border-radius: 50%;
    flex-shrink: 0;
    height: 2.4rem;
    overflow: hidden;
    width: 2.4rem
}

.ag-btn {
    border: .1rem solid transparent;
    border-radius: .6rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 143%;
    outline: none;
    padding: .8rem 1.2rem;
    text-align: center;
    transition: .3s
}

.ag-btn i[class^=icon-], .ag-btn img, .ag-btn span {
    vertical-align: middle
}

.ag-btn img {
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    width: 40px
}

.ag-btn img + span {
    vertical-align: middle !important
}

.ag-btn:disabled, [disabled].ag-btn {
    cursor: not-allowed;
    opacity: .38;
    pointer-events: none
}

.ag-btn {
    background-color: #d9d9d9;
    color: #1c1c1c;
    text-decoration: none
}

.ag-btn:hover {
    background-color: #c6c6c6
}

.ag-btn:focus {
    background-color: #b3b3b3
}

.ag-btn.primary-btn {
    color: #fff
}

.ag-btn.primary-btn, .ag-btn.primary-btn:hover {
    background-color: #0a8af6
}

.ag-btn.primary-btn:focus {
    background-color: #087ddf
}

.ag-btn.regular-btn {
    background-color: #e8f4fe;
    color: #2396f7
}

.ag-btn.regular-btn:hover {
    background-color: #b7dcfc
}

.ag-btn.regular-btn:focus {
    background-color: #85c5fb
}

.ag-btn.warning-btn {
    background-color: #f59f44;
    color: #fff
}

.ag-btn.warning-btn:hover {
    background-color: #fdae6c
}

.ag-btn.warning-btn:focus {
    background-color: #db8037
}

.ag-btn.danger-btn {
    background-color: #ff5562;
    color: #fff
}

.ag-btn.danger-btn:hover {
    background-color: #ff333a
}

.ag-btn.danger-btn:focus {
    background-color: #d0232e
}

.ag-btn.success-btn {
    background-color: #55a270;
    color: #fff
}

.ag-btn.success-btn:hover {
    background-color: #378c57
}

.ag-btn.success-btn:focus {
    background-color: #95c8a7
}

.ag-btn.dark-grey-btn {
    background-color: #424242;
    color: #fff
}

.ag-btn.dark-grey-btn:hover {
    background-color: #5c5c5c
}

.ag-btn.dark-grey-btn:focus {
    background-color: #757575
}

.ag-btn.border-light-btn--outline, .ag-btn.light-btn, .ag-btn.light-btn--outline {
    background-color: #fff;
    color: #1c1c1c
}

.ag-btn.border-light-btn--outline:focus, .ag-btn.border-light-btn--outline:hover, .ag-btn.light-btn--outline:focus, .ag-btn.light-btn--outline:hover, .ag-btn.light-btn:focus, .ag-btn.light-btn:hover {
    background-color: #fff
}

.ag-btn.light-btn--outline {
    border: 1px solid #d8d8d8;
    font-weight: 500
}

.ag-btn.light-btn--outline:hover {
    border-color: #1d1d1d;
    color: #1c1c1c
}

.ag-btn.light-success-btn, .ag-btn.light-success-btn:focus, .ag-btn.light-success-btn:hover {
    background-color: #c5df96
}

.ag-btn.btn-radio {
    border-radius: 3.6rem;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600
}

.ag-btn.btn-radio:hover {
    border-color: #b7dcfc
}

.ag-btn.btn-icon-left, .ag-btn.btn-icon-right {
    align-items: center;
    display: flex
}

.ag-btn.btn-icon-right {
    padding: .9rem .8rem .9rem 1.6rem
}

.ag-btn.btn-icon-right i[class^=icon-], .ag-btn.btn-icon-right img {
    margin-left: .8rem
}

.ag-btn.btn-icon-left {
    padding: .9rem 1.6rem .9rem .8rem
}

.ag-btn.btn-icon-left i[class^=icon-], .ag-btn.btn-icon-left img {
    margin-right: .8rem
}

.ag-btn.btn-icon .icon-ag-coin:before {
    color: #fff
}

.ag-btn.btn-icon .icon-ag-trustly {
    font-size: 1rem
}

.ag-btn.btn-img-right {
    padding: .9rem .8rem .9rem 1.6rem
}

.ag-btn.btn-img-left {
    padding: .9rem 1.6rem .9rem .8rem
}

.ag-btn.ag-btn-link {
    background: 0 0;
    color: #2396f7;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0;
    text-decoration: none
}

.ag-btn.ag-btn-link:hover {
    background: 0 0;
    color: #0a8af6
}

.ag-btn.ag-btn-link:focus {
    background: 0 0;
    color: #087ddf
}

.ag-btn.ag-btn-link.btn-icon-left, .ag-btn.ag-btn-link.btn-icon-right {
    padding: 0
}

@media (min-width: 1024px) {
    .ag-btn.ag-btn-link {
        transition: all .7s ease-in-out
    }

    .ag-btn.ag-btn-link span {
        padding: 8px 0;
        position: relative
    }

    .ag-btn.ag-btn-link span:before {
        background-color: #1c1c1c;
        bottom: 0;
        content: "";
        height: 1px;
        margin: 1px 0 0;
        opacity: 0;
        position: absolute;
        transition: all .25s ease-in-out;
        width: 0
    }

    .ag-btn.ag-btn-link--hover-underline:hover span {
        text-decoration: underline
    }
}

.ag-btn.ag-btn-link--hovered-underline span:before, .ag-btn.ag-btn-link--hovered-underline-persistent span:before {
    opacity: 1;
    width: 100%
}

.ag-btn.ag-btn-link-white {
    color: #fff
}

.ag-btn.ag-btn-link-white:hover {
    color: #e6e6e6
}

.ag-btn.ag-btn-link-white:focus {
    color: #ccc
}

.ag-btn.ag-btn-link-white span:before {
    background-color: #e6e6e6
}

.ag-btn.btn-block, .ag-btn.mobile-btn-block {
    display: block;
    width: 100%
}

@media (min-width: 481px) {
    .ag-btn.mobile-btn-block {
        display: reset;
        width: auto
    }
}

.ag-btn.btn-flex-full {
    display: flex;
    flex-basis: 100%
}

.ag-btn.link-active {
    color: #fff !important;
    cursor: default !important;
    font-weight: 600 !important
}

.ag-btn.link-active:hover span {
    text-decoration: none
}

.ag-btn.link-active span {
    color: #fff !important
}

.ag-btn.border-btn {
    background: 0 0;
    border: .1rem solid #d9d9d9
}

.ag-btn.btn--trustly {
    color: #fff;
    letter-spacing: normal
}

.ag-btn.btn--trustly, .ag-btn.btn--trustly:focus, .ag-btn.btn--trustly:hover {
    background-color: #88ba57
}

.ag-btn.border-btn {
    background-color: transparent;
    border: .1rem solid #2396f7;
    color: #2396f7
}

.ag-btn.border-btn:hover {
    border-color: #0a8af6;
    color: #0a8af6
}

.ag-btn.border-btn:focus {
    border-color: #087ddf;
    color: #087ddf
}

.ag-btn.border-primary-btn {
    border-color: #2396f7;
    color: #2396f7
}

.ag-btn.border-primary-btn:hover {
    border-color: #0a8af6;
    color: #0a8af6
}

.ag-btn.border-primary-btn:focus {
    border-color: #087ddf;
    color: #087ddf
}

.ag-btn.border-warning-btn {
    border-color: #f59f44;
    color: #f59f44
}

.ag-btn.border-warning-btn:hover {
    border-color: #fdae6c;
    color: #fdae6c
}

.ag-btn.border-warning-btn:focus {
    border-color: #db8037;
    color: #db8037
}

.ag-btn.border-danger-btn {
    border-color: #ff5562;
    color: #ff5562
}

.ag-btn.border-danger-btn:hover {
    border-color: #ff333a;
    color: #ff333a
}

.ag-btn.border-danger-btn:focus {
    border-color: #d0232e;
    color: #d0232e
}

.ag-btn.border-success-btn {
    border-color: #55a270;
    color: #55a270
}

.ag-btn.border-success-btn:hover {
    border-color: #95c8a7;
    color: #95c8a7
}

.ag-btn.border-success-btn:focus {
    border-color: #378c57;
    color: #378c57
}

.ag-btn.border-dark-grey-btn {
    border-color: #424242;
    color: #424242
}

.ag-btn.border-dark-grey-btn:hover {
    border-color: #5c5c5c;
    color: #5c5c5c
}

.ag-btn.border-dark-grey-btn:focus {
    border-color: #757575;
    color: #757575
}

.ag-btn.border-light-btn, .ag-btn.border-light-btn:focus, .ag-btn.border-light-btn:hover {
    border-color: #1c1c1c;
    color: #1c1c1c
}

.ag-btn.border-light-btn--outline {
    border: 1px solid #d8d8d8;
    font-weight: 500
}

.ag-btn.border-light-btn--outline:hover {
    border-color: #1d1d1d;
    color: #1c1c1c
}

.ag-btn.border-light-gray-btn {
    background-color: #fff;
    border-color: #d9d9d9;
    color: #2396f7
}

.ag-btn.border-light-gray-btn:hover {
    border-color: #d9d9d9;
    color: #0a8af6
}

.ag-btn.border-light-gray-btn:focus {
    border-color: #087ddf;
    color: #087ddf
}

.ag-btn.button--border-mint {
    background-color: #fff;
    border-color: #95c8a7;
    color: #55a270
}

.ag-btn.button--border-mint:hover {
    border-color: #378c57;
    color: #378c57
}

.ag-btn.button--border-mint:focus {
    border-color: #55a270;
    color: #55a270
}

.ag-btn.suggest-edit {
    color: #707070;
    font-size: 1.4rem;
    margin-left: auto
}

.ag-btn.suggest-edit:hover {
    color: #707070
}

.ag-btn.btn-radius-2 {
    border-radius: 2px
}

.ag-btn.btn-radius-4 {
    border-radius: 4px
}

.ag-btn.btn-radius-6 {
    border-radius: 6px
}

.ag-btn.btn-radius-8 {
    border-radius: 8px
}

.ag-btn.btn-radius-10 {
    border-radius: 10px
}

.ag-btn.btn-radius-12 {
    border-radius: 12px
}

.ag-btn.btn-radius-14 {
    border-radius: 14px
}

.ag-btn.btn-radius-16 {
    border-radius: 16px
}

.ag-btn.btn-radius-18 {
    border-radius: 18px
}

.ag-btn.btn-radius-20 {
    border-radius: 20px
}

.btn-radio-input {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.btn-radio-input:checked + label.ag-btn.btn-radio {
    background: #e8f4fe;
    border-color: #2396f7;
    color: #2396f7
}

.read-more-btn {
    color: #1c1c1c;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .04rem;
    line-height: 2.4rem;
    text-decoration: underline
}

.ag-card {
    background-color: #fff;
    border-radius: .8rem;
    margin-bottom: 1.2rem
}

@media (min-width: 769px) {
    .ag-card {
        margin-bottom: 1.6rem
    }
}

.ag-card a {
    text-decoration: none
}

.ag-card-header {
    align-items: center;
    border-radius: .8rem .8rem 0 0;
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    position: relative
}

.ag-card-header:after {
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .06);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ag-card-body-info .ag-cot-tooltip {
    cursor: help;
    display: inline-block;
    font-style: normal;
    position: relative
}

.ag-card-body-info .ag-cot-tooltip:before {
    border: .8rem solid transparent;
    border-top-color: #db333a;
    content: "";
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -1rem;
    transform: translateX(-50%)
}

.ag-card-body-info .ag-cot-tooltip:after {
    background: #db333a;
    bottom: calc(100% + 1rem);
    color: #fff;
    content: attr(data-tooltip);
    display: none;
    font-size: 1.4rem;
    font-weight: 600;
    left: -1.8rem;
    padding: .8rem 1rem;
    position: absolute;
    text-align: center;
    width: 15rem
}

.ag-card-body-info .ag-cot-tooltip:hover:after, .ag-card-body-info .ag-cot-tooltip:hover:before {
    display: inline-block
}

.ag-card-footer .time-pie-chart {
    border-radius: 50%;
    height: 2.3rem;
    position: relative;
    transform: rotate(-90deg);
    width: 2.3rem
}

.ag-card-footer .time-pie-chart circle {
    stroke: #f5f5f5;
    stroke-width: 32
}

.ag-card-footer .time-pie-chart > g {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 50% 50%
}

.ag-card-footer .time-pie-chart > g g {
    transform-origin: 50% 50%
}

.ag-card-footer .pie-success.time-pie-chart {
    background: #7ecf04
}

.ag-card-footer .pie-success.time-pie-chart circle {
    fill: #7ecf04
}

.ag-card-footer .pie-warning.time-pie-chart {
    background: #fbe44c
}

.ag-card-footer .pie-warning.time-pie-chart circle {
    fill: #fbe44c
}

.ag-card-footer .pie-danger.time-pie-chart {
    background: #fc3641
}

.ag-card-footer .pie-danger.time-pie-chart circle {
    fill: #fc3641
}

.ag-cards-wrapper .row {
    flex-wrap: wrap
}

.mobile-slider-cards .ag-cards-wrapper, .slider-cards .ag-cards-wrapper {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 769px) {
    .mobile-slider-cards .ag-cards-wrapper, .slider-cards .ag-cards-wrapper {
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

.casino-complaint-service .ag-cards-wrapper:after {
    content: "";
    flex: 0 0 2.4rem
}

@media (min-width: 481px) {
    .casino-complaint-service .ag-cards-wrapper:after {
        flex: 0 0 3rem
    }
}

@media (min-width: 769px) {
    .casino-complaint-service .ag-cards-wrapper:after {
        flex: 0 0 7.8rem
    }
}

@media (min-width: 1025px) {
    .casino-complaint-service .ag-cards-wrapper:after {
        flex: 0 0 0
    }
}

@media (min-width: 769px) {
    .casino-section-newest .ag-cards-wrapper, .homepage-special .ag-cards-wrapper {
        justify-content: center
    }
}

.ag-cards-wrapper .col {
    flex: 0 0 50%
}

.ag-cards-wrapper .col:last-child:not(:first-child) {
    display: none
}

.casino-archive .ag-cards-wrapper .col:last-child:not(:first-child), .casino-complaint-service .ag-cards-wrapper .col:last-child:not(:first-child), .complaint-partners-section .ag-cards-wrapper .col:last-child:not(:first-child), .other-tutorials-section .ag-cards-wrapper .col:last-child:not(:first-child) {
    display: block
}

@media (min-width: 769px) {
    .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 1025px) {
    .ag-cards-wrapper .col {
        flex: 0 0 20%
    }

    .ag-cards-wrapper .col:last-child:not(:first-child) {
        display: block
    }
}

.slider-cards .ag-cards-wrapper .col {
    flex: 0 0 44%
}

@media (max-width: 480px) {
    .slider-cards .ag-cards-wrapper .col:first-child() {
        margin-left: 2.4rem
    }
}

.slider-cards .ag-cards-wrapper .col:last-child:not(:first-child), .slider-cards .ag-cards-wrapper .col:nth-child(4) {
    display: block
}

@media (min-width: 768px) {
    .slider-cards .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 1025px) {
    .slider-cards .ag-cards-wrapper .col {
        flex: 0 0 20%
    }

    .slider-cards .ag-cards-wrapper .col:nth-child(4) {
        display: block
    }
}

@media (min-width: 768px) {
    .complaints .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

.complaints .ag-cards-wrapper .col:last-child:not(:first-child) {
    display: block
}

.complaints .ag-cards-wrapper .col:first-child:not(:last-child) {
    display: none
}

@media (max-width: 480px) {
    .complaints .ag-cards-wrapper .col:nth-child(2) {
        margin-left: 2.4rem
    }
}

@media (min-width: 1025px) {
    .complaints .ag-cards-wrapper .col {
        flex: 0 0 20%
    }

    .complaints .ag-cards-wrapper .col:first-child:not(:last-child) {
        display: block
    }
}

.bonus-section .ag-cards-wrapper .col:nth-child(4), .casino-section .ag-cards-wrapper .col:nth-child(4), .collection .ag-cards-wrapper .col:nth-child(4), .sports-betting .ag-cards-wrapper .col:nth-child(4) {
    display: block
}

@media (min-width: 481px) {
    .bonus-section .ag-cards-wrapper .col:nth-child(4), .casino-section .ag-cards-wrapper .col:nth-child(4), .collection .ag-cards-wrapper .col:nth-child(4), .sports-betting .ag-cards-wrapper .col:nth-child(4) {
        display: none
    }
}

@media (min-width: 1025px) {
    .bonus-section .ag-cards-wrapper .col:nth-child(4), .casino-section .ag-cards-wrapper .col:nth-child(4), .collection .ag-cards-wrapper .col:nth-child(4), .sports-betting .ag-cards-wrapper .col:nth-child(4) {
        display: block
    }
}

.casino-complaint-service .ag-cards-wrapper .col {
    flex: 0 0 80%
}

@media (min-width: 481px) {
    .casino-complaint-service .ag-cards-wrapper .col {
        flex: 0 0 50.7%
    }
}

@media (min-width: 769px) {
    .casino-complaint-service .ag-cards-wrapper .col {
        flex: 0 0 21.33%;
        padding-left: 1.6rem;
        padding-right: .1rem
    }
}

.casino-complaint-service .ag-cards-wrapper .col:first-child() {
    margin-left: 2.4rem
}

@media (min-width: 481px) {
    .casino-complaint-service .ag-cards-wrapper .col:first-child() {
        margin-left: 3rem
    }
}

@media (min-width: 769px) {
    .casino-complaint-service .ag-cards-wrapper .col:first-child() {
        margin-left: 7.8rem
    }
}

@media (min-width: 1025px) {
    .casino-complaint-service .ag-cards-wrapper .col:first-child() {
        margin-left: 0
    }
}

.slot-providers .ag-cards-wrapper .col {
    flex: 0 0 100%
}

@media (min-width: 481px) {
    .slot-providers .ag-cards-wrapper .col:last-child {
        padding: 0 .8rem 0 1.6rem
    }

    .slot-providers .ag-cards-wrapper .col:first-child {
        padding: 0 1.6rem 0 .8rem
    }
}

.slot-providers .ag-cards-wrapper .col:last-child:not(:first-child) {
    display: block
}

@media (min-width: 481px) {
    .slot-providers .ag-cards-wrapper .col {
        border-bottom: transparent;
        flex: 0 0 20%;
        padding: 0 1.6rem
    }

    .complaint-latest-section .ag-cards-wrapper .col, .latest-complaints .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 1025px) {
    .complaint-latest-section .ag-cards-wrapper .col, .latest-complaints .ag-cards-wrapper .col {
        flex: 0 0 20%
    }
}

.complaint-latest-section .ag-cards-wrapper .col:nth-child(7), .complaint-latest-section .ag-cards-wrapper .col:nth-child(8), .latest-complaints .ag-cards-wrapper .col:nth-child(7), .latest-complaints .ag-cards-wrapper .col:nth-child(8) {
    display: none
}

@media (min-width: 481px) {
    .complaint-latest-section .ag-cards-wrapper .col:nth-child(7), .complaint-latest-section .ag-cards-wrapper .col:nth-child(8), .latest-complaints .ag-cards-wrapper .col:nth-child(7), .latest-complaints .ag-cards-wrapper .col:nth-child(8) {
        display: block
    }
}

.complaint-latest-section .ag-cards-wrapper .col:nth-child(9), .latest-complaints .ag-cards-wrapper .col:nth-child(9) {
    display: none
}

@media (min-width: 1025px) {
    .complaint-latest-section .ag-cards-wrapper .col:nth-child(9), .latest-complaints .ag-cards-wrapper .col:nth-child(9) {
        display: block
    }
}

@media (min-width: 481px) {
    .casino-by-country-cards-container .ag-cards-wrapper .col, .video-section .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 1025px) {
    .casino-by-country-cards-container .ag-cards-wrapper .col, .video-section .ag-cards-wrapper .col {
        flex: 0 0 20%
    }
}

.casino-software .ag-cards-wrapper .col {
    flex: 0 0 50%
}

@media (min-width: 481px) {
    .casino-software .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 1025px) {
    .casino-software .ag-cards-wrapper .col {
        flex: 0 0 20%
    }
}

.casino-archive .ag-cards-wrapper .col {
    flex: 0 0 100%
}

@media (min-width: 481px) {
    .casino-archive .ag-cards-wrapper .col {
        flex: 0 0 50%
    }
}

@media (min-width: 1025px) {
    .casino-archive .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

.mobile-slider-cards .ag-cards-wrapper .col {
    flex: 0 0 44%
}

.mobile-slider-cards .ag-cards-wrapper .col:first-child {
    margin-left: 2.4rem
}

@media (min-width: 481px) {
    .mobile-slider-cards .ag-cards-wrapper .col:first-child {
        margin-left: 0
    }

    .mobile-slider-cards .ag-cards-wrapper .col {
        flex: 0 0 50%
    }
}

@media (min-width: 1025px) {
    .mobile-slider-cards .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

@media (min-width: 481px) {
    .other-tutorials-section .ag-cards-wrapper .col {
        flex: 0 0 33.3333%
    }
}

@media (min-width: 1025px) {
    .other-tutorials-section .ag-cards-wrapper .col {
        flex: 0 0 20%
    }

    .complaint-partners-section .ag-cards-wrapper .col {
        flex: 0 0 25%
    }
}

.about-prove-section .ag-cards-wrapper .col:first-child() {
    margin-left: 0
}

.complaint-latest-section .ag-cards-wrapper .col {
    flex: 0 0 100%
}

@media (min-width: 481px) {
    .complaint-latest-section .ag-cards-wrapper .col {
        flex: 0 0 33.3333%
    }
}

@media (min-width: 1025px) {
    .complaint-latest-section .ag-cards-wrapper .col {
        flex: 0 0 20%
    }
}

.complaints .ag-cards-wrapper {
    margin-bottom: 2.4rem
}

.ag-cards-wrapper .submit-card {
    color: #1c1c1c;
    display: block;
    padding: 4.3rem 1.6rem 2.1rem;
    text-align: center;
    text-decoration: none
}

.ag-cards-wrapper .submit-card i[class^=icon] {
    color: #55a270;
    font-size: 4.1rem
}

.ag-cards-wrapper .submit-card .complaints-review, .complaints .ag-cards-wrapper .collective-card, .complaints .ag-cards-wrapper .submit-card {
    margin-bottom: 0
}

.ag-cards-wrapper.ag-cards-crypto-wrapper {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

@media (min-width: 481px) {
    .ag-cards-wrapper.ag-cards-crypto-wrapper {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

@media (min-width: 769px) {
    .ag-cards-wrapper.ag-cards-crypto-wrapper {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media (min-width: 1025px) {
    .ag-cards-wrapper.ag-cards-crypto-wrapper {
        margin-left: .7rem;
        margin-right: .7rem
    }
}

.about-how-section .ag-cards-wrapper {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 768px) {
    .about-how-section .ag-cards-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        overflow-x: hidden
    }
}

.about-prove-section .ag-cards-wrapper {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width: 1025px) {
    .about-prove-section .ag-cards-wrapper {
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

.bonuses-review__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.bonuses-review__info-link {
    margin-bottom: 2.2rem
}

@media (min-width: 481px) {
    .bonuses-review__info-link {
        margin-bottom: 3rem
    }
}

@media (min-width: 769px) {
    .ag-cards-crypto-wrapper .col {
        flex: 0 0 50%
    }
}

@media (min-width: 1025px) {
    .ag-cards-crypto-wrapper .col {
        flex: 0 0 25%
    }
}

.ag-cards-scroll-wrapper .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden
}

.complaint-partners-section .row {
    margin-left: 1rem;
    margin-right: 1rem
}

@media (min-width: 481px) {
    .complaint-partners-section .row {
        margin-left: -.8px;
        margin-right: -.8px
    }
}

.circular .ag-card {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .02), 0 5px 6px rgba(0, 0, 0, .04), 0 1px 5px rgba(0, 0, 0, .1)
}

.ag-card-badge {
    background-color: #d9d9d9;
    border-radius: 2px;
    color: #1c1c1c;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 8px;
    max-width: calc(100% - 16px);
    overflow: hidden;
    padding: 1px 6px;
    position: absolute;
    text-overflow: ellipsis;
    z-index: 2
}

.ag-card-badge:hover {
    cursor: default
}

.circular .ag-card-header {
    margin-bottom: .8rem
}

.collective-slot .ag-card-header, .slot-card .ag-card-header {
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    padding-top: 58.61%;
    position: relative
}

.collective-slot .ag-card-header img, .slot-card .ag-card-header img {
    border-radius: .4rem .4rem 0 0;
    bottom: 0;
    height: auto;
    top: auto;
    width: 100%
}

.collective-slot .ag-card-header img {
    width: auto
}

.collective-card-full .ag-card-header {
    background: #eee;
    overflow: hidden
}

.collective-card-full .ag-card-header img {
    height: auto
}

.complaint-partners-card .ag-card-header {
    display: block
}

.circular .ag-card-header:after {
    box-shadow: none
}

.ag-card-header img {
    border-radius: .8rem .8rem 0 0;
    display: block;
    width: 100%
}

.circular .ag-card-header img {
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    height: 12.2rem;
    margin: 1.36rem 0;
    width: 12.2rem
}

.top-10-card .ag-card-header img {
    height: 9.6rem;
    margin: 0;
    width: 9.6rem
}

.ag-card-header-logo {
    height: 0;
    margin: 3.13% auto;
    padding-top: 50%;
    position: relative;
    width: 50%
}

.ag-card-header-logo img {
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bonus-card .ag-card-header-logo {
    border-radius: 50%;
    overflow: hidden
}

.complaint-partners-card .ag-card-header-logo {
    margin-bottom: 2rem;
    padding-top: 60%;
    width: 60%
}

.complaint-partners-card .ag-card-body {
    border-bottom: .1rem solid #eee
}

.collective-card .ag-card-body, .complaint-card .ag-card-body {
    padding: 1.9rem 1.6rem .4rem
}

.complaint-card .ag-card-body {
    padding: 1.6rem 1.6rem 0
}

.slot-card .ag-card-body {
    padding-bottom: 1.6rem
}

#tabSlots .slot-card .ag-card-body {
    height: 16.4rem
}

.collective-card-full .ag-card-body {
    margin-bottom: 1.8rem;
    padding: 3.7rem 1.6rem 0
}

.bonus-collective-card .ag-card-body {
    padding-top: 4.966rem
}

@media (max-width: 1024px) {
    .bonus-collective-card .ag-card-body {
        padding-top: 5.2rem
    }
}

.submit-card .ag-card-body {
    padding: 0
}

.providers-card .ag-card-body {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 20px 0
}

@media (min-width: 481px) {
    .providers-card .ag-card-body {
        align-items: flex-start;
        flex-direction: column;
        padding: 0
    }
}

@media (min-width: 1025px) {
    .providers-card .ag-card-body {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.collective-slot .ag-card-body {
    padding-top: 19%
}

.software-card .ag-card-body {
    border-bottom: .1rem solid #eee;
    padding: 1.6rem 2.5rem 1.2rem
}

@media (min-width: 769px) {
    .software-card .ag-card-body {
        padding: 4rem 2.5rem 2.4rem
    }
}

.text-card .ag-card-body {
    padding: 1.8rem 2.4rem
}

.ag-card-body-info {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 2.4rem;
    min-height: 4.5rem;
    padding: 1rem
}

.ag-card-body-info span.text-uppercase {
    font-size: 1.2rem;
    letter-spacing: .15em
}

.ag-card-body-info-type {
    color: #888;
    font-size: 1.1rem;
    letter-spacing: .03em;
    line-height: 1.6rem;
    text-transform: uppercase
}

@media (min-width: 769px) {
    .ag-card-body-info-type {
        font-size: 1.2rem;
        height: 3rem;
        letter-spacing: .15em
    }
}

.ag-card-body-info .ag-cot {
    align-items: inherit;
    display: flex
}

.ag-card-body-info .ag-cot-tooltip {
    line-height: 100%;
    margin-right: 6px
}

.ag-card-body-info .ag-cot-tooltip .icon-ag-trophy {
    color: #f59f44
}

.ag-card-body-info .ag-cot-tooltip .icon-ag-logo {
    color: #8f79da
}

.ag-card-body-info .ag-cot-tooltip .icon-cot-badge {
    color: #ff5562
}

.ag-card-body-info .ag-cot-tooltip .icon-ag-coin:before {
    font-size: 20px
}

.ag-card-body-info .ag-cot > span {
    color: #b3b3b3;
    display: none;
    line-height: 1
}

@media (min-width: 1025px) {
    .ag-card-body-info .ag-cot > span {
        display: inline-block;
        margin-right: .4rem
    }
}

@media (min-width: 1201px) {
    .ag-card-body-info .ag-cot > span {
        margin-right: 1.8rem
    }
}

.ag-card-body-info .ag-social {
    line-height: 1.4
}

.ag-card-body-info .ag-social > span {
    color: #b3b3b3
}

.ag-card-body-info .ag-rev-range {
    width: 90%
}

.ag-card-body-info .ag-rev-range > span {
    color: #b3b3b3;
    font-size: 1.2rem
}

.ag-card-body-info .ag-rev-range > span:nth-child(2) {
    display: none
}

@media (min-width: 1025px) {
    .ag-card-body-info .ag-rev-range > span:nth-child(2) {
        display: inline-block
    }
}

.ag-card-body-info .ag-rating {
    align-items: inherit;
    color: #26292d;
    display: flex;
    font-size: 1.4rem
}

.ag-card-body-info .ag-rating i[class^=icon] {
    font-size: 1.5rem;
    line-height: 0;
    margin-bottom: .2rem;
    margin-right: .4rem
}

.affiliate-card .ag-card-body-info, .bonus-card .ag-card-body-info, .slot-card .ag-card-body-info {
    justify-content: left;
    padding: 1rem 1.2rem;
    text-align: left
}

@media (min-width: 769px) {
    .affiliate-card .ag-card-body-info, .bonus-card .ag-card-body-info, .slot-card .ag-card-body-info {
        padding: 1rem 1.6rem
    }
}

@media (max-width: 1024px) {
    .bonus-card .ag-card-body-info, .slot-card .ag-card-body-info {
        height: 5.2rem
    }
}

.ag-card-body-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #1c1c1c;
    display: -webkit-box;
    font-size: 1.6rem;
    height: 4rem;
    line-height: 125%;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0 1.2rem
}

@media (min-width: 769px) {
    .ag-card-body-title {
        padding: 0 1.6rem
    }
}

.top-10-card .ag-card-body-title {
    margin-bottom: .8rem;
    padding: 0
}

.complaint-card .ag-card-body-title {
    -webkit-line-clamp: 3;
    height: 5.8rem;
    margin-bottom: 0;
    padding: 0;
    text-align: left
}

@media (min-width: 1025px) {
    .complaint-card .ag-card-body-title {
        -webkit-line-clamp: 2;
        height: 4rem;
        margin-bottom: 1rem
    }
}

.collective-card .ag-card-body-title {
    padding: 0;
    text-align: center
}

.collective-card-full .ag-card-body-title {
    -webkit-line-clamp: 2;
    min-height: 4rem
}

.submit-card .ag-card-body-title {
    font-size: 1.6rem;
    line-height: 125%;
    margin-bottom: 0;
    margin-top: .6rem;
    text-align: center
}

.bonus-card .ag-card-body-title {
    margin-bottom: 1.8rem
}

.bonus-card .ag-card-body-title, .clip-title .ag-card-body-title, .slot-card .ag-card-body-title {
    -webkit-line-clamp: 3;
    height: 6rem;
    justify-content: left;
    letter-spacing: .01em;
    text-align: left
}

@media (min-width: 769px) {
    .bonus-card .ag-card-body-title, .clip-title .ag-card-body-title, .slot-card .ag-card-body-title {
        -webkit-line-clamp: 2;
        height: 4rem
    }
}

.bonus-card .ag-card-body-title {
    height: 5.6rem
}

@media (min-width: 769px) {
    .bonus-card .ag-card-body-title {
        -webkit-line-clamp: 2;
        height: 4rem
    }
}

.slot-card .ag-card-body-title {
    margin-bottom: 0
}

.affiliate-card .ag-card-body-title {
    font-weight: 600;
    height: auto;
    margin-bottom: .4rem;
    max-height: 4rem
}

.software-card .ag-card-body-title {
    color: #373b40;
    height: 3.5rem;
    letter-spacing: .01rem;
    line-height: 2rem;
    margin: 1.6rem 0 0
}

.text-card .ag-card-body-title {
    align-items: center;
    display: flex;
    line-height: 125%;
    margin: 0;
    padding: 0
}

.bonus-collective-card .ag-card-body-title {
    -webkit-line-clamp: 3;
    height: 5.6rem;
    min-height: 5.6rem
}

@media (min-width: 769px) {
    .bonus-collective-card .ag-card-body-title {
        -webkit-line-clamp: 2;
        height: 4rem;
        min-height: 4rem
    }
}

.collective-slot .ag-card-body-title {
    -webkit-line-clamp: 3;
    height: 6rem
}

.complaint-service-card .ag-card-body-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    overflow: visible;
    padding: 0
}

.complaint-partners-card .ag-card-body-title {
    color: #1c1c1c;
    font-weight: 600;
    height: 4rem;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

@media (min-width: 1025px) {
    .complaint-partners-card .ag-card-body-title {
        margin-bottom: 1rem
    }
}

.ag-card-body-title h3 {
    font-size: 1.6rem;
    line-height: 125%
}

.ag-card-body-title h3, .ag-card-body-title h4 {
    margin-bottom: 0
}

.affiliate-card .ag-card-body-title h3, .affiliate-card .ag-card-body-title h4 {
    font-weight: 600
}

.complaint-service-card .ag-card-body-title h3, .complaint-service-card .ag-card-body-title h4 {
    margin-bottom: 0;
    width: 90%
}

.software-card .ag-card-body-title h3, .software-card .ag-card-body-title h4 {
    font-size: 1.4rem;
    font-weight: 600
}

.complaint-service-card .ag-card-body-title i[class^=icon-] {
    color: #5578dd
}

.about-prove-section .ag-card-body-title {
    display: flex;
    flex-direction: column
}

.ag-card-body .amount {
    color: #707070;
    display: block;
    font-size: 1.4rem;
    margin: 2rem 0 1.6rem;
    text-align: left
}

.complaint-card .ag-card-body .amount {
    margin: .4rem 0 2rem;
    min-height: 2.1rem
}

@media (min-width: 1025px) {
    .complaint-card .ag-card-body .amount {
        margin: 2rem 0 2.4rem
    }
}

.ag-card-footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 7rem
}

.circular .ag-card-footer {
    height: 6rem
}

@media (min-width: 1025px) {
    .circular .ag-card-footer {
        height: 5rem
    }
}

.complaint-card .ag-card-footer {
    align-items: flex-end;
    background-color: #f5f5f5;
    border-radius: 0 0 .4rem .4rem;
    bottom: 0;
    flex-direction: row;
    font-size: 1.4rem;
    height: auto;
    left: 0;
    line-height: 2.4rem;
    padding: .8rem 1.6rem;
    position: absolute;
    width: 100%
}

.complaint-latest-section .complaint-card .ag-card-footer, .latest-complaints .complaint-card .ag-card-footer {
    position: relative
}

.collective-card .ag-card-footer {
    background-color: transparent;
    height: auto;
    justify-content: center;
    padding: 2.4rem 0 1.9rem
}

.collective-card-full .ag-card-footer {
    height: 7rem;
    justify-content: flex-start;
    padding: 0
}

.video-card .ag-card-footer {
    align-items: flex-start;
    height: auto;
    margin-top: .1rem
}

.software-card .ag-card-footer {
    height: auto;
    padding: 2.5rem 1.5rem
}

.ag-card-footer .ag-btn {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    max-width: 11rem;
    min-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: auto
}

.ag-card-footer .ag-btn i[class^=icon-] + span {
    margin-left: 0
}

@media (min-width: 769px) {
    .ag-card-footer .ag-btn {
        max-width: 16rem
    }
}

@media (min-width: 1025px) {
    .ag-card-footer .ag-btn {
        max-width: 24rem;
        overflow: visible;
        text-overflow: unset
    }
}

.circular .ag-card-footer .ag-btn, .collective-card .ag-card-footer .ag-btn {
    margin-bottom: 0
}

.collective-card-full .ag-card-footer .ag-btn {
    margin-bottom: 1rem
}

.ag-card-footer .ag-btn-link {
    color: #b3b3b3;
    font-size: 1rem;
    margin-bottom: 0
}

.video-card .ag-card-footer .ag-btn-link {
    color: #1c1c1c;
    font-size: 1.6rem
}

.video-card .ag-card-footer .ag-btn {
    font-weight: 600;
    max-width: none;
    overflow: hidden;
    padding: .4rem 0 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 14rem
}

@media (min-width: 1025px) {
    .video-card .ag-card-footer .ag-btn {
        width: 22rem
    }
}

.collective-slot .ag-card-footer {
    padding: 2.3rem 0 1.4rem
}

.ag-card-footer .complain-status {
    margin-left: .6rem
}

.ag-card-footer .complain-status.open {
    color: #707070
}

.ag-card-footer .complain-status.open strong {
    color: #1c1c1c
}

.ag-card-footer .complain-status.resolved {
    color: #55a270;
    text-transform: uppercase
}

.ag-card-footer .complain-status.unresolved {
    color: #ff5562;
    text-transform: uppercase
}

.ag-card-footer .complain-status.rejected {
    color: #1c1c1c;
    text-transform: uppercase
}

.ag-card-footer .terms-link {
    margin-top: .8rem;
    text-align: center
}

.ag-card-footer .top10__visit {
    height: auto;
    position: static
}

.complaint-partners-card .ag-card-footer {
    display: block;
    padding: 13%;
    text-align: center
}

.complaint-partners-card .ag-card-footer a {
    color: #2396f7;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .125rem
}

@media (min-width: 481px) {
    .complaint-partners-card .ag-card-footer a {
        font-size: 1.4rem
    }
}

.complaint-partners-card .ag-card-footer .no-complaints {
    color: #888;
    text-decoration: none
}

.complaints .ag-card, .complaints-review .ag-card {
    height: 100%
}

.ag-card .ag-software {
    color: #1c1c1c;
    display: inline-block;
    line-height: 125%;
    margin-bottom: 1.6rem;
    padding: 0 1.6rem
}

.casino-complaint-service .ag-card {
    box-shadow: 0 0 .3rem rgba(0, 0, 0, .02), 0 0 .1rem rgba(0, 0, 0, .04), 0 .1rem .1rem rgba(0, 0, 0, .1);
    display: inline-block;
    margin-bottom: 0;
    padding: 4rem 1.3rem 4rem 1.6rem;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.top-10-card {
    padding: 1.2rem
}

.complaint-partners-card {
    margin: auto auto 1rem;
    padding-top: 1rem
}

@media (min-width: 481px) {
    .complaint-partners-card {
        padding-top: 1.5rem
    }
}

@media (min-width: 1024px) {
    .complaint-partners-card {
        padding-top: 3rem
    }
}

.video-card {
    background-color: transparent;
    border-radius: 0
}

.video-card-header {
    border-radius: .8rem;
    display: flex;
    overflow: hidden;
    padding-top: 56.27%;
    position: relative
}

.video-card-header img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.video-card-header .video-card__youtube-icon {
    height: auto;
    width: 5rem;
    z-index: 1
}

.complaint-card {
    display: block;
    margin-bottom: 0;
    position: relative
}

.complaint-latest-section .complaint-card, .latest-complaints .complaint-card {
    margin-bottom: 1.2rem
}

@media (min-width: 769px) {
    .complaint-latest-section .complaint-card, .latest-complaints .complaint-card {
        margin-bottom: 1.6rem
    }
}

.providers-card {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    text-decoration: none
}

.providers-card-logo {
    border-radius: .4rem;
    flex: 0 0 29.36%;
    margin: 0;
    overflow: hidden;
    padding-top: 16.52%;
    position: relative;
    width: 100%
}

@media (min-width: 481px) {
    .providers-card-logo {
        flex: 0 0 100%;
        padding-top: 53.82%
    }
}

@media (min-width: 1025px) {
    .providers-card-logo {
        flex: 0 0 45.033%;
        padding-top: 25.33%
    }
}

@media (min-width: 1441px) {
    .providers-card-logo {
        flex: 0 0 37.388%;
        padding-top: 21.03%
    }
}

.providers-card-logo img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.providers-card-info {
    flex: 0 0 65%;
    margin-left: 1.2rem;
    text-align: left
}

@media (min-width: 481px) {
    .providers-card-info {
        flex: 0 0 100%;
        margin-left: 0;
        margin-top: 1.5rem
    }
}

@media (min-width: 1025px) {
    .providers-card-info {
        flex: 0 0 55%;
        margin-left: 1.2rem;
        margin-top: 0
    }
}

.providers-card-text {
    color: #373b40;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 125%
}

.providers-card-count {
    color: #707070;
    font-size: 14px;
    line-height: 125%
}

.collective-slot a[class*=keep-aspect-ratio-] img, .collective-slot a[class*=keep-aspect-ratio-] picture, .slot-card a[class*=keep-aspect-ratio-] img, .slot-card a[class*=keep-aspect-ratio-] picture {
    left: 0;
    transform: translate(0)
}

.software-card .ag-card-header-logo {
    border: .1rem solid #eee;
    border-radius: 50%;
    height: 9.9rem;
    padding-top: 0;
    width: 9.9rem
}

@media (min-width: 769px) {
    .software-card .ag-card-header-logo {
        height: 12.7rem;
        width: 12.7rem
    }
}

.software-card .ag-card-footer .ag-btn-link {
    color: #0a8af6;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .125rem;
    line-height: 1.6rem;
    text-transform: uppercase
}

.text-card .ag-card-body-title span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.collective-slot {
    height: calc(100% - 1.2rem)
}

@media (min-width: 769px) {
    .collective-slot {
        height: calc(100% - 1.6rem)
    }
}

.collective-slot a[class*=keep-aspect-ratio-] img, .collective-slot a[class*=keep-aspect-ratio-] picture {
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 480px)and (max-width: 480px) {
    .no-container-spacing-sm .ag-cards-wrapper:after {
        content: "";
        flex: 0 0 2.4rem
    }
}

.owl-carousel .owl-item .circular img {
    height: 12.2rem;
    width: 12.2rem
}

.owl-carousel .owl-item .top-10-card img {
    height: 9.6rem;
    width: 9.6rem
}

.owl-loader {
    display: flex;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: visible;
    width: 100%;
    z-index: 2
}

.mobile-slider-cards .owl-loader {
    display: none;
    margin-top: 1rem
}

@media (min-width: 481px) {
    .mobile-slider-cards .owl-loader {
        display: block
    }
}

.card__media--overlay .card__media--overlay-img {
    z-index: 1
}

.card__media--overlay-top10-img {
    left: 0;
    position: absolute;
    top: 0
}

.ag-card-header-logo .card__media--overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.top-10-card .card__media--overlay {
    height: 9.6rem;
    position: relative;
    width: 9.6rem
}

.ag-header-search-dropdown-promo-chosen-item .card__media--overlay {
    height: 5.6rem;
    width: 5.6rem
}

.card-banner .card__media--overlay {
    border-radius: 50%;
    height: 5.6rem;
    margin-right: 1.5rem;
    overflow: hidden;
    width: 5.6rem
}

.complaint-by-header {
    margin-bottom: 1rem
}

.about-card {
    background-color: #fff;
    display: table;
    flex: 0 0 90%;
    padding: .8rem
}

@media (min-width: 481px) {
    .about-card {
        flex: 0 0 45%
    }
}

@media (min-width: 768px) {
    .about-card {
        flex: 0 0 50%
    }
}

.about-card__content {
    border-radius: .4rem;
    display: table-cell;
    padding: 2.5rem
}

.about-card__content .ag-card-body {
    color: #707070;
    line-height: 125%
}

.about-card__image {
    border-radius: 50%;
    bottom: 1rem;
    height: 4.8rem;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 4.8rem
}

.about-card__title {
    font-size: 2.4rem;
    margin-bottom: 1.5rem
}

.about-numbers-card {
    background-color: transparent;
    box-shadow: -.1rem -.1rem 0 0 #484848, .1rem .1rem 0 0 #484848;
    flex: 0 0 49.5%;
    margin-bottom: .1rem;
    margin-left: .1rem;
    padding: 7rem .65rem;
    width: 100%
}

@media (min-width: 768px) {
    .about-numbers-card {
        flex: 0 0 33%
    }
}

@media (min-width: 1025px) {
    .about-numbers-card {
        box-shadow: -.1rem 0 0 0 #484848, .1rem .1rem 0 0 #484848
    }
}

.about-numbers-card__title {
    color: #88ba57;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 3.2rem;
    margin-bottom: 2rem
}

@media (min-width: 480px) {
    .about-numbers-card__title {
        font-size: 4.4rem
    }
}

@media (min-width: 1024px) {
    .about-numbers-card__title {
        font-size: 3.2rem
    }
}

@media (min-width: 1440px) {
    .about-numbers-card__title {
        font-size: 4.4rem
    }
}

.about-numbers-card__text {
    color: #f1f1f1;
    font-size: 2rem;
    line-height: 2.5rem
}

.about-prove-card {
    border-radius: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    margin: 1rem 0;
    padding: 1.5rem
}

@media (min-width: 1025px) {
    .about-prove-card {
        padding: 0
    }
}

@media (min-width: 1440px) {
    .about-prove-card {
        padding: 1.5rem
    }
}

.about-prove-card__logo-container {
    border-radius: 50%;
    height: 11.2rem;
    margin: auto;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 11.2rem
}

@media (min-width: 1025px) {
    .about-prove-card__logo-container {
        height: 24%;
        width: 24%
    }
}

@media (min-width: 1440px) {
    .about-prove-card__logo-container {
        height: 11.2rem;
        width: 11.2rem
    }
}

.about-prove-card__logo-image {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.about-prove-card .ag-card-body-title {
    height: 6rem;
    margin: 1rem 0
}

.about-prove-section .about-prove-card {
    width: 30.8rem
}

@media (min-width: 1025px) {
    .about-prove-section .about-prove-card {
        width: auto
    }
}

.casino-review {
    overflow-x: hidden
}

.casino-review section {
    padding: 1.2rem 0;
    position: relative
}





@media (min-width: 769px) {
    .casino-review {
        overflow-x: clip
    }

    .casino-review__save-btn {
        display: block;
        margin: 2.4rem 0 4.8rem auto
    }
}

@media (min-width: 1025px) {
    .casino-review__wrapper {
        display: flex;
        justify-content: space-between
    }

    .review__wide-column {
        width: calc(100% - 53.2rem)
    }
}

.form-group {
    color: #707070;
    position: relative
}

.form-group--dislike i[class^=icon-]:before {
    color: #ebb78d
}

.textarea-has-icon i[class^=icon-] {
    font-size: 2rem;
    left: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.textarea-has-icon .form__label {
    left: 3.5rem
}

.textarea-has-icon .form__input {
    padding-left: 3.5rem
}

.form__label {
    font-size: 1.6rem;
    left: 1.4rem;
    margin: auto 0;
    position: absolute;
    top: 1.7rem;
    transition: transform .1s ease-out, font-size .1s ease-out, font-weight .1s ease-out;
    z-index: 1
}

.form__input {
    border: .1rem solid #c6c6c6;
    border-radius: .4rem;
    color: #1c1c1c;
    line-height: 2.2rem;
    outline: 0;
    padding: 1.6rem 4.4rem 1.6rem 1.2rem;
    position: relative;
    width: 100%
}

.form__input:focus {
    border-color: #2396f7
}

textarea.form__input {
    min-height: 5.6rem;
    resize: vertical
}

textarea.form__input:disabled {
    resize: none
}

.checkbox-group {
    display: flex
}

.checkbox-group:not(:last-child) {
    margin-bottom: 1.6rem
}

.checkbox-group--error + .form__help-text {
    color: #ff5562;
    display: block
}

.checkbox__label {
    cursor: pointer
}

.checkbox__input {
    cursor: pointer;
    flex-shrink: 0;
    height: 2.4rem;
    margin-right: .8rem;
    width: 2.4rem
}

.form-group__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form__input-count {
    margin-left: auto
}

.form__help-text {
    display: none;
    margin-left: 1rem
}

.focused .form__label {
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: left;
    top: 1.77rem;
    transform: translateY(-80%);
    width: 95%
}

.textarea-has-icon.focused .form__label {
    top: 1.22rem;
    width: 90%
}

.review-comment-form .focused .form__label {
    top: 1.2rem
}

.form--error:after, .form--success:after {
    font-family: ag-icons;
    font-size: 2rem;
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    z-index: 1
}

.form--success, .form--success .form__help-text {
    color: #55a270
}

.form--success .form__input {
    background-color: #e9f3ed;
    border-color: #55a270
}

.form--success .form__input:focus {
    border-color: #55a270
}

.form--success .form__label {
    background-color: #e9f3ed
}

.form--success:after {
    color: #55a270;
    content: ""
}

.form--error {
    color: #ff5562
}

.form--error .form__help-text {
    color: #ff5562;
    display: block
}

.form--error .form__input {
    background-color: #feefef;
    border-color: #ffa1a9
}

.form--error .form__input:focus {
    border-color: #ffa1a9
}

.form--error .form__label {
    background-color: #feefef
}

.form--error:after {
    color: #ff5562;
    content: ""
}

.form--error i[class^=icon-]:before {
    color: #ff5562
}

.form--disabled {
    color: #d9d9d9
}

.form--disabled .form__input, .form--disabled .form__label {
    background-color: #f5f5f5
}

.most-popular-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

@media (min-width: 1025px) {
    .most-popular-wrapper {
        overflow-x: visible
    }
}

.most-popular-wrapper .owl-item:first-child .col {
    padding-left: 0
}

.most-popular-wrapper .col {
    flex: 0 0 14.44rem;
    padding-left: .6rem;
    padding-right: .6rem
}

@media (min-width: 481px) {
    .most-popular-wrapper .col {
        flex: 0 0 14rem
    }
}

@media (min-width: 1025px) {
    .most-popular-wrapper .col {
        flex: 0 0 14.44rem
    }
}

@media (max-width: 1024px) {
    .most-popular-wrapper:after {
        content: "";
        flex: 0 0 1.6rem
    }
}

.most-popular {
    margin-bottom: 4rem
}

.most-popular.most-popular--promotion {
    padding-left: 0
}

@media (max-width: 1024px) {
    .most-popular.most-popular--promotion .most-popular-wrapper .col:first-child() {
        margin-left: 0
    }
}

.most-popular.most-popular--promotion .section-title {
    margin-left: 0
}

.most-popular .section-title {
    margin-bottom: 2.9rem
}

@media (max-width: 1024px) {
    .most-popular .section-title {
        margin-bottom: 2.2rem;
        margin-left: 1.6rem
    }
}

.popover__title {
    border-bottom: .1rem solid #ececec;
    color: #1c1c1c;
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: .8rem;
    padding-bottom: .8rem
}

.popover__content {
    max-height: 36rem;
    min-height: 8.1rem;
    overflow-y: scroll;
    width: 95%
}

.popover__content-text {
    color: #707070;
    display: block;
    margin-bottom: 1.2rem
}

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

.rating-ring {
    color: #1c1c1c;
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 700;
    height: 4rem;
    overflow: hidden;
    position: relative;
    width: 4rem
}

.rating-ring:after, .rating-ring:before {
    background-color: #edd34c;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 50%;
    width: 50%
}

.rating-ring:before {
    border-right: none;
    z-index: 2
}

.rating-ring:after {
    border-left: none;
    opacity: 0;
    transform: rotate(180deg);
    z-index: 3
}

.rating-icon {
    height: 4rem;
    width: 4rem
}

.rating-ring--small {
    background-color: #edd34c;
    border-radius: 50%;
    color: #1c1c1c;
    font-size: 1rem;
    font-weight: 600;
    height: 2.2rem;
    position: relative;
    width: 2.2rem
}

.rating-ring__number {
    z-index: 5
}

.rating-ring__background, .rating-ring__number {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.rating-ring__background {
    background-color: #fdef73;
    border-radius: 50%;
    height: 3.2rem;
    width: 3.2rem;
    z-index: 4
}

.rating-ring__mask {
    height: 100%;
    position: absolute;
    width: 100%
}

.rating-ring__mask:after, .rating-ring__mask:before {
    background-color: #fbe44c;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 50%;
    width: 50%
}

.rating-ring__mask:before {
    border-right: none;
    z-index: 3
}

.rating-ring__mask:after {
    border-left: none;
    transform: rotate(180deg);
    z-index: 1
}

.rating-info {
    align-items: flex-start;
    color: #1c1c1c;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    letter-spacing: .01rem;
    margin-left: .8rem
}

.rating-info__text {
    color: #707070;
    letter-spacing: .04rem
}

.rating-ring--green:after, .rating-ring--green:before {
    background-color: #88ba57;
    content: ""
}

.rating-ring--green .rating-ring__background {
    background-color: #c5df96
}

.rating-ring--green .rating-ring__mask:after, .rating-ring--green .rating-ring__mask:before {
    background-color: #9dcb6b
}

.rating-ring--small-green {
    background-color: #88ba57
}

.rating--1:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-1
}

@keyframes rota1-1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(3.6deg)
    }
}

.rating--2:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-2
}

@keyframes rota1-2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(7.2deg)
    }
}

.rating--3:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-3
}

@keyframes rota1-3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(10.8deg)
    }
}

.rating--4:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-4
}

@keyframes rota1-4 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(14.4deg)
    }
}

.rating--5:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-5
}

@keyframes rota1-5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(18deg)
    }
}

.rating--6:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-6
}

@keyframes rota1-6 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(21.6deg)
    }
}

.rating--7:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-7
}

@keyframes rota1-7 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(25.2deg)
    }
}

.rating--8:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-8
}

@keyframes rota1-8 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(28.8deg)
    }
}

.rating--9:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-9
}

@keyframes rota1-9 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(32.4deg)
    }
}

.rating--10:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-10
}

@keyframes rota1-10 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(36deg)
    }
}

.rating--11:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-11
}

@keyframes rota1-11 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(39.6deg)
    }
}

.rating--12:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-12
}

@keyframes rota1-12 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(43.2deg)
    }
}

.rating--13:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-13
}

@keyframes rota1-13 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(46.8deg)
    }
}

.rating--14:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-14
}

@keyframes rota1-14 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(50.4deg)
    }
}

.rating--15:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-15
}

@keyframes rota1-15 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(54deg)
    }
}

.rating--16:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-16
}

@keyframes rota1-16 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(57.6deg)
    }
}

.rating--17:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-17
}

@keyframes rota1-17 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(61.2deg)
    }
}

.rating--18:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-18
}

@keyframes rota1-18 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(64.8deg)
    }
}

.rating--19:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-19
}

@keyframes rota1-19 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(68.4deg)
    }
}

.rating--20:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-20
}

@keyframes rota1-20 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(72deg)
    }
}

.rating--21:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-21
}

@keyframes rota1-21 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(75.6deg)
    }
}

.rating--22:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-22
}

@keyframes rota1-22 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(79.2deg)
    }
}

.rating--23:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-23
}

@keyframes rota1-23 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(82.8deg)
    }
}

.rating--24:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-24
}

@keyframes rota1-24 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(86.4deg)
    }
}

.rating--25:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-25
}

@keyframes rota1-25 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(90deg)
    }
}

.rating--26:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-26
}

@keyframes rota1-26 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(93.6deg)
    }
}

.rating--27:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-27
}

@keyframes rota1-27 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(97.2deg)
    }
}

.rating--28:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-28
}

@keyframes rota1-28 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(100.8deg)
    }
}

.rating--29:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-29
}

@keyframes rota1-29 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(104.4deg)
    }
}

.rating--30:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-30
}

@keyframes rota1-30 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(108deg)
    }
}

.rating--31:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-31
}

@keyframes rota1-31 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.31turn)
    }
}

.rating--32:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-32
}

@keyframes rota1-32 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.32turn)
    }
}

.rating--33:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-33
}

@keyframes rota1-33 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.33turn)
    }
}

.rating--34:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-34
}

@keyframes rota1-34 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.34turn)
    }
}

.rating--35:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-35
}

@keyframes rota1-35 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(126deg)
    }
}

.rating--36:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-36
}

@keyframes rota1-36 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.36turn)
    }
}

.rating--37:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-37
}

@keyframes rota1-37 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.37turn)
    }
}

.rating--38:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-38
}

@keyframes rota1-38 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.38turn)
    }
}

.rating--39:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-39
}

@keyframes rota1-39 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.39turn)
    }
}

.rating--40:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-40
}

@keyframes rota1-40 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(144deg)
    }
}

.rating--41:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-41
}

@keyframes rota1-41 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.41turn)
    }
}

.rating--42:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-42
}

@keyframes rota1-42 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.42turn)
    }
}

.rating--43:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-43
}

@keyframes rota1-43 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(154.8deg)
    }
}

.rating--44:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-44
}

@keyframes rota1-44 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.44turn)
    }
}

.rating--45:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-45
}

@keyframes rota1-45 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(162deg)
    }
}

.rating--46:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-46
}

@keyframes rota1-46 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(165.6deg)
    }
}

.rating--47:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-47
}

@keyframes rota1-47 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.47turn)
    }
}

.rating--48:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-48
}

@keyframes rota1-48 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(172.8deg)
    }
}

.rating--49:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-49
}

@keyframes rota1-49 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(.49turn)
    }
}

.rating--50:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-50
}

.rating--50:after {
    animation-delay: .8s;
    animation-duration: 0s;
    animation-fill-mode: forwards;
    animation-name: rota2-50
}

@keyframes rota1-50 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-50 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(180deg)
    }
}

.rating--51:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-51
}

.rating--51:after {
    animation-delay: .8s;
    animation-duration: 16ms;
    animation-fill-mode: forwards;
    animation-name: rota2-51
}

@keyframes rota1-51 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-51 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.51turn)
    }
}

.rating--52:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-52
}

.rating--52:after {
    animation-delay: .8s;
    animation-duration: 32ms;
    animation-fill-mode: forwards;
    animation-name: rota2-52
}

@keyframes rota1-52 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-52 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.52turn)
    }
}

.rating--53:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-53
}

.rating--53:after {
    animation-delay: .8s;
    animation-duration: 48ms;
    animation-fill-mode: forwards;
    animation-name: rota2-53
}

@keyframes rota1-53 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-53 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.53turn)
    }
}

.rating--54:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-54
}

.rating--54:after {
    animation-delay: .8s;
    animation-duration: 64ms;
    animation-fill-mode: forwards;
    animation-name: rota2-54
}

@keyframes rota1-54 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-54 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.54turn)
    }
}

.rating--55:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-55
}

.rating--55:after {
    animation-delay: .8s;
    animation-duration: .08s;
    animation-fill-mode: forwards;
    animation-name: rota2-55
}

@keyframes rota1-55 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-55 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(198deg)
    }
}

.rating--56:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-56
}

.rating--56:after {
    animation-delay: .8s;
    animation-duration: 96ms;
    animation-fill-mode: forwards;
    animation-name: rota2-56
}

@keyframes rota1-56 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-56 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(201.6deg)
    }
}

.rating--57:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-57
}

.rating--57:after {
    animation-delay: .8s;
    animation-duration: .112s;
    animation-fill-mode: forwards;
    animation-name: rota2-57
}

@keyframes rota1-57 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-57 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.57turn)
    }
}

.rating--58:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-58
}

.rating--58:after {
    animation-delay: .8s;
    animation-duration: .128s;
    animation-fill-mode: forwards;
    animation-name: rota2-58
}

@keyframes rota1-58 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-58 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(208.8deg)
    }
}

.rating--59:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-59
}

.rating--59:after {
    animation-delay: .8s;
    animation-duration: .144s;
    animation-fill-mode: forwards;
    animation-name: rota2-59
}

@keyframes rota1-59 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-59 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.59turn)
    }
}

.rating--60:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-60
}

.rating--60:after {
    animation-delay: .8s;
    animation-duration: .16s;
    animation-fill-mode: forwards;
    animation-name: rota2-60
}

@keyframes rota1-60 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-60 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(216deg)
    }
}

.rating--61:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-61
}

.rating--61:after {
    animation-delay: .8s;
    animation-duration: .176s;
    animation-fill-mode: forwards;
    animation-name: rota2-61
}

@keyframes rota1-61 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-61 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.61turn)
    }
}

.rating--62:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-62
}

.rating--62:after {
    animation-delay: .8s;
    animation-duration: .192s;
    animation-fill-mode: forwards;
    animation-name: rota2-62
}

@keyframes rota1-62 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-62 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.62turn)
    }
}

.rating--63:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-63
}

.rating--63:after {
    animation-delay: .8s;
    animation-duration: .208s;
    animation-fill-mode: forwards;
    animation-name: rota2-63
}

@keyframes rota1-63 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-63 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.63turn)
    }
}

.rating--64:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-64
}

.rating--64:after {
    animation-delay: .8s;
    animation-duration: .224s;
    animation-fill-mode: forwards;
    animation-name: rota2-64
}

@keyframes rota1-64 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-64 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.64turn)
    }
}

.rating--65:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-65
}

.rating--65:after {
    animation-delay: .8s;
    animation-duration: .24s;
    animation-fill-mode: forwards;
    animation-name: rota2-65
}

@keyframes rota1-65 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-65 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(234deg)
    }
}

.rating--66:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-66
}

.rating--66:after {
    animation-delay: .8s;
    animation-duration: .256s;
    animation-fill-mode: forwards;
    animation-name: rota2-66
}

@keyframes rota1-66 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-66 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.66turn)
    }
}

.rating--67:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-67
}

.rating--67:after {
    animation-delay: .8s;
    animation-duration: .272s;
    animation-fill-mode: forwards;
    animation-name: rota2-67
}

@keyframes rota1-67 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-67 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(241.2deg)
    }
}

.rating--68:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-68
}

.rating--68:after {
    animation-delay: .8s;
    animation-duration: .288s;
    animation-fill-mode: forwards;
    animation-name: rota2-68
}

@keyframes rota1-68 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-68 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.68turn)
    }
}

.rating--69:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-69
}

.rating--69:after {
    animation-delay: .8s;
    animation-duration: .304s;
    animation-fill-mode: forwards;
    animation-name: rota2-69
}

@keyframes rota1-69 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-69 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(248.4deg)
    }
}

.rating--70:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-70
}

.rating--70:after {
    animation-delay: .8s;
    animation-duration: .32s;
    animation-fill-mode: forwards;
    animation-name: rota2-70
}

@keyframes rota1-70 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-70 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(252deg)
    }
}

.rating--71:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-71
}

.rating--71:after {
    animation-delay: .8s;
    animation-duration: .336s;
    animation-fill-mode: forwards;
    animation-name: rota2-71
}

@keyframes rota1-71 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-71 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.71turn)
    }
}

.rating--72:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-72
}

.rating--72:after {
    animation-delay: .8s;
    animation-duration: .352s;
    animation-fill-mode: forwards;
    animation-name: rota2-72
}

@keyframes rota1-72 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-72 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.72turn)
    }
}

.rating--73:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-73
}

.rating--73:after {
    animation-delay: .8s;
    animation-duration: .368s;
    animation-fill-mode: forwards;
    animation-name: rota2-73
}

@keyframes rota1-73 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-73 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.73turn)
    }
}

.rating--74:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-74
}

.rating--74:after {
    animation-delay: .8s;
    animation-duration: .384s;
    animation-fill-mode: forwards;
    animation-name: rota2-74
}

@keyframes rota1-74 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-74 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.74turn)
    }
}

.rating--75:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-75
}

.rating--75:after {
    animation-delay: .8s;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-name: rota2-75
}

@keyframes rota1-75 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-75 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(270deg)
    }
}

.rating--76:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-76
}

.rating--76:after {
    animation-delay: .8s;
    animation-duration: .416s;
    animation-fill-mode: forwards;
    animation-name: rota2-76
}

@keyframes rota1-76 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-76 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.76turn)
    }
}

.rating--77:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-77
}

.rating--77:after {
    animation-delay: .8s;
    animation-duration: .432s;
    animation-fill-mode: forwards;
    animation-name: rota2-77
}

@keyframes rota1-77 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-77 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.77turn)
    }
}

.rating--78:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-78
}

.rating--78:after {
    animation-delay: .8s;
    animation-duration: .448s;
    animation-fill-mode: forwards;
    animation-name: rota2-78
}

@keyframes rota1-78 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-78 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.78turn)
    }
}

.rating--79:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-79
}

.rating--79:after {
    animation-delay: .8s;
    animation-duration: .464s;
    animation-fill-mode: forwards;
    animation-name: rota2-79
}

@keyframes rota1-79 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-79 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(284.4deg)
    }
}

.rating--80:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-80
}

.rating--80:after {
    animation-delay: .8s;
    animation-duration: .48s;
    animation-fill-mode: forwards;
    animation-name: rota2-80
}

@keyframes rota1-80 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-80 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(288deg)
    }
}

.rating--81:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-81
}

.rating--81:after {
    animation-delay: .8s;
    animation-duration: .496s;
    animation-fill-mode: forwards;
    animation-name: rota2-81
}

@keyframes rota1-81 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-81 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.81turn)
    }
}

.rating--82:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-82
}

.rating--82:after {
    animation-delay: .8s;
    animation-duration: .512s;
    animation-fill-mode: forwards;
    animation-name: rota2-82
}

@keyframes rota1-82 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-82 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.82turn)
    }
}

.rating--83:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-83
}

.rating--83:after {
    animation-delay: .8s;
    animation-duration: .528s;
    animation-fill-mode: forwards;
    animation-name: rota2-83
}

@keyframes rota1-83 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-83 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(298.8deg)
    }
}

.rating--84:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-84
}

.rating--84:after {
    animation-delay: .8s;
    animation-duration: .544s;
    animation-fill-mode: forwards;
    animation-name: rota2-84
}

@keyframes rota1-84 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-84 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.84turn)
    }
}

.rating--85:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-85
}

.rating--85:after {
    animation-delay: .8s;
    animation-duration: .56s;
    animation-fill-mode: forwards;
    animation-name: rota2-85
}

@keyframes rota1-85 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-85 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(306deg)
    }
}

.rating--86:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-86
}

.rating--86:after {
    animation-delay: .8s;
    animation-duration: .576s;
    animation-fill-mode: forwards;
    animation-name: rota2-86
}

@keyframes rota1-86 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-86 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(309.6deg)
    }
}

.rating--87:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-87
}

.rating--87:after {
    animation-delay: .8s;
    animation-duration: .592s;
    animation-fill-mode: forwards;
    animation-name: rota2-87
}

@keyframes rota1-87 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-87 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.87turn)
    }
}

.rating--88:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-88
}

.rating--88:after {
    animation-delay: .8s;
    animation-duration: .608s;
    animation-fill-mode: forwards;
    animation-name: rota2-88
}

@keyframes rota1-88 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-88 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.88turn)
    }
}

.rating--89:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-89
}

.rating--89:after {
    animation-delay: .8s;
    animation-duration: .624s;
    animation-fill-mode: forwards;
    animation-name: rota2-89
}

@keyframes rota1-89 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-89 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(320.4deg)
    }
}

.rating--90:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-90
}

.rating--90:after {
    animation-delay: .8s;
    animation-duration: .64s;
    animation-fill-mode: forwards;
    animation-name: rota2-90
}

@keyframes rota1-90 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-90 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(324deg)
    }
}

.rating--91:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-91
}

.rating--91:after {
    animation-delay: .8s;
    animation-duration: .656s;
    animation-fill-mode: forwards;
    animation-name: rota2-91
}

@keyframes rota1-91 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-91 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.91turn)
    }
}

.rating--92:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-92
}

.rating--92:after {
    animation-delay: .8s;
    animation-duration: .672s;
    animation-fill-mode: forwards;
    animation-name: rota2-92
}

@keyframes rota1-92 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-92 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(331.2deg)
    }
}

.rating--93:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-93
}

.rating--93:after {
    animation-delay: .8s;
    animation-duration: .688s;
    animation-fill-mode: forwards;
    animation-name: rota2-93
}

@keyframes rota1-93 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-93 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.93turn)
    }
}

.rating--94:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-94
}

.rating--94:after {
    animation-delay: .8s;
    animation-duration: .704s;
    animation-fill-mode: forwards;
    animation-name: rota2-94
}

@keyframes rota1-94 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-94 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.94turn)
    }
}

.rating--95:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-95
}

.rating--95:after {
    animation-delay: .8s;
    animation-duration: .72s;
    animation-fill-mode: forwards;
    animation-name: rota2-95
}

@keyframes rota1-95 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-95 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(342deg)
    }
}

.rating--96:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-96
}

.rating--96:after {
    animation-delay: .8s;
    animation-duration: .736s;
    animation-fill-mode: forwards;
    animation-name: rota2-96
}

@keyframes rota1-96 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-96 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(345.6deg)
    }
}

.rating--97:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-97
}

.rating--97:after {
    animation-delay: .8s;
    animation-duration: .752s;
    animation-fill-mode: forwards;
    animation-name: rota2-97
}

@keyframes rota1-97 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-97 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.97turn)
    }
}

.rating--98:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-98
}

.rating--98:after {
    animation-delay: .8s;
    animation-duration: .768s;
    animation-fill-mode: forwards;
    animation-name: rota2-98
}

@keyframes rota1-98 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-98 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.98turn)
    }
}

.rating--99:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-99
}

.rating--99:after {
    animation-delay: .8s;
    animation-duration: .784s;
    animation-fill-mode: forwards;
    animation-name: rota2-99
}

@keyframes rota1-99 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-99 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(.99turn)
    }
}

.rating--100:before {
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota1-100
}

.rating--100:after {
    animation-delay: .8s;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-name: rota2-100
}

@keyframes rota1-100 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes rota2-100 {
    0% {
        opacity: 1;
        transform: rotate(180deg)
    }
    to {
        opacity: 1;
        transform: rotate(1turn)
    }
}

.review-intro, .review-intro__wrapper {
    margin-bottom: 2.4rem
}

.review-intro {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 2.4rem
}

.review-logo-overlay-img {
    position: absolute
}

.review-logo {
    border: .1rem solid #d9d9d9;
    border-radius: 50%;
    flex-shrink: 0;
    height: 9.6rem;
    justify-self: center;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 9.6rem
}

.review-intro__main {
    display: flex;
    flex-direction: column
}

h1.review-intro__title {
    font-size: 3.2rem;
    margin-bottom: 3.4rem;
    text-align: center
}

.review-intro__action {
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem
}

.review-intro__action .ag-btn-link {
    color: #707070;
    font-size: 1.2rem;
    margin-top: .8rem;
    order: 2
}

.review-download {
    color: #707070;
    margin-top: .8rem;
    order: 3;
    text-align: center
}

.review-intro-rating .rating-circle:not(:last-child) {
    margin-bottom: 1.6rem;
    margin-right: 2.4rem
}

.review-intro__text {
    color: #1c1c1c;
    display: inline-block
}

.review-intro__text a {
    color: inherit
}

.review-intro-info {
    border-bottom: .1rem solid #ececec;
    border-top: .1rem solid #ececec;
    color: #1c1c1c;
    font-size: 1.4rem;
    margin-bottom: 2.4rem;
    padding: .4rem 0
}

.review-intro-info__item {
    align-items: center;
    color: #1c1c1c;
    display: flex;
    margin: .6rem 0;
    text-decoration: none
}

.review-intro-info__item i[class^=icon-] {
    font-size: 2.4rem;
    margin-right: .4rem
}

@media (min-width: 481px) {
    .review-intro-info {
        margin-bottom: 1.6rem
    }

    .review-intro-info__item {
        margin-right: 1.6rem
    }

    .review-intro-info__item:first-child {
        flex-shrink: 0
    }
}

@media (min-width: 769px) {
    .review-intro__wrapper {
        margin-bottom: 1.6rem
    }

    .review-intro {
        justify-content: space-between;
        margin-bottom: 4.8rem;
        padding-top: 0
    }

    .review-intro, .review-intro__main {
        align-items: center;
        flex-direction: row
    }

    .review-logo {
        align-self: center;
        justify-self: left;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    h1.review-intro__title {
        align-self: center;
        margin-bottom: 0;
        margin-left: 2.4rem;
        margin-top: 0;
        text-align: left
    }

    .review-intro__action {
        align-items: center;
        flex-direction: row;
        margin-top: 0
    }

    .review-download {
        margin-left: 2rem;
        margin-top: 0
    }

    .review-intro__action .ag-btn-link {
        margin-right: 1.6rem;
        margin-top: 0;
        order: 1
    }

    .review-intro__action .primary-btn {
        order: 2
    }

    .review-intro-rating {
        display: flex;
        margin-left: 2.4rem;
        margin-top: 3.2rem
    }

    .review-intro-rating .rating-circle:not(:last-child) {
        margin-bottom: 0;
        margin-right: 4rem
    }

    .review-intro-info {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width: 1025px) {
    .review-logo {
        height: 15.6rem;
        width: 15.6rem
    }

    .review-intro__action {
        display: none
    }
}

.review-claim {
    background-color: #fff;
    border-radius: 1.2rem 1.2rem 0 0;
    bottom: 0;
    box-shadow: 0 -.2rem .4rem -.1rem rgba(0, 0, 0, .14), 0 -.4rem .5rem rgba(0, 0, 0, .1), 0 -.1rem 1rem rgba(0, 0, 0, .08);
    height: auto;
    left: 0;
    max-height: 9rem;
    padding: 3.2rem 1.6rem 1.6rem;
    position: fixed;
    transition: max-height .3s ease-out;
    width: 100%;
    z-index: 10
}

.review-claim--has-terms {
    max-height: 10rem
}

.review-claim--active {
    height: auto;
    max-height: 60rem;
    transition: max-height .3s ease-out
}

.review-claim__item {
    border: .1rem solid #ececec;
    border-radius: .8rem;
    padding: 1.6rem
}

.review-claim__item:not(.review-claim__item-welcome-bonus):not(:last-child) {
    margin-bottom: 1.6rem
}

.review-claim__item-top {
    margin-bottom: 1rem
}

.review-claim__header, .review-claim__item-top {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.review-claim__header-logo {
    height: 4.8rem;
    margin-right: 1.2rem;
    width: 4.8rem
}

.review-claim__body {
    margin-top: 1.6rem
}

.review-claim__rating {
    display: flex
}

.review-claim__rating-ring {
    display: none
}

.review-claim__welcome-bonus-text {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.review-claim__claim-money-btn {
    display: block;
    justify-content: center;
    width: 100%
}

.review-claim__claim-money-btn i[class^=icon-] {
    font-size: 1.3rem;
    margin-right: .1rem
}

.review-claim__claim-money-btn i[class^=icon-]:before {
    color: #fff
}

.review-claim__claim-money-btn--restricted {
    opacity: .38
}

.review-claim__ad-disclosure {
    background-color: transparent;
    margin-top: 1rem
}

.review-claim__claim-offer-btn, .review-claim__visit-casino-link {
    display: block;
    margin-bottom: 1rem;
    width: 100%
}

.review-claim__terms-link {
    display: inline-block;
    margin-bottom: 1.6rem
}

.review-claim__items-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem
}

.review-claim__save-btn {
    border-top: .1rem solid #ececec;
    justify-content: center;
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    width: 100%
}

.review-claim__trigger {
    height: .4rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: .5rem;
    transform: translateX(-50%);
    width: 3.6rem
}

.review-claim__trigger img {
    width: 3.6rem
}

@media (min-width: 481px) {
    .review-claim {
        left: 2rem;
        width: calc(100% - 4rem)
    }

    .review-claim__rating > :first-child {
        margin-right: 3.6rem
    }

    .review-claim__body {
        margin-top: 0
    }
}

@media (min-width: 769px) {
    .review-claim {
        left: 3.2rem;
        width: calc(100% - 6.4rem)
    }

    .review-claim__item-welcome-bonus {
        display: flex;
        justify-content: space-between
    }

    .review-claim__item-welcome-bonus > :first-child {
        margin-right: 1rem
    }
}

@media (max-width: 1024px) {
    .review-claim--active {
        max-height: 75%;
        overflow-y: scroll
    }

    .review-claim__footer {
        text-align: center
    }

    .review-claim__cta {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 1.6rem;
        width: 100%
    }

    .review-claim__cta > :first-child {
        margin-bottom: .6rem;
        width: 100%
    }

    .review-claim__cta .small-xx {
        color: #707070
    }

    .review-claim__rating {
        flex-direction: column
    }

    .review-claim__rating .rating-circle:nth-child(3) {
        margin-bottom: .4rem
    }
}

@media (min-width: 1025px) {
    .review-claim {
        align-self: flex-start;
        border-radius: 2.4rem;
        bottom: auto;
        box-shadow: 0 .8rem 1rem -.5rem rgba(0, 0, 0, .14), 0 1.6rem 2.4rem .2rem rgba(0, 0, 0, .1), 0 .6rem 3rem .5rem rgba(0, 0, 0, .08);
        left: auto;
        margin-bottom: 2.4rem;
        max-height: 100%;
        padding: 2.4rem;
        position: -webkit-sticky;
        position: sticky;
        top: 11rem;
        width: 48.3rem
    }

    .review-claim__item-welcome-bonus {
        display: block
    }

    .review-claim__item-welcome-bonus > :first-child {
        margin-right: 0
    }

    .review-claim__item {
        padding: 2.4rem
    }

    .review-claim__trigger {
        display: none
    }

    .review-claim__rating-ring {
        display: flex
    }

    .review-claim__rating-ring--small {
        display: none
    }

    .review-claim__items-wrapper {
        flex-direction: revert;
        justify-content: space-between
    }

    .review-claim__items-wrapper--no-bonus {
        justify-content: center
    }

    .review-claim__ad-disclosure {
        margin-top: 0
    }
}

.complaints-review {
    padding: 3.2rem 0
}

.complaints-review__stats {
    color: #707070;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .15rem;
    margin: 1.6rem 0
}

.complaints-review__stats-item {
    margin-bottom: 0;
    margin-right: 2.4rem
}

.complaints-review__stats-label {
    text-transform: uppercase
}

.complaints-review__stats-value {
    margin-top: .8rem
}

.complaints-review__no-complaints-text, .complaints-review__stats-value {
    color: #1c1c1c;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    line-height: 2.4rem
}

.complaints-review__no-complaints-text {
    margin: 3rem 0 4rem
}

.complaints-review__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.complaints-review__title-intro {
    margin-right: 2rem
}

.complaints-review__info-link {
    margin-bottom: 2.2rem
}

@media (min-width: 481px) {
    .complaints-review__info-link {
        margin-bottom: 3rem
    }
}

.complaints-review__info-links {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 480px) {
    .slider-cards .complaints-review__no-complaints-text, .slider-cards .complaints-review__stats {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

.review-details-section .tab-slider-container {
    border-bottom: .01rem solid #ececec;
    height: auto;
    padding-bottom: 3.4rem;
    visibility: visible
}

.review-details-section .tab-slider-tabs {
    background-color: transparent;
    display: block;
    overflow: auto;
    white-space: nowrap
}

.review-details-section .tab-slider-body {
    display: flex;
    flex-direction: column
}

.review-details-section .tab-slider-tabs li {
    border-radius: .6rem;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 .4rem;
    padding: .8rem 1.2rem;
    width: auto
}

.review-details-section .tab-slider-tabs li.active {
    background-color: #d9d9d9
}

.review-details-section .tab-slider-tabs li:first-child {
    margin-left: 0
}

.review-details-section .tab-slider-tabs li:last-child {
    margin-right: 0
}

.review-details-wrapper {
    color: #707070;
    font-size: 1.6rem;
    margin-bottom: 1.2rem
}

.review-details-wrapper:last-child {
    margin-bottom: 0
}

.review-details__item {
    margin-bottom: 1.2rem
}

.review-details__item:last-child {
    margin-bottom: 0
}

.review-details__title {
    color: #1c1c1c;
    font-weight: 600;
    letter-spacing: .015rem;
    line-height: 2.4rem
}

.review-details__title i[class^=icon-] {
    font-size: 2.1rem;
    vertical-align: middle
}

.review-details__title span {
    display: inline-block;
    margin-left: 1.8rem;
    vertical-align: middle
}

.review-details__text {
    letter-spacing: .05rem;
    line-height: 2.4rem;
    padding-left: 4.4rem
}

.review-details__text span {
    display: block
}

.review-details__text span:before {
    color: #1c1c1c;
    content: "";
    font-family: ag-icons;
    margin-right: 1.5rem;
    vertical-align: top
}

.review-details__action {
    display: flex;
    margin-top: 2rem;
    padding: 0 .6rem
}

.restricted-countries, .restricted-countries__list {
    color: #707070;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.restricted-countries li, .restricted-countries__list li {
    margin-bottom: 0
}

.restricted-countries li:after, .restricted-countries__list li:after {
    content: ", "
}

.restricted-countries li.open:after, .restricted-countries li:last-child:after, .restricted-countries__list li.open:after, .restricted-countries__list li:last-child:after {
    display: none
}

.restricted-countries {
    display: flex
}

.restricted-countries__list {
    display: none
}

.open .restricted-countries__list {
    display: flex;
    padding-left: 2.2rem
}

.toggle-countries {
    background-color: transparent;
    color: #707070;
    padding: .01rem 0;
    text-decoration: underline
}

.open .toggle-countries {
    font-weight: 600;
    text-decoration: solid
}

.open .toggle-countries:before {
    content: "";
    display: inline-block;
    font-family: ag-icons;
    margin-right: .5rem;
    vertical-align: top
}

.open .resriced-counries__count {
    display: none
}

@media (min-width: 769px) {
    .review-details-section .tab-slider-tabs {
        display: inline-flex
    }

    .review-details-section .tab-slider-tabs li {
        display: block
    }

    .review-details-section .tab-slider-body {
        flex-direction: row;
        justify-content: space-between
    }

    .review-details-section .tab-slider-tabs li {
        font-size: 1.6rem
    }

    .review-details-wrapper {
        margin-bottom: 0;
        width: 48%
    }

    .review-details__action {
        margin-top: 3.4rem;
        padding: 0 2.2rem
    }
}

.review-list-action, .review-list__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.review-list-action {
    border-bottom: .1rem solid #ececec;
    padding-bottom: 1.4rem
}

.review-sort {
    align-items: center;
    color: #707070;
    display: flex;
    font-size: 1.4rem;
    position: relative
}

.button-sort, .review-sort .border-light-btn {
    text-transform: capitalize
}

.button-sort {
    background-color: transparent;
    border: .1rem solid #c6c6c6;
    border-radius: 2.4rem;
    color: #707070;
    font-weight: 600;
    line-height: 2rem;
    margin-left: .8rem;
    padding: .4rem 1.2rem
}

.button-sort:after {
    content: "";
    font-family: ag-icons;
    margin-left: 1rem;
    vertical-align: middle
}

.review-dropdown-list {
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 .2rem .4rem -.1rem rgba(0, 0, 0, .14), 0 .4rem .5rem rgba(0, 0, 0, .1), 0 .1rem 1rem rgba(0, 0, 0, .08);
    color: #707070;
    display: none;
    font-size: 1.4rem;
    left: 5.2rem;
    padding: .8rem 0;
    position: absolute;
    top: 3.2rem;
    width: 19.2rem;
    z-index: 11
}

.review-comment-action-menu {
    color: #707070;
    font-size: 2rem;
    margin-left: auto
}

.review-dropdown__item {
    background-color: transparent;
    color: #707070;
    cursor: pointer;
    line-height: 2rem;
    padding: 1.1rem 1.6rem;
    text-align: left;
    text-decoration: none
}

.review-dropdown__item:hover {
    background-color: #e8f4fe;
    color: #1c1c1c
}

.dropdown-list-open {
    display: flex;
    flex-direction: column
}

.review-list-wrapper {
    position: relative
}

.review-list-item {
    border-bottom: .1rem solid #ececec;
    padding: 3.4rem 0 2.4rem
}

.review-list-item__head {
    align-items: center;
    display: flex
}

.review-list-item__head .rating-circle {
    margin-left: auto
}

.review-user {
    color: #707070;
    display: flex;
    font-size: 1.4rem;
    font-weight: 400
}

.review-user-avatar {
    border-radius: 50%;
    height: 4rem;
    margin-right: .8rem;
    overflow: hidden;
    position: relative;
    width: 4rem
}

.review-username {
    color: #1c1c1c;
    font-weight: 700
}

.review-user-info span:before {
    background-color: #c6c6c6;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .4rem;
    margin: 0 .5rem;
    vertical-align: middle;
    width: .4rem
}

.review-date {
    color: #1c1c1c
}

.review-comment__text {
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 1.6rem;
    overflow: hidden
}

.review-reply .review-comment__text {
    -webkit-line-clamp: none;
    display: flex;
    overflow: visible
}

.review-comment__text:before {
    display: inline-block;
    font-family: ag-icons;
    margin-right: .8rem;
    vertical-align: bottom
}

.review-comment__text--pros:before {
    color: #55a270;
    content: ""
}

.review-comment__text--cons:before {
    color: #ff5562;
    content: ""
}

.review-comment-action {
    align-items: center;
    display: flex;
    margin-top: 3.2rem;
    position: relative
}

.review-comment-action .button--link {
    color: #707070;
    font-size: 1.4rem;
    letter-spacing: .01rem;
    line-height: 2rem
}

.review-comment-action .button--link:active, .review-comment-action .button--link:focus, .review-comment-action .button--link:hover {
    color: #707070
}

.review-comment-action .review-comment-action__item--active, .review-comment-action .review-comment-action__item--active i[class^=icon-]:before, .review-comment-action .review-comment-action__item--active:hover {
    color: #55a270
}

.review-comment-action__item {
    margin: 0 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s ease
}

.review-comment-action__item i[class^=icon-] {
    margin-right: 1rem
}

.review-comment-action__item i[class^=icon-]:before {
    color: #707070
}

.review-comment-form-wrapper {
    position: relative
}

.review-comment-form {
    background-color: #ececec;
    border-radius: .6rem;
    display: none;
    margin-top: 2.4rem;
    padding: 1.6rem
}

.review-comment-form .review-user {
    margin-bottom: 1.6rem
}

.review-disclaimer {
    display: flex;
    flex-direction: column;
    margin-top: 1.2rem
}

.review-disclaimer__text {
    color: #707070;
    font-size: 1.2rem;
    letter-spacing: .03rem;
    line-height: 1.5rem
}

.review-disclaimer__action {
    margin: .8rem 0 0 auto
}

.review-reply-list {
    position: relative
}

.review-reply {
    margin-top: 2.8rem
}

.review__load-reply {
    margin-top: 3.4rem
}

@media (min-width: 769px) {
    .review-comment__text {
        -webkit-line-clamp: 4
    }

    .review-comment {
        margin-left: 5rem
    }

    .review-comment__text {
        margin-bottom: 2.4rem
    }

    .review-comment-action {
        margin-top: 2.2rem
    }

    .review-disclaimer {
        align-items: flex-start;
        flex-direction: row
    }

    .review-disclaimer__text {
        width: 70%
    }

    .review-disclaimer__action {
        margin: 0 0 0 auto
    }
}

.review-media {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.review-media__video {
    cursor: pointer;
    height: 27.7rem;
    position: relative;
    width: 67.2%
}

.review-media__image {
    cursor: pointer;
    height: 27.7rem;
    width: 31.8%
}

.review-media__image.lazy, .review-media__video.lazy {
    background-image: none !important
}

.review-media__video-youtube-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
    z-index: 1
}

.review-pros-cons-col {
    color: #1c1c1c;
    display: flex;
    flex-direction: column;
    text-align: left
}

.review-pros-cons__title {
    display: block;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: .6rem
}

.review-pros-cons-wrapper {
    margin-bottom: 2.4rem
}

.review-pros-cons__list {
    list-style: none
}

.review-pros-cons__list-item {
    display: flex;
    line-height: 2.4rem;
    margin-bottom: .6rem
}

.review-pros-cons__list-item:last-child {
    margin-bottom: 0
}

.review-pros-cons__list-item:before {
    color: #707070;
    font-family: ag-icons;
    margin-right: 1.2rem
}

.review-pros-cons__list-item--pros:before {
    content: ""
}

.review-pros-cons__list-item--cons:before {
    content: ""
}

@media (min-width: 481px) {
    .review-pros-cons-col {
        flex-direction: row;
        justify-content: space-between
    }

    .review-pros-cons-wrapper {
        margin-bottom: 0;
        width: 50%
    }
}

@media (min-width: 1025px) {
    .review-pros-cons-col {
        align-items: flex-start
    }

    .review-pros-cons-wrapper {
        width: 45%
    }
}

.review-restricted-section {
    background-color: #faeee4;
    padding: 1.4rem 0 2.8rem
}

.review-restricted-section .ag-card {
    margin-bottom: 0
}

.review-restricted__text {
    align-items: center;
    color: #db8037;
    display: flex;
    font-size: 1.4rem;
    letter-spacing: .04rem;
    line-height: 2rem;
    margin-bottom: 1.6rem
}

.review-restricted__text:before {
    content: "";
    font-family: ag-icons;
    font-size: 2rem;
    margin-right: 2.6rem
}

@media (max-width: 480px) {
    .slider-cards .review-restricted__text {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media (min-width: 1025px) {
    .review-restricted-section {
        padding: 1.6rem 0 4.8rem
    }
}

.select {
    text-align: left;
    width: 100%
}

.select.selected .select__trigger {
    padding: .3rem 4rem .3rem 1.2rem
}

.select.selected .select__label {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: .01rem
}

.select__label {
    color: #707070;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    line-height: 2.4rem;
    transition: transform .1s ease-out, font-size .1s ease-out, font-weight .1s ease-out
}

.select__trigger {
    background-color: #fff;
    border: .1rem solid #c6c6c6;
    border-radius: .4rem;
    height: 5.6rem;
    padding: 1.5rem 4rem 1.5rem 1.2rem;
    position: relative;
    text-align: left;
    transition: .3s ease;
    width: 100%
}

.select__trigger.active {
    border: .1rem solid #2396f7
}

.select__trigger.active i[class^=icon-] {
    transform: rotate(-180deg) translateY(50%)
}

.select__trigger i[class^=icon-] {
    color: #707070;
    cursor: pointer;
    font-size: 1.6rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%)
}

.select__trigger--searchable {
    align-items: center;
    display: flex
}

.select__trigger-wrapper {
    width: 100%
}

.select__input {
    border: 0;
    color: #707070;
    display: none;
    outline: none;
    width: 100%
}

.select__options {
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 .2rem .4rem -.1rem rgba(0, 0, 0, .014), 0 .4rem .5rem rgba(0, 0, 0, .1), 0 .1rem 1rem rgba(0, 0, 0, .008);
    display: none;
    list-style: none;
    margin: 0;
    max-height: 22.6rem;
    overflow-y: scroll;
    padding: .8rem 0
}

.select__options.active {
    display: block
}

.select__option {
    align-items: center;
    background-color: #fff;
    color: #707070;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    letter-spacing: .04rem;
    line-height: 2rem;
    margin-bottom: 0;
    padding: 1.1rem 1.6rem;
    transition: .3s ease
}

.select__option:hover {
    background-color: #e8f4fe;
    color: #1c1c1c
}

.select__option--selected {
    color: #1c1c1c;
    display: block;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    line-height: 2.4rem
}

.select__option--selected.active {
    display: block
}

.select__option-image {
    border-radius: 50%;
    flex-shrink: 0;
    height: 1.6rem;
    margin-right: 2rem;
    width: 1.6rem
}

.select__option-image--selected {
    height: 3rem;
    margin-right: 1rem;
    width: 3rem
}

.tab-slider-nav {
    margin-bottom: 2.6rem;
    padding: 0 .6rem
}

@media (min-width: 481px) {
    .tab-slider-nav {
        padding: 0
    }
}

.tab-slider-tabs {
    background: #d9d9d9;
    border-radius: 6px;
    display: inline-flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    max-width: 52.6rem;
    padding: .2rem;
    position: relative;
    width: 100%
}

@media (min-width: 481px) {
    .complaint-latest-section .tab-slider-tabs {
        width: 37.4rem
    }
}

@media (min-width: 769px) {
    .tab-slider-tabs {
        max-width: 100%;
        width: auto
    }
}

.complaint-latest-section .tab-slider-tabs {
    background: 0 0
}

.tab-slider-tabs li {
    width: 33.22%
}

@media (min-width: 769px) {
    .tab-slider-tabs li {
        width: 17.4rem
    }
}

.complaint-latest-section .tab-slider-tabs li {
    color: #fff
}

.complaint-latest-section .tab-slider-tabs li + .active {
    color: #378c57
}

.tab-slider-trigger {
    color: #1c1c1c;
    font-size: 1.4rem;
    line-height: 1.25;
    margin-bottom: 0;
    overflow: hidden;
    padding: .6rem 1.6rem;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    z-index: 1
}

.tab-slider-trigger:hover {
    cursor: pointer
}

.complaint-latest-section .tab-slider-trigger {
    padding: .8rem 0
}

.tab-slider-background {
    background: #fff;
    border-radius: 4px;
    height: calc(100% - .4rem);
    position: absolute;
    top: .2rem;
    transition: transform .7s cubic-bezier(.1, .67, .29, .98);
    z-index: 0
}

.complaint-latest-section .tab-slider-background {
    width: 25%
}

@media (min-width: 481px) {
    .complaint-latest-section .tab-slider-background {
        margin: 0 .9rem;
        width: 20%
    }
}

.tab-slider-container {
    overflow: hidden
}

@media (min-width: 768px) {
    .tab-slider-container {
        height: 100px;
        margin: 0 -2.2rem;
        position: relative;
        visibility: hidden
    }

    .about-prove-section .tab-slider-container, .complaint-latest-section .tab-slider-container {
        height: auto;
        visibility: visible
    }
}

.latest-bonuses .tab-slider-container {
    text-align: left
}

@media (min-width: 769px) {
    .latest-bonuses .tab-slider-container {
        text-align: center
    }
}

.best-new-slot .tab-slider-container {
    text-align: left
}

.tab-slider-scroller {
    display: flex;
    flex-wrap: nowrap;
    transition: transform .7s cubic-bezier(.1, .67, .29, .98)
}

.tab-slider-body {
    flex-shrink: 0;
    padding: 0 .6rem;
    width: 100%
}

@media (min-width: 481px) {
    .tab-slider-body {
        padding: 0
    }
}

@media (min-width: 768px) {
    .tab-slider-body {
        padding: 0 2.2rem
    }
}

.tab-slider-body-content {
    position: relative
}

.tab-slider-body .ag-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.mobile-slider-cards .tab-slider-body .ag-cards-wrapper {
    flex-wrap: nowrap
}

@media (min-width: 481px) {
    .mobile-slider-cards .tab-slider-body .ag-cards-wrapper {
        flex-wrap: wrap;
        overflow: visible
    }
}

.about-prove-section .tab-slider-body .ag-cards-wrapper {
    display: flex;
    flex-wrap: nowrap
}

@media (min-width: 1025px) {
    .about-prove-section .tab-slider-body .ag-cards-wrapper {
        flex-wrap: wrap;
        overflow: visible
    }
}

@media (min-width: 769px) {
    .tab-slider-body .ag-cards-wrapper {
        display: block
    }
}

.tab-slider-body .ag-cards-wrapper .col:nth-child(1n+5) {
    display: none
}

.author-posts-section .tab-slider-body .ag-cards-wrapper .col:nth-child(1n+5) {
    display: block
}

@media (min-width: 1025px) {
    .tab-slider-body .ag-cards-wrapper .col:nth-child(1n+5) {
        display: block
    }
}

.about-prove-section .tab-slider-body .ag-cards-wrapper .col:nth-child(1n+2), .complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(-n+2), .mobile-slider-cards .tab-slider-body .ag-cards-wrapper .col:nth-child(1n+5) {
    display: block
}

.complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(n+3) {
    display: none
}

@media (min-width: 481px) {
    .complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(-n+6) {
        display: block
    }

    .complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(n+7) {
        display: none
    }
}

@media (min-width: 1024px) {
    .complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(-n+10) {
        display: block
    }

    .complaint-latest-section .tab-slider-body .ag-cards-wrapper .col:nth-child(n+11) {
        display: none
    }
}

@media (min-width: 768px) {
    .owl-loaded {
        height: auto;
        visibility: visible
    }
}

.owl-loaded .owl-loader {
    display: none
}

.title-intro {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.2rem
}

.title-intro__link {
    color: inherit;
    position: relative
}

.title-intro__link:hover {
    text-decoration: none
}

.title-intro__image {
    margin-right: 1.8rem;
    width: 4.9rem
}

.title-intro__text {
    flex-basis: 100%;
    margin-top: 2.2rem
}

@media (min-width: 481px) {
    .title-intro {
        flex-wrap: nowrap;
        margin-bottom: 3rem
    }

    .title-intro__link:after {
        content: "";
        font-family: ag-icons;
        margin-left: 1.5rem;
        position: absolute
    }

    .title-intro__image {
        margin-right: 3.4rem;
        width: 8.6rem
    }

    .title-intro__content {
        display: flex;
        flex-direction: column
    }

    .title-intro__text {
        flex-basis: auto;
        margin-top: .4rem
    }
}