@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap";
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon:before
{
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle
{
    margin-left: -4px;
    position: absolute;
    width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after
{
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
{
    border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle
{
    top: 0;
    margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after
{
    border-top: none;
    border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after
{
    top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before
{
    top: -1px;
    border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle
{
    bottom: 0;
    margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after
{
    border-bottom: none;
    border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after
{
    bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before
{
    bottom: -1px;
    border-top-color: #aeaeae;
}
.react-datepicker-wrapper
{
    display: inline-block;
    padding: 0;
    border: 0;
}
.react-datepicker
{
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle
{
    left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container
{
    border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box
{
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
.react-datepicker__triangle
{
    position: absolute;
    left: 50px;
}
.react-datepicker-popper
{
    z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom]
{
    padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle
{
    left: auto;
    right: 50px;
}
.react-datepicker-popper[data-placement^=top]
{
    padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right]
{
    padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle
{
    left: auto;
    right: 42px;
}
.react-datepicker-popper[data-placement^=left]
{
    padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle
{
    left: 42px;
    right: auto;
}
.react-datepicker__header
{
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
}
.react-datepicker__header--time
{
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only)
{
    border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select)
{
    border-top-right-radius: .3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll
{
    display: inline-block;
    margin: 0 15px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header
{
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem;
}
.react-datepicker-time__header
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.react-datepicker__navigation
{
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden;
}
.react-datepicker__navigation--previous
{
    left: 2px;
}
.react-datepicker__navigation--next
{
    right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button)
{
    right: 85px;
}
.react-datepicker__navigation--years
{
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__navigation--years-previous
{
    top: 4px;
}
.react-datepicker__navigation--years-upcoming
{
    top: -4px;
}
.react-datepicker__navigation:hover *:before
{
    border-color: #a6a6a6;
}
.react-datepicker__navigation-icon
{
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0;
}
.react-datepicker__navigation-icon--next
{
    left: -2px;
}
.react-datepicker__navigation-icon--next:before
{
    transform: rotate(45deg);
    left: -7px;
}
.react-datepicker__navigation-icon--previous
{
    right: -2px;
}
.react-datepicker__navigation-icon--previous:before
{
    transform: rotate(225deg);
    right: -7px;
}
.react-datepicker__month-container
{
    float: left;
}
.react-datepicker__year
{
    margin: .4rem;
    text-align: center;
}
.react-datepicker__year-wrapper
{
    display: flex;
    flex-wrap: wrap;
    max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text
{
    display: inline-block;
    width: 4rem;
    margin: 2px;
}
.react-datepicker__month
{
    margin: .4rem;
    text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text
{
    display: inline-block;
    width: 4rem;
    margin: 2px;
}
.react-datepicker__input-time-container
{
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container
{
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input
{
    display: inline-block;
    margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input
{
    width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]
{
    -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter
{
    margin-left: 5px;
    display: inline-block;
}
.react-datepicker__time-container
{
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}
.react-datepicker__time-container--with-today-button
{
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -87px;
    top: 0;
}
.react-datepicker__time-container .react-datepicker__time
{
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box
{
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list
{
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item
{
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover
{
    cursor: pointer;
    background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected
{
    background-color: #216ba5;
    color: #fff;
    font-weight: 700;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover
{
    background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled
{
    color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover
{
    cursor: default;
    background-color: transparent;
}
.react-datepicker__week-number
{
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable
{
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover
{
    border-radius: .3rem;
    background-color: #f0f0f0;
}
.react-datepicker__day-names, .react-datepicker__week
{
    white-space: nowrap;
}
.react-datepicker__day-names
{
    margin-bottom: -8px;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name
{
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text
{
    cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover
{
    border-radius: .3rem;
    background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today
{
    font-weight: 700;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted
{
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover
{
    background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1
{
    color: #f0f;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2
{
    color: #008000;
}
.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays
{
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay
{
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .3s ease-in-out;
}
.react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover
{
    background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay
{
    visibility: visible;
    opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range
{
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover
{
    background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected
{
    border-radius: .3rem;
    background-color: #bad9f1;
    color: #000;
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover
{
    background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)
{
    background-color: #216ba580;
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range)
{
    background-color: #f0f0f0;
    color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled
{
    cursor: default;
    color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover
{
    background-color: transparent;
}
.react-datepicker__input-container
{
    position: relative;
    display: inline-block;
    width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon
{
    position: absolute;
    padding: .5rem;
    box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input
{
    padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view
{
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover
{
    cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow
{
    border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow
{
    transform: rotate(135deg);
    right: -16px;
    top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown
{
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover
{
    cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable
{
    height: 150px;
    overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option
{
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type
{
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover
{
    background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming
{
    border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous
{
    border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected
{
    position: absolute;
    left: 15px;
}
.react-datepicker__close-icon
{
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.react-datepicker__close-icon:after
{
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×";
}
.react-datepicker__today-button
{
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left;
}
.react-datepicker__portal
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #000c;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name
{
    width: 3rem;
    line-height: 3rem;
}
@media(max-width: 400px),(max-height: 550px)
{
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name
    {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header
{
    font-size: 1.44rem;
}
.react-datepicker__children-container
{
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto;
}
.react-datepicker__aria-live
{
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
}
.react-datepicker__calendar-icon
{
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
}
@font-face
{
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal;
}
:root
{
    --swiper-theme-color: #007aff;
}
:host
{
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical>.swiper-wrapper
{
    flex-direction: column;
}
.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper
{
    transform: translateZ(0);
}
.swiper-horizontal
{
    touch-action: pan-y;
}
.swiper-vertical
{
    touch-action: pan-x;
}
.swiper-slide
{
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank
{
    visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide
{
    height: auto;
}
.swiper-autoheight .swiper-wrapper
{
    align-items: flex-start;
    transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide
{
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper
{
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper
{
    transform-style: preserve-3d;
}
.swiper-3d
{
    perspective: 1200px;
}
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow
{
    transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper
{
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar
{
    display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper
{
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper
{
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper
{
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before
{
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide
{
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child
{
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before
{
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child
{
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before
{
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow
{
    background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left
{
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right
{
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top
{
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom
{
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader
{
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white
{
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black
{
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
:root
{
    --swiper-navigation-size: 44px;
}
.swiper-button-prev, .swiper-button-next
{
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled
{
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden
{
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next
{
    display: none!important;
}
.swiper-button-prev svg, .swiper-button-next svg
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg
{
    transform: rotate(180deg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next
{
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto;
}
.swiper-button-lock
{
    display: none;
}
.swiper-button-prev:after, .swiper-button-next:after
{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
{
    content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev
{
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
{
    content: "next";
}
.swiper-pagination
{
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden
{
    opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled
{
    display: none!important;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal
{
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic
{
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transform: scale(.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
    transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
    transform: scale(.33);
}
.swiper-pagination-bullet
{
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}
button.swiper-pagination-bullet
{
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}
.swiper-pagination-bullet:only-child
{
    display: none!important;
}
.swiper-pagination-bullet-active
{
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets
{
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block;
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    display: inline-block;
    transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    transition: .2s transform,.2s right;
}
.swiper-pagination-fraction
{
    color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar
{
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite
{
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
}
.swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite
{
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock
{
    display: none;
}
.owl-carousel
{
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage
{
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer
{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item
{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item
{
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img
{
    display: block;
    width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled
{
    display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot
{
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot
{
    background: none;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-carousel.owl-loaded
{
    display: block;
}
.owl-carousel.owl-loading
{
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden
{
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item
{
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab
{
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl
{
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item
{
    float: right;
}
.no-js .owl-carousel
{
    display: block;
}
.owl-carousel .animated
{
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in
{
    z-index: 0;
}
.owl-carousel .owl-animated-out
{
    z-index: 1;
}
.owl-carousel .fadeOut
{
    animation-name: fadeOut;
}
@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
.owl-height
{
    transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy
{
    opacity: 0;
    transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src])
{
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy
{
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper
{
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon
{
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/assets/owl.video.play-04360456.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover
{
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon
{
    display: none;
}
.owl-carousel .owl-video-tn
{
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame
{
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.owl-theme .owl-nav
{
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-]
{
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover
{
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled
{
    opacity: .5;
    cursor: default;
}
.owl-theme .owl-nav.disabled+.owl-dots
{
    margin-top: 10px;
}
.owl-theme .owl-dots
{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot
{
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span
{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
    background: #869791;
}
@font-face
{
    font-family: Anja;
    src: url(/fonts/anja.woff2) format("woff2"),url(/fonts/anja.woff) format("woff"),url(/fonts/anja.eot?) format("eot"),url(/fonts/anja.svg) format("svg"),url(/fonts/anja.ttf) format("truetype");
    font-weight: 400!important;
    font-style: normal!important;
}
:root
{
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #ffffffde;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    position: absolute;
    left: 0;
    top: 0;
    --BGColor-Var: #13161f;
    --BarColor-Var: #20222f;
    --LogoWhiteColor-Var: #fff;
    --MainTextColor-Var: #fff;
    --BGMenu-Var: #252935;
    --IconYPos-Var: 0px;
    --IconYPos-Var_L2: -80px;
    --BGAccordion-Var: #2b3340;
    --BorderColorAc-Var: #3c4350;
    --BGColorIcon-Var: #23293b;
    --BGTransColor-Var: rgba(19,22,31,.5);
    --BGBoxes-Var: #13161f;
    --Img_CDS-Var: url(/images/mro-casino-cds_d_mode-instant-withdrawals.svg);
    --Img_RTG-Var: url(/images/mro-casino-rtg-logo_d_mode-instant-withdrawals.svg);
    --BG_DepMet: url(/images/mro-casino-dep-metods-instant-withdrawals.svg);
}
#LoadingPage
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 40px;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000000000000000000000000000;
    background-color: var(--BGColor-Var);
}
#LoadingPage.FadeLoading
{
    animation-delay: 10s;
    animation-duration: .5s;
    animation-name: Fade_Preloader;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
#LoadingPage #LogoPreloader
{
    display: block;
    width: 180px;
    height: 100px;
    position: relative;
}
#LoadingPage #LogoPreloader #PLogo
{
    display: block;
    width: 180px;
    height: 100px;
    transition: all .5s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    background-color: greenred;
}
#LoadingPage #LogoPreloader .Fill_White
{
    fill: var(--LogoWhiteColor-Var);
    transition: all .5s ease-in-out;
}
#LoadingPage #LogoPreloader .Fill_Blue
{
    fill: #0477fe;
    transition: all .5s ease-in-out;
}
@media only screen and (min-width: 0) and (max-width: 660px)
{
    #LoadingPage #LogoPreloader
    {
        transform: scale(.7);
    }
}
@media only screen and (min-width: 0) and (max-width: 900px)
{
    #LoadingPage
    {
        padding: 20px 30px;
    }
}
#LoadingData
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    position: relative;
}
#LoadingData.FadeLoading
{
    animation-delay: 10s;
    animation-duration: .5s;
    animation-name: Fade_Preloader;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
#LoadingData p
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 600;
}
#LoadingData #LogoPreloader
{
    display: block;
    width: 180px;
    height: 100px;
    position: relative;
}
#LoadingData #LogoPreloader #PLogo
{
    display: block;
    width: 180px;
    height: 100px;
    transition: all .5s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    background-color: greenred;
}
#LoadingData #LogoPreloader .Fill_White
{
    fill: var(--LogoWhiteColor-Var);
    transition: all .5s ease-in-out;
}
#LoadingData #LogoPreloader .Fill_Blue
{
    fill: #0477fe;
    transition: all .5s ease-in-out;
}
@media only screen and (min-width: 0) and (max-width: 660px)
{
    #LoadingData #LogoPreloader
    {
        transform: scale(.7);
    }
}
#HaloBlue
{
    animation-duration: .6s;
    animation-iteration-count: infinite;
    animation-name: Ani_Alo;
    animation-timing-function: linear;
    transform-origin: 128.2px 49.95px;
}
#L_M
{
    animation-duration: .6s;
    animation-iteration-count: infinite;
    animation-name: Ani_M;
    animation-timing-function: linear;
    transform-origin: 128.2px 49.95px;
}
#L_R
{
    animation-duration: .6s;
    animation-delay: .2s;
    animation-iteration-count: infinite;
    animation-name: Ani_M;
    animation-timing-function: linear;
    transform-origin: 128.2px 49.95px;
}
#L_OC
{
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: Ani_OC;
    animation-timing-function: linear;
    transform-origin: 128.2px 49.95px;
}
@media only screen and (min-width: 0) and (max-width: 900px)
{
    #LoadingData
    {
        padding: 20px 30px;
    }
}
@keyframes Ani_Alo
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes Ani_M
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-10px);
    }
    to
    {
        transform: translateY(0);
    }
}
@keyframes Ani_OC
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(.5);
    }
    to
    {
        transform: scale(1);
    }
}
@keyframes Fade_Out
{
    0%
    {
        opacity: 1;
    }
    50%
    {
        opacity: .5;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes Fade_Preloader
{
    0%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
html
{
    -webkit-tap-highlight-color: transparent;
    background: var(--BGColor-Var);
    scroll-behavior: smooth;
}
html, body
{
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    position: relative;
    font-family: Lato,sans-serif;
    background: var(--BGColor-Var);
}
body
{
    margin: 0 auto;
    position: relative;
    z-index: 0;
    color: var(--MainTextColor-Var);
    overflow-x: hidden!important;
    overflow: scroll;
}
*
{
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus
{
    outline: none;
}
img
{
    display: block;
    border: 0!important;
    outline: none!important;
    height: auto;
}
a
{
    text-decoration: none;
}
iframe
{
    text-decoration: none;
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
    margin: 0;
}
button
{
    border: 0;
    outline: none;
}
body::-webkit-scrollbar
{
    width: 4px;
}
body::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
body::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
}
body::scrollbar
{
    width: 4px;
    border-radius: 100px;
}
body::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
}
body::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
body
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
iframe::-webkit-scrollbar
{
    width: 4px;
}
iframe::scrollbar
{
    width: 4px;
    border-radius: 100px;
}
#particles-js
{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none!important;
    overflow: hidden!important;
}
#particles-js canvas
{
    display: block;
    width: 100%!important;
    max-width: 100%!important;
    height: 100%!important;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none!important;
    overflow: hidden!important;
}
#root
{
    display: block;
    width: 100%;
    min-height: 100vh;
    position: relative;
    margin: 0 auto;
    color: var(--MainTextColor-Var);
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0 0 0 50px;
}
#root .widget-visible
{
    display: block;
    width: 100%;
    height: auto!important;
    min-height: 100vh!important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999!important;
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    #root.MenuIsOpen
    {
        padding-left: 50px;
    }
}
.Transitions
{
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.NoSelect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Obj
{
    display: block;
    width: 100%;
    min-height: 100px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.ClearFix
{
    clear: both;
}
.Ease
{
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.ColorBlue
{
    color: #0477fe;
}
.TextShadow
{
    text-shadow: 0 5px 5px rgba(0,0,0,.5);
}
strong
{
    font-weight: 1000!important;
}
.MainTextCont
{
    display: block;
    width: 100%;
    max-width: 1420px;
    height: auto;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    text-align: left;
}
.MainTextCont h1, h2, p
{
    text-align: left;
}
.MainTextCont p
{
    text-align: justify;
    margin-bottom: 20px;
}
.TxtParTop
{
    color: #fff!important;
    margin: 0 auto 20px;
    font-size: 18px;
}
.Bold
{
    font-weight: 900;
}
.ErroPage
{
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 1230px;
}
canvas
{
    display: block;
    border: 0!important;
    outline: none!important;
    height: auto;
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    position: relative;
}
#Banner_940x120, #Banner_600x200
{
    max-width: 600px;
}
#RowImportants
{
    display: flex;
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto;
}
@media only screen and (min-width: 0) and (max-width: 800px)
{
    #RowImportants
    {
        flex-direction: column;
    }
    .MainTextCont p
    {
        font-size: 15px;
    }
}
.LogoLCB
{
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}
.page-fade-enter
{
    opacity: 0;
    transition: opacity .5s ease;
}
.page-fade-enter-active, .page-fade-exit, .page-fade-exit-active
{
    opacity: 0;
}
.page-fade-exit-done
{
    display: none;
    opacity: 0;
}
.BigBtns
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 190px;
    height: 60px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 25px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 10px 10px #000c;
    position: relative;
    text-decoration: none!important;
}
.BigBtns:hover
{
    transform: scale(1.2);
}
.BigBtns:active
{
    transform: scale(.9);
}
.BigBtns.Cyan
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
.BigBtns.Cyan:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
    text-decoration: none!important;
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    .BigBtns
    {
        max-width: 150px;
        height: 45px;
        font-size: 20px;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .BigBtns
    {
        font-size: 15px;
    }
}
table
{
    width: 100%;
    border-collapse: collapse;
    background-color: var(--BGAccordion-Var);
    color: var(--MainTextColor-Var);
    border-radius: 10px;
    overflow: hidden;
    margin: 30px 0;
}
table.UserDetTable
{
    width: 90%;
    margin: 20px auto;
}
th
{
    background-color: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid var(--BGAccordion-Var);
}
tr:nth-child(odd)
{
    background-color: var(--BGMenu-Var);
}
td
{
    padding: 10px;
    border-bottom: 1px solid var(--BorderColorAc-Var);
}
tr:hover
{
    background-color: var(--BorderColorAc-Var);
}
tr:last-child
{
    border: 0!important;
}
.CentText
{
    text-align: center;
}
td.TLeft
{
    text-align: left;
    justify-content: flex-start;
}
td.TLeft h2
{
    text-align: left!important;
    padding-left: 10px!important;
}
td.TRight
{
    text-align: right;
    justify-content: flex-end;
}
#ContLogRegForm
{
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 999999999999999;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    transition: all .4s ease-in-out;
    background-color: none;
}
#BoxLogRegForm
{
    display: flex;
    width: calc(100% - 70px);
    max-width: 380px;
    position: absolute;
    right: 10px;
    top: 10px;
    pointer-events: all;
    border-radius: 20px;
    border: solid 1px rgba(42,64,151,.8);
    background-color: var(--BGTransColor-Var);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-blend-mode: overlay;
    z-index: 99;
    box-shadow: 0 10px 10px #00000080;
    transition: all .4s ease-in-out;
    padding: 50px 30px 10px;
    transition: all .4s cubic-bezier(.47,1.64,.41,.8);
}
#ContLogRegForm.Close
{
    height: 0;
}
#ContLogRegForm.Close #BoxLogRegForm
{
    top: -500px;
    opacity: 0;
    transition: all .5s ease-in-out;
}
#NavBarRegForm
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
#NavBarRegForm #ContNav_L_S
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 60%;
    height: 35px;
    margin: 0;
    position: relative;
}
#NavBarRegForm #ContNav_L_S .BtnNavLS
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 100%;
    margin: 0;
    position: relative;
    font-family: Nunito Sans,sans-serif;
    font-size: 15px;
    font-weight: 700;
    background-color: #39414c;
    transition: all .2s ease-in-out;
    opacity: .2;
    border: 0;
    outline: none;
    cursor: pointer;
}
#NavBarRegForm #ContNav_L_S #BtnShow_Login
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#NavBarRegForm #ContNav_L_S #BtnShow_Signup
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#NavBarRegForm #ContNav_L_S .BtnNavLS:hover
{
    background-color: #02cead;
    transform: scale(1.1);
    opacity: 1;
}
#NavBarRegForm #ContNav_L_S .BtnNavLS:active
{
    background-color: var(--MainTextColor-Var);
    color: #39414c;
    transform: scale(.8);
    opacity: 1;
}
#NavBarRegForm #ContNav_L_S .BtnNavLS.Active
{
    opacity: 1;
}
#BtnClose_LR_Form
{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    cursor: pointer;
    border-radius: 8px 18px 8px 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
#BtnClose_LR_Form:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-close-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
#BtnClose_LR_Form:hover
{
    transform: scale(.98);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
#BtnClose_LR_Form:hover:after
{
    transform: rotate(90deg);
}
#BtnClose_LR_Form:active
{
    background-color: #20222f;
    transform: scale(.5);
    opacity: .5;
}
#LoginBox
{
    display: block;
    width: 100%;
}
#ContUserDetails
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    margin: -20px 0 0;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}
#ContUserDetails .RowUserDet
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    font-size: 15px;
    border-radius: 8px;
}
#ContUserDetails h1
{
    display: block;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
    color: var(--MainTextColor-Var);
}
#ContUserDetails h2
{
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: var(--MainTextColor-Var);
}
#ContUserDetails h2 strong
{
    font-size: 20px;
    font-weight: 800;
}
#ContUserDetails .RowUserDet .UserBtns
{
    display: flex;
    width: 45%;
    height: 35px;
    justify-content: center;
    align-items: center;
    margin: 0 1.5%;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    font-family: Nunito Sans,sans-serif!important;
    font-weight: 700;
    font-size: 15px;
}
#ContUserDetails .RowUserDet .UserBtns.Cyan
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 5px 10px #0006;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
#ContUserDetails .RowUserDet .UserBtns.Cyan:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0006;
    text-decoration: none!important;
}
.RowUserName
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    height: 40px;
    border: 0;
    border-radius: 100px;
    margin: 0;
    padding-left: 45px;
    color: var(--MainTextColor-Var);
    cursor: pointer;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
}
.RowUserName:after
{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/mro-casino-user-icon-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 60%;
}
.LinkPopup
{
    color: #0477fe;
    text-decoration: underline;
    font-size: 12px;
}
.LinkPopup:hover
{
    color: #02cead;
    text-decoration: underline;
}
.RowNavLogin
{
    display: block;
    width: 100%;
    position: relative;
    margin: 0 auto;
    clear: both;
}
.RowNavLogin .BtnNavLogin
{
    display: block;
    width: 40%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 0;
    color: var(--MainTextColor-Var);
    background: #02cead;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.RowNavLogin .BtnNavLogin.Active
{
    color: var(--MainTextColor-Var);
    background: #02cead;
}
.RowNavLogin .BtnNavLogin:hover
{
    color: #111416;
    background: #02cead;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.RowTitleLogin
{
    display: block;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    position: relative;
    margin: 20px auto;
    clear: both;
    font-weight: 400;
    font-size: 25px;
    color: var(--MainTextColor-Var);
    font-family: Nunito Sans,sans-serif;
}
.LoginForm input
{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 0 auto 10px;
    padding: 0 15px;
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    border: solid 1px var(--BorderColorAc-Var);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    border-radius: 10px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.LoginForm input::placeholder
{
    color: var(--MainTextColor-Var);
    opacity: 1;
}
.LoginForm input:hover
{
    border-color: #0477fe;
}
.LoginForm .BtnFormLogin
{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    margin: 15px auto 10px;
    padding: 0 20px;
    background: #02cead;
    color: #fff;
    border: 0;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    font-size: 20px;
    cursor: pointer;
    font-weight: 400;
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    box-shadow: 0 5px 10px #0006;
    text-decoration: none!important;
}
.LoginForm .BtnFormLogin:hover
{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
.RowFooterLogin
{
    display: block;
    width: 100%;
    min-height: 30px;
    position: relative;
    margin: 15px auto 0;
    clear: both;
    font-size: 15px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}
.RowFooterLogin .ColBox
{
    display: block;
    width: 50%;
    line-height: 30px;
    position: relative;
    margin: 0;
}
.RowFooterLogin .ColBox.B_L
{
    text-align: left;
}
.RowFooterLogin .ColBox.B_R
{
    text-align: right;
}
.RowFooterLogin .TermsText
{
    font-size: 12px;
    text-align: center;
}
select, option
{
    -webkit-appearance: none!important;
}
.TeBoxSelectst
{
    position: relative;
    display: inline-block;
}
.TeBoxSelectst:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/mro-casino-arrow-down-instant-withdrawals_login.svg) 50% 50% no-repeat;
    background-size: 50%;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    pointer-events: none;
}
.TeBoxSelectst:hover:after
{
    background: url(../images/mro-casino-arrow-down-instant-withdrawals.svg) 50% 50% no-repeat!important;
    background-size: 50%!important;
}
.BoxSelect
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 0;
}
.BoxSelect:before
{
    content: "";
    display: block;
    width: 40px;
    height: 38px;
    position: absolute;
    left: auto;
    right: 1px;
    top: 1px;
    z-index: 99998;
    pointer-events: none;
    background: url(../images/mro-casino-arrow-down-instant-withdrawals_login.svg?=v0) 50% 50% no-repeat #02cead;
    background-size: 80%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.RowTextOutPopup
{
    display: none;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    font-size: 14px;
    cursor: pointer;
}
.BoxSelect:hover:before
{
    background-color: #292f33;
}
select:hover
{
    background-color: #0477fe;
    color: #fff;
}
.LoginForm
{
    display: block;
    width: 100%;
    min-height: 60px;
    position: relative;
    margin: 10px auto;
    clear: both;
    font-weight: 300;
}
.LoginForm .RowColForm
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 auto;
    justify-content: space-between;
}
.LoginForm .RowColForm .ColForm
{
    width: 49%;
    margin: 0;
}
.LoginForm .RowColForm .RowForm
{
    width: 100%;
    margin: 0;
    background-color: #f00;
}
.LoginForm input, select
{
    display: block;
    width: 100%!important;
    margin: 0 auto 10px;
    font-size: 12px;
}
.LoginForm .RowColForm .ColForm.InputDate
{
    width: 49%!important;
    cursor: pointer;
    position: relative;
}
.LoginForm .RowColForm .ColForm.InputDate .react-datepicker-wrapper, .react-datepicker__input-container
{
    display: block;
    width: 100%!important;
    cursor: pointer;
}
.LoginForm .RowColForm .ColForm.InputDate input
{
    width: 100%!important;
    cursor: pointer;
}
#ContLogRegForm p
{
    display: block;
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
    color: var(--MainTextColor-Var);
}
#CongratBox
{
    margin-top: 40px;
    display: none;
}
#CongratBox #LogoCongr
{
    display: block;
    max-width: 290px;
    margin: 20px auto;
}
#CongratBox h1
{
    display: block;
    font-size: 30px;
    color: #02cead;
}
#CongratBox p
{
    display: block;
    font-size: 18px;
    margin-top: 20px;
}
#CongratBox p strong
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 40px;
    height: 60px;
    color: #02cead;
    background: #2d353a;
    border: dashed 1px #808080;
    -webkit-touch-callout: text!important;
    -webkit-user-select: text!important;
    -khtml-user-select: text!important;
    -moz-user-select: text!important;
    -ms-user-select: text!important;
    user-select: text!important;
}
#ContLogRegForm p.TermsText
{
    font-size: 11px;
    line-height: 12px;
}
select, option
{
    font-family: Arial,ArialHebrew,sans-serif;
    font-size: 1px;
    text-align: center;
    color: var(--MainTextColor-Var);
    margin: 1vh;
    padding: 1vh;
}
select, option
{
    background-color: var(--BGColor-Var);
    border-radius: 1vh;
    border-color: transparent;
}
select
{
    padding-right: 0;
}
option
{
    padding-left: 10px!important;
}
label
{
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
label:hover
{
    color: #02cead;
    text-decoration: underline;
}
select
{
    width: 100%;
    max-width: 100%;
    height: 40px;
    text-align: left;
    padding: 0 10px;
    position: relative;
    border-radius: 10px;
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    border: solid 1px var(--BorderColorAc-Var);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    margin-bottom: 10px;
}
@media only screen and (min-width: 280px) and (max-width: 500px)
{
    #BoxLogRegForm
    {
        padding: 50px 10px 10px;
        max-width: 100%;
    }
    #ContLogRegForm
    {
        background-color: var(--BGTransColor-Var);
    }
}
@media only screen and (min-width: 280px) and (max-width: 360px)
{
    .BtnLogout
    {
        font-size: 10px!important;
    }
}
.BtnsTop
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 120px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    margin: 0 5px;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.BtnsTop:hover
{
    transform: scale(1.07);
}
.BtnsTop:active
{
    transform: scale(.9);
}
.Red
{
    background-color: #f00;
}
.Cyan
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: inset 0 2px #00ffde;
}
.GreyBlue
{
    background: #2e3643;
    background: linear-gradient(180deg,#2e3643 0%,#1f252e 100%);
    box-shadow: inset 0 2px #3b4351;
}
.Cyan:hover, .GreyBlue:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.BtnsTop.Hide
{
    display: none;
}
.BtnLogout
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.BtnLogout.Mid
{
    width: 45%;
}
.BtnLogout:hover
{
    transform: scale(1.07);
}
.BtnLogout:active
{
    transform: scale(.9);
}
#BarTop
{
    display: flex;
    width: 100%;
    height: 90px;
    justify-content: center;
    align-items: center;
    background-color: var(--BarColor-Var);
    color: #fff;
    position: fixed!important;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
}
.MainLogo
{
    display: block;
    width: 100%;
    max-width: 110px;
    max-height: 70px;
    height: auto;
    position: absolute;
    left: 60px;
    top: 10px;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    z-index: 99;
}
.MainLogo a
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.MainLogo svg
{
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
}
.MainLogo .st0
{
    fill: var(--LogoWhiteColor-Var);
    transition: all .5s ease-in-out;
}
.MainLogo .st1
{
    fill: #0477fe;
    transition: all .5s ease-in-out;
}
.MainLogo:after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: url(../images/mro-casino-bestcasino-instant-withdrawals.svg) 100% 0% no-repeat;
    background-size: 100%;
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    .MainLogo:after
    {
        background-size: 95%;
    }
}
#ContCreNot
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 40px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 25px;
    max-width: 380px;
}
#BoxBell
{
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
#BoxBell #IconBell
{
    display: block;
    width: 80%;
    height: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
}
#BoxBell:hover #IconBell
{
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    transition: all .2s ease-in-out;
}
#BoxBell:active #IconBell
{
    transform: scale(.5);
}
#BoxBell:after
{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f00;
    border-radius: 100px;
}
#BoxTopBalance
{
    display: flex;
    width: auto;
    height: 35px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 15px 0 10px;
    padding: 0 10px 0 18px;
    color: #ffc800;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-radius: 10px;
    background-color: #3b424f99;
    box-shadow: 0 2px #ffffff4d inset;
    cursor: pointer;
    border: solid 1px rgba(59,66,79,.2);
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#BoxTopBalance:after
{
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -20px;
    top: 2px;
    border-radius: 100px;
    background: url(../images/mro-casino-money-icon-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 70%;
    transform: rotate(0);
}
#BoxTopBalance:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border: solid 1px rgba(25,33,127,.2);
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
    transform: scale(1.1);
}
#BoxTopBalance:before
{
    content: "Balance:";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 10px;
    z-index: 99;
    opacity: .5;
    color: var(--MainTextColor-Var);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400!important;
}
.RowDesktop
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
}
.RowMobile
{
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
}
#BoxUserName
{
    display: flex;
    width: auto;
    height: 35px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0 10px 0 18px;
    color: #0ce8da;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-radius: 10px;
    background-color: #3b424f99;
    box-shadow: 0 2px #ffffff4d inset;
    cursor: pointer;
    border: solid 1px rgba(59,66,79,.2);
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#BoxUserName:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: 5px;
    border-radius: 100px;
    background: url(../images/mro-casino-user-icon-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 70%;
    transform: rotate(-15deg);
}
#BoxUserName:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border: solid 1px rgba(25,33,127,.2);
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
    transform: scale(1.1);
}
#BoxUserName:before
{
    content: "Player:";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 10px;
    z-index: 99;
    opacity: .5;
    color: var(--MainTextColor-Var);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400!important;
}
#ContUserIcons
{
    display: flex;
    width: auto;
    height: 100%;
    margin: 0;
    max-width: 320px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    padding: 0 10px;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}
.BtnTopCustom
{
    position: absolute;
    right: 15px;
    top: 18px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 120px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    margin: 0 5px;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.MessagePopupBackdrop
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: 0,0,0,.4;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trash
{
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 3px;
    right: 35px;
}
.MessagePopupContainer
{
    position: relative;
    width: 90%;
    max-width: 900px;
    background-color: #13161f;
    color: #000;
    border-radius: 8px;
    padding: 20px;
    z-index: 9999999;
    height: 650px;
}
.no-msg
{
    color: #fff!important;
}
.CloseBtn
{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #fff;
}
.MessageTitleBox
{
    border: 1px solid #555;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #13161f;
    color: #fff;
}
.MessageTitleBox:hover
{
    background-color: #1c2c5e;
}
.MessageContentContainer
{
    padding: 10px;
}
.BackBtn
{
    position: absolute;
    top: 15px;
    left: 15px;
    background: #13161f;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 20px;
}
.BackBtn:hover
{
    background: #666;
}
.logo-msg
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.msgg
{
    width: 30px;
    height: 30px;
    margin-right: 20px;
    cursor: pointer;
}
.MessagePopupContainer p, .MessagePopupBackdrop p
{
    color: #000;
}
.msg-h2
{
    margin-bottom: 15px!important;
}
.MessagePopupContainer h3
{
    color: #fff!important;
    font-weight: 700;
}
.MessageContent
{
    max-height: 500px;
    overflow-y: auto;
    background-color: #13161f!important;
    border: 2px solid #0477fe!important;
    color: #fff;
}
.MessageContent p
{
    color: #fff!important;
    text-align: center;
    margin-bottom: 0;
}
.UnreadBadge
{
    position: absolute;
    top: -5px;
    right: 10px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.unreadMessage
{
    font-weight: 700;
}
.GreenDot
{
    width: 12px;
    height: 12px;
    background-color: #0477fe;
    border-radius: 50%;
    margin-right: 10px;
}
.trash-icon
{
    width: 40px;
}
@media only screen and (min-width: 500px) and (max-width: 850px)
{
    #ContCreNot
    {
        height: 100%;
        right: 10px;
        top: 0;
        width: 380px;
        max-width: 100%;
    }
    .BtnsTop
    {
        max-width: 65px!important;
        height: 36px;
        margin: 0 3px;
        font-size: 12px;
        border-radius: 8px;
    }
    .MessagePopupContainer
    {
        height: 350px;
    }
}
@media only screen and (min-width: 850px) and (max-width: 1000px)
{
    .MessagePopupContainer
    {
        height: 350px;
    }
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    #BarTop
    {
        height: 60px!important;
    }
    .MainLogo
    {
        width: 100px;
        height: 60px;
        top: 0;
        left: 50px;
        transform: scale(.8) translateY(-5px) translate(-10px);
    }
    #ContUserIcons
    {
        flex-direction: row;
    }
    #ContCreNot
    {
        height: 100%;
        right: 5px;
        top: 0;
        width: 280px;
        max-width: 100%;
    }
    .BtnsTop
    {
        max-width: 65px!important;
        height: 36px;
        margin: 0 3px;
        font-size: 12px;
        border-radius: 8px;
    }
    .MessagePopupContainer
    {
        width: 100%;
        height: 100%;
        max-height: 100vh;
        overflow-y: auto;
        z-index: 9999999;
        padding: 10px;
    }
    .MessageContent
    {
        max-height: none;
        overflow-y: visible;
        border: none!important;
    }
    .MessageContentContainer
    {
        border: none;
    }
    .msgg
    {
        width: 25px;
        height: 25px;
        margin-right: 0;
        margin-left: 10px;
    }
    .UnreadBadge
    {
        min-width: 17px;
        height: 17px;
        right: -7px;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .MainLogo
    {
        left: 30px;
        transform: scale(.6);
    }
    #ContCreNot
    {
        height: 100%;
        right: 5px;
        top: 0;
        width: 100%;
        max-width: 175px;
    }
    .BtnsTop
    {
        max-width: 55px!important;
        height: 30px;
        margin: 0 3px;
        font-size: 11px;
    }
    .msgg
    {
        margin-left: 5px;
    }
    #BoxTopBalance, #BoxUserName
    {
        font-size: 8.5px!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    #ContUserDetails .RowUserDet .UserBtns
    {
        font-size: 12px;
    }
    .RowDesktop
    {
        display: none;
    }
    .RowMobile
    {
        display: flex;
    }
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    #BoxTopBalance
    {
        height: 25px;
        font-size: 10px;
        border-radius: 8px;
    }
    #BoxTopBalance:before
    {
        height: 10px;
        font-size: 9px;
        top: -12px;
    }
    #BoxTopBalance:after
    {
        top: -1px;
        width: 25px;
        height: 25px;
        left: -15px;
    }
    #BoxUserName
    {
        height: 25px;
        font-size: 10px;
        border-radius: 8px;
    }
    #BoxUserName:before
    {
        height: 10px;
        font-size: 9px;
        top: -12px;
    }
    #BoxUserName:after
    {
        top: -1px;
        width: 25px;
        height: 25px;
        left: -15px;
    }
}
.RowSitch
{
    margin: 0 20px 0 0;
    font-weight: 400;
    font-family: Nunito Sans,sans-serif;
    pointer-events: all;
    cursor: pointer;
    position: relative;
}
.switch
{
    visibility: hidden;
    position: absolute;
    pointer-events: all;
}
.switch+label
{
    display: block;
    height: 40px;
    width: 140px;
    position: relative;
    background-color: #282c38;
    border-radius: 40px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 2px #393d49;
    box-shadow: inset 0 0 0 2px #393d49;
}
.switch+label:before
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: "Dark";
    left: 5px;
    top: 5px;
    bottom: 10px;
    border-radius: 100px;
    width: 70px;
    height: 30px;
    overflow: hidden;
    background-color: #39414c;
    color: #8d919d;
    -webkit-box-shadow: inset 0 0 0 2px #393d49;
    box-shadow: inset 0 0 0 2px #393d49;
}
.switch+label, .switch+label:before
{
    transition: all .4s;
}
.switch:checked+label
{
    background-color: #ffffff1a;
    -webkit-box-shadow: inset 0 0 0 2px #b9b9b9;
    box-shadow: inset 0 0 0 2px #b9b9b9;
}
.switch:checked+label:before
{
    margin-left: 60px;
    background-color: #b9b9b9;
    -webkit-box-shadow: inset 0 0 0 2px #b9b9b9;
    box-shadow: inset 0 0 0 2px #b9b9b9;
    color: #fff;
    content: "Light";
}
.RowSitch+label, .switch+label:hover:before
{
    background-color: #0477fe;
    color: #fff;
}
#BtnSwitchTheme
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 35px;
    position: relative;
    z-index: 9999999;
    border-radius: 40px;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 400;
    font-family: Nunito Sans,sans-serif;
    letter-spacing: 1px;
    background-color: #282c38;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: inset 0 0 0 2px #393d49;
    box-shadow: inset 0 0 0 2px #393d49;
    margin-right: 20px;
    transition: all .2s;
}
#BtnSwitchTheme #InsideBtn
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 10px;
    border-radius: 100px;
    width: 50px;
    height: 25px;
    background-color: #39414c;
    color: #8d919d;
    font-size: 12px;
    transition: all .4s;
    overflow: hidden;
}
#BtnSwitchTheme.LightMode
{
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #b9b9b9;
    box-shadow: inset 0 0 0 2px #b9b9b9;
}
#BtnSwitchTheme.LightMode #InsideBtn
{
    left: 25px;
    background-color: #b9b9b9;
    color: #fff;
}
#BtnSwitchTheme:hover #InsideBtn
{
    background-color: #0477fe;
    color: #fff;
}
#BtnSwitchTheme:hover
{
    -webkit-box-shadow: inset 0 0 0 2px #0477fe;
    box-shadow: inset 0 0 0 2px #0477fe;
}
#BtnSwitchTheme:active
{
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
}
@media only screen and (min-width: 0) and (max-width: 600px)
{
    #BtnSwitchTheme
    {
        width: 40px;
        height: 20px;
        margin-right: 5px;
    }
    #BtnSwitchTheme #InsideBtn
    {
        width: 10px;
        height: 10px;
        font-size: 0;
    }
    #BtnSwitchTheme.LightMode #InsideBtn
    {
        left: 25px;
    }
}
#BarTop
{
    display: flex;
    width: 100%;
    height: 90px;
    justify-content: center;
    align-items: center;
    background-color: var(--BarColor-Var);
    color: #fff;
    position: relative;
}
#HomeHeader
{
    display: block;
    width: 100%;
    height: auto;
    max-height: 900px;
    margin: 90px auto 0;
    position: relative;
    transition: all .2s ease-in-out;
    overflow: hidden;
    padding: 0;
}
#HomeHeader .ImgHeaderBg
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
#HomeHeader .Cont_L0
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
#HomeHeader .ImgCoinsHeader
{
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
#HomeHeader .Cont_L1
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0%;
    right: -20%;
}
#HomeHeader .ImgCharacter
{
    display: block;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    transform: rotate(90deg);
}
#HomeHeader .ZoomImg
{
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    position: absolute;
    z-index: 0;
    top: 20%;
    right: 25%;
}
#MainContAnimation
{
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
    padding: 0 0 0 5px;
    z-index: 2;
}
#SubContAnimation
{
    display: block;
    width: 100%;
    max-width: 1265px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 0;
}
#animation_container
{
    display: block;
    width: 100%!important;
    height: auto!important;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 99;
}
#canvas
{
    display: block;
    width: 100%!important;
    max-width: 100%!important;
    height: auto!important;
    position: relative;
    margin: 0 auto;
}
#dom_overlay_container
{
    display: none;
    width: 100%!important;
    height: auto;
    position: relative;
    margin: 0 auto;
    pointer-events: none;
    overflow: hidden;
}
.RowFrontBoxes
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 10%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.RowFrontBoxes .CenterBoxes
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0;
}
.RowFrontBoxes .CenterBoxes .PromoBoxes
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px;
    border-radius: 30px;
    width: 100%;
    max-width: 390px;
    height: auto;
    min-height: 400px;
    margin: 0;
}
.ImgPromos
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
}
@media only screen and (min-width: 951px) and (max-width: 1400px)
{
    #HomeHeader
    {
        margin: 90px auto 0;
        height: 750px;
    }
    #HomeHeader .Cont_L1
    {
        top: 5%;
    }
    #HomeHeader .ImgCharacter
    {
        width: 50%;
        margin-left: 30%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 100%;
    }
    #CryptoFormBox
    {
        display: none;
    }
    #HomeHeader .ImgHeaderBg
    {
        width: 150%;
        left: -50%;
        top: 0%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 90%;
        margin-top: 5%;
    }
    .RowFrontBoxes
    {
        width: 100%;
        top: 10%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes
    {
        width: 90%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes .PromoBoxes
    {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        height: auto;
        min-height: auto;
    }
    #HomeHeader .ZoomImg
    {
        width: 100%;
        max-width: 20%;
        top: 15%;
        right: 5%;
    }
}
@media only screen and (min-width: 581px) and (max-width: 950px)
{
    #HomeHeader
    {
        margin: 60px auto 0;
        height: 650px;
    }
    #HomeHeader .Cont_L1
    {
        top: 5%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 100%;
    }
    #HomeHeader .ImgCharacter
    {
        width: 80%;
        margin-left: 30%;
    }
    #CryptoFormBox
    {
        display: none;
    }
    #HomeHeader .ImgHeaderBg
    {
        width: 180%;
        left: -50%;
        top: 0%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 100%;
        margin-top: 10%;
    }
    .RowFrontBoxes
    {
        width: 60%;
        top: 10%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes
    {
        width: 100%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes .PromoBoxes
    {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        height: auto;
        min-height: auto;
    }
}
@media only screen and (min-width: 481px) and (max-width: 580px)
{
    #HomeHeader
    {
        margin: 60px auto 0;
        height: 530px;
    }
    #HomeHeader .Cont_L1
    {
        top: 5%;
    }
    #HomeHeader .ImgCharacter
    {
        width: 80%;
        margin-left: 30%;
    }
    #CryptoFormBox
    {
        display: none;
    }
    #HomeHeader .ImgHeaderBg
    {
        width: 180%;
        left: -50%;
        top: 0%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 100%;
        margin-top: 10%;
    }
    .RowFrontBoxes
    {
        width: 60%;
        top: 5%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes
    {
        width: 100%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes .PromoBoxes
    {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        height: auto;
        min-height: auto;
    }
}
@media only screen and (min-width: 0) and (max-width: 480px)
{
    #HomeHeader
    {
        margin: 60px auto 0;
        height: 440px;
    }
    #HomeHeader .Cont_L1
    {
        top: 5%;
    }
    #HomeHeader .ImgHeaderBg
    {
        width: 250%;
        left: -50%;
        top: 0%;
    }
    #HomeHeader .ImgCoinsHeader
    {
        width: 100%;
        margin-top: 10%;
    }
    #HomeHeader .ImgCharacter
    {
        width: 80%;
        margin-left: 35%;
    }
    #CryptoFormBox
    {
        display: none;
    }
    .RowFrontBoxes
    {
        width: 60%;
        top: 5%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes
    {
        width: 100%;
        height: auto;
        min-height: auto;
    }
    .RowFrontBoxes .CenterBoxes .PromoBoxes
    {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        height: auto;
        min-height: auto;
    }
}
@media only screen and (min-width: 0) and (max-width: 960px)
{
    #HomeHeader .ZoomImg
    {
        display: none;
    }
    .RowFrontBoxes
    {
        width: 55%;
        top: 5%;
        height: auto;
        min-height: auto;
    }
}
.RowProBoxes
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 20px;
}
.RowProBoxes .ContProBoxes
{
    display: block;
    width: 100%;
    max-width: 1410px;
    height: 240px;
    margin: 0 auto;
    position: relative;
    border-radius: 20px;
}
.RowProBoxes .ContProBoxes .H_PromoBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 450px;
    height: 240px;
    margin: 0 12px;
    position: relative;
    border-radius: 20px;
}
.swiper-wrapper
{
    height: 240px;
    border-radius: 20px;
    padding: 0;
}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    align-items: flex-start;
}
.swiper-pagination-bullet
{
    background-color: #333b51;
    opacity: .8;
    transition: all .5s ease-in-out;
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active
{
    background-color: #0477fe;
    width: 30px;
    height: 10px;
    border-radius: 100px;
    transition: all .5s ease-in-out;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next
{
    left: -50px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prevt
{
    right: -50px;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal
{
    bottom: 5px;
}
.VideoBanner
{
    display: block;
    width: 101%;
    height: auto;
    margin: 0;
}
.BoxPromosH_S
{
    display: block;
    width: 100%;
    max-width: 460px;
    height: 205px;
    position: relative;
    z-index: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
    background-color: #7b29ff80;
    cursor: pointer;
}
.BoxPromosH_S .BgPromosH_S
{
    display: block;
    width: 460px;
    height: auto;
    position: relative;
    z-index: 0;
    margin: 0;
    transition: all .2s ease-in-out;
}
.BoxPromosH_S .ChPromo
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 245px;
    height: 240px;
    position: absolute;
    right: 20px;
    bottom: -20px;
    z-index: 2;
    margin: 0;
    transition: all .2s ease-in-out;
}
.BoxPromosH_S .ChPromo .ImgChPromo
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    margin: 0;
}
.BoxPromosH_S .FrontProH_S
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 250px;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    margin: 0;
    padding: 25px 30px;
    flex-wrap: wrap;
}
.BoxPromosH_S .FrontProH_S h1, h2, .BtnPromo
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0!important;
    font-weight: 700;
    color: #fff;
}
.BoxPromosH_S .FrontProH_S h2
{
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    height: 20px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.BoxPromosH_S .FrontProH_S h3
{
    font-size: 15px;
    line-height: 15px;
    text-align: left;
    margin-top: -5px;
    height: 20px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.BoxPromosH_S .FrontProH_S h1
{
    font-size: 30px;
    line-height: 27px;
    text-align: left;
    text-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.BoxPromosH_S .FrontProH_S .BtnPromo
{
    font-size: 16px;
    justify-content: center;
    width: 140px;
    height: 40px;
    border-radius: 8px;
    background-color: #e2e2e2ad;
    color: #0477fe;
    background: linear-gradient(180deg,#f1f1f1 0%,#e2e2e2 100%);
    box-shadow: inset 0 2px #fff;
    box-shadow: #0000004d 5px 5px 10px;
}
.BoxPromosH_S:hover .BgPromosH_S
{
    rotate: 5deg;
    transform: scale(1.5);
}
.BoxPromosH_S:hover .ChPromo
{
    transform: rotate3d(1,-1,1,-.02turn) translateY(-10px);
}
.BoxPromosH_S:hover .FrontProH_S .BtnPromo
{
    animation: bounceIn .5s both .2s;
}
.BannerImage
{
    display: block;
    width: 100%;
    height: 100%;
}
@keyframes bounceIn
{
    0%
    {
        transform: scale(.1);
        opacity: 0;
    }
    60%
    {
        transform: scale(1.2);
        opacity: 1;
    }
    to
    {
        transform: scale(1);
    }
}
@media only screen and (min-width: 951px) and (max-width: 1300px)
{
    .RowProBoxes .ContProBoxes
    {
        width: 80%;
        margin: 0 auto!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 950px)
{
    .RowProBoxes
    {
        width: 100%;
        height: 240px;
        padding: 0 10px;
    }
    .RowProBoxes .ContProBoxes
    {
        height: 80px;
    }
    .BoxPromosH_S
    {
        height: 150px;
        border-radius: 15px;
    }
    .BoxPromosH_S .BgPromosH_S
    {
        width: 150%;
    }
    .BoxPromosH_S .FrontProH_S h1
    {
        font-size: 20px;
        line-height: 22px;
    }
    .BoxPromosH_S .ChPromo .ImgChPromo
    {
        width: 70%;
        margin-top: 22%;
        margin-right: -15%;
    }
    .BoxPromosH_S .FrontProH_S
    {
        padding: 10px 20px;
    }
    .BoxPromosH_S .ChPromo
    {
        width: 120%;
        right: -30px;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .RowProBoxes .ContProBoxes
    {
        width: 100%;
        max-width: 330px;
        margin: 0 auto!important;
    }
    .VideoBanner
    {
        width: 110%;
        height: auto;
        margin: 0;
        right: -2.5%;
        position: absolute;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .VideoBanner
    {
        width: 135%;
        height: auto;
        margin: 0;
        right: -25%;
        position: absolute;
    }
}
.BannerShines
{
    overflow: hidden!important;
    position: relative!important;
    background-color: #182245!important;
}
.BannerShines:before
{
    content: "";
    display: block;
    width: 300px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: -20px;
    opacity: .3;
    transform: rotate(15deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
    animation: BigMoveShine 3s infinite;
    -webkit-filter: sepia(100%) hue-rotate(90deg) saturate(600%);
    filter: sepia(100%) hue-rotate(90deg) saturate(600%);
}
.BannerShines2:before
{
    content: "";
    display: block;
    width: 300px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: -20px;
    opacity: .5;
    transform: rotate(15deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
    animation: BigMoveShine 3s infinite;
    -webkit-filter: sepia(100%) hue-rotate(90deg) saturate(600%);
    filter: sepia(900%) hue-rotate(90deg) saturate(100%);
}
@keyframes BigMoveShine
{
    0%
    {
        transform: translate(100%);
    }
    50%
    {
        transform: translate(-200%);
    }
    to
    {
        transform: translate(100%);
    }
}
#MainMenu
{
    display: block;
    width: 100%;
    max-width: 340px;
    height: 100vh;
    border: 0;
    margin: 0;
    background-color: var(--BGMenu-Var);
    color: #fff;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    padding: 100px 30px 30px;
    color: var(--MainTextColor-Var);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#MainMenu::-webkit-scrollbar
{
    width: 2px;
}
#MainMenu::-webkit-scrollbar-track
{
    background: var(--BGMenu-Var);
    border-radius: 0;
}
#MainMenu::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #0477fe;
}
#MainMenu::scrollbar
{
    width: 2px;
    border-radius: 100px;
}
#MainMenu::scrollbar-track
{
    background: #0477fe;
    border-radius: 100px;
}
#MainMenu::scrollbar-thumb
{
    border-radius: 100px;
    background: var(--BGMenu-Var);
}
#MainMenu
{
    scrollbar-face-color: #0477fe;
    scrollbar-shadow-color: #0477fe;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: var(--BGMenu-Var);
}
#MainMenu.Close
{
    max-width: 50px;
    padding: 100px 0 0;
    overflow: hidden;
}
.VerticalNav
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    padding: 0;
    background-color: #f00;
}
.VerticalNav ul
{
    list-style: none!important;
}
.VerticalNav ul li
{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
    overflow: hidden;
    text-align: left;
    background-color: var(--BarColor-Var);
    border-radius: 10px;
}
.VerticalNav ul li a
{
    display: flex;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 45px;
    border: 0;
    margin: 0 auto 10px;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    color: #8d919d;
    font-size: 18px;
    box-shadow: 0 0 #0000001a;
    padding-left: 55px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden!important;
}
.BtnMainMenu
{
    display: flex;
    width: 100%;
    height: 45px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto 5px;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    color: #8d919d;
    font-size: 18px;
    background-color: var(--BarColor-Var);
    box-shadow: 0 0 #0000001a;
    padding-left: 55px;
    transition: all .3s ease;
    position: relative;
    overflow: hidden!important;
    text-decoration: none;
}
.BtnMainMenu:hover
{
    box-shadow: 0 10px 10px #0003;
    transform: scale(1.02);
    background: #0477fe;
    color: var(--MainTextColor-Var);
    border-top: solid rgba(255,255,255,.2) 2px;
    overflow: hidden!important;
}
.BtnMainMenu:active
{
    box-shadow: 0 0 #0000;
    background: #00a88b;
    transform: scale(.9);
    color: #fff;
    overflow: hidden!important;
}
.BtnMainMenu.P_01 .BoxIcons
{
    background-position: 0 var(--IconYPos-Var);
}
.BtnMainMenu.P_02 .BoxIcons
{
    background-position: -40px var(--IconYPos-Var);
}
.BtnMainMenu.P_03 .BoxIcons
{
    background-position: -80px var(--IconYPos-Var);
}
.BtnMainMenu.P_04 .BoxIcons
{
    background-position: -120px var(--IconYPos-Var);
}
.BtnMainMenu.P_05 .BoxIcons
{
    background-position: -160px var(--IconYPos-Var);
}
.BtnMainMenu.P_06 .BoxIcons
{
    background-position: -200px var(--IconYPos-Var);
}
.BtnMainMenu.P_07 .BoxIcons
{
    background-position: -240px var(--IconYPos-Var);
}
.BtnMainMenu.P_08 .BoxIcons
{
    background-position: -120px var(--IconYPos-Var_L2);
}
.BtnMainMenu.P_09 .BoxIcons
{
    background-position: -160px var(--IconYPos-Var_L2);
}
.BtnMainMenu.P_99 .BoxIcons
{
    background-position: 1000px;
    background-color: none!important;
}
.IconWheel
{
    display: block;
    width: 40px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}
.IconWheel_back
{
    width: 40px;
    height: 40px;
    animation: spin 10s linear infinite;
}
.IconWheel_center
{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    animation: yoscl 3s linear infinite;
}
@keyframes spin
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes yoscl
{
    0%
    {
        transform: scale(1.1);
    }
    50%
    {
        transform: scale(.5);
    }
    to
    {
        transform: scale(1.1);
    }
}
#MainMenu.Close .BtnMainMenu.Empty
{
    background: none!important;
}
#MainMenu.Close .BtnMainMenu.Empty:hover
{
    transform: none!important;
    border: 0!important;
}
.BtnMainMenu:hover>.BtnMainMenu .BoxIcons
{
    transform: scale(.9);
    overflow: hidden!important;
}
.BtnMainMenu:hover>.BoxIcons
{
    transform: scale(.9) rotate(5deg);
    overflow: hidden!important;
}
.BtnMainMenu:active>.BoxIcons
{
    transform: scale(.5);
    overflow: hidden!important;
}
.BoxListMenu
{
    display: block;
    width: 100%;
    height: auto;
    margin: 40px auto;
}
.BoxListMenu h1
{
    font-size: 16px;
    color: var(--MainTextColor-Var);
    text-align: left;
    margin-bottom: 10px;
}
.BoxListMenu ul
{
    list-style: none;
    height: auto;
}
.BoxListMenu ul li
{
    font-size: 14px;
    color: #8d919d;
    text-align: left;
    cursor: pointer;
    height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
    transition: all .2s ease;
    margin: 0 0 5px;
}
.BoxListMenu ul li:hover
{
    background-color: #0477fe;
    color: #fff;
    transform: scale(1.1);
}
.BoxListMenu ul li a
{
    text-decoration: none;
    color: #8d919d;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}
#MainMenu.Close .BoxIcons
{
    left: 0;
    overflow: hidden!important;
}
#MainMenu.Close .AccordionBox
{
    display: none;
    width: 40px;
    overflow: hidden;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 0;
    left: 2px;
    font-size: 0!important;
}
#MainMenu.Close .AccordionHeader
{
    width: 40px;
    height: 45px;
    overflow: hidden;
    padding: 0 50px;
    border-radius: 5px;
    font-size: 0!important;
}
#MainMenu.Close .AccordionHeader:hover
{
    background-color: transparent;
}
#MainMenu.Close .AccordionHeader:after
{
    right: -50px;
}
#MainMenu.Close .BoxListMenu, #MainMenu.Close .accordion-body
{
    display: none;
}
#MainMenu.Close .BtnMainMenu
{
    width: 40px!important;
    height: 42px!important;
    border-radius: 5px;
    left: 0;
    padding: 0;
    font-size: 0!important;
    overflow: hidden;
}
#MainMenu.Close .BtnMainMenu:hover
{
    background-color: transparent;
}
#MainMenu.Close>.MainLogo
{
    left: 300px;
    opacity: 0;
}
#MainMenu>.MainLogo
{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 115px;
    top: 15px;
    opacity: 1;
    transform: scale(1) translateY(0) translate(0);
    animation-delay: 2s;
    transition: all 2s cubic-bezier(.47,1.64,.41,.8);
}
#MainMenu .MainLogo img
{
    width: 50%;
}
.BoxAccCrypto
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    max-width: 230px;
    height: auto;
    margin: 25% auto 20px;
}
.BoxAccCrypto h2
{
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    font-size: 16px;
    text-align: left;
}
.BoxAccCrypto .InfoCopy
{
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    font-size: 16px;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    color: #8d919d;
    font-weight: 400;
}
.BoxAccCrypto .RoxCryptoBoxes
{
    display: block;
    width: 100%;
    max-width: 230px;
    height: 40px;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 0;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px!important;
    height: 40px!important;
    border-radius: 5px;
    position: relative;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon
{
    display: block;
    width: 280px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_1
{
    left: 0;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_2
{
    left: -40px;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_3
{
    left: -80px;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_4
{
    left: -120px;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_5
{
    left: -160px;
}
.BoxAccCrypto .RoxCryptoBoxes .iconCryptoBox .CryptoIcon.CCI_6
{
    left: -200px;
}
#MainMenu.Close .BoxAccCrypto h2, #MainMenu.Close .InfoCopy, #MainMenu.Close .RoxCryptoBoxes
{
    display: none;
}
#DepMetods
{
    display: block;
    width: 100%;
    height: 30px;
    margin: 0 auto 20px;
    background-image: var(--BG_DepMet);
    background-size: 100%;
    background-position: 0% 0%;
}
#BackCapMenu
{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    opacity: 0;
    background-color: var(--BGTransColor-Var);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-blend-mode: overlay;
    transition: all .2s ease-in-out;
    pointer-events: none;
}
#MainMenu+#BackCapMenu
{
    opacity: 1;
    pointer-events: all;
}
#MainMenu.Close+#BackCapMenu
{
    opacity: 0;
    pointer-events: none;
}
#MainMenu.Close #DepMetods
{
    opacity: 0;
    pointer-events: none;
}
#ContBtnTheme
{
    display: block;
    width: 80px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 35px;
    z-index: 99;
    opacity: 1;
    transition: opacity .5s 1s;
}
#ContBtnTheme:after
{
    content: "Theme";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 10px;
    z-index: 99;
    opacity: .5;
}
#MainMenu.Close>#ContBtnTheme
{
    left: 3px;
    top: auto;
    bottom: 130px;
    transform: rotate(90deg) translateY(18px);
}
#MainMenu.Close>#ContBtnTheme:after
{
    display: none;
}
@media only screen and (min-width: 0) and (max-width: 600px)
{
    #ContBtnTheme
    {
        width: 40px;
        height: 20px;
        right: 20px;
        top: 40px;
    }
    #MainMenu.Close>#ContBtnTheme
    {
        transform: rotate(90deg) translateY(0);
    }
}
@media only screen and (max-height: 780px)
{
    #MainMenu.Close>#ContBtnTheme
    {
        bottom: 80px;
    }
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    #MainMenu.Close
    {
        padding: 52px 0 0;
    }
    #BackCapMenu
    {
        display: block;
        pointer-events: all;
    }
}
@media only screen and (min-width: 0) and (max-width: 320px)
{
    #MainMenu.Close>#ContBtnTheme
    {
        display: none;
    }
}
.BtnToggleMenu
{
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    outline: none;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-appearence: none;
    -webkit-tap-highlight-color: transparent;
    position: fixed;
    left: 0;
    top: 20px;
    z-index: 9999999;
    border-radius: 8px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: var(--BGMenu-Var);
}
.BtnToggleMenu.active
{
    position: fixed;
    left: 30px;
    top: 25px;
}
.BtnToggleMenu svg
{
    width: 64px;
    height: 48px;
    top: 0;
    left: -8px;
    stroke: var(--LogoWhiteColor-Var);
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
}
.BtnToggleMenu svg path
{
    transition: stroke-dasharray var(--duration,.85s) var(--easing,ease) var(--delay,0s),stroke-dashoffset var(--duration,.85s) var(--easing,ease) var(--delay,0s);
    stroke-dasharray: var(--array-1,26px) var(--array-2,100px);
    stroke-dashoffset: var(--offset,125px);
    transform: translateZ(0);
}
.BtnToggleMenu svg path:nth-child(2)
{
    --duration: .7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 75px;
}
.BtnToggleMenu svg path:nth-child(3)
{
    --offset: 133px;
    --array-2: 105px;
}
.BtnToggleMenu.active svg path
{
    --offset: 57px;
}
.BtnToggleMenu.active svg path:nth-child(1), .BtnToggleMenu.active svg path:nth-child(3)
{
    --delay: .15s;
    --easing: cubic-bezier(.2,.4,.2,1.1);
}
.BtnToggleMenu.active svg path:nth-child(2)
{
    --duration: .4s;
    --offset: 2px;
    --array-1: 1px;
}
.BtnToggleMenu.active svg path:nth-child(3)
{
    --offset: 56px;
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    .BtnToggleMenu
    {
        width: 50px;
        height: 50px;
        left: 0;
        top: 5px;
    }
}
.BoxIcons
{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 2px;
    opacity: .6;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: scale(.7);
    transition: all .3s ease;
    overflow: hidden!important;
    touch-action: none;
    -ms-touch-action: none;
    -webkit-touch-action: none;
    -moz-touch-action: none;
    -khtml-touch-action: none;
    -khtml-touch-callout: none;
    pointer-events: none;
    background-image: url(../images/mro-casino-icon-sprite-instant-withdrawals.svg?=v0);
    background-size: 320px 320px;
    background-position: 0 0;
}
.AccordionBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin: 30px auto;
    padding: 20px 10px;
    border-radius: 15px;
    box-shadow: 0 0 #000000e6;
    transition: all .3s ease;
    position: relative;
    background-color: var(--BGAccordion-Var);
    box-shadow: 0 2px 0 0 var(--BorderColorAc-Var) inset;
    font-family: Nunito Sans,sans-serif;
}
.AccordionBox div
{
    width: 100%;
    font-family: Nunito Sans,sans-serif;
}
.AccordionHeader
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    cursor: pointer;
    border-radius: 7px;
    border: 0;
    outline: none;
    margin-bottom: 0;
    background-color: #2d354200;
    color: var(--MainTextColor-Var);
    padding: 10px 0 10px 50px;
    position: relative;
    transition: all .3s ease;
}
.AccordionBody
{
    width: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
}
.accordion-body
{
    width: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 20px;
    text-align: left;
}
.AccordionHeader .BoxIcons
{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: 0;
    overflow: hidden;
    opacity: .6;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: scale(.7);
    transition: all .3s ease;
}
.AccordionHeader .BoxIcons img
{
    display: block;
    width: 320px;
    height: 320px;
    position: absolute;
    left: 0;
    top: var(--IconYPos-Var);
    z-index: 99;
}
.AccordionHeader.P_05 .BoxIcons
{
    background-position: -160px var(--IconYPos-Var);
}
.AccordionHeader.P_06 .BoxIcons
{
    background-position: -200px var(--IconYPos-Var);
}
.AccordionHeader:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 5px;
    border-radius: 5px;
    background-color: var(--BGColorIcon-Var);
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}<\/style><path class="st0" d="M2.6,9.2c0-0.1,0.1-0.2,0.1-0.3C3,8.5,3.3,8.2,3.8,8.2c0.1,0,0.1,0,0.2,0c7.3,0,14.6,0,21.9,0c0.2,0,0.3,0,0.5,0c0.8,0.2,1.2,1.2,0.7,1.8c-0.1,0.1-0.2,0.2-0.2,0.3C23.3,14,19.6,17.7,16,21.3c-0.6,0.6-1.3,0.6-1.9,0c-3.6-3.6-7.2-7.2-10.8-10.8C3,10.2,2.7,10,2.6,9.6C2.6,9.5,2.6,9.3,2.6,9.2z"/></svg>');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 50%;
    transition: all .3s ease;
}
.AccordionHeader[aria-expanded=true]:after
{
    background-color: #02cead;
    transform: rotate(-90deg);
}
.AccordionHeader:hover
{
    background-color: #02cead;
    color: #fff;
}
.accordion-title
{
    font-family: Nunito Sans,sans-serif;
}
#ContCrLayerForm
{
    display: block;
    width: 100%;
    max-width: 500px;
    height: 100%;
    z-index: 999999;
    pointer-events: all;
    position: fixed;
    right: 0;
    top: 0;
    padding: 40px 30px;
    transition: all .5s ease-in-out;
    background-color: var(--BGTransColor-Var);
    border-left: solid 1px var(--BorderColorAc-Var);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-blend-mode: overlay;
    cursor: pointer;
}
#ContCrLayerForm h1, h2, p
{
    margin: 0 auto;
}
#ContMainScrollBox
{
    display: block;
    width: 100%;
    height: 90vh;
    position: relative;
    overflow: hidden!important;
    overflow-y: scroll!important;
    pointer-events: all!important;
}
#ContMainScrollBox textarea
{
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var)!important;
}
#ContMainScrollBox::-webkit-scrollbar
{
    width: 1px;
}
#ContMainScrollBox::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
#ContMainScrollBox::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: var(--BGMenu-Var);
}
#ContMainScrollBox::scrollbar
{
    width: 1px;
    border-radius: 100px;
}
#ContMainScrollBox::scrollbar-track
{
    background: var(--BGMenu-Var);
    border-radius: 100px;
}
#ContMainScrollBox::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
#ContMainScrollBox
{
    scrollbar-face-color: var(--BGMenu-Var);
    scrollbar-shadow-color: var(--BGMenu-Var);
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
#ContCrLayerForm #RowCrForm
{
    display: block;
    width: 100%;
    max-width: 1300px;
    height: 100vh;
    position: relative;
    margin: 0 auto;
    pointer-events: none;
    overflow: hidden;
    overflow-y: scroll!important;
}
#ContCrLayerForm #RowCrForm::-webkit-scrollbar
{
    width: 2px;
}
#ContCrLayerForm #RowCrForm::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
#ContCrLayerForm #RowCrForm::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
}
#ContCrLayerForm #RowCrForm::scrollbar
{
    width: 2px;
    border-radius: 100px;
}
#ContCrLayerForm #RowCrForm::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
}
#ContCrLayerForm #RowCrForm::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
#ContCrLayerForm #RowCrForm
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
#CryptoAddress_QR_Code
{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#CryptoFormBox
{
    display: flex;
    width: 100%;
    pointer-events: all;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    padding-bottom: 100px;
    padding-right: 10px;
}
#CryptoFormBox h1
{
    display: block;
    font-size: 15px;
    line-height: 16px;
    padding: 0;
    margin: 0 0 20px;
}
#CryptoFormBox .LabelRow
{
    display: flex;
    justify-content: flex-start;
    justify-items: center;
    width: 100%;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #7d8cc9;
    margin: 0;
}
.RowBoxForm
{
    display: flex;
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
    justify-content: flex-start;
    justify-items: center;
    flex-direction: row;
    padding: 0 20px;
    font-size: 15px;
    margin: 10px 0 15px;
    border: solid 1px var(--BorderColorAc-Var);
    border-radius: 10px;
    font-family: Arial,Helvetica,sans-serif;
}
.RowBoxForm.BR_Inputs
{
    border: 0;
    padding: 0;
}
.RowBoxForm input
{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
    margin: 0;
    padding: 0 15px;
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    border: solid 1px var(--BorderColorAc-Var);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    border-radius: 10px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.RowBoxForm input::placeholder
{
    color: var(--MainTextColor-Var);
    opacity: 1;
}
.RowBoxForm input:hover
{
    border-color: #0477fe;
}
.ConSelectF_W
{
    width: 100%!important;
    margin: 0;
    font-size: 15px;
    cursor: pointer;
    color: var(--MainTextColor-Var);
    position: relative;
}
select
{
    width: 100%!important;
    margin: 0;
    font-size: 15px;
    cursor: pointer;
    color: var(--MainTextColor-Var);
    position: relative;
    padding: auto;
}
select:hover
{
    background-color: #0477fe;
    color: #fff;
    cursor: pointer;
}
.ConSelectF_W:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/mro-casino-arrow-down-instant-withdrawals_login.svg) 50% 50% no-repeat;
    background-size: 50%;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    pointer-events: none;
}
.ConSelectF_W select option
{
    width: 100%!important;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
    color: var(--MainTextColor-Var);
    position: relative;
}
.ConSelectF_W select option.BTC
{
    background-color: #df922d;
    color: #fff;
}
.ConSelectF_W select option.BCH
{
    background-color: #0ac18e;
    color: #fff;
}
.ConSelectF_W select option.ETC
{
    background-color: #6b7de5;
    color: #fff;
}
.ConSelectF_W select option.LTC
{
    background-color: #b6b7b8;
    color: #fff;
}
.ConSelectF_W select option.BNB
{
    background-color: #393939;
    color: #f0bb13;
}
.ConSelectF_W select option.USDTE, .ConSelectF_W select option.USDTT
{
    background-color: #009393;
    color: #fff;
}
select option:hover, select option:focus
{
    background-color: var(--MainTextColor-Var);
    color: #fff;
    cursor: pointer;
}
.ConSelectF_W:hover:after
{
    background: url(../images/mro-casino-arrow-down-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 50%;
}
.RowBoxForm .ColSide_Inputs_L
{
    display: flex;
    width: 80%;
    height: 45px;
    line-height: 45px;
    position: relative;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--MainTextColor-Var);
}
.RowBoxForm .ColSide_Inputs_R
{
    display: flex;
    width: 20%;
    height: 45px;
    line-height: 45px;
    position: relative;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--MainTextColor-Var);
}
.MiniRuleCFrom
{
    font-size: 12px;
    line-height: 13px;
    text-align: left;
    display: block;
    color: var(--MainTextColor-Var)!important;
    font-family: Arial,Helvetica,sans-serif;
}
.BoxQR
{
    display: flex;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 20px auto;
    position: relative;
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}
.BoxQR .ColsBox
{
    display: flex;
    width: 40%;
    height: auto;
    margin: 0;
    flex-wrap: wrap;
}
.BoxQR .BoxContImgQR
{
    display: flex;
    width: 160px;
    height: 160px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 0 1px #0072ff;
    overflow: hidden;
}
.BoxQR .BoxContImgQR *
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
.BoxQR .ColsBox.L
{
    width: 150px;
    justify-content: center;
    align-items: center;
    height: 150px;
}
.BoxQR .ColsBox.R
{
    width: 60%;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    text-align: left;
    flex-wrap: wrap;
}
.ImgQR
{
    display: block;
    width: 115px;
    margin: 0;
    border: solid 1px #0072ff;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px #0072ff;
    box-shadow: 0 0 0 1px #0072ff;
}
.UrlAdd
{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
}
.UrlAdd textarea
{
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 40px;
    position: relative;
    margin-top: 10px;
    outline: none;
    color: #fff;
    padding: 10px;
    border: dashed 1px #0072ff;
    border-radius: 10px;
    font-size: 11px;
}
.BtnCopy
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 10px;
    margin: 10px 0;
    text-decoration: none;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 20px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 10px 10px #000c;
}
.BtnCopy:hover
{
    transform: scale(1);
}
.BtnCopy:active
{
    transform: scale(.9);
}
.BtnCopy.Cyan
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
}
.BtnCopy.Cyan:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
}
.LabelWarning, #LabelW_ACopied
{
    margin: 10px auto;
}
#CopyUrlBtn
{
    display: block;
}
#BoxCrytoType
{
    display: block;
    width: 100%;
    height: 45px;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 8px;
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding-left: 60px;
    text-align: left!important;
}
#BoxCrytoType select, option
{
    text-align: left!important;
    padding-left: 60px;
}
#BoxCrytoType .LabelUserSelect
{
    display: block;
    width: 100%;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    text-align: left;
    padding-left: 12px;
    font-size: 11px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
    opacity: 0;
}
#BoxCrytoType .ContRowsCryptos
{
    display: block;
    width: 100%;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#BoxCrytoType.IsOpen .ContRowsCryptos
{
    overflow: hidden;
    overflow-y: scroll;
    height: 215px;
    background-color: var(--BGMenu-Var);
    margin-top: 40px;
}
#BoxCrytoType.IsOpen .LabelUserSelect
{
    opacity: 1;
}
#BoxCrytoType .ContRowsCryptos::-webkit-scrollbar
{
    width: 4px;
}
#BoxCrytoType .ContRowsCryptos::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
#BoxCrytoType .ContRowsCryptos::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: var(--BGMenu-Var);
}
#BoxCrytoType .ContRowsCryptos::scrollbar
{
    width: 4px;
    border-radius: 100px;
}
#BoxCrytoType .ContRowsCryptos::scrollbar-track
{
    background: var(--BGMenu-Var);
    border-radius: 100px;
}
#BoxCrytoType .ContRowsCryptos::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
#BoxCrytoType .ContRowsCryptos
{
    scrollbar-face-color: var(--BGMenu-Var);
    scrollbar-shadow-color: var(--BGMenu-Var);
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
.RowContBtnsDeps
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
}
.BtnsDeps
{
    display: flex;
    width: 48%;
    height: 50px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 13px!important;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .1s ease-in-out;
    position: relative;
    text-decoration: none!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.BtnDepositCR
{
    border-top: solid 1px #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    color: #fff;
    text-decoration: none!important;
}
.BtnDepositCR:hover
{
    border-top: solid 1px #00ffde;
    background: linear-gradient(180deg,#00ffde 0%,#00987d 100%);
}
#BoxCrytoType .RowCryptoSelect
{
    display: block;
    width: 100%;
    height: 45px;
    position: relative;
    padding-right: 0;
    text-align: left;
    padding-left: 45px;
    z-index: 999;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-top: 0;
    background-color: #272d3f50;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#BoxCrytoType .RowCryptoSelect:hover
{
    transform: scale(1) translate(0);
    background-color: #0477fe;
}
#BoxCrytoType .RowCryptoSelect:active
{
    transform: scale(1) translate(-20px);
    opacity: .5;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon
{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 5px;
    top: 6px;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon
{
    display: block;
    width: 210px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_1
{
    left: 0;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_2
{
    left: -30px;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_3
{
    left: -60px;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_4
{
    left: -90px;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_5
{
    left: -120px;
}
#BoxCrytoType .RowCryptoSelect .CryptoIcon .CryptoIcon.CCI_6
{
    left: -160px;
}
#BoxCrytoType:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 5px;
    z-index: 99999999;
    transform: rotate(-90deg);
    background-color: var(--BGColorIcon-Var);
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}<\/style><path class="st0" d="M2.6,9.2c0-0.1,0.1-0.2,0.1-0.3C3,8.5,3.3,8.2,3.8,8.2c0.1,0,0.1,0,0.2,0c7.3,0,14.6,0,21.9,0c0.2,0,0.3,0,0.5,0c0.8,0.2,1.2,1.2,0.7,1.8c-0.1,0.1-0.2,0.2-0.2,0.3C23.3,14,19.6,17.7,16,21.3c-0.6,0.6-1.3,0.6-1.9,0c-3.6-3.6-7.2-7.2-10.8-10.8C3,10.2,2.7,10,2.6,9.6C2.6,9.5,2.6,9.3,2.6,9.2z"/></svg>');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 50%;
    transition: all .3s ease;
}
#BoxCrytoType.IsOpen:after
{
    transform: rotate(0);
    background-color: #0477fe;
    background-position: 50% 60%;
}
.RowNetwork
{
    display: flex;
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: relative;
    justify-content: flex-start;
    justify-items: center;
    flex-direction: row;
    padding: 0 20px;
    font-size: 15px;
    color: #7d8cc9;
    margin: 10px 0 15px;
    border: solid 1px #0072ff;
    border-radius: 8px;
    background-color: #11182b99;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer!important;
}
#IcoBoxCrypto
{
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: -1px;
    top: 1px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: url(../images/mro-casino-crypto-icons-45v-instant-withdrawals.svg) 0 0 no-repeat;
    background-size: 45px 315px;
    transition: all .2s ease;
    pointer-events: none;
    transition: all .4s cubic-bezier(.47,1.64,.41,.8);
}
#IcoBoxCrypto.BTC
{
    background-position-y: -45px;
}
#IcoBoxCrypto.LTC
{
    background-position-y: -90px;
}
#IcoBoxCrypto.ETH
{
    background-position-y: -135px;
}
#IcoBoxCrypto.BCH
{
    background-position-y: -180px;
}
#IcoBoxCrypto.USDT
{
    background-position-y: -225px;
}
#IcoBoxCrypto.BNB
{
    background-position-y: -270px;
}
#IcoMinD
{
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    right: -1px;
    top: 1px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: url(../images/mro-casino-min-dep-instant-withdrawals.svg) 0 0 no-repeat;
    background-size: 45px 45px;
    transition: all .2s ease;
    pointer-events: none;
    transition: all .4s cubic-bezier(.47,1.64,.41,.8);
}
.RowNetwork:hover
{
    border-color: #02cead;
}
.RowBoxForm:hover
{
    border-color: #0477fe;
}
.RowNetwork select
{
    display: block;
    width: 100%;
    height: 43px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    z-index: 0;
    padding: 10px 20px;
    background-color: transparent;
    outline: none;
    border: 0;
    cursor: pointer;
}
.RowNetwork select option
{
    display: block;
    width: 100%;
    height: 43px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    z-index: 0;
    padding: 0 20px;
    background-color: #20222f;
    outline: none;
    border: 0;
}
.RowNetwork select:hover:after
{
    color: #23b499;
}
.RowNetwork:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 7px;
    border-radius: 5px;
    z-index: 10;
    transform: rotate(-90deg);
    background-color: var(--BGColorIcon-Var);
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}<\/style><path class="st0" d="M2.6,9.2c0-0.1,0.1-0.2,0.1-0.3C3,8.5,3.3,8.2,3.8,8.2c0.1,0,0.1,0,0.2,0c7.3,0,14.6,0,21.9,0c0.2,0,0.3,0,0.5,0c0.8,0.2,1.2,1.2,0.7,1.8c-0.1,0.1-0.2,0.2-0.2,0.3C23.3,14,19.6,17.7,16,21.3c-0.6,0.6-1.3,0.6-1.9,0c-3.6-3.6-7.2-7.2-10.8-10.8C3,10.2,2.7,10,2.6,9.6C2.6,9.5,2.6,9.3,2.6,9.2z"/></svg>');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 50%;
    transition: all .3s ease;
    pointer-events: none;
}
.RowNetwork.selNetOpen:after
{
    transform: rotate(0);
    background-color: #0477fe;
    background-position: 50% 60%;
}
#BtnToggleCForm
{
    display: block;
    width: 55px;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1000000000000000000000000;
    background: url(../images/mro-casino-icon-dform-instant-withdrawals.svg) 0 0 no-repeat #0477fe;
    background-size: 100% 200%;
    transition: all .3s ease-in-out;
    opacity: 1!important;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 5px 5px #00000080;
    border-radius: 0 15px 15px 0;
    background-position-y: 100%;
    border-top: solid 2px rgba(255,255,255,.3);
}
#BtnToggleCForm:hover
{
    background-color: #272d3f;
}
#ContCrLayerForm.Close
{
    padding: 0;
    width: 0%;
    z-index: 999;
}
#ContCrLayerForm *
{
    opacity: 1;
    transition-delay: .3s;
}
#ContCrLayerForm.Close *
{
    display: none;
    opacity: 0;
    transition-delay: .3s;
}
#BtnToggleCForm.Close
{
    background-position-y: 0%;
    background-color: #0477fe;
    left: -50px;
    transition-delay: 1s;
    border-radius: 15px 0 0 15px;
    top: 100px;
    display: block;
}
#BtnToggleCForm:after
{
    content: "Close";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 50px;
    bottom: 10px;
    font-size: 10px;
    line-height: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-shadow: 0 2px 2px #000;
}
#BtnToggleCForm.Close:after
{
    content: "Quick Deposit";
    left: 0;
    bottom: -32px;
}
#BtnToggleCForm:active:after
{
    content: "";
    left: 0;
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    #BtnToggleCForm.Close
    {
        top: 70px;
    }
}
#GamesHome
{
    display: block;
    width: 100%;
    max-width: 1420px;
    height: auto;
    margin: 40px auto 140px;
    position: relative;
    border-radius: 20px;
    background-color: var(--BGMenu-Var);
    overflow: hidden;
    padding: 10px 0;
}
#GamesHome .GamesRow
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    border-radius: 20px;
}
#GamesHome .NavRow
{
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#GamesHome .NavRow .ControlsSshow
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: absolute;
    right: 30px;
    top: 0;
    width: 90px;
    height: 50px;
    margin: 0;
    padding: 0;
}
#GamesHome .NavRow .ControlsSshow .BtnNavs
{
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--BGColorIcon-Var);
    position: relative;
    transition: all .1s ease-in-out;
    background-color: var(--BGAccordion-Var);
}
#GamesHome .NavRow .ControlsSshow .BtnNavs:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 5px;
    z-index: 10;
    transform: rotate(0);
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}<\/style><path class="st0" d="M2.6,9.2c0-0.1,0.1-0.2,0.1-0.3C3,8.5,3.3,8.2,3.8,8.2c0.1,0,0.1,0,0.2,0c7.3,0,14.6,0,21.9,0c0.2,0,0.3,0,0.5,0c0.8,0.2,1.2,1.2,0.7,1.8c-0.1,0.1-0.2,0.2-0.2,0.3C23.3,14,19.6,17.7,16,21.3c-0.6,0.6-1.3,0.6-1.9,0c-3.6-3.6-7.2-7.2-10.8-10.8C3,10.2,2.7,10,2.6,9.6C2.6,9.5,2.6,9.3,2.6,9.2z"/></svg>');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50% 50%;
    transition: all .3s ease;
    pointer-events: none;
}
#GamesHome .NavRow .ControlsSshow .BtnNavs.Nav_L:after
{
    transform: rotate(90deg);
}
#GamesHome .NavRow .ControlsSshow .BtnNavs.Nav_R:after
{
    transform: rotate(-90deg);
}
#GamesHome .NavRow .ControlsSshow .BtnNavs:hover
{
    background-color: #0477fe;
    transform: scale(1.1);
}
#GamesHome .NavRow .ControlsSshow .BtnNavs:active
{
    background-color: var(--BGAccordion-Var);
    transform: scale(.8);
}
#GamesHome .ContRowGames
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 10;
    pointer-events: all;
    transition: all .1s ease-in-out;
}
#GamesHome .ContRowGames .TabGames
{
    display: block;
    width: 85px;
    height: 330px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
    border-radius: 15px;
    pointer-events: none;
    box-shadow: 0 5px 5px #00000080;
}
#GamesHome .ContRowGames .TabGames.TGames
{
    background: #f27121;
    background: linear-gradient(90deg,#f27121 0%,#e94057 50%,#8a2387 100%);
}
#GamesHome .ContRowGames .TabGames.LGames
{
    background: #00ffd8;
    background: linear-gradient(90deg,#00ffd8 0%,#732aeb 100%);
}
#GamesHome .ContRowGames .TabGames .ImgTabGames
{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
#GamesHome .ContRowGames .SlideShow
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 330px;
    margin: 0;
    position: relative;
    padding: 0 0 0 95px;
    z-index: 1;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    transition: all .3s ease-in-out;
}
#GamesHome .NavRow
{
    height: 60px;
}
#GamesHome .ContRowGames .SlideShow .GameBox
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 330px;
    margin: 0 30px 0 0;
    padding: 0;
    position: relative;
    border-radius: 20px;
    flex-shrink: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
#GamesHome .ContRowGames .SlideShow .GameBox .ImgGameWH
{
    max-width: 445px;
    height: auto;
    margin: 0;
}
#GamesHome .ContRowGames .SlideShow .GameBox:after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
#GamesHome .ContRowGames .SlideShow .GameBox:last-child
{
    margin: 0;
}
#GamesHome .ContRowGames .SlideShow .GameBox:first-child:after
{
    background-color: #11182b00;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
}
#GamesHome .ContRowGames .SlideShow .GameBox.Full_W
{
    animation-delay: 0;
    opacity: 1;
    overflow: hidden;
}
#GamesHome .ContRowGames .SlideShow .GameBox.Full_W .ImgGameWH
{
    transform: scale(1);
}
#GamesHome .ContRowGames .SlideShow:hover>.GameBox.Full_W
{
    animation-play-state: initial;
    animation-name: none;
    transition: all .3s ease-in-out;
}
#GamesHome .ContRowGames .SlideShow:hover .GameBox
{
    opacity: 1;
}
#GamesHome .ContRowGames .SlideShow:hover .GameBox:after
{
    opacity: 0;
}
#GamesHome .ContRowGames .SlideShow .GameBox:hover .CapBTN
{
    opacity: 1;
}
#GamesHome .ContRowGames .SlideShow::-webkit-scrollbar
{
    width: 0;
    height: 0;
    cursor: pointer;
}
#GamesHome .ContRowGames .SlideShow::-webkit-scrollbar-track
{
    background: var(--BGMenu-Var);
    border-radius: 0;
}
#GamesHome .ContRowGames .SlideShow::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #0477fe;
}
#GamesHome .ContRowGames .SlideShow::scrollbar
{
    width: 0;
    height: 0;
    border-radius: 100px;
    cursor: pointer;
}
#GamesHome .ContRowGames .SlideShow::scrollbar-track
{
    background: #0477fe;
    border-radius: 100px;
}
#GamesHome .ContRowGames .SlideShow::scrollbar-thumb
{
    border-radius: 100px;
    background: var(--BGMenu-Var);
}
#GamesHome .ContRowGames .SlideShow
{
    scrollbar-face-color: #0477fe;
    scrollbar-shadow-color: #0477fe;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
#GamesHome .ContRowGames .SlideShow .GameBox .CapBTN
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    background-color: #11182b99;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-blend-mode: overlay;
    cursor: pointer;
    transition: all .3s ease-in-out;
    overflow: hidden;
    opacity: 0;
}
#GamesHome .ContRowGames .SlideShow .GameBox .CapBTN .Btns
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    flex-wrap: nowrap;
    font-size: 20px;
    flex-shrink: 0;
    cursor: pointer;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 10px 10px #000c;
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
}
#GamesHome .ContRowGames .SlideShow .GameBox:hover .CapBTN .Btns
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
    transform: scale(1.1);
}
#GamesHome .RowBtnsMore
{
    display: flex;
    height: auto;
    padding: 0;
    position: relative;
    margin: 30px auto;
    justify-content: center;
    width: 100%;
}
#GamesHome .RowBtnsMore button
{
    display: block;
    width: 100%;
    max-width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: 20px;
}
.BtnViewAll
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 50px;
    border: 0;
    border-radius: 6px;
    margin: 10px auto;
    text-decoration: none;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 10px 10px #000c;
}
.BtnViewAll:hover
{
    transform: scale(1.1);
}
.BtnViewAll:active
{
    transform: scale(.9);
}
.BtnViewAll.Cyan
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
}
.BtnViewAll.Cyan:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
}
#GamesHome .ContRowGames .SlideShow .GameBox.Full_W, #GamesHome .ContRowGames .SlideShow .GameBox:hover
{
    max-width: 445px;
}
#GamesHome .ContRowGames .SlideShow .GameBox:hover .CapBTN
{
    height: 70px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#GamesHome .ContRowGames .ContAllBGames
{
    display: block;
    width: auto;
    height: auto;
    position: relative;
    border-radius: 20px;
    margin: 0;
    left: 0;
}
#GamesHome .ContRowGames:after
{
    content: "";
    display: block;
    width: 95px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: var(--BGMenu-Var);
}
@keyframes AniFull_W
{
    0%
    {
        max-width: 0;
        opacity: 0;
    }
    20%
    {
        max-width: 445px;
        opacity: 1;
    }
    80%
    {
        max-width: 445px;
        opacity: 1;
    }
    to
    {
        max-width: 0;
        opacity: 0;
    }
}
@media only screen and (min-width: 751px) and (max-width: 1400px)
{
    #GamesHome .ContRowGames .ContAllBGames
    {
        transform: translate(0)!important;
        padding: 0 10px 0 50px!important;
        width: 100%;
    }
    #GamesHome .ContRowGames .SlideShow
    {
        padding-left: 60px;
    }
    #GamesHome .ContRowGames .TabGames
    {
        width: 50px;
        border-radius: 8px;
        height: 100%;
    }
    #GamesHome .ContRowGames .TabGames .ImgTabGames
    {
        width: 100%;
        left: 0%;
        top: 25%;
    }
}
@media only screen and (min-width: 0) and (max-width: 1400px)
{
    #GamesHome
    {
        margin: 20px auto;
        padding: 20px 0 0;
        width: 98%;
    }
    #GamesHome .GamesRow
    {
        height: auto;
        padding: 0;
        margin: 0 0 15px;
    }
    #GamesHome .NavRow
    {
        display: none;
    }
    #GamesHome .ContRowGames .SlideShow
    {
        padding-left: 0;
        height: auto;
        overflow: hidden;
        overflow-x: scroll;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox
    {
        width: 28%;
        max-width: 28%;
        border-radius: 10px;
        margin: 10px;
        opacity: 1;
        height: auto;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox.Full_W
    {
        width: 28%;
        max-width: 28%;
        animation-name: none;
        height: auto;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox .ImgGameWH
    {
        width: 200%;
        max-width: 200%;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox .CapBTN
    {
        border-radius: 10px;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox:after
    {
        background-color: #11182b00;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
    }
    #GamesHome .ContRowGames .SlideShow .GameBox .CapBTN .Btns
    {
        width: 80%;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        border-radius: 5px;
    }
    #GamesHome .RowBtnsMore
    {
        height: auto;
        margin: 20px auto;
        display: flex;
    }
    #GamesHome .RowBtnsMore button
    {
        max-width: 170px;
        height: 40px;
        font-size: 15px;
    }
    #GamesHome .ContRowGames .ContAllBGames
    {
        transform: translate(0)!important;
        padding: 0 10px 0 0;
        width: 100%;
    }
    #GamesHome .ContRowGames:after
    {
        width: 60px;
    }
}
@media only screen and (min-width: 0) and (max-width: 750px)
{
    #GamesHome
    {
        padding: 15px 0 0;
    }
    #GamesHome .ContRowGames .ContAllBGames
    {
        transform: translate(0)!important;
        padding: 0 10px 0 30px!important;
        width: 100%;
        border-radius: 10px;
    }
    #GamesHome .ContRowGames .TabGames
    {
        width: 25px;
        border-radius: 8px;
        height: 100%;
        top: 0%;
    }
    #GamesHome .ContRowGames .TabGames .ImgTabGames
    {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
    #GamesHome .ContRowGames .SlideShow
    {
        border-radius: 10px;
    }
    #GamesHome .ContRowGames .SlideShow .GameBox
    {
        margin: 0 10px 0 0;
        border-radius: 10px;
    }
    #GamesHome .ContRowGames:after
    {
        width: 30px;
    }
}
#MainContHomeGames
{
    display: block;
    width: 100%;
    max-width: 1450px;
    height: auto;
    margin: 30px auto;
    background-color: var(--BGMenu-Var);
    padding: 10px 0;
    border-radius: 20px;
}
.RowWPG_Caro
{
    display: flex;
    width: 100%;
    max-width: 1450px;
    height: auto;
    margin: 0 auto 35px;
    padding: 55px 0 20px;
    position: relative;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    border-bottom: dashed 1px rgba(79,80,108,.5);
}
.owl-carousel
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 1345px;
    height: auto!important;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.owl-carousel.owl-loaded
{
    margin: 0;
    padding: 0;
}
.item
{
    display: block;
    margin: 0;
    width: auto;
    max-width: 150px;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border: solid 1px rgba(255,255,255,.1);
    cursor: pointer;
    transition: all .5s ease-out;
}
.item img
{
    width: 100%!important;
    height: auto!important;
    margin: 0;
    transition: all .2s ease-out;
}
.item:hover
{
    border: solid 1px #0477fe;
}
.item:hover img
{
    transform: scale(1.1);
}
.item .CapBTN
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    border-radius: 15px;
    background-color: #11182b99;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-blend-mode: overlay;
    cursor: pointer;
    transition: all .3s ease-in-out;
    overflow: hidden;
    opacity: 0;
}
.item:hover .CapBTN
{
    opacity: 1;
}
.item .CapBTN .Btns
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 60px;
    margin: -35% 0 0;
    border-radius: 10px;
    overflow: hidden;
    flex-wrap: nowrap;
    font-size: 25px;
    flex-shrink: 0;
    cursor: pointer;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    color: #fff;
    box-shadow: 0 10px 10px #000c;
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    transition: all .4s cubic-bezier(.47,1.64,.41,.8);
    transition-delay: .3s;
    opacity: 0;
}
.item:hover .CapBTN .Btns
{
    margin-top: 0;
    opacity: 1;
}
.item .CapBTN .NameGame
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 15px;
    overflow: hidden;
    font-size: 13px;
    line-height: 14px;
    color: #fff;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    text-shadow: 5px 5px 5px rgba(0,0,0,.5);
    padding: 0 10px;
}
.RowWPG_Caro .VerticalLabel
{
    display: flex;
    width: 40px;
    height: 200px;
    margin: 0 20px 0 0;
    border-radius: 10px;
    cursor: pointer;
}
.RowWPG_Caro.TopGames .VerticalLabel
{
    background: #f27121;
    background: linear-gradient(90deg,#f27121 0%,#e94057 50%,#8a2387 100%);
}
.RowWPG_Caro.LastGames .VerticalLabel
{
    background: #00ffd8;
    background: linear-gradient(90deg,#00ffd8 0%,#732aeb 100%);
}
.RowWPG_Caro .VerticalLabel:after
{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}
.RowWPG_Caro.TopGames .VerticalLabel:after
{
    background: url(../images/mro-casino-top-games_v-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
}
.RowWPG_Caro.LastGames .VerticalLabel:after
{
    background: url(../images/mro-casino-lastest-games_v-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
}
.RowWPG_Caro .BControlsCaro
{
    display: flex;
    width: 90px;
    height: 40px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 0;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.RowWPG_Caro .BControlsCaro .ArrowNav
{
    display: flex;
    width: 40px;
    height: 40px;
    margin: 0;
    cursor: pointer;
    border-radius: 10px;
    z-index: 99;
    background: url(../images/mro-casino-arrow-down-instant-withdrawals.svg) 50% 50% no-repeat var(--BGAccordion-Var);
    background-size: 50%;
    transition: all .1s ease-in-out;
}
.RowWPG_Caro .BControlsCaro .ArrowNav.Nav_L
{
    transform: rotate(90deg);
}
.RowWPG_Caro .BControlsCaro .ArrowNav.Nav_R
{
    transform: rotate(-90deg);
}
.RowWPG_Caro .BControlsCaro .ArrowNav.Nav_L:active
{
    transform: rotate(90deg) translateY(10px);
}
.RowWPG_Caro .BControlsCaro .ArrowNav.Nav_R:active
{
    transform: rotate(-90deg) translateY(10px);
}
.RowWPG_Caro .BControlsCaro .ArrowNav:hover
{
    background-color: #0477fe;
}
.item:before
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    border-radius: 15px;
    background: url(../images/mro-casino-playicon-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: all .3s cubic-bezier(.5,1.64,.41,.8);
    overflow: hidden;
    opacity: 0;
}
.item:hover:before
{
    opacity: 1;
    background-size: 30%;
}
.item:after
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105%;
    height: 105%;
    position: absolute;
    left: -2.5%;
    bottom: -2.5%;
    z-index: 99;
    background-color: #11182b99;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-blend-mode: overlay;
    cursor: pointer;
    transition: all .3s ease-in-out;
    overflow: hidden;
    opacity: 0;
}
.item:hover:after
{
    opacity: 1;
}
@media only screen and (min-width: 901px) and (max-width: 1450px)
{
    .item
    {
        width: auto;
        height: auto;
        border-radius: 10px;
    }
    .item .CapBTN
    {
        border-radius: 10px;
    }
    .item .CapBTN .Btns
    {
        font-size: 15px;
        height: 40px;
        border-radius: 5px;
    }
}
@media only screen and (min-width: 551px) and (max-width: 900px)
{
    .RowWPG_Caro
    {
        padding: 50px 0 0;
        margin: 0 auto 20px;
    }
    .item
    {
        width: auto;
        height: auto;
        border-radius: 10px;
    }
    .item .CapBTN
    {
        border-radius: 10px;
    }
    .item .CapBTN .Btns
    {
        font-size: 15px;
        height: 40px;
        border-radius: 5px;
    }
}
@media only screen and (min-width: 0) and (max-width: 550px)
{
    .RowWPG_Caro
    {
        padding: 50px 0 0;
        margin: 0 auto 20px;
    }
    .item
    {
        width: auto;
        height: auto;
        border-radius: 10px;
        margin-right: 5px!important;
    }
    .item .CapBTN
    {
        border-radius: 10px;
    }
    .item .CapBTN .Btns
    {
        font-size: 12px;
        height: 30px;
        border-radius: 5px;
    }
    .item .CapBTN .NameGame
    {
        font-size: 10px;
        line-height: 10px;
        height: auto;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .item
    {
        width: auto;
        height: auto;
        border-radius: 10px;
        margin-right: 5px!important;
    }
    .item .CapBTN
    {
        border-radius: 10px;
    }
    .item .CapBTN .Btns
    {
        font-size: 10px;
        height: 30px;
        border-radius: 5px;
        width: 95%;
    }
    .item .CapBTN .NameGame
    {
        font-size: 10px;
        line-height: 10px;
        height: auto;
    }
}
@media only screen and (min-width: 0) and (max-width: 1500px)
{
    .RowWPG_Caro
    {
        padding-left: 10px;
    }
    .RowWPG_Caro .VerticalLabel
    {
        width: 40%;
        max-width: 250px;
        height: 35px;
        margin: 0 auto 10px;
        position: absolute;
        left: 10px;
        top: 5px;
        border-radius: 10px 10px 0 0;
    }
    .RowWPG_Caro.TopGames .VerticalLabel:after
    {
        background: url(../images/mro-casino-top-games_h-instant-withdrawals.svg) 50% 50% no-repeat;
        background-size: 90%;
    }
    .RowWPG_Caro.LastGames .VerticalLabel:after
    {
        background: url(../images/mro-casino-lastest-games_h-instant-withdrawals.svg) 50% 50% no-repeat;
        background-size: 90%;
    }
    .RowWPG_Caro .BControlsCaro
    {
        right: 10px;
        top: 0;
    }
    #MainContHomeGames
    {
        width: 95%;
    }
}
#BarFooter
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 40px 50px;
    width: 100%;
    max-width: 1420px;
    position: relative;
    margin: 0 auto;
    flex-wrap: wrap;
}
#BarFooter .RtgLogo
{
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0;
    content: var(--Img_RTG-Var);
}
#BarFooter .CDSLogo
{
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0;
    content: var(--Img_CDS-Var);
}
#BarFooter .YearLogo
{
    display: block;
    width: 100%;
    max-width: 60px;
    margin: 0;
}
.RowsFooter
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}
.IconSocial
{
    display: flex;
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    cursor: pointer;
    border-radius: 100px;
    background: url(../images/mro-casino-socials-sprite-instant-withdrawals.svg) 0 0 no-repeat;
    background-size: 500px 100px;
    transition: all .1s ease-in-out;
}
.IconSocial.Vib
{
    background-position: 0 0;
    background-color: #583fbb;
}
.IconSocial.Tel
{
    background-position: -50px 0;
    background-color: #23a0dc;
}
.IconSocial:hover
{
    transform: scale(1.2);
}
@media only screen and (min-width: 0) and (max-width: 900px)
{
    #BarFooter
    {
        padding: 20px 30px 100px;
    }
    #BarFooter .RtgLogo, #BarFooter .CDSLogo
    {
        max-width: 120px;
    }
    #BarFooter .YearLogo
    {
        max-width: 40px;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    #BarFooter
    {
        padding: 20px 30px 100px;
    }
    #BarFooter .RtgLogo, #BarFooter .CDSLogo
    {
        max-width: 80px;
    }
    #BarFooter .YearLogo
    {
        max-width: 30px;
    }
}
.Pages
{
    display: block;
    width: 100%;
    height: 100vh;
    padding: 40px 0 0;
    margin: 90px 0 0;
    background: url(../images/mro-casino-bg-header-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: cover;
    transition: all .3s ease-in-out;
}
.Pages .Wrapper
{
    display: block;
    width: 100%;
    max-width: 1300px;
    height: auto;
    padding: 30px 0 0;
    margin: 0 auto;
}
.Pages .MrOBack
{
    display: block;
    width: 100%;
    max-width: 700px;
    height: auto;
    position: absolute;
    top: -10%;
    right: 30%;
    z-index: 0;
    transform: rotate(45deg);
}
.Pages .Wrapper h1
{
    display: block;
    font-size: 40px;
    padding: 0;
    text-align: left;
    color: #fff;
}
.Pages .Wrapper h2
{
    display: block;
    font-size: 30px;
    padding: 0;
    text-align: left;
    color: #fff;
    margin-bottom: 30px;
}
.Pages .Wrapper .BoxPage
{
    display: block;
    width: 100%;
    max-width: 1300px;
    height: auto;
    padding: 40px;
    border-radius: 20px;
    margin: 50px 0 0;
    background-color: var(--BGMenu-Var);
    color: var(--MainTextColor-Var);
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
}
.Pages .Wrapper .BoxPage h2
{
    display: block;
    font-size: 30px;
    padding: 0;
    text-align: left;
    margin-top: 20px;
}
.Pages .Wrapper .BoxPage h1, h2, h3, h4, h5, p
{
    display: block;
    color: var(--MainTextColor-Var);
}
.Pages .Wrapper .BoxPage .AccordionHeader
{
    height: 40px;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: 15px;
    background-color: var(--BGTabsColor-Var);
    text-align: left;
    padding-right: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Pages .Wrapper .BoxPage .AccordionHeader:hover
{
    background-color: #02cead;
    transform: scale(1.01);
}
.Pages .Wrapper .BoxPage .AccordionHeader:active
{
    background-color: #fff;
    transform: scale(.95);
}
.Pages .Wrapper .BoxPage .AccordionHeader:after
{
    right: 5px;
}
.Pages .Wrapper .BoxPage .accordion-body
{
    font-size: 15px;
    padding: 10px 10px 25px;
}
.Pages .Wrapper .BoxPage .accordion-body p, ul, ol, li
{
    display: block;
    margin-bottom: 20px;
}
.Pages .Wrapper .BoxPage .accordion-title
{
    font-size: 16px;
}
.Pages .Wrapper .BoxPage ul
{
    padding-left: 30px;
    margin-top: 25px;
}
.Pages .Wrapper .BoxPage ul li
{
    display: block;
    margin-bottom: 20px;
    position: relative;
    list-style: none;
}
.Pages .Wrapper .BoxPage ul li:before
{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: var(--MainTextColor-Var);
    position: absolute;
    top: 6px;
    left: -25px;
    border-radius: 10px;
    opacity: .5;
}
.Pages .Wrapper .BoxPage p
{
    font-size: 15px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}
.accordion-body p
{
    font-size: 15px;
    width: 100%;
}
.Pages .Wrapper h3
{
    width: 100%;
    text-align: left;
    font-size: 22px;
    margin: 0 auto 20px;
    padding: 0;
}
.Pages .Wrapper ul, li
{
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin: 0 auto 20px;
    padding: 0;
}
.mb
{
    margin-bottom: 30px;
}
.RowCryptosBK
{
    display: flex;
    cursor: pointer;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.RowCryptosBK .CryptoTabs
{
    display: block;
    width: 100%;
    max-width: 345px;
    margin: 5px;
}
.RowTwoCols
{
    display: flex;
    width: 100%;
    margin: 0;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.RowTwoCols .TwoCols
{
    display: flex;
    width: 48%;
    margin: 0;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.RowTwoCols .TwoCols ul
{
    width: 100%;
    text-align: left;
    font-size: 13px;
    margin: 0 auto 20px;
}
.RowTwoCols .TwoCols h3
{
    width: 100%;
    text-align: left;
    font-size: 25px;
    margin: 0 auto 20px;
    padding: 0;
}
.ImgAbout
{
    display: block;
    width: 100%;
    max-width: 514px;
    margin: 0;
}
.ImgAboutBoxes
{
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 10px auto 40px;
}
.ImgSupport
{
    display: block;
    width: 100%;
    max-width: 529px;
    margin: 0;
}
.ContLabelsBtn
{
    display: block;
    width: 100%;
    height: auto;
    margin: 30px auto;
}
.LabelContac
{
    display: flex;
    width: 100%;
    height: 60px;
    margin: 0 auto 20px;
    border-radius: 10px;
    padding: 0 0 0 60px;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    font-family: Nunito Sans,sans-serif;
    color: #fff;
    transition: all .1s ease-in-out;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.LabelContac.Purple
{
    background: #03b5ff;
    background: linear-gradient(90deg,#03b5ff 0%,#205eff 20%,#7f27ff 40%,rgba(32,34,47,0) 80%);
}
.LabelContac.Pink
{
    background: #f27121;
    background: linear-gradient(90deg,#f27121 0%,#e94057 20%,#8a2387 40%,rgba(32,34,47,0) 80%);
}
.LabelContac .BoxIcons
{
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
    background-position: -40px -80px;
    transform: scale(1);
}
.LabelContac.Mail .BoxIcons
{
    background-position: -40px -80px;
}
.LabelContac.Chat .BoxIcons
{
    background-position: -80px -80px;
}
.LabelContac:hover
{
    transform: scale(1.1);
}
.LabelContac:active
{
    transform: scale(.8);
}
.RowCBoxesAffp
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 80px auto 40px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.RowCBoxesAffp .ColReasons
{
    display: flex;
    width: 100%;
    max-width: 225px;
    height: 380px;
    margin: 20px 0 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 0 10px 30px;
    border-radius: 15px;
    background-color: var(--BGBoxes-Var);
}
.RowCBoxesAffp .ColReasons .HeadImg
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    top: -40px;
    position: relative;
    padding: 0;
}
.RowCBoxesAffp .ColReasons .HeadImg .IconsAff
{
    display: block;
    width: 100%;
    height: auto;
    max-width: 140px;
    margin: 0 auto;
}
.RowCBoxesAffp .ColReasons h4
{
    text-align: center!important;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0 auto 20px;
}
.RowCBoxesAffp .ColReasons p
{
    text-align: center!important;
    font-size: 18px;
}
.HeaderPage
{
    display: block;
    width: 100%;
    max-width: 1075px;
    margin: 0 auto 50px;
}
.ConReTablesCol
{
    display: flex;
    height: auto;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
}
.ConReTablesCol .CReTaCols
{
    display: flex;
    width: 31%;
    height: auto;
    justify-content: center;
    margin: 0;
    flex-direction: column;
}
.ConReTablesCol .CReTaCols .TitleTabCol
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    font-family: Nunito Sans,sans-serif;
    color: #fff;
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}
.ConReTablesCol .CReTaCols .CTableReCol
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    font-family: Nunito Sans,sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    background-color: var(--BGTransColor-Var);
    padding: 30px 20px;
    border-radius: 20px;
}
.ConReTablesCol .CReTaCols .CTableReCol .RowsReTables
{
    display: flex;
    height: auto;
    min-height: 60px;
    justify-content: space-between;
    margin: 0 auto;
    color: var(--MainTextColor-Var);
}
.ConReTablesCol .CReTaCols .CTableReCol .RowsReTables .ColsReTable
{
    display: flex;
    width: 50%;
    height: auto;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-bottom: solid 1px rgba(58,57,70,.7);
}
.ConReTablesCol .CReTaCols .CTableReCol .RowsReTables.HeadTab
{
    border: 0;
    min-height: 80px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
}
.ConReTablesCol .CReTaCols .CTableReCol .RowsReTables .ColsReTable.WImport
{
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
}
.ConReTablesCol .CReTaCols .CTableReCol .RowsReTables.RowNoLine .ColsReTable
{
    border-color: #0000!important;
}
@media only screen and (min-width: 851px) and (max-width: 1400px)
{
    .Pages
    {
        padding: 20px 40px 40px;
        margin: 90px 0 0;
    }
    .Pages .Wrapper
    {
        margin: 0;
    }
    .Pages .Wrapper .BoxPage
    {
        width: 100%;
        padding: 20px 30px;
        margin: 30px 0 0;
        border-radius: 15px;
    }
    .Pages .Wrapper .BoxPage h2
    {
        font-size: 20px;
    }
    .Pages .Wrapper h1
    {
        font-size: 30px;
    }
    .RowCBoxesAffp
    {
        justify-content: flex-start;
        max-width: 900px;
    }
    .RowCBoxesAffp .ColReasons
    {
        max-width: 45%;
        margin: 20px 2.5%;
        height: auto;
        min-height: 350px;
        padding: 0 20px;
    }
    .RowCBoxesAffp .ColReasons p
    {
        font-size: 14px!important;
    }
}
@media only screen and (min-width: 499px) and (max-width: 850px)
{
    .Pages
    {
        padding: 0 10px 10px;
        margin: 90px 0 0;
    }
    .Pages .Wrapper
    {
        margin: 0;
    }
    .Pages .Wrapper .BoxPage
    {
        width: 100%;
        padding: 20px;
        margin: 30px 0 0;
        border-radius: 15px;
    }
    .Pages .Wrapper .BoxPage h2
    {
        font-size: 20px;
    }
    .Pages .Wrapper h1
    {
        font-size: 30px;
    }
    .RowTwoCols
    {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .RowTwoCols .TwoCols
    {
        width: 100%;
    }
    .ImgAbout, .ImgSupport
    {
        max-width: 50%;
        margin: 0 auto 30px;
    }
    .RowCBoxesAffp
    {
        justify-content: flex-start;
        max-width: 100%;
    }
    .RowCBoxesAffp .ColReasons
    {
        max-width: 45%;
        margin: 20px 2.5%;
        height: auto;
        min-height: 350px;
        padding: 0 20px;
    }
    .RowCBoxesAffp .ColReasons p
    {
        font-size: 13px!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    .Pages
    {
        padding: 0 10px 10px;
        margin: 60px 0 0;
    }
    .Pages .Wrapper
    {
        margin: 0;
    }
    .Pages .Wrapper .BoxPage
    {
        width: 100%;
        padding: 20px 10px;
        margin: 30px 0 0;
        border-radius: 15px;
    }
    .Pages .Wrapper .BoxPage h2
    {
        font-size: 20px;
        padding-left: 15px;
    }
    .Pages .Wrapper h1
    {
        font-size: 30px;
        line-height: 30px;
    }
    .Pages .Wrapper .BoxPage .AccordionHeader
    {
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .Pages .Wrapper .BoxPage .accordion-title
    {
        font-size: 13px;
        padding-left: 0;
    }
    .Pages .Wrapper .BoxPage .accordion-body
    {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 10px 25px;
    }
    .RowTwoCols
    {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .RowTwoCols .TwoCols
    {
        width: 100%;
    }
    .RowTwoCols .TwoCols h3
    {
        font-size: 16px;
    }
    .Pages .Wrapper .BoxPage ul li
    {
        margin-bottom: 10px;
    }
    .LabelContac
    {
        font-size: 14px;
        line-height: 14px;
        padding: 0 0 0 40px;
    }
    .LabelContac .BoxIcons
    {
        left: 0;
        top: 10px;
        transform: scale(.7);
    }
    .ImgAboutBoxes
    {
        width: 100%;
        margin: 0 auto 20px;
    }
    .ConReTablesCol .CReTaCols .CTableReCol
    {
        font-size: 12px;
        padding: 5px 10px;
    }
    .ConReTablesCol .CReTaCols .TitleTabCol
    {
        font-size: 20px;
        line-height: 20px;
    }
    .ConReTablesCol .CReTaCols .CTableReCol .RowsReTables
    {
        font-size: 12px;
        line-height: 12px;
        min-height: 40px;
    }
    .ConReTablesCol .CReTaCols .CTableReCol .RowsReTables.HeadTab
    {
        font-size: 12px;
        line-height: 12px;
        min-height: 45px;
    }
    .ConReTablesCol .CReTaCols .CTableReCol .RowsReTables .ColsReTable.WImport
    {
        font-size: 15px;
        line-height: 15px;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .Pages .Wrapper .BoxPage .AccordionHeader
    {
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .Pages .Wrapper .BoxPage .accordion-title
    {
        font-size: 12px;
        padding-left: 0;
    }
    .Pages .Wrapper .BoxPage .accordion-body
    {
        font-size: 13px;
        line-height: 15px;
        padding: 20px 5px;
    }
}
@media only screen and (min-width: 0) and (max-width: 900px)
{
    .ConReTablesCol
    {
        flex-direction: column;
        max-width: 500px;
    }
    .ConReTablesCol .CReTaCols
    {
        width: 100%;
    }
    .ConReTablesCol .CReTaCols .TitleTabCol br
    {
        display: none;
    }
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    .RowCryptosBK
    {
        width: 80%;
    }
    .HeaderPage
    {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 0) and (max-width: 800px)
{
    .Pages .MrOBack
    {
        width: 50%;
        top: 0%;
        right: 5%;
    }
    .RowCBoxesAffp
    {
        justify-content: flex-start;
        max-width: 100%;
    }
    .RowCBoxesAffp .ColReasons
    {
        max-width: 300px;
        margin: 20px auto;
        height: auto;
        min-height: 350px;
        padding: 0 20px;
    }
    .RowCBoxesAffp .ColReasons p
    {
        font-size: 13px!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    .Pages .Wrapper
    {
        padding: 30px 0 0;
    }
}
.Pages .Wrapper .BoxPromoPage
{
    display: block;
    width: 100%;
    max-width: 1300px;
    height: auto;
    padding: 0;
    border-radius: 20px;
    margin: 50px 0 0;
    color: var(--MainTextColor-Var);
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
}
.Pages .Wrapper .BoxPromoPage .RowPromos
{
    display: flex;
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 20px;
    margin: 0 0 50px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all .1s ease-in-out;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.1%;
    padding: 0;
    transition: all .1s ease-in-out;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_L
{
    width: 40%;
    height: 270px;
    transition: all .2s cubic-bezier(.47,1.64,.41,.8);
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_L_Custom
{
    width: 25%;
    height: 270px;
    transition: all .2s cubic-bezier(.47,1.64,.41,.8);
    background-color: var(--BGMenu-Var);
    color: var(--MainTextColor-Var);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_C
{
    width: 40%;
    padding: 20px 0 0 20px;
    height: 270px;
    background-color: var(--BGMenu-Var);
    color: var(--MainTextColor-Var);
    max-height: auto;
    transition: all .2s cubic-bezier(.47,1.64,.41,.8);
    justify-content: start;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_R
{
    width: 20%;
    height: 270px;
    background-color: var(--BGMenu-Var);
    color: var(--MainTextColor-Var);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all .2s cubic-bezier(.47,1.64,.41,.8);
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr .TitleMobile
{
    display: none;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px;
    font-weight: 900;
    text-align: center;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr .TextMobile
{
    display: none;
    font-size: 16px;
    margin: 0 0 20px;
    max-width: 250px;
    word-break: break-all;
    line-height: 20px;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr h2
{
    display: block;
    color: var(--MainTextColor-Var);
    width: 100%;
    font-size: 20px;
    margin: 15px 0 0;
    font-weight: 900;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr p
{
    display: block;
    width: 100%;
    font-size: 12px;
    margin: 0 0 20px;
    font-family: Arial,Helvetica,sans-serif;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr p.Rule
{
    font-size: 11px;
    line-height: 11px;
    color: #888!important;
    letter-spacing: 0;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr .RowCCode
{
    display: block;
    width: 80%;
    margin: 0 auto 20px;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr .RowCCode .BoxCode
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 50px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    border: dashed 1px var(--MainTextColor-Var);
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    padding-top: 7px;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr .RowCCode .BoxCode:after
{
    content: "Coupon Code:";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 20px;
    background-color: #0477fe;
    color: #fff;
    position: absolute;
    left: 10%;
    top: -10px;
    font-size: 11px;
    border-radius: 10px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Arial,Helvetica,sans-serif;
}
.BoxPromoBan
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 530px;
    height: 280px;
    position: relative;
}
.BoxPromoBan .BgPrBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 20px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.BoxPromoBan.Promo_1 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-1-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan.Promo_2 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-2-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan.Promo_3 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-3-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan.Promo_4 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-4-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan.Promo_5 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-5-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan.Promo_6 .BgPrBox
{
    background: url(../images/promotions/mro-casino-bg-promo-6-instant-withdrawals.jpg) 50% 50% no-repeat;
    background-size: 115%;
}
.BoxPromoBan:hover .BgPrBox
{
    background-size: 105%;
}
.BoxPromoBan .ChaFrontBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 290px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 20px;
    transition: all .2s ease-in-out;
}
.BoxPromoBan.Promo_1 .ChaFrontBox
{
    background: url(../images/promotions/mro-casino-cha-promo-1-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: 530px 290px;
}
.BoxPromoBan.Promo_2 .ChaFrontBox
{
    background: url(../images/promotions/mro-casino-cha-promo-2-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: 530px 290px;
}
.BoxPromoBan.Promo_3 .ChaFrontBox
{
    background: url(../images/promotions/mro-casino-cha-promo-3-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: 530px 290px;
}
.BoxPromoBan.Promo_4 .ChaFrontBox
{
    background: url(../images/promotions/mro-casino-cha-promo-4-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: 530px 290px;
}
.BoxPromoBan.Promo_5 .ChaFrontBox
{
    background: url(../images/promotions/mro-casino-cha-promo-5-instant-withdrawals.png) 50% 0% no-repeat;
    background-size: 530px 290px;
}
.BoxPromoBan .ChaFrontBox
{
    transform: translate(-5%);
}
.BoxPromoBan:hover .ChaFrontBox
{
    transform: translate(10%);
}
.DivComponenet
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #272d3f;
    color: #fff;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .1s ease-in-out;
    box-shadow: 0 10px 10px #000c;
    position: relative;
    text-decoration: none!important;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.DivComponenet
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
.BtnCancelmore
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #f00;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .1s ease-in-out;
    box-shadow: 0 10px 10px #000c;
    position: relative;
    text-decoration: none!important;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.BtnCancelmore:hover
{
    transform: scale(1.2);
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
    text-decoration: none!important;
}
.BtnRmore
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    border: 0;
    border-radius: 10px;
    margin: 0 auto;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .1s ease-in-out;
    box-shadow: 0 10px 10px #000c;
    position: relative;
    text-decoration: none!important;
    text-shadow: 0 2px 5px rgba(0,0,0,.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.BtnRmore
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
.BtnRmore:hover
{
    transform: scale(1.2);
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 10px 10px #00000080;
    text-decoration: none!important;
}
.BtnRmore:active
{
    transform: scale(.9);
    opacity: .5;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .BtnToggleRules
{
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 99;
    right: -5px;
    top: -5px;
    border-radius: 100px;
    background: url(../images/mro-casino-terms-icon-instant-withdrawals.svg) 50% 50% no-repeat #3b4351;
    background-size: 60%;
    box-shadow: 0 5px 5px #0000004d;
    cursor: pointer;
    transition: all .1s ease-in-out;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .BtnToggleRules:after
{
    content: "Close";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -20px;
    font-size: 11px;
    color: #fff;
}
.Pages .Wrapper .BoxPromoPage .RowPromos .BtnToggleRules:hover
{
    background-color: #3b4351;
    transform: scale(1.1);
}
.Pages .Wrapper .BoxPromoPage .RowPromos .BtnToggleRules:active
{
    background-color: #fff;
    transform: scale(.9);
}
.Pages .Wrapper .BoxPromoPage .RowPromos.Close .BtnToggleRules
{
    background-color: #0477fe;
}
.Pages .Wrapper .BoxPromoPage .RowPromos.Close .BtnToggleRules:after
{
    content: "Rules";
}
.Pages .Wrapper .BoxPromoPage .RowPromos *
{
    transition: all .1s ease-in-out;
}
.BoxPromoBan .BgPrUserBox
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    background-color: var(--BGMenu-Var)!important;
    color: var(--MainTextColor-Var)!important;
}
.BoxPromoBan .BgPrUserBox img
{
    display: block;
    width: 115%;
    margin: 0 auto;
}
.BoxPromoBan .BgPrUserBox:hover img
{
    width: 105%;
}
@media only screen and (min-width: 0) and (max-width: 1300px)
{
    .Pages .Wrapper .BoxPromoPage .RowPromos
    {
        flex-direction: column;
        height: auto;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_L
    {
        width: 100%;
        max-width: 530px;
        height: auto;
        margin: 0 auto;
        border-radius: 0;
        padding: 0;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_L_Custom
    {
        width: 100%;
        max-width: 530px;
        height: auto;
        padding-top: 20px;
        border-radius: 20px 20px 0 0;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_C
    {
        width: 100%;
        max-width: 530px;
        height: auto;
        margin: 0 auto;
        border-radius: 0;
        padding: 30px 20px 20px;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr.CPrO_R
    {
        width: 100%;
        max-width: 530px;
        height: auto;
        margin: 0 auto;
        padding: 20px;
        border-radius: 0 0 20px 20px;
    }
    .BoxPromoBan .BgPrBox
    {
        border-radius: 20px 20px 0 0;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .BtnToggleRules
    {
        display: block;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos.Close .CPrO_C
    {
        max-height: 0!important;
        padding: 0!important;
        overflow: hidden;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos.Close .CPrO_C *
    {
        opacity: 0;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos.Close .ColsPr .TitleMobile, .Pages .Wrapper .BoxPromoPage .RowPromos.Close .ColsPr .TextMobile
    {
        display: block;
    }
    .BoxPromoBan .BgPrUserBox
    {
        height: auto;
        border-radius: 15px 15px 0 0;
    }
}
@media only screen and (min-width: 0) and (max-width: 540px)
{
    .Pages .Wrapper .BoxPromoPage .RowPromos
    {
        max-width: 100%;
        margin: 0 auto 50px;
    }
    .BoxPromoBan
    {
        height: 150px;
    }
    .BoxPromoBan .BgPrBox, .BoxPromoBan:hover .BgPrBox
    {
        background-size: cover!important;
    }
    .BoxPromoBan .ChaFrontBox, .BoxPromoBan:hover .ChaFrontBox
    {
        transform: translate(0);
    }
    .BoxPromoBan .ChaFrontBox
    {
        background-size: cover!important;
        height: 180px;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr h2
    {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 10px;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos .ColsPr p
    {
        font-size: 12px;
        line-height: 13px;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos.Close .ChaFrontBox
    {
        height: 120px;
    }
    .Pages .Wrapper .BoxPromoPage .RowPromos.Close .BoxPromoBan
    {
        height: 100px;
    }
    .BoxPromoBan .BgPrUserBox
    {
        height: auto;
        border-radius: 15px 15px 0 0;
    }
}
.tabs
{
    display: flex;
}
.tab-button
{
    flex: 1;
    padding: 0;
    height: 50px;
    text-align: center;
    cursor: pointer;
    max-width: 200px;
    margin: 0 20px 0 0;
    border: 0;
    outline: none;
    border-radius: 5px;
    font-size: 20px;
    background-color: var(--BGAccordion-Var);
    box-shadow: 0 2px 0 0 var(--BorderColorAc-Var) inset;
    font-family: Nunito Sans,sans-serif;
    color: var(--MainTextColor-Var);
    transition: all .3s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab-button:hover
{
    background-color: #02cead;
    box-shadow: 0 2px #02cead inset;
    color: #fff;
    transform: scale(1.1);
}
.tab-button:active, .tab-button.active
{
    background-color: #0477fe;
    box-shadow: 0 2px #0477fe inset;
    color: #fff;
}
.tab-content
{
    margin-top: 20px;
    border-bottom: solid 1px var(--BorderColorAc-Var);
    padding-bottom: 30px;
    transition: all .3s ease;
}
.tab-content p
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 25px;
    padding: 0;
}
@media(max-width: 768px)
{
    .tab-button
    {
        height: 60px;
        max-width: 33.1%;
        margin: 0 10px 0 0;
        font-size: 14px;
        padding: 0 10px;
    }
}
@media only screen and (min-width: 0) and (max-width: 600px)
{
    .TxtParTop
    {
        font-size: 13px;
    }
    .MainTextCont h1
    {
        font-size: 18px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 0) and (max-width: 279px)
{
    #root
    {
        display: none;
    }
}
.RowsVip
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
    margin: 60px auto;
    flex-wrap: wrap;
    border-radius: 20px;
    position: relative;
    background-color: #20222fb3;
    border: solid 1px rgba(42,64,151,.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-blend-mode: overlay;
    color: #fff;
    box-shadow: 0 5px 20px #20222f80;
}
.RowsVip .RowColsVip
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    flex-direction: row;
    margin: 0;
    padding: 30px 30px 30px 0;
}
.RowsVip .ColsVip
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: auto;
    flex-direction: column;
    margin: 0;
}
.RowsVip .ColsVip.Cvip_L
{
    width: 30%;
}
.RowsVip .ColsVip.Cvip_R
{
    width: 70%;
}
.RowsVip .RowColsVip.FRow
{
    background-color: #090b124d;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px 0;
}
.RowsVip .RowColsVip .ColsVip p, ul, li
{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.RowsVip .RowColsVip.FRow h5
{
    text-align: left;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #979bb6!important;
}
.RowsVip .RowColsVip.FRow p
{
    text-align: left;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #979bb6!important;
}
.RowsVip .RowColsVip p
{
    color: #fff!important;
}
.RowsVip .Vip_Title
{
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0!important;
}
.RowsVip .Vip_Subtitle
{
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px!important;
}
.RowsVip .Vip_Parr
{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px!important;
}
.RowsVip .Vip_TBene
{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px!important;
}
.RowsVip .Vip_Bene
{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px!important;
}
.RowsVip .Vip_Bene li
{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px!important;
    padding-left: 20px;
    position: relative;
}
.RowsVip .Vip_Bene li:after
{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #979bb6;
    position: absolute;
    left: 0;
    top: 5px;
}
.RowsVip .RowColsVip .Color_BL
{
    color: #0477fe!important;
}
.RowsVip .RowColsVip .Color_RE
{
    color: #e85660!important;
}
.RowsVip .RowColsVip .Color_PI
{
    color: #e01df5!important;
}
.RowsVip .RowColsVip .Color_YE
{
    color: #e3e334!important;
}
.RowsVip .Symbols
{
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 340px;
}
@media only screen and (min-width: 0) and (max-width: 850px)
{
    .RowsVip .RowColsVip
    {
        flex-direction: column;
        padding: 0;
    }
    .RowsVip .ColsVip.Cvip_L, .RowsVip .ColsVip.Cvip_R
    {
        width: 100%;
        padding: 0 30px;
    }
    .RowsVip .RowColsVip.FRow
    {
        padding: 20px 0;
    }
    .RowsVip .Symbols
    {
        margin: 20px auto;
        max-width: 300px;
    }
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    .RowsVip .Vip_Title
    {
        font-size: 20px;
    }
    .RowsVip .Vip_Subtitle
    {
        font-size: 18px;
    }
    .RowsVip .Vip_Parr
    {
        font-size: 14px;
    }
    .RowsVip .Vip_TBene
    {
        font-size: 15px;
    }
    .RowsVip .Vip_Bene
    {
        font-size: 12px;
    }
}
.DateContThree
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    position: relative;
}
.DateContThree .Cont3Select
{
    width: 32%!important;
    margin: 0;
    font-size: 11px;
    cursor: pointer;
    color: var(--MainTextColor-Var);
    position: relative;
}
.DateContThree select
{
    width: 100%!important;
    margin: 0;
    font-size: 11px;
    cursor: pointer;
    color: var(--MainTextColor-Var);
    position: relative;
}
.DateContThree select:hover
{
    background-color: #0477fe;
    color: #fff;
}
.DateContThree .Cont3Select:after
{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/mro-casino-arrow-down-instant-withdrawals_login.svg) 50% 50% no-repeat;
    background-size: 50%;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    pointer-events: none;
}
.DateContThree .Cont3Select:hover:after
{
    background: url(../images/mro-casino-arrow-down-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 50%;
}
.ColLabelDate
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: var(--MainTextColor-Var);
}
.scroll-top-button
{
    display: block;
    position: fixed;
    bottom: 10px;
    left: 0;
    background: url(../images/mro-casino-arrow-up-instant-withdrawals.svg) 50% 50% no-repeat #02cead;
    background-size: 50%;
    color: #fff;
    border: none;
    border-radius: 12px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    box-shadow: 0 0 10px #0000004d;
    transition: all .2s ease-in-out;
    z-index: 1000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000!important;
    transform: scale(.6);
}
.scroll-top-button:hover
{
    background-color: #0477fe;
    transform: scale(1);
}
.scroll-top-button:active
{
    transform: scale(.5);
}
select, option
{
    -webkit-appearance: none!important;
    font-family: Nunito Sans,sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.gameNavBar
{
    white-space: nowrap;
    padding: 10px 30px 10px 20px;
    margin: 20px auto;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gameNavBar::-webkit-scrollbar
{
    height: 2px;
}
.gameNavBar::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
.gameNavBar::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
}
.gameNavBar::scrollbar
{
    width: 2px;
    border-radius: 100px;
}
.gameNavBar::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
}
.gameNavBar::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
.gameSelect
{
    position: relative;
    display: inline-block;
    width: 200px;
}
.gameName
{
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    font-family: Nunito Sans,sans-serif;
}
.games
{
    padding: 30px;
    transition: all .1s ease;
}
.games *
{
    transition: all .1s ease;
}
.gameFilter
{
    display: flex;
    justify-content: space-between;
    color: var(--MainTextColor-Var);
    margin: 0 auto;
    align-items: center;
    height: 60px;
    max-width: 1620px;
}
.gameGrid
{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    max-width: 1550px;
    gap: 10px;
    margin: 0 auto;
    transition: all .1s ease;
}
.categoryButton
{
    display: flex;
    padding: 0 6px;
    line-height: 40px;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    margin: 0 8px 0 0;
    min-width: 115px;
    border: 0;
    outline: none;
    border-radius: 10px;
    font-size: 15px;
    background-color: var(--BGAccordion-Var);
    box-shadow: 0 2px 0 0 var(--BorderColorAc-Var) inset;
    font-family: Nunito Sans,sans-serif;
    color: var(--MainTextColor-Var);
    transition: all .1s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.categoryButton:hover
{
    background-color: #02cead;
    box-shadow: 0 2px #02cead inset;
    color: #fff;
    transform: scale(1.1);
}
.categoryButton:active
{
    background-color: #0477fe;
    box-shadow: 0 2px #0477fe inset;
    color: #fff;
    transform: scale(.8);
}
.categoryButton.active
{
    background-color: #0477fe;
    box-shadow: 0 2px #0477fe inset;
    color: #fff;
}
.AsyncImage-root
{
    display: block;
    height: 200px;
    transition: all .2s ease;
    border-radius: 15px;
    cursor: pointer;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.AsyncImage-root img
{
    object-fit: contain!important;
    display: block;
    border: 0;
    margin: 0;
    outline: none;
}
.AsyncImage-root:before
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    border-radius: 15px;
    background: url(../images/playicon.svg) 50% 50% no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: all .3s cubic-bezier(.5,1.64,.41,.8);
    overflow: hidden;
    opacity: 0;
}
.AsyncImage-root:hover:before
{
    opacity: 1;
    background-size: 30%;
}
.AsyncImage-root:after
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105%;
    height: 105%;
    position: absolute;
    left: -2.5%;
    bottom: -2.5%;
    z-index: 99;
    background-color: #11182b99;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-blend-mode: overlay;
    cursor: pointer;
    transition: all .3s ease-in-out;
    overflow: hidden;
    opacity: 0;
}
.AsyncImage-root:hover:after
{
    opacity: 1;
}
.AsyncImage-root.GameLocked
{
    border: solid 1px rgba(2,206,172,.5);
    pointer-events: none;
}
.AsyncImage-root.GameLocked:before
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    border-radius: 15px;
    background: url(../images/mro-casino-pathlock-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 30%;
    cursor: pointer;
    transition: all .3s cubic-bezier(.5,1.64,.41,.8);
    overflow: hidden;
    opacity: .6;
}
.AsyncImage-root.GameLocked:after
{
    content: "";
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105%;
    height: 105%;
    position: absolute;
    left: -2.5%;
    bottom: -2.5%;
    z-index: 99;
    border-radius: 15px;
    background-color: #11182b80;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-blend-mode: overlay;
    cursor: pointer;
    transition: all .3s ease-in-out;
    overflow: hidden;
    opacity: 1;
}
.ContFiltersGame
{
    display: flex;
    width: 100%;
    max-width: 410px;
    margin: 0;
    justify-content: space-between;
    align-items: center;
}
.AsyncImage-root
{
    height: auto;
    min-height: 200px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.AsyncImage-root img
{
    object-fit: cover!important;
}
.categoryButton:nth-child(4)
{
    animation: color-change .5s ease-in-out infinite;
    will-change: background-color,box-shadow;
    position: relative;
    overflow: visible;
    font-size: 11px;
    padding: 0 10px 0 30px;
}
.categoryButton:nth-child(4):after
{
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/trebol.svg) 50% 50% no-repeat;
    background-size: 70%;
}
.categoryButton:nth-child(4)
{
    background-color: #b8f902;
    color: #285b05;
    box-shadow: 0 2px #d0ff51 inset;
}
@keyframes color-change
{
    0%, to
    {
        background-color: #b8f902;
        box-shadow: 0 2px #b8f902 inset;
    }
    50%
    {
        background-color: #327a03;
        box-shadow: 0 2px #327a03 inset;
    }
}
@media(max-width: 1500px)
{
    .AsyncImage-root
    {
        border-radius: 10px;
    }
}
@media(max-width: 850px)
{
    .gameNavBar
    {
        justify-content: space-between;
        display: flex;
        padding: 10px 0;
    }
    .games
    {
        padding: 0;
    }
    * .AsyncImage-root
    {
        border-radius: 10px;
    }
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
    }
    .gameName
    {
        display: none;
    }
    .categoryButton:nth-child(4)
    {
        padding: 0 0 0 20px;
        font-size: 11px;
        letter-spacing: -1px;
    }
}
@media(max-width: 600px)
{
    .games
    {
        padding: 0;
    }
    .AsyncImage-root
    {
        border-radius: 10px;
    }
    .gameName
    {
        display: none;
    }
    .ContFiltersGame
    {
        display: flex;
        width: 100%;
        max-width: 410px;
        margin: 0;
        justify-content: space-between;
        align-items: center;
    }
}
@media only screen and (min-width: 1001px) and (max-width: 1300px)
{
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(14%,1fr));
    }
    .AsyncImage-root
    {
        height: auto;
        min-height: 210px;
        border-radius: 10px;
    }
    .AsyncImage-root img
    {
        object-fit: cover!important;
    }
}
@media only screen and (min-width: 621px) and (max-width: 1000px)
{
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(16%,1fr));
    }
    .AsyncImage-root
    {
        height: auto;
        min-height: 170px;
        border-radius: 10px;
    }
    .AsyncImage-root img
    {
        object-fit: cover!important;
    }
}
@media only screen and (min-width: 521px) and (max-width: 600px)
{
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(20%,1fr));
    }
    .AsyncImage-root
    {
        height: auto;
        min-height: 170px;
        border-radius: 10px;
    }
    .AsyncImage-root img
    {
        object-fit: cover!important;
    }
}
@media only screen and (min-width: 361px) and (max-width: 520px)
{
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
    }
    .AsyncImage-root
    {
        height: auto;
        min-height: 150px;
        border-radius: 10px;
    }
    .AsyncImage-root img
    {
        object-fit: cover!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .gameGrid
    {
        grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
    }
    .AsyncImage-root
    {
        height: auto;
        min-height: 150px;
        border-radius: 10px;
    }
    .AsyncImage-root img
    {
        object-fit: cover!important;
    }
}
:root
{
    --color-red: red;
    --color-green: #398e3d;
}
@media(prefers-color-scheme: dark)
{
    :root
    {
        --color-red: red;
        --color-green: #398e3d;
    }
}
.BoxPageBlog
{
    display: flex;
    width: 100%;
    max-width: 1300px;
    height: auto;
    padding: 30px 30px 100px;
    border-radius: 20px;
    margin: 50px 0;
    background-color: var(--BGMenu-Var);
    color: var(--MainTextColor-Var);
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.BoxPageBlog .Articles
{
    display: block;
    width: 100%;
    height: auto;
    min-height: 550px;
    overflow: hidden;
    padding: 30px;
    border-radius: 15px;
    margin: 1%;
    position: relative;
    border: solid 1px #0477fe;
}
.BoxPageBlog .Articles:hover
{
    background-color: var(--BarColor-Var);
    border: solid 1px #02cead;
}
.BoxPageBlog .Articles.Open
{
    width: 100%;
}
.BoxPageBlog .Articles
{
    display: block;
    width: 31.3%;
    height: auto;
    overflow: hidden;
    padding: 30px;
    border-radius: 15px;
    margin: 1%;
    text-align: justify;
}
.BoxPageBlog .Articles img
{
    display: block;
    width: 100%!important;
    max-width: 1200px!important;
    height: auto;
    margin: 20px auto 30px;
}
.BoxPageBlog .Articles h1
{
    display: block;
    font-size: 22px;
    line-height: 22px;
    color: #0477fe;
    margin-bottom: 20px;
}
.BoxPageBlog .Articles h2
{
    display: block;
    margin: 0 auto 20px;
    font-size: 20px;
    line-height: 20px;
    color: #0477fe;
}
.BoxPageBlog .Articles p
{
    display: block;
    margin: 0 auto 20px;
    font-size: 15px;
    line-height: 25px;
    color: var(--MainTextColor-Var);
    text-align: justify;
    width: 100%;
    max-width: 100%;
}
.BtnsRMore
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 120px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    margin: 20px 0;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .2s ease-in-out;
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.BtnsRMore:hover
{
    transform: scale(1.1);
}
.BtnsRMore:active
{
    transform: scale(.9);
}
.BoxPageBlog .Articles .Date
{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-style: italic!important;
    font-weight: 500;
    padding: 0 20px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}
.BoxPageBlog .Articles a
{
    padding: 0 1%;
    cursor: pointer;
    position: relative;
    color: #02cead;
}
.BoxPageBlog .Articles a:after
{
    content: "";
    width: 90%;
    height: 1px;
    background: #02cead;
    position: absolute;
    left: 5%;
    bottom: -3px;
    transition: all .2s ease-in-out;
    pointer-events: none;
}
.BoxPageBlog .Articles a:hover:after
{
    width: 0%;
    left: 50%;
}
.SubTitleBlog
{
    color: #0477fe!important;
    font-size: 22px!important;
    margin-bottom: 20px!important;
    padding-left: 20px!important;
}
#BarRowBtn
{
    display: flex;
    width: 100%;
    height: 70px;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: var(--BGTransColor-Var);
    border-top: solid 1px var(--BorderColorAc-Var);
}
.PostDetails
{
    display: block;
}
.PostDetails figure
{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    margin: 20px auto 30px;
}
.PostDetails figure img
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0!important;
}
.ImageWrapper
{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 20px;
}
.ImageWrapper img
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0!important;
}
.ImageWrapper.Hidden
{
    display: none;
}
@media only screen and (min-width: 701px) and (max-width: 900px)
{
    .BoxPageBlog .Articles
    {
        width: 48%;
    }
    .BoxPageBlog .Articles p
    {
        font-size: 14px;
        line-height: 16px;
    }
    .BoxPageBlog .Articles h1
    {
        font-size: 20px!important;
        line-height: 22px!important;
        margin-bottom: 20px!important;
    }
    .BoxPageBlog .Articles h2
    {
        font-size: 18px!important;
        line-height: 20px!important;
        margin-bottom: 20px!important;
    }
    .BoxPageBlog .Articles h3
    {
        font-size: 16px!important;
        line-height: 18px!important;
        margin-bottom: 20px!important;
    }
    .Pages .Wrapper ul, li
    {
        font-size: 14px!important;
        line-height: 16px!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .BoxPageBlog
    {
        padding: 10px 10px 100px!important;
        margin: 25px auto;
    }
    .BoxPageBlog .Articles
    {
        width: 100%;
        padding: 20px;
    }
    .BoxPageBlog .Articles p
    {
        font-size: 13px;
        line-height: 15px;
    }
    .BoxPageBlog .Articles h1
    {
        font-size: 20px!important;
        line-height: 22px!important;
        margin-bottom: 20px!important;
    }
    .BoxPageBlog .Articles h2
    {
        font-size: 18px!important;
        line-height: 20px!important;
        margin-bottom: 20px!important;
    }
    .BoxPageBlog .Articles h3
    {
        font-size: 16px!important;
        line-height: 18px!important;
        margin-bottom: 20px!important;
    }
    .Pages .Wrapper ul, li
    {
        font-size: 13px!important;
        line-height: 15px!important;
    }
}
@media only screen and (min-width: 0) and (max-width: 380px)
{
    .BoxPageBlog
    {
        padding: 4px 4px 100px!important;
        margin: 25px auto;
    }
}
#OpenModal
{
    display: block;
    width: 200px;
    margin: 20px auto;
    cursor: pointer;
    border-radius: 100px;
    height: 50px;
    outline: none;
    border: 0;
}
#MainContModal
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: fixed;
    z-index: 10000000000000000000;
    left: 0;
    top: 0;
    font-family: Nunito Sans,sans-serif;
    background-color: #191b1de6;
    overflow: hidden;
    transition: all 1s cubic-bezier(.47,1.64,.41,.8);
}
#MainContModal #ContModal
{
    width: 100%;
    max-width: 500px;
    position: relative;
    pointer-events: all;
    border: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-blend-mode: overlay;
    z-index: 99;
    box-shadow: 0 10px 10px #00000080;
    transition: all .4s ease-in-out;
    padding: 0;
    transition: all 1s cubic-bezier(.47,1.64,.41,.8);
    background-color: #13161fcc;
}
#MainContModal.Close
{
    height: 0;
    background-color: #191b1d00;
    transition: all .5s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
#MainContModal.Close>#ContModal
{
    top: -500px;
    opacity: 0;
    height: 0;
    transition: all 0 ease-in-out;
}
#MainContModal #ContModal #MainLogo
{
    display: block;
    width: 100%;
    max-width: 80px;
    margin: 10px auto;
}
#MainContModal #ContModal #MaintTitleModal
{
    display: block;
    width: 80%;
    margin: 10px auto 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
}
#MainContModal #ContModal #SubtTitleModal
{
    display: block;
    width: 80%;
    margin: 0 auto 25px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    color: #02cead;
}
#MainContModal #ContModal .open
{
    border: solid 0 #000;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}
#MainContModal #ContModal .open::-webkit-scrollbar
{
    width: 2px;
}
#MainContModal #ContModal .open::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
#MainContModal #ContModal .open::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #0477fe;
}
#MainContModal #ContModal .open::scrollbar
{
    width: 2px;
    border-radius: 100px;
}
#MainContModal #ContModal .open::scrollbar-track
{
    background: #0477fe;
    border-radius: 100px;
}
#MainContModal #ContModal .open::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
#MainContModal #ContModal .open
{
    scrollbar-face-color: #0477fe;
    scrollbar-shadow-color: #0477fe;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
.ImageContainer
{
    display: flex;
    height: auto;
    margin: 20px auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ImageContainer img
{
    display: block;
}
.RowColums
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.RowColums .Colums
{
    display: flex;
    width: 45%;
    height: auto;
    margin: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.RowColums .Colums.CImgGame
{
    overflow: hidden;
    border-radius: 10px;
}
.RowColums .Colums.CImgGame img
{
    display: block;
    width: 100%;
    height: auto;
}
.RowColums .Colums p
{
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    text-align: left!important;
    font-size: 15px;
    line-height: 16px;
}
.BtnsModal
{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    margin: 15px auto 10px;
    padding: 0 20px;
    background: #02cead;
    color: #fff;
    border: 0;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    font-size: 20px;
    cursor: pointer;
    font-weight: 400;
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    box-shadow: 0 5px 10px #0006;
    text-decoration: none!important;
}
#BtnClose_ModalForm
{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    cursor: pointer;
    border-radius: 8px 18px 8px 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
#BtnClose_ModalForm:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-close-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
#BtnClose_ModalForm:hover
{
    transform: scale(.98);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
#BtnClose_ModalForm:hover:after
{
    transform: rotate(90deg);
}
#BtnClose_ModalForm:active
{
    background-color: #20222f;
    transform: scale(.5);
    opacity: .5;
}
.Hide
{
    display: none!important;
}
@media only screen and (min-width: 320px) and (max-width: 480px)
{
    #MainContModal #ContModal
    {
        padding: 0;
        overflow: hidden;
        overflow-y: scroll;
    }
    .BtnsModal
    {
        font-size: 14px;
    }
}
.BtnOpenWindow
{
    display: flex;
    width: 100%;
    max-width: 150px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 10px;
}
.BtnCloseModal
{
    display: flex;
    width: 100%;
    max-width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 8px 15px 8px 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnCloseModal:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-close-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnCloseModal:hover
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnCloseModal:hover:after
{
    transform: rotate(90deg);
}
.BtnCloseModal:active
{
    background-color: #20222f;
    opacity: .5;
}
.BtnCloseWindow
{
    display: flex;
    width: 100%;
    max-width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 8px 15px 8px 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnCloseWindow:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-close-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnCloseWindow:hover
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnCloseWindow:hover:after
{
    transform: rotate(90deg);
}
.BtnCloseWindow:active
{
    background-color: #20222f;
    opacity: .5;
}
.BtnReloadWindow
{
    display: flex;
    width: 100%;
    max-width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px 8px 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnReloadWindow:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-reload-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 70%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnReloadWindow:hover
{
    transform: scale(.95);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnReloadWindow:hover:after
{
    transform: rotate(180deg);
}
.BtnReloadWindow:active
{
    background-color: #20222f;
    opacity: .5;
}
.BtnFullWidth
{
    display: flex;
    width: 100%;
    max-width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 100px;
    top: 0;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnFullWidth:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-f-width-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnFullWidth:hover
{
    transform: scale(.95);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnFullWidth:hover:after
{
    transform: rotate(90deg);
}
.BtnFullWidth:active
{
    background-color: #20222f;
    opacity: .5;
}
.BtnFullScreen
{
    display: flex;
    width: 100%;
    max-width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 0;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnFullScreen:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-f-screen-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnFullScreen:hover
{
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnFullScreen:hover:after
{
    transform: rotate(90deg);
}
.BtnFullScreen:active
{
    background-color: #20222f;
    opacity: .5;
}
.BtnFullScreen.ModeCF
{
    right: 0;
}
.CustomWindow
{
    display: flex;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000!important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    background-color: #000c;
    transition: all .5s ease;
}
.widget-visible
{
    position: relative;
    z-index: 0!important;
}
.CustomWindow .iframeContainer
{
    display: flex;
    width: 100%;
    height: 100vh;
    margin: 0;
    position: relative;
    padding-top: 50px;
    border-radius: 10px;
    overflow: hidden;
}
.CustomWindow .iframeContainer::-webkit-scrollbar
{
    width: 10px;
}
.CustomWindow .iframeContainer::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
.CustomWindow .iframeContainer::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
}
.CustomWindow .iframeContainer::scrollbar
{
    width: 10px;
    border-radius: 100px;
}
.CustomWindow .iframeContainer::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
}
.CustomWindow .iframeContainer::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
.CustomWindow .iframeContainer
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
.CustomWindow.fullWidth
{
    max-width: calc(100% - 70px);
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 60px;
    top: 10px;
    transition: all .5s ease;
}
.CustomWindow.fullWidth .iframeContainer
{
    max-width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s ease;
}
.CustomWindow .iframeContainer.close
{
    height: 0;
    padding: 0;
    transition: all .5s ease;
}
.CustomWindow .iframeContainer .BarWindowNav h1
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 20px;
}
.CustomWindow .iframeContainer .BarWindowNav
{
    display: flex;
    width: 100%;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: hidden;
    justify-content: center;
    opacity: 1;
    background-color: var(--BarColor-Var);
    transition: all .5s ease;
    transition-delay: .5s;
}
.CustomWindow .iframeContainer.close .BarWindowNav
{
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all .5s ease;
    top: -100px;
    opacity: 0;
}
.CustomWindow .iframeContainer iframe
{
    display: block;
    width: 100%!important;
    height: 100%!important;
    min-height: 100%;
    margin: 0;
    position: relative;
    padding: 0;
    border: 0;
    outline: none;
    overflow: hidden;
    overflow-y: scroll;
    background-color: var(--BGColor-Var);
}
iframe::-webkit-scrollbar
{
    width: 10px;
}
iframe::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
iframe::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
}
iframe::scrollbar
{
    width: 10px;
    border-radius: 100px;
}
iframe::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
}
iframe::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
iframe
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
.iframeContainer
{
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: all .5s ease;
}
.iframeContainer.open
{
    transform: scaleY(1);
    opacity: 1;
}
.iframeContainer.close
{
    transform: scaleY(0);
    opacity: 0;
}
@media only screen and (min-width: 0) and (max-width: 1100px)
{
    .BtnFullWidth
    {
        display: none!important;
    }
    .CustomWindow
    {
        max-width: 100%;
        height: 100%;
        padding-top: 10px;
    }
    .CustomWindow .iframeContainer
    {
        height: 100%;
    }
    .CustomWindow .iframeContainer .BarWindowNav h1
    {
        font-size: 15px;
        width: 100%;
        justify-content: flex-start;
    }
    .BtnCloseWindow, .BtnReloadWindow, .BtnFullWidth, .BtnFullScreen
    {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        top: 5px;
    }
    .BtnFullScreen
    {
        right: 40px;
    }
    .BtnCloseWindow:after, .BtnReloadWindow:after, .BtnFullWidth:after, .BtnFullScreen:after
    {
        width: 40px;
        height: 40px;
    }
}
.error
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    background: rgba(255,0,0,.2);
    border-radius: 100px;
    font-weight: 700;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    position: relative;
    border: dashed 1px #f00;
}
.error:after
{
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/mro-casino-error-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 4px;
}
.ErrorBlink
{
    -webkit-animation: SetAniErrorColor .2s infinite;
    -moz-animation: SetAniErrorColor .2s infinite;
    -o-animation: SetAniErrorColor .2s infinite;
    -ms-animation: SetAniErrorColor .2s infinite;
    animation: SetAniErrorColor .2s infinite;
}
@-webkit-keyframes SetAniErrorColor
{
    0%
    {
        color: #f00;
    }
    to
    {
        color: #fff;
    }
}
@-moz-keyframes SetAniErrorColor
{
    0%
    {
        color: #f00;
    }
    to
    {
        color: #fff;
    }
}
@-ms-keyframes SetAniErrorColor
{
    0%
    {
        color: #f00;
    }
    to
    {
        color: #fff;
    }
}
@-o-keyframes SetAniErrorColor{0%{color:red}to{color:#fff}}
@keyframes SetAniErrorColor
{
    0%
    {
        color: #f00;
    }
    to
    {
        color: #fff;
    }
}
.success
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    background: rgba(0,255,47,.2);
    border-radius: 100px;
    font-weight: 700;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    position: relative;
    border: dashed 1px #008000;
}
.SuccessBlink
{
    -webkit-animation: SetAniSuccessColor .2s infinite;
    -moz-animation: SetAniSuccessColor .2s infinite;
    -o-animation: SetAniSuccessColor .2s infinite;
    -ms-animation: SetAniSuccessColor .2s infinite;
    animation: SetAniSuccessColor .2s infinite;
}
@-webkit-keyframes SetAniSuccessColor
{
    0%
    {
        color: #008000;
    }
    to
    {
        color: #fff;
    }
}
@-moz-keyframes SetAniSuccessColor
{
    0%
    {
        color: #008000;
    }
    to
    {
        color: #fff;
    }
}
@-ms-keyframes SetAniSuccessColor
{
    0%
    {
        color: #008000;
    }
    to
    {
        color: #fff;
    }
}
@-o-keyframes SetAniSuccessColor{0%{color:green}to{color:#fff}}
@keyframes SetAniSuccessColor
{
    0%
    {
        color: #008000;
    }
    to
    {
        color: #fff;
    }
}
.ContHorMenu
{
    display: flex;
    width: calc(100% - 50px);
    height: 40px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 50px;
    top: 90px;
    z-index: 90;
    background-color: var(--BGAccordion-Var);
    border-top: solid 1px var(--BorderColorAc-Var);
    overflow: hidden;
    overflow-x: scroll;
    padding-left: 10px;
}
.ContHorMenu::-webkit-scrollbar
{
    width: 1px;
    height: 1px;
}
.ContHorMenu::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 0;
}
.ContHorMenu::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: var(--BGColor-Var);
}
.ContHorMenu::scrollbar
{
    width: 1px;
    height: 1px;
    border-radius: 100px;
}
.ContHorMenu::scrollbar-track
{
    background: var(--BGColor-Var);
    border-radius: 100px;
}
.ContHorMenu::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
}
.ContHorMenu
{
    scrollbar-face-color: var(--BGColor-Var);
    scrollbar-shadow-color: var(--BGColor-Var);
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
}
.ContHorMenu .BtnScrollToID
{
    display: flex;
    width: auto;
    height: 30px;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 100;
    color: #fff;
    flex-flow: column wrap;
    align-items: flex-start;
    background-color: #f00;
}
.ContHorMenu .BtnScrollToID
{
    background: #2e3643;
    background: linear-gradient(180deg,#2e3643 0%,#1f252e 100%);
    box-shadow: inset 0 2px #3b4351;
}
.ContHorMenu .BtnScrollToID:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.ContHorMenu .BtnScrollToID:active
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
    transform: scale(.9);
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    .ContHorMenu
    {
        top: 60px;
        justify-content: flex-start;
        flex-flow: column wrap;
        padding-top: 5px;
        align-items: flex-start;
    }
}
.ContCoupons
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    flex-wrap: wrap;
    padding: 0 10px;
}
.NavBarCoupons
{
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 20px;
}
.NavBarCoupons button
{
    display: flex;
    width: 48%;
    height: 35px;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 10px;
    font-size: 11px;
    cursor: pointer;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
}
.BtnsNavsCcode
{
    background: #2e3643;
    background: linear-gradient(180deg,#2e3643 0%,#1f252e 100%);
    box-shadow: inset 0 2px #3b4351;
}
.BtnsNavsCcode:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.BtnsNavsCcode:active
{
    transform: scale(.9);
}
.BtnsNavsCcode.Active
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.RowBarCoupons
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    flex-direction: column;
}
.RowBarCoupons button
{
    display: flex;
    width: 48%;
    height: 35px;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 10px;
    font-size: 11px;
    cursor: pointer;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    box-shadow: 0 5px 10px #0000004d;
    text-decoration: none!important;
}
.RowBarCoupons h1, h2, p, .RowBarCoupons .InputText
{
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}
.RowBarCoupons input, select
{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 0 auto 10px;
    padding: 0 15px;
    background: var(--BGColor-Var);
    color: var(--MainTextColor-Var);
    border: solid 1px var(--BorderColorAc-Var);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    border-radius: 10px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.RowContBntsCCP
{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
}
.RowContBntsCCP .Btns
{
    display: flex;
    width: 48%;
    height: 50px;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 15px!important;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    transition: all .1s ease-in-out;
    position: relative;
    text-decoration: none!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.BtnDeposit
{
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    text-decoration: none!important;
}
.BtnDeposit:hover
{
    background: #77777d;
    background: linear-gradient(180deg,#9c9da3 0%,#535358 100%);
    border-top: solid 1px #bcbcbc;
    text-decoration: none!important;
}
.BtnCancel
{
    background: linear-gradient(180deg,#f44b4a 0%,#871e1e 100%);
    border-top: solid 1px #ff7372;
    color: #fff;
    text-decoration: none!important;
}
.BtnCancel:hover
{
    background: #77777d;
    background: linear-gradient(180deg,#9c9da3 0%,#535358 100%);
    border-top: solid 1px #bcbcbc;
    text-decoration: none!important;
}
.RowContBntsCCP .Btns:active
{
    transform: scale(.8);
}
.SectionCoupons
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 85px 0 30px;
    align-items: flex-start;
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9999!important;
    background-color: var(--BarColor-Var);
    color: var(--MainTextColor-Var);
}
.SectionCoupons table
{
    border: 1px solid var(--BGAccordion-Var)!important;
}
.SectionCoupons .ContendPoCoupons
{
    padding: 0 30px;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    border-bottom: solid 1px var(--BorderColorAc-Var);
}
.BtnClosePopup
{
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    cursor: pointer;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    transform: scale(.8);
    background-color: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
}
.BtnClosePopup:after
{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: url(../images/mro-casino-close-instant-withdrawals.svg) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.BtnClosePopup:hover
{
    transform: scale(.98);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BtnClosePopup:hover:after
{
    transform: rotate(90deg);
}
.BtnClosePopup:active
{
    background-color: #20222f;
    transform: scale(.5);
    opacity: .5;
}
#CouTitle
{
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0477fe;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}
.CouponTitle
{
    color: #0477fe;
    text-align: center;
    font-size: 10px;
    font-weight: 800;
    margin: 0 auto;
}
.CouponSubTitle
{
    color: var(--MainTextColor-Var);
    text-align: center;
    font-size: 10px;
    font-weight: 800;
    margin: 0 auto 20px;
    background-color: var(--BGTabsColor-Var);
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 5px;
    font-weight: 400;
}
.CouponCode
{
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    margin: 0 auto 20px;
    border: dashed 1px var(--MainTextColor-Var);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
}
.RowBarCoupons button
{
    max-width: 360px;
}
#RowNavSCoupons
{
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 99;
    border-bottom: solid 1px var(--BorderColorAc-Var);
    background-color: var(--BarColor-Var);
    color: var(--MainTextColor-Var);
}
#RowNavSCoupons .BtnNavCcopons
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    height: 40px;
    border: 0;
    border-radius: 8px;
    margin: 0 5px;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 12px;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#RowNavSCoupons .BtnNavCcopons.Active
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    text-decoration: none!important;
}
.SectionCoupons p
{
    display: block;
    margin: 0 auto 10px;
}
.RowNavSCoupons
{
    display: block;
    margin: 0 auto;
}
@keyframes ShowAni
{
    0%
    {
        opacity: 0;
        transform: translateY(-100px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes HideAni
{
    0%
    {
        opacity: 1;
        transform: translateY(0);
    }
    to
    {
        opacity: 0;
        transform: translateY(-100px);
    }
}
.ShowAni
{
    animation: ShowAni .3s ease-in-out forwards;
}
.HideAni
{
    animation: HideAni .3s ease-in-out forwards;
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    #RowNavSCoupons .BtnNavCcopons
    {
        font-size: 11px;
    }
}
.SpinerLoading
{
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 100px;
    border: solid 2px rgba(175,175,175,.5);
    margin: 0 auto;
    background-color: #00000080;
}
.spinner
{
    animation: RotateLoader 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
}
.spinner .path
{
    stroke: #0477fe;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes RotateLoader
{
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes dash
{
    0%
    {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0;
    }
    50%
    {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }
    to
    {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}
.SearchBox
{
    display: block;
    width: 200px;
    height: auto;
    margin: 0 10px;
    padding: 0;
}
.search, .search__icon, .search__input
{
    color: #fff;
}
.search
{
    margin: auto;
}
.search__button, .search__input
{
    outline: transparent;
}
.search__button
{
    background-color: transparent;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 2.25em;
    height: 2.25em;
    -webkit-tap-highlight-color: transparent;
}
[dir=rtl] .search__button
{
    right: auto;
    left: .125em;
    transform: scaleX(-1);
}
.search__icon
{
    display: block;
    margin: auto;
    transition: color .15s linear;
    width: 2.25em;
    height: 2.25em;
}
.search__button:focus-visible .search__icon, .search__button:hover .search__icon
{
    color: #ccd9e5;
}
.search__icon-ellipse
{
    transition: ry .3s cubic-bezier(.65,0,.35,1);
}
.search__icon-g, .search__icon-line2, .search__icon-line3
{
    transition: transform .3s cubic-bezier(.65,0,.35,1);
}
.search__icon-g
{
    transform: translate(6px,6px);
    transform-origin: 12px 12px;
}
.search__icon-line2, .search__icon-line3
{
    transform-origin: 21px 21px;
}
.search__input
{
    padding-inline-end: 2.375em;
    transition: background-color .3s,box-shadow .15s linear;
    height: 2.25em;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 0 auto 10px;
    padding: 0 15px;
    background: rgba(19,22,31,.5);
    color: #fff;
    border: solid 1px var(--BorderColorAc-Var);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    border-radius: 10px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.search__input::placeholder
{
    color: #fff;
    opacity: 1;
}
.search__input:hover
{
    border-color: #0477fe;
}
.search__input::placeholder
{
    color: #fff;
    transition: color .3s;
}
.search__input-wrap
{
    position: relative;
}
.search__label
{
    position: absolute;
    width: 1px;
    height: 1px;
}
.search__button:focus .search__icon-ellipse, .search__button:hover .search__icon-ellipse, .search__input:focus+.search__button .search__icon-ellipse
{
    ry: .01px;
}
.search__button:focus .search__icon-g, .search__button:hover .search__icon-g, .search__input:focus+.search__button .search__icon-g
{
    transform: translate(6px,6px) rotate(-45deg);
}
.search__button:focus .search__icon-line2, .search__button:hover .search__icon-line2, .search__input:focus+.search__button .search__icon-line2
{
    transform: rotate(-45deg);
}
.search__button:focus .search__icon-line3, .search__button:hover .search__icon-line3, .search__input:focus+.search__button .search__icon-line3
{
    transform: rotate(45deg);
}
.search--searched .search__button
{
    animation: search-icon-bounce .3s;
}
[dir=rtl] .search--searched .search__button
{
    animation: search-icon-bounce-rtl .3s;
}
.search--searched .search__icon-ellipse, .search--searched .search__icon-g, .search--searched .search__icon-line2, .search--searched .search__icon-line3
{
    transition-delay: .3s;
}
@media only screen and (min-width: 0) and (max-width: 420px)
{
    .SearchBox
    {
        margin: 0 10px 0 0;
    }
}
.mv-10
{
    margin: 10px 0!important;
}
.mv-5
{
    margin: 5px 0!important;
}
.mb-20
{
    margin: 0 0 20px!important;
}
.pl-3
{
    padding-left: 30px!important;
}
.p-5
{
    padding: 5px!important;
}
.red
{
    color: #f00!important;
}
.center-div
{
    display: grid;
    justify-content: space-between;
    align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 520px)
{
    .testmonialsImage
    {
        max-width: 200px!important;
    }
}
.cancelbtn
{
    float: left;
    width: 45%;
}
.deletebtn
{
    float: right;
    width: 45%;
}
.cancelbtn
{
    background-color: #ccc;
    color: #000;
    border-radius: 10px;
}
.deletebtn
{
    background-color: #f44336;
    border-radius: 10px;
}
.container
{
    padding: 16px;
    text-align: center;
}
.container p
{
    margin: 0 auto 10px;
    padding: 16px;
    text-align: center;
}
.modal
{
    display: none;
    width: 100%;
    height: 200vh;
    position: fixed!important;
    z-index: 99999999999999;
    left: 0!important;
    top: 0!important;
    padding-top: 50px;
    background-color: #000000e6;
    margin: 0;
}
.modal-content
{
    background-color: var(--BarColor-Var);
    margin: 5% auto 15%;
    border: solid 1px rgba(255,255,255,.1);
    width: 30%;
    border-radius: 15px;
}
@media(max-width: 500px)
{
    .modal-content
    {
        width: 80%;
    }
}
.close
{
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: 700;
    color: #f1f1f1;
}
.close:hover, .close:focus
{
    color: #f44336;
    cursor: pointer;
}
.clearfix:after
{
    content: "";
    clear: both;
    display: table;
}
@media screen and (max-width: 300px)
{
    .cancelbtn, .deletebtn
    {
        width: 100%;
    }
}
.BannerBuyCrypto
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 940px;
    height: auto;
    margin: 20px auto;
    cursor: pointer;
    border-radius: 15px;
    background-color: var(--BGMenu-Var);
    border: solid 1px var(--BorderColorAc-Var);
    position: relative;
    z-index: 99;
    overflow: hidden;
    transition: all .3s ease-in-out;
    transform: scale(.9);
}
.BannerBuyCrypto
{
    max-width: 600px;
}
.BannerBuyCrypto img
{
    display: block;
    width: 100%;
    height: auto;
    transition: all .2s ease-in-out;
}
.BannerBuyCrypto:hover
{
    border-color: #0477fe;
}
.BannerBuyCrypto:hover
{
    transform: scale(1);
}
.BannerBuyCrypto:active
{
    transform: scale(.9);
}
.BntQD
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 60px;
    border: 0;
    border-radius: 10px;
    margin: 10px 0;
    text-decoration: none;
    background-color: #272d3f;
    color: #fff;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 5px 5px #0000004d;
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    border-top: solid 1px #89ffef;
}
.BannerBuyCrypto:hover .BntQD
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    color: #fff;
    transform: scale(1.1);
}
.TitleText
{
    display: block;
    font-size: 30px;
    color: var(--MainTextColor-Var);
    margin: 0;
    padding: 0;
}
@media only screen and (min-width: 0) and (max-width: 940px)
{
    .BannerBuyCrypto
    {
        width: 96%;
        border-radius: 15px;
    }
}
.MoveBounce
{
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bounce-1;
    animation-timing-function: linear;
}
.AniCharacter
{
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: bounce-2;
    animation-timing-function: linear;
}
.AniMovingY
{
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: MovingY-1;
    animation-timing-function: linear;
}
#particles-js
{
    opacity: 0;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-name: fadeIn;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
#root, body
{
    opacity: 0;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-name: fadeIn;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes bounce-1
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-15px);
    }
    to
    {
        transform: translateY(0);
    }
}
@keyframes bounce-2
{
    0%
    {
        transform: scale(.95);
    }
    50%
    {
        transform: scale(1);
    }
    to
    {
        transform: scale(.95);
    }
}
@keyframes MovingY-1
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-30px);
    }
    to
    {
        transform: translateY(0);
    }
}
.CodeBlink
{
    -webkit-animation: SetColor .2s infinite;
    -moz-animation: SetColor .2s infinite;
    -o-animation: SetColor .2s infinite;
    -ms-animation: SetColor .2s infinite;
    animation: SetColor .2s infinite;
}
@-webkit-keyframes SetColor
{
    0%
    {
        color: #d152ff;
    }
    to
    {
        color: #02cead;
    }
}
@-moz-keyframes SetColor
{
    0%
    {
        color: #d152ff;
    }
    to
    {
        color: #02cead;
    }
}
@-ms-keyframes SetColor
{
    0%
    {
        color: #d152ff;
    }
    to
    {
        color: #02cead;
    }
}
@-o-keyframes SetColor{0%{color:#d152ff}to{color:#02cead}}
@keyframes SetColor
{
    0%
    {
        color: #d152ff;
    }
    to
    {
        color: #02cead;
    }
}
.AniBG_BTN
{
    -webkit-animation: SetBgColor .5s infinite;
    -moz-animation: SetBgColor .5s infinite;
    -o-animation: SetBgColor .5s infinite;
    -ms-animation: SetBgColor .5s infinite;
    animation: SetBgColor .5s infinite;
    color: #fff;
}
@-webkit-keyframes SetBgColor
{
    0%
    {
        background-color: #0477fe;
    }
    50%
    {
        background-color: #02cead;
    }
    to
    {
        background-color: #0477fe;
    }
}
@-moz-keyframes SetBgColor
{
    0%
    {
        background-color: #0477fe;
    }
    50%
    {
        background-color: #02cead;
    }
    to
    {
        background-color: #0477fe;
    }
}
@-ms-keyframes SetBgColor
{
    0%
    {
        background-color: #0477fe;
    }
    50%
    {
        background-color: #02cead;
    }
    to
    {
        background-color: #0477fe;
    }
}
@-o-keyframes SetBgColor{0%{background-color:#0477fe}50%{background-color:#02cead}to{background-color:#0477fe}}
@keyframes SetBgColor
{
    0%
    {
        background-color: #0477fe;
    }
    50%
    {
        background-color: #02cead;
    }
    to
    {
        background-color: #0477fe;
    }
}
#SnowCont
{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none!important;
}
.snow
{
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}
.snow:nth-child(1)
{
    opacity: .0367;
    transform: translate(97.0734vw,-10px) scale(.5632);
    animation: fall-1 20s -7s linear infinite;
}
@keyframes fall-1
{
    77.914%
    {
        transform: translate(104.6998vw,77.914vh) scale(.5632);
    }
    to
    {
        transform: translate(100.8866vw,100vh) scale(.5632);
    }
}
.snow:nth-child(2)
{
    opacity: .9086;
    transform: translate(7.5291vw,-10px) scale(.6793);
    animation: fall-2 23s -27s linear infinite;
}
@keyframes fall-2
{
    54.339%
    {
        transform: translate(2.0392vw,54.339vh) scale(.6793);
    }
    to
    {
        transform: translate(4.78415vw,100vh) scale(.6793);
    }
}
.snow:nth-child(3)
{
    opacity: .053;
    transform: translate(90.1236vw,-10px) scale(.7857);
    animation: fall-3 28s -17s linear infinite;
}
@keyframes fall-3
{
    41.915%
    {
        transform: translate(80.5896vw,41.915vh) scale(.7857);
    }
    to
    {
        transform: translate(85.3566vw,100vh) scale(.7857);
    }
}
.snow:nth-child(4)
{
    opacity: .1487;
    transform: translate(39.597vw,-10px) scale(.9587);
    animation: fall-4 11s -24s linear infinite;
}
@keyframes fall-4
{
    37.968%
    {
        transform: translate(30.4817vw,37.968vh) scale(.9587);
    }
    to
    {
        transform: translate(35.03935vw,100vh) scale(.9587);
    }
}
.snow:nth-child(5)
{
    opacity: .5251;
    transform: translate(61.0257vw,-10px) scale(.0822);
    animation: fall-5 30s -15s linear infinite;
}
@keyframes fall-5
{
    49.998%
    {
        transform: translate(63.7719vw,49.998vh) scale(.0822);
    }
    to
    {
        transform: translate(62.3988vw,100vh) scale(.0822);
    }
}
.snow:nth-child(6)
{
    opacity: .8772;
    transform: translate(32.0603vw,-10px) scale(.691);
    animation: fall-6 24s -9s linear infinite;
}
@keyframes fall-6
{
    34.821%
    {
        transform: translate(27.06vw,34.821vh) scale(.691);
    }
    to
    {
        transform: translate(29.56015vw,100vh) scale(.691);
    }
}
.snow:nth-child(7)
{
    opacity: .7012;
    transform: translate(44.2952vw,-10px) scale(.8148);
    animation: fall-7 11s -3s linear infinite;
}
@keyframes fall-7
{
    53.928%
    {
        transform: translate(49.5564vw,53.928vh) scale(.8148);
    }
    to
    {
        transform: translate(46.9258vw,100vh) scale(.8148);
    }
}
.snow:nth-child(8)
{
    opacity: .3895;
    transform: translate(70.2301vw,-10px) scale(.29);
    animation: fall-8 23s -16s linear infinite;
}
@keyframes fall-8
{
    73.922%
    {
        transform: translate(69.8919vw,73.922vh) scale(.29);
    }
    to
    {
        transform: translate(70.061vw,100vh) scale(.29);
    }
}
.snow:nth-child(9)
{
    opacity: .247;
    transform: translate(18.8938vw,-10px) scale(.7902);
    animation: fall-9 21s -7s linear infinite;
}
@keyframes fall-9
{
    42.641%
    {
        transform: translate(13.281vw,42.641vh) scale(.7902);
    }
    to
    {
        transform: translate(16.0874vw,100vh) scale(.7902);
    }
}
.snow:nth-child(10)
{
    opacity: .7231;
    transform: translate(90.464vw,-10px) scale(.0238);
    animation: fall-10 20s -19s linear infinite;
}
@keyframes fall-10
{
    73.682%
    {
        transform: translate(100.3382vw,73.682vh) scale(.0238);
    }
    to
    {
        transform: translate(95.4011vw,100vh) scale(.0238);
    }
}
.snow:nth-child(11)
{
    opacity: .9272;
    transform: translate(19.7356vw,-10px) scale(.5181);
    animation: fall-11 24s -6s linear infinite;
}
@keyframes fall-11
{
    39.204%
    {
        transform: translate(21.1686vw,39.204vh) scale(.5181);
    }
    to
    {
        transform: translate(20.4521vw,100vh) scale(.5181);
    }
}
.snow:nth-child(12)
{
    opacity: .1615;
    transform: translate(5.4828vw,-10px) scale(.2042);
    animation: fall-12 23s -17s linear infinite;
}
@keyframes fall-12
{
    47.257%
    {
        transform: translate(9.4958vw,47.257vh) scale(.2042);
    }
    to
    {
        transform: translate(7.4893vw,100vh) scale(.2042);
    }
}
.snow:nth-child(13)
{
    opacity: .3631;
    transform: translate(14.722vw,-10px) scale(.832);
    animation: fall-13 28s -28s linear infinite;
}
@keyframes fall-13
{
    64.806%
    {
        transform: translate(15.1555vw,64.806vh) scale(.832);
    }
    to
    {
        transform: translate(14.93875vw,100vh) scale(.832);
    }
}
.snow:nth-child(14)
{
    opacity: .676;
    transform: translate(26.767vw,-10px) scale(.1489);
    animation: fall-14 26s -14s linear infinite;
}
@keyframes fall-14
{
    40.318%
    {
        transform: translate(31.2977vw,40.318vh) scale(.1489);
    }
    to
    {
        transform: translate(29.03235vw,100vh) scale(.1489);
    }
}
.snow:nth-child(15)
{
    opacity: .6011;
    transform: translate(6.9392vw,-10px) scale(.2362);
    animation: fall-15 15s -15s linear infinite;
}
@keyframes fall-15
{
    44.598%
    {
        transform: translate(15.592vw,44.598vh) scale(.2362);
    }
    to
    {
        transform: translate(11.2656vw,100vh) scale(.2362);
    }
}
.snow:nth-child(16)
{
    opacity: .9082;
    transform: translate(49.5755vw,-10px) scale(.3667);
    animation: fall-16 17s -8s linear infinite;
}
@keyframes fall-16
{
    41.461%
    {
        transform: translate(51.4352vw,41.461vh) scale(.3667);
    }
    to
    {
        transform: translate(50.50535vw,100vh) scale(.3667);
    }
}
.snow:nth-child(17)
{
    opacity: .4517;
    transform: translate(51.5821vw,-10px) scale(.8234);
    animation: fall-17 17s -8s linear infinite;
}
@keyframes fall-17
{
    33.479%
    {
        transform: translate(51.2992vw,33.479vh) scale(.8234);
    }
    to
    {
        transform: translate(51.44065vw,100vh) scale(.8234);
    }
}
.snow:nth-child(18)
{
    opacity: .3965;
    transform: translate(18.3813vw,-10px) scale(.7848);
    animation: fall-18 12s -23s linear infinite;
}
@keyframes fall-18
{
    32.75%
    {
        transform: translate(11.3987vw,32.75vh) scale(.7848);
    }
    to
    {
        transform: translate(14.89vw,100vh) scale(.7848);
    }
}
.snow:nth-child(19)
{
    opacity: .7424;
    transform: translate(7.5688vw,-10px) scale(.1022);
    animation: fall-19 25s -22s linear infinite;
}
@keyframes fall-19
{
    40.308%
    {
        transform: translate(15.4388vw,40.308vh) scale(.1022);
    }
    to
    {
        transform: translate(11.5038vw,100vh) scale(.1022);
    }
}
.snow:nth-child(20)
{
    opacity: .57;
    transform: translate(81.2108vw,-10px) scale(.6059);
    animation: fall-20 16s -15s linear infinite;
}
@keyframes fall-20
{
    57.539%
    {
        transform: translate(75.9226vw,57.539vh) scale(.6059);
    }
    to
    {
        transform: translate(78.5667vw,100vh) scale(.6059);
    }
}
.snow:nth-child(21)
{
    opacity: .98;
    transform: translate(76.4823vw,-10px) scale(.3246);
    animation: fall-21 28s -11s linear infinite;
}
@keyframes fall-21
{
    32.337%
    {
        transform: translate(69.2593vw,32.337vh) scale(.3246);
    }
    to
    {
        transform: translate(72.8708vw,100vh) scale(.3246);
    }
}
.snow:nth-child(22)
{
    opacity: .1563;
    transform: translate(56.5975vw,-10px) scale(.7027);
    animation: fall-22 29s -26s linear infinite;
}
@keyframes fall-22
{
    69.59%
    {
        transform: translate(66.0091vw,69.59vh) scale(.7027);
    }
    to
    {
        transform: translate(61.3033vw,100vh) scale(.7027);
    }
}
.snow:nth-child(23)
{
    opacity: .4824;
    transform: translate(37.5549vw,-10px) scale(.0538);
    animation: fall-23 16s -12s linear infinite;
}
@keyframes fall-23
{
    31.657%
    {
        transform: translate(40.2237vw,31.657vh) scale(.0538);
    }
    to
    {
        transform: translate(38.8893vw,100vh) scale(.0538);
    }
}
.snow:nth-child(24)
{
    opacity: .5151;
    transform: translate(22.1748vw,-10px) scale(.1547);
    animation: fall-24 10s -15s linear infinite;
}
@keyframes fall-24
{
    52.196%
    {
        transform: translate(18.307vw,52.196vh) scale(.1547);
    }
    to
    {
        transform: translate(20.2409vw,100vh) scale(.1547);
    }
}
.snow:nth-child(25)
{
    opacity: .0507;
    transform: translate(80.3379vw,-10px) scale(.3002);
    animation: fall-25 21s -10s linear infinite;
}
@keyframes fall-25
{
    53.169%
    {
        transform: translate(74.067vw,53.169vh) scale(.3002);
    }
    to
    {
        transform: translate(77.20245vw,100vh) scale(.3002);
    }
}
.snow:nth-child(26)
{
    opacity: .0586;
    transform: translate(21.0834vw,-10px) scale(.6898);
    animation: fall-26 12s -24s linear infinite;
}
@keyframes fall-26
{
    43.923%
    {
        transform: translate(25.4343vw,43.923vh) scale(.6898);
    }
    to
    {
        transform: translate(23.25885vw,100vh) scale(.6898);
    }
}
.snow:nth-child(27)
{
    opacity: .3941;
    transform: translate(98.8091vw,-10px) scale(.3717);
    animation: fall-27 21s -16s linear infinite;
}
@keyframes fall-27
{
    63.848%
    {
        transform: translate(106.8529vw,63.848vh) scale(.3717);
    }
    to
    {
        transform: translate(102.831vw,100vh) scale(.3717);
    }
}
.snow:nth-child(28)
{
    opacity: .3397;
    transform: translate(24.3796vw,-10px) scale(.1619);
    animation: fall-28 23s -16s linear infinite;
}
@keyframes fall-28
{
    70.61%
    {
        transform: translate(31.9477vw,70.61vh) scale(.1619);
    }
    to
    {
        transform: translate(28.16365vw,100vh) scale(.1619);
    }
}
.snow:nth-child(29)
{
    opacity: .6723;
    transform: translate(72.7152vw,-10px) scale(.8432);
    animation: fall-29 27s -8s linear infinite;
}
@keyframes fall-29
{
    43.504%
    {
        transform: translate(81.1884vw,43.504vh) scale(.8432);
    }
    to
    {
        transform: translate(76.9518vw,100vh) scale(.8432);
    }
}
.snow:nth-child(30)
{
    opacity: .3926;
    transform: translate(47.5281vw,-10px) scale(.8747);
    animation: fall-30 14s -15s linear infinite;
}
@keyframes fall-30
{
    42.363%
    {
        transform: translate(47.4262vw,42.363vh) scale(.8747);
    }
    to
    {
        transform: translate(47.47715vw,100vh) scale(.8747);
    }
}
.snow:nth-child(31)
{
    opacity: .593;
    transform: translate(14.3894vw,-10px) scale(.0173);
    animation: fall-31 13s -30s linear infinite;
}
@keyframes fall-31
{
    67.294%
    {
        transform: translate(4.5309vw,67.294vh) scale(.0173);
    }
    to
    {
        transform: translate(9.46015vw,100vh) scale(.0173);
    }
}
.snow:nth-child(32)
{
    opacity: .8069;
    transform: translate(83.6851vw,-10px) scale(.8653);
    animation: fall-32 26s -16s linear infinite;
}
@keyframes fall-32
{
    39.638%
    {
        transform: translate(85.6909vw,39.638vh) scale(.8653);
    }
    to
    {
        transform: translate(84.688vw,100vh) scale(.8653);
    }
}
.snow:nth-child(33)
{
    opacity: .6294;
    transform: translate(60.741vw,-10px) scale(.785);
    animation: fall-33 13s -22s linear infinite;
}
@keyframes fall-33
{
    36.879%
    {
        transform: translate(59.634vw,36.879vh) scale(.785);
    }
    to
    {
        transform: translate(60.1875vw,100vh) scale(.785);
    }
}
.snow:nth-child(34)
{
    opacity: .3569;
    transform: translate(21.0955vw,-10px) scale(.6208);
    animation: fall-34 22s -15s linear infinite;
}
@keyframes fall-34
{
    56.177%
    {
        transform: translate(15.6947vw,56.177vh) scale(.6208);
    }
    to
    {
        transform: translate(18.3951vw,100vh) scale(.6208);
    }
}
.snow:nth-child(35)
{
    opacity: .7299;
    transform: translate(9.7191vw,-10px) scale(.0697);
    animation: fall-35 28s -11s linear infinite;
}
@keyframes fall-35
{
    65.214%
    {
        transform: translate(.7522vw,65.214vh) scale(.0697);
    }
    to
    {
        transform: translate(5.23565vw,100vh) scale(.0697);
    }
}
.snow:nth-child(36)
{
    opacity: .1631;
    transform: translate(66.0023vw,-10px) scale(.3963);
    animation: fall-36 23s -28s linear infinite;
}
@keyframes fall-36
{
    59.942%
    {
        transform: translate(69.7167vw,59.942vh) scale(.3963);
    }
    to
    {
        transform: translate(67.8595vw,100vh) scale(.3963);
    }
}
.snow:nth-child(37)
{
    opacity: .6912;
    transform: translate(41.2257vw,-10px) scale(.2704);
    animation: fall-37 29s -4s linear infinite;
}
@keyframes fall-37
{
    32.348%
    {
        transform: translate(31.2271vw,32.348vh) scale(.2704);
    }
    to
    {
        transform: translate(36.2264vw,100vh) scale(.2704);
    }
}
.snow:nth-child(38)
{
    opacity: .3406;
    transform: translate(8.294vw,-10px) scale(.9545);
    animation: fall-38 26s -28s linear infinite;
}
@keyframes fall-38
{
    43.166%
    {
        transform: translate(16.5071vw,43.166vh) scale(.9545);
    }
    to
    {
        transform: translate(12.40055vw,100vh) scale(.9545);
    }
}
.snow:nth-child(39)
{
    opacity: .6678;
    transform: translate(96.7667vw,-10px) scale(.2056);
    animation: fall-39 29s -7s linear infinite;
}
@keyframes fall-39
{
    49.244%
    {
        transform: translate(105.4457vw,49.244vh) scale(.2056);
    }
    to
    {
        transform: translate(101.1062vw,100vh) scale(.2056);
    }
}
.snow:nth-child(40)
{
    opacity: .5098;
    transform: translate(2.1198vw,-10px) scale(.2982);
    animation: fall-40 28s -3s linear infinite;
}
@keyframes fall-40
{
    73.383%
    {
        transform: translate(-4.0086vw,73.383vh) scale(.2982);
    }
    to
    {
        transform: translate(-.9444vw,100vh) scale(.2982);
    }
}
.snow:nth-child(41)
{
    opacity: .0293;
    transform: translate(97.5362vw,-10px) scale(.0514);
    animation: fall-41 10s -26s linear infinite;
}
@keyframes fall-41
{
    49.115%
    {
        transform: translate(105.9213vw,49.115vh) scale(.0514);
    }
    to
    {
        transform: translate(101.72875vw,100vh) scale(.0514);
    }
}
.snow:nth-child(42)
{
    opacity: .2405;
    transform: translate(96.9345vw,-10px) scale(.5032);
    animation: fall-42 12s -9s linear infinite;
}
@keyframes fall-42
{
    40.841%
    {
        transform: translate(88.9222vw,40.841vh) scale(.5032);
    }
    to
    {
        transform: translate(92.92835vw,100vh) scale(.5032);
    }
}
.snow:nth-child(43)
{
    opacity: .8347;
    transform: translate(76.706vw,-10px) scale(.5097);
    animation: fall-43 13s -21s linear infinite;
}
@keyframes fall-43
{
    40.94%
    {
        transform: translate(82.9157vw,40.94vh) scale(.5097);
    }
    to
    {
        transform: translate(79.81085vw,100vh) scale(.5097);
    }
}
.snow:nth-child(44)
{
    opacity: .008;
    transform: translate(8.1789vw,-10px) scale(.2403);
    animation: fall-44 18s -30s linear infinite;
}
@keyframes fall-44
{
    48.028%
    {
        transform: translate(6.2996vw,48.028vh) scale(.2403);
    }
    to
    {
        transform: translate(7.23925vw,100vh) scale(.2403);
    }
}
.snow:nth-child(45)
{
    opacity: .1591;
    transform: translate(34.6508vw,-10px) scale(.5207);
    animation: fall-45 14s -16s linear infinite;
}
@keyframes fall-45
{
    68.292%
    {
        transform: translate(27.2279vw,68.292vh) scale(.5207);
    }
    to
    {
        transform: translate(30.93935vw,100vh) scale(.5207);
    }
}
.snow:nth-child(46)
{
    opacity: .118;
    transform: translate(92.1781vw,-10px) scale(.3456);
    animation: fall-46 17s -7s linear infinite;
}
@keyframes fall-46
{
    70.79%
    {
        transform: translate(101.4298vw,70.79vh) scale(.3456);
    }
    to
    {
        transform: translate(96.80395vw,100vh) scale(.3456);
    }
}
.snow:nth-child(47)
{
    opacity: .0809;
    transform: translate(29.1361vw,-10px) scale(.7053);
    animation: fall-47 29s -23s linear infinite;
}
@keyframes fall-47
{
    51.556%
    {
        transform: translate(27.7034vw,51.556vh) scale(.7053);
    }
    to
    {
        transform: translate(28.41975vw,100vh) scale(.7053);
    }
}
.snow:nth-child(48)
{
    opacity: .9931;
    transform: translate(88.8342vw,-10px) scale(.4815);
    animation: fall-48 27s -3s linear infinite;
}
@keyframes fall-48
{
    43.966%
    {
        transform: translate(97.7358vw,43.966vh) scale(.4815);
    }
    to
    {
        transform: translate(93.285vw,100vh) scale(.4815);
    }
}
.snow:nth-child(49)
{
    opacity: .0852;
    transform: translate(9.3998vw,-10px) scale(.6733);
    animation: fall-49 21s -19s linear infinite;
}
@keyframes fall-49
{
    77.426%
    {
        transform: translate(7.8605vw,77.426vh) scale(.6733);
    }
    to
    {
        transform: translate(8.63015vw,100vh) scale(.6733);
    }
}
.snow:nth-child(50)
{
    opacity: .7042;
    transform: translate(.8441vw,-10px) scale(.4398);
    animation: fall-50 30s -13s linear infinite;
}
@keyframes fall-50
{
    77.474%
    {
        transform: translate(10.353vw,77.474vh) scale(.4398);
    }
    to
    {
        transform: translate(5.59855vw,100vh) scale(.4398);
    }
}
.snow:nth-child(51)
{
    opacity: .4248;
    transform: translate(26.2843vw,-10px) scale(.0721);
    animation: fall-51 20s -3s linear infinite;
}
@keyframes fall-51
{
    43.689%
    {
        transform: translate(27.8662vw,43.689vh) scale(.0721);
    }
    to
    {
        transform: translate(27.07525vw,100vh) scale(.0721);
    }
}
.snow:nth-child(52)
{
    opacity: .8107;
    transform: translate(62.8413vw,-10px) scale(.805);
    animation: fall-52 28s -6s linear infinite;
}
@keyframes fall-52
{
    48.485%
    {
        transform: translate(72.2285vw,48.485vh) scale(.805);
    }
    to
    {
        transform: translate(67.5349vw,100vh) scale(.805);
    }
}
.snow:nth-child(53)
{
    opacity: .8032;
    transform: translate(61.6065vw,-10px) scale(.0664);
    animation: fall-53 10s -16s linear infinite;
}
@keyframes fall-53
{
    74.298%
    {
        transform: translate(67.0892vw,74.298vh) scale(.0664);
    }
    to
    {
        transform: translate(64.34785vw,100vh) scale(.0664);
    }
}
.snow:nth-child(54)
{
    opacity: .6148;
    transform: translate(97.5891vw,-10px) scale(.3204);
    animation: fall-54 12s -21s linear infinite;
}
@keyframes fall-54
{
    53.749%
    {
        transform: translate(97.1523vw,53.749vh) scale(.3204);
    }
    to
    {
        transform: translate(97.3707vw,100vh) scale(.3204);
    }
}
.snow:nth-child(55)
{
    opacity: .2857;
    transform: translate(97.9192vw,-10px) scale(.5733);
    animation: fall-55 15s -24s linear infinite;
}
@keyframes fall-55
{
    52.459%
    {
        transform: translate(94.9643vw,52.459vh) scale(.5733);
    }
    to
    {
        transform: translate(96.44175vw,100vh) scale(.5733);
    }
}
.snow:nth-child(56)
{
    opacity: .1348;
    transform: translate(35.1114vw,-10px) scale(.5309);
    animation: fall-56 19s -1s linear infinite;
}
@keyframes fall-56
{
    66.243%
    {
        transform: translate(25.8238vw,66.243vh) scale(.5309);
    }
    to
    {
        transform: translate(30.4676vw,100vh) scale(.5309);
    }
}
.snow:nth-child(57)
{
    opacity: .805;
    transform: translate(16.9252vw,-10px) scale(.2086);
    animation: fall-57 26s -23s linear infinite;
}
@keyframes fall-57
{
    67.772%
    {
        transform: translate(17.9363vw,67.772vh) scale(.2086);
    }
    to
    {
        transform: translate(17.43075vw,100vh) scale(.2086);
    }
}
.snow:nth-child(58)
{
    opacity: .7922;
    transform: translate(71.1457vw,-10px) scale(.4525);
    animation: fall-58 12s -17s linear infinite;
}
@keyframes fall-58
{
    73.999%
    {
        transform: translate(74.0313vw,73.999vh) scale(.4525);
    }
    to
    {
        transform: translate(72.5885vw,100vh) scale(.4525);
    }
}
.snow:nth-child(59)
{
    opacity: .7469;
    transform: translate(87.3764vw,-10px) scale(.3944);
    animation: fall-59 25s -29s linear infinite;
}
@keyframes fall-59
{
    61.241%
    {
        transform: translate(79.4614vw,61.241vh) scale(.3944);
    }
    to
    {
        transform: translate(83.4189vw,100vh) scale(.3944);
    }
}
.snow:nth-child(60)
{
    opacity: .2889;
    transform: translate(45.8078vw,-10px) scale(.4191);
    animation: fall-60 10s -25s linear infinite;
}
@keyframes fall-60
{
    37.199%
    {
        transform: translate(48.1223vw,37.199vh) scale(.4191);
    }
    to
    {
        transform: translate(46.96505vw,100vh) scale(.4191);
    }
}
.snow:nth-child(61)
{
    opacity: .3474;
    transform: translate(51.4583vw,-10px) scale(.7717);
    animation: fall-61 16s -25s linear infinite;
}
@keyframes fall-61
{
    40.296%
    {
        transform: translate(54.2332vw,40.296vh) scale(.7717);
    }
    to
    {
        transform: translate(52.84575vw,100vh) scale(.7717);
    }
}
.snow:nth-child(62)
{
    opacity: .6856;
    transform: translate(92.0841vw,-10px) scale(.6026);
    animation: fall-62 12s -3s linear infinite;
}
@keyframes fall-62
{
    57.424%
    {
        transform: translate(101.5515vw,57.424vh) scale(.6026);
    }
    to
    {
        transform: translate(96.8178vw,100vh) scale(.6026);
    }
}
.snow:nth-child(63)
{
    opacity: .9073;
    transform: translate(36.7915vw,-10px) scale(.1573);
    animation: fall-63 17s -30s linear infinite;
}
@keyframes fall-63
{
    63.021%
    {
        transform: translate(42.4217vw,63.021vh) scale(.1573);
    }
    to
    {
        transform: translate(39.6066vw,100vh) scale(.1573);
    }
}
.snow:nth-child(64)
{
    opacity: .9074;
    transform: translate(34.4047vw,-10px) scale(.8069);
    animation: fall-64 25s -24s linear infinite;
}
@keyframes fall-64
{
    47.082%
    {
        transform: translate(33.1652vw,47.082vh) scale(.8069);
    }
    to
    {
        transform: translate(33.78495vw,100vh) scale(.8069);
    }
}
.snow:nth-child(65)
{
    opacity: .3536;
    transform: translate(46.985vw,-10px) scale(.0021);
    animation: fall-65 11s -21s linear infinite;
}
@keyframes fall-65
{
    30.072%
    {
        transform: translate(37.3596vw,30.072vh) scale(.0021);
    }
    to
    {
        transform: translate(42.1723vw,100vh) scale(.0021);
    }
}
.snow:nth-child(66)
{
    opacity: .1207;
    transform: translate(89.8637vw,-10px) scale(.0788);
    animation: fall-66 12s -28s linear infinite;
}
@keyframes fall-66
{
    48.847%
    {
        transform: translate(87.2535vw,48.847vh) scale(.0788);
    }
    to
    {
        transform: translate(88.5586vw,100vh) scale(.0788);
    }
}
.snow:nth-child(67)
{
    opacity: .7205;
    transform: translate(77.6812vw,-10px) scale(.7104);
    animation: fall-67 14s -27s linear infinite;
}
@keyframes fall-67
{
    73.923%
    {
        transform: translate(73.9308vw,73.923vh) scale(.7104);
    }
    to
    {
        transform: translate(75.806vw,100vh) scale(.7104);
    }
}
.snow:nth-child(68)
{
    opacity: .3087;
    transform: translate(26.8401vw,-10px) scale(.1289);
    animation: fall-68 18s -21s linear infinite;
}
@keyframes fall-68
{
    74.634%
    {
        transform: translate(31.0872vw,74.634vh) scale(.1289);
    }
    to
    {
        transform: translate(28.96365vw,100vh) scale(.1289);
    }
}
.snow:nth-child(69)
{
    opacity: .1447;
    transform: translate(76.8298vw,-10px) scale(.5695);
    animation: fall-69 29s -2s linear infinite;
}
@keyframes fall-69
{
    47.12%
    {
        transform: translate(84.4979vw,47.12vh) scale(.5695);
    }
    to
    {
        transform: translate(80.66385vw,100vh) scale(.5695);
    }
}
.snow:nth-child(70)
{
    opacity: .6576;
    transform: translate(66.0185vw,-10px) scale(.4048);
    animation: fall-70 26s -28s linear infinite;
}
@keyframes fall-70
{
    79.884%
    {
        transform: translate(64.0568vw,79.884vh) scale(.4048);
    }
    to
    {
        transform: translate(65.03765vw,100vh) scale(.4048);
    }
}
.snow:nth-child(71)
{
    opacity: .337;
    transform: translate(63.2858vw,-10px) scale(.4878);
    animation: fall-71 21s -26s linear infinite;
}
@keyframes fall-71
{
    76.294%
    {
        transform: translate(63.3289vw,76.294vh) scale(.4878);
    }
    to
    {
        transform: translate(63.30735vw,100vh) scale(.4878);
    }
}
.snow:nth-child(72)
{
    opacity: .178;
    transform: translate(43.1669vw,-10px) scale(.307);
    animation: fall-72 12s -23s linear infinite;
}
@keyframes fall-72
{
    75.874%
    {
        transform: translate(50.9716vw,75.874vh) scale(.307);
    }
    to
    {
        transform: translate(47.06925vw,100vh) scale(.307);
    }
}
.snow:nth-child(73)
{
    opacity: .4988;
    transform: translate(59.7807vw,-10px) scale(.3255);
    animation: fall-73 26s -19s linear infinite;
}
@keyframes fall-73
{
    41.53%
    {
        transform: translate(62.9679vw,41.53vh) scale(.3255);
    }
    to
    {
        transform: translate(61.3743vw,100vh) scale(.3255);
    }
}
.snow:nth-child(74)
{
    opacity: .0709;
    transform: translate(84.7151vw,-10px) scale(.3769);
    animation: fall-74 19s -20s linear infinite;
}
@keyframes fall-74
{
    36.095%
    {
        transform: translate(88.1789vw,36.095vh) scale(.3769);
    }
    to
    {
        transform: translate(86.447vw,100vh) scale(.3769);
    }
}
.snow:nth-child(75)
{
    opacity: .6291;
    transform: translate(82.4299vw,-10px) scale(.7978);
    animation: fall-75 25s -8s linear infinite;
}
@keyframes fall-75
{
    68.678%
    {
        transform: translate(91.5304vw,68.678vh) scale(.7978);
    }
    to
    {
        transform: translate(86.98015vw,100vh) scale(.7978);
    }
}
.snow:nth-child(76)
{
    opacity: .1718;
    transform: translate(24.1603vw,-10px) scale(.1021);
    animation: fall-76 30s -28s linear infinite;
}
@keyframes fall-76
{
    36.055%
    {
        transform: translate(21.6211vw,36.055vh) scale(.1021);
    }
    to
    {
        transform: translate(22.8907vw,100vh) scale(.1021);
    }
}
.snow:nth-child(77)
{
    opacity: .8935;
    transform: translate(63.8358vw,-10px) scale(.175);
    animation: fall-77 29s -1s linear infinite;
}
@keyframes fall-77
{
    64.79%
    {
        transform: translate(68.5549vw,64.79vh) scale(.175);
    }
    to
    {
        transform: translate(66.19535vw,100vh) scale(.175);
    }
}
.snow:nth-child(78)
{
    opacity: .9278;
    transform: translate(21.1442vw,-10px) scale(.7843);
    animation: fall-78 19s -24s linear infinite;
}
@keyframes fall-78
{
    49.666%
    {
        transform: translate(11.7343vw,49.666vh) scale(.7843);
    }
    to
    {
        transform: translate(16.43925vw,100vh) scale(.7843);
    }
}
.snow:nth-child(79)
{
    opacity: .067;
    transform: translate(24.7493vw,-10px) scale(.6562);
    animation: fall-79 20s -15s linear infinite;
}
@keyframes fall-79
{
    36.415%
    {
        transform: translate(16.3995vw,36.415vh) scale(.6562);
    }
    to
    {
        transform: translate(20.5744vw,100vh) scale(.6562);
    }
}
.snow:nth-child(80)
{
    opacity: .8279;
    transform: translate(74.1728vw,-10px) scale(.9794);
    animation: fall-80 25s -17s linear infinite;
}
@keyframes fall-80
{
    59.105%
    {
        transform: translate(75.4619vw,59.105vh) scale(.9794);
    }
    to
    {
        transform: translate(74.81735vw,100vh) scale(.9794);
    }
}
.snow:nth-child(81)
{
    opacity: .9777;
    transform: translate(3.6049vw,-10px) scale(.0447);
    animation: fall-81 13s -16s linear infinite;
}
@keyframes fall-81
{
    46.976%
    {
        transform: translate(-.6304vw,46.976vh) scale(.0447);
    }
    to
    {
        transform: translate(1.48725vw,100vh) scale(.0447);
    }
}
.snow:nth-child(82)
{
    opacity: .2731;
    transform: translate(30.1987vw,-10px) scale(.7029);
    animation: fall-82 29s -8s linear infinite;
}
@keyframes fall-82
{
    78.455%
    {
        transform: translate(35.982vw,78.455vh) scale(.7029);
    }
    to
    {
        transform: translate(33.09035vw,100vh) scale(.7029);
    }
}
.snow:nth-child(83)
{
    opacity: .3855;
    transform: translate(9.2369vw,-10px) scale(.762);
    animation: fall-83 24s -10s linear infinite;
}
@keyframes fall-83
{
    61.528%
    {
        transform: translate(.5416vw,61.528vh) scale(.762);
    }
    to
    {
        transform: translate(4.88925vw,100vh) scale(.762);
    }
}
.snow:nth-child(84)
{
    opacity: .5459;
    transform: translate(1.0586vw,-10px) scale(.6819);
    animation: fall-84 16s -26s linear infinite;
}
@keyframes fall-84
{
    68.826%
    {
        transform: translate(4.6833vw,68.826vh) scale(.6819);
    }
    to
    {
        transform: translate(2.87095vw,100vh) scale(.6819);
    }
}
.snow:nth-child(85)
{
    opacity: .6235;
    transform: translate(.1033vw,-10px) scale(.4829);
    animation: fall-85 23s -16s linear infinite;
}
@keyframes fall-85
{
    66.222%
    {
        transform: translate(-4.7079vw,66.222vh) scale(.4829);
    }
    to
    {
        transform: translate(-2.3023vw,100vh) scale(.4829);
    }
}
.snow:nth-child(86)
{
    opacity: .4608;
    transform: translate(65.1734vw,-10px) scale(.7791);
    animation: fall-86 19s -26s linear infinite;
}
@keyframes fall-86
{
    69.068%
    {
        transform: translate(57.2247vw,69.068vh) scale(.7791);
    }
    to
    {
        transform: translate(61.19905vw,100vh) scale(.7791);
    }
}
.snow:nth-child(87)
{
    opacity: .8049;
    transform: translate(12.6982vw,-10px) scale(.5622);
    animation: fall-87 28s -2s linear infinite;
}
@keyframes fall-87
{
    32.35%
    {
        transform: translate(17.2671vw,32.35vh) scale(.5622);
    }
    to
    {
        transform: translate(14.98265vw,100vh) scale(.5622);
    }
}
.snow:nth-child(88)
{
    opacity: .7165;
    transform: translate(96.9354vw,-10px) scale(.5592);
    animation: fall-88 20s -18s linear infinite;
}
@keyframes fall-88
{
    31.238%
    {
        transform: translate(94.9953vw,31.238vh) scale(.5592);
    }
    to
    {
        transform: translate(95.96535vw,100vh) scale(.5592);
    }
}
.snow:nth-child(89)
{
    opacity: .7489;
    transform: translate(74.8627vw,-10px) scale(.9695);
    animation: fall-89 27s -12s linear infinite;
}
@keyframes fall-89
{
    54.541%
    {
        transform: translate(68.674vw,54.541vh) scale(.9695);
    }
    to
    {
        transform: translate(71.76835vw,100vh) scale(.9695);
    }
}
.snow:nth-child(90)
{
    opacity: .3955;
    transform: translate(16.8243vw,-10px) scale(.5099);
    animation: fall-90 15s -14s linear infinite;
}
@keyframes fall-90
{
    63.848%
    {
        transform: translate(20.0316vw,63.848vh) scale(.5099);
    }
    to
    {
        transform: translate(18.42795vw,100vh) scale(.5099);
    }
}
.snow:nth-child(91)
{
    opacity: .2113;
    transform: translate(88.3963vw,-10px) scale(.7907);
    animation: fall-91 19s -22s linear infinite;
}
@keyframes fall-91
{
    73.859%
    {
        transform: translate(91.4705vw,73.859vh) scale(.7907);
    }
    to
    {
        transform: translate(89.9334vw,100vh) scale(.7907);
    }
}
.snow:nth-child(92)
{
    opacity: .9695;
    transform: translate(30.077vw,-10px) scale(.0446);
    animation: fall-92 28s -17s linear infinite;
}
@keyframes fall-92
{
    75.457%
    {
        transform: translate(30.9356vw,75.457vh) scale(.0446);
    }
    to
    {
        transform: translate(30.5063vw,100vh) scale(.0446);
    }
}
.snow:nth-child(93)
{
    opacity: .2222;
    transform: translate(18.1759vw,-10px) scale(.1587);
    animation: fall-93 13s -1s linear infinite;
}
@keyframes fall-93
{
    49.766%
    {
        transform: translate(11.4987vw,49.766vh) scale(.1587);
    }
    to
    {
        transform: translate(14.8373vw,100vh) scale(.1587);
    }
}
.snow:nth-child(94)
{
    opacity: .497;
    transform: translate(78.5348vw,-10px) scale(.7721);
    animation: fall-94 19s -27s linear infinite;
}
@keyframes fall-94
{
    43.607%
    {
        transform: translate(76.667vw,43.607vh) scale(.7721);
    }
    to
    {
        transform: translate(77.6009vw,100vh) scale(.7721);
    }
}
.snow:nth-child(95)
{
    opacity: .4687;
    transform: translate(77.4501vw,-10px) scale(.5219);
    animation: fall-95 20s -2s linear infinite;
}
@keyframes fall-95
{
    60.447%
    {
        transform: translate(85.2636vw,60.447vh) scale(.5219);
    }
    to
    {
        transform: translate(81.35685vw,100vh) scale(.5219);
    }
}
.snow:nth-child(96)
{
    opacity: .2218;
    transform: translate(16.9177vw,-10px) scale(.5781);
    animation: fall-96 30s -27s linear infinite;
}
@keyframes fall-96
{
    37.066%
    {
        transform: translate(8.9472vw,37.066vh) scale(.5781);
    }
    to
    {
        transform: translate(12.93245vw,100vh) scale(.5781);
    }
}
.snow:nth-child(97)
{
    opacity: .4356;
    transform: translate(81.3784vw,-10px) scale(.9739);
    animation: fall-97 16s -13s linear infinite;
}
@keyframes fall-97
{
    56.872%
    {
        transform: translate(87.3096vw,56.872vh) scale(.9739);
    }
    to
    {
        transform: translate(84.344vw,100vh) scale(.9739);
    }
}
.snow:nth-child(98)
{
    opacity: .6383;
    transform: translate(11.0799vw,-10px) scale(.1603);
    animation: fall-98 15s -1s linear infinite;
}
@keyframes fall-98
{
    74.719%
    {
        transform: translate(14.874vw,74.719vh) scale(.1603);
    }
    to
    {
        transform: translate(12.97695vw,100vh) scale(.1603);
    }
}
.snow:nth-child(99)
{
    opacity: .0718;
    transform: translate(55.4156vw,-10px) scale(.5325);
    animation: fall-99 29s -8s linear infinite;
}
@keyframes fall-99
{
    74.311%
    {
        transform: translate(53.9014vw,74.311vh) scale(.5325);
    }
    to
    {
        transform: translate(54.6585vw,100vh) scale(.5325);
    }
}
.snow:nth-child(100)
{
    opacity: .1894;
    transform: translate(72.7866vw,-10px) scale(.9574);
    animation: fall-100 30s -27s linear infinite;
}
@keyframes fall-100
{
    65.424%
    {
        transform: translate(81.3964vw,65.424vh) scale(.9574);
    }
    to
    {
        transform: translate(77.0915vw,100vh) scale(.9574);
    }
}
.snow:nth-child(101)
{
    opacity: .423;
    transform: translate(20.2273vw,-10px) scale(.2897);
    animation: fall-101 20s -22s linear infinite;
}
@keyframes fall-101
{
    53.434%
    {
        transform: translate(26.1672vw,53.434vh) scale(.2897);
    }
    to
    {
        transform: translate(23.19725vw,100vh) scale(.2897);
    }
}
.snow:nth-child(102)
{
    opacity: .109;
    transform: translate(44.7663vw,-10px) scale(.1672);
    animation: fall-102 24s -6s linear infinite;
}
@keyframes fall-102
{
    61.507%
    {
        transform: translate(36.6247vw,61.507vh) scale(.1672);
    }
    to
    {
        transform: translate(40.6955vw,100vh) scale(.1672);
    }
}
.snow:nth-child(103)
{
    opacity: .7689;
    transform: translate(40.5317vw,-10px) scale(.2863);
    animation: fall-103 15s -18s linear infinite;
}
@keyframes fall-103
{
    70.708%
    {
        transform: translate(45.5814vw,70.708vh) scale(.2863);
    }
    to
    {
        transform: translate(43.05655vw,100vh) scale(.2863);
    }
}
.snow:nth-child(104)
{
    opacity: .587;
    transform: translate(20.4424vw,-10px) scale(.458);
    animation: fall-104 29s -11s linear infinite;
}
@keyframes fall-104
{
    44.983%
    {
        transform: translate(23.4809vw,44.983vh) scale(.458);
    }
    to
    {
        transform: translate(21.96165vw,100vh) scale(.458);
    }
}
.snow:nth-child(105)
{
    opacity: .0524;
    transform: translate(73.0683vw,-10px) scale(.1909);
    animation: fall-105 19s -13s linear infinite;
}
@keyframes fall-105
{
    43.168%
    {
        transform: translate(79.8887vw,43.168vh) scale(.1909);
    }
    to
    {
        transform: translate(76.4785vw,100vh) scale(.1909);
    }
}
.snow:nth-child(106)
{
    opacity: .5783;
    transform: translate(50.1109vw,-10px) scale(.3203);
    animation: fall-106 18s -17s linear infinite;
}
@keyframes fall-106
{
    53.302%
    {
        transform: translate(46.8543vw,53.302vh) scale(.3203);
    }
    to
    {
        transform: translate(48.4826vw,100vh) scale(.3203);
    }
}
.snow:nth-child(107)
{
    opacity: .8566;
    transform: translate(2.0393vw,-10px) scale(.2644);
    animation: fall-107 14s -13s linear infinite;
}
@keyframes fall-107
{
    59.315%
    {
        transform: translate(.1915vw,59.315vh) scale(.2644);
    }
    to
    {
        transform: translate(1.1154vw,100vh) scale(.2644);
    }
}
.snow:nth-child(108)
{
    opacity: .7591;
    transform: translate(59.6728vw,-10px) scale(.3051);
    animation: fall-108 22s -23s linear infinite;
}
@keyframes fall-108
{
    43.034%
    {
        transform: translate(52.7385vw,43.034vh) scale(.3051);
    }
    to
    {
        transform: translate(56.20565vw,100vh) scale(.3051);
    }
}
.snow:nth-child(109)
{
    opacity: .7336;
    transform: translate(61.4264vw,-10px) scale(.9896);
    animation: fall-109 26s -15s linear infinite;
}
@keyframes fall-109
{
    54.372%
    {
        transform: translate(64.5668vw,54.372vh) scale(.9896);
    }
    to
    {
        transform: translate(62.9966vw,100vh) scale(.9896);
    }
}
.snow:nth-child(110)
{
    opacity: .179;
    transform: translate(14.0745vw,-10px) scale(.4272);
    animation: fall-110 23s -9s linear infinite;
}
@keyframes fall-110
{
    47.613%
    {
        transform: translate(23.6305vw,47.613vh) scale(.4272);
    }
    to
    {
        transform: translate(18.8525vw,100vh) scale(.4272);
    }
}
.snow:nth-child(111)
{
    opacity: .0072;
    transform: translate(57.3567vw,-10px) scale(.2822);
    animation: fall-111 17s -12s linear infinite;
}
@keyframes fall-111
{
    59.732%
    {
        transform: translate(53.3504vw,59.732vh) scale(.2822);
    }
    to
    {
        transform: translate(55.35355vw,100vh) scale(.2822);
    }
}
.snow:nth-child(112)
{
    opacity: .6124;
    transform: translate(49.3768vw,-10px) scale(.3164);
    animation: fall-112 21s -16s linear infinite;
}
@keyframes fall-112
{
    53.223%
    {
        transform: translate(44.1944vw,53.223vh) scale(.3164);
    }
    to
    {
        transform: translate(46.7856vw,100vh) scale(.3164);
    }
}
.snow:nth-child(113)
{
    opacity: .203;
    transform: translate(52.1357vw,-10px) scale(.4423);
    animation: fall-113 22s -18s linear infinite;
}
@keyframes fall-113
{
    45.893%
    {
        transform: translate(60.9771vw,45.893vh) scale(.4423);
    }
    to
    {
        transform: translate(56.5564vw,100vh) scale(.4423);
    }
}
.snow:nth-child(114)
{
    opacity: .9123;
    transform: translate(48.8994vw,-10px) scale(.5229);
    animation: fall-114 28s -4s linear infinite;
}
@keyframes fall-114
{
    34.742%
    {
        transform: translate(51.8337vw,34.742vh) scale(.5229);
    }
    to
    {
        transform: translate(50.36655vw,100vh) scale(.5229);
    }
}
.snow:nth-child(115)
{
    opacity: .8422;
    transform: translate(93.9714vw,-10px) scale(.1484);
    animation: fall-115 19s -2s linear infinite;
}
@keyframes fall-115
{
    38.768%
    {
        transform: translate(89.638vw,38.768vh) scale(.1484);
    }
    to
    {
        transform: translate(91.8047vw,100vh) scale(.1484);
    }
}
.snow:nth-child(116)
{
    opacity: .4523;
    transform: translate(38.692vw,-10px) scale(.9914);
    animation: fall-116 12s -2s linear infinite;
}
@keyframes fall-116
{
    69.722%
    {
        transform: translate(39.1376vw,69.722vh) scale(.9914);
    }
    to
    {
        transform: translate(38.9148vw,100vh) scale(.9914);
    }
}
.snow:nth-child(117)
{
    opacity: .6256;
    transform: translate(76.9271vw,-10px) scale(.163);
    animation: fall-117 24s -27s linear infinite;
}
@keyframes fall-117
{
    47.674%
    {
        transform: translate(79.0634vw,47.674vh) scale(.163);
    }
    to
    {
        transform: translate(77.99525vw,100vh) scale(.163);
    }
}
.snow:nth-child(118)
{
    opacity: .371;
    transform: translate(40.3957vw,-10px) scale(.7012);
    animation: fall-118 25s -30s linear infinite;
}
@keyframes fall-118
{
    68.117%
    {
        transform: translate(43.9853vw,68.117vh) scale(.7012);
    }
    to
    {
        transform: translate(42.1905vw,100vh) scale(.7012);
    }
}
.snow:nth-child(119)
{
    opacity: .4822;
    transform: translate(85.3409vw,-10px) scale(.7724);
    animation: fall-119 22s -29s linear infinite;
}
@keyframes fall-119
{
    35.542%
    {
        transform: translate(84.4651vw,35.542vh) scale(.7724);
    }
    to
    {
        transform: translate(84.903vw,100vh) scale(.7724);
    }
}
.snow:nth-child(120)
{
    opacity: .1;
    transform: translate(52.2174vw,-10px) scale(.2344);
    animation: fall-120 27s -6s linear infinite;
}
@keyframes fall-120
{
    76.307%
    {
        transform: translate(55.7107vw,76.307vh) scale(.2344);
    }
    to
    {
        transform: translate(53.96405vw,100vh) scale(.2344);
    }
}
.snow:nth-child(121)
{
    opacity: .9682;
    transform: translate(63.1728vw,-10px) scale(.2945);
    animation: fall-121 16s -23s linear infinite;
}
@keyframes fall-121
{
    50.659%
    {
        transform: translate(63.5304vw,50.659vh) scale(.2945);
    }
    to
    {
        transform: translate(63.3516vw,100vh) scale(.2945);
    }
}
.snow:nth-child(122)
{
    opacity: .5779;
    transform: translate(81.6589vw,-10px) scale(.1069);
    animation: fall-122 18s -21s linear infinite;
}
@keyframes fall-122
{
    41.013%
    {
        transform: translate(87.2333vw,41.013vh) scale(.1069);
    }
    to
    {
        transform: translate(84.4461vw,100vh) scale(.1069);
    }
}
.snow:nth-child(123)
{
    opacity: .637;
    transform: translate(71.5991vw,-10px) scale(.9321);
    animation: fall-123 21s -17s linear infinite;
}
@keyframes fall-123
{
    42.431%
    {
        transform: translate(69.3944vw,42.431vh) scale(.9321);
    }
    to
    {
        transform: translate(70.49675vw,100vh) scale(.9321);
    }
}
.snow:nth-child(124)
{
    opacity: .9827;
    transform: translate(8.3176vw,-10px) scale(.4299);
    animation: fall-124 14s -13s linear infinite;
}
@keyframes fall-124
{
    38.535%
    {
        transform: translate(.6128vw,38.535vh) scale(.4299);
    }
    to
    {
        transform: translate(4.4652vw,100vh) scale(.4299);
    }
}
.snow:nth-child(125)
{
    opacity: .4391;
    transform: translate(36.3307vw,-10px) scale(.4448);
    animation: fall-125 16s -2s linear infinite;
}
@keyframes fall-125
{
    51.079%
    {
        transform: translate(38.3638vw,51.079vh) scale(.4448);
    }
    to
    {
        transform: translate(37.34725vw,100vh) scale(.4448);
    }
}
.snow:nth-child(126)
{
    opacity: .5076;
    transform: translate(17.6014vw,-10px) scale(.9342);
    animation: fall-126 29s -23s linear infinite;
}
@keyframes fall-126
{
    54.11%
    {
        transform: translate(16.5981vw,54.11vh) scale(.9342);
    }
    to
    {
        transform: translate(17.09975vw,100vh) scale(.9342);
    }
}
.snow:nth-child(127)
{
    opacity: .0575;
    transform: translate(48.6842vw,-10px) scale(.0498);
    animation: fall-127 26s -24s linear infinite;
}
@keyframes fall-127
{
    60.924%
    {
        transform: translate(57.0575vw,60.924vh) scale(.0498);
    }
    to
    {
        transform: translate(52.87085vw,100vh) scale(.0498);
    }
}
.snow:nth-child(128)
{
    opacity: .6191;
    transform: translate(72.834vw,-10px) scale(.6049);
    animation: fall-128 10s -26s linear infinite;
}
@keyframes fall-128
{
    65.984%
    {
        transform: translate(64.4889vw,65.984vh) scale(.6049);
    }
    to
    {
        transform: translate(68.66145vw,100vh) scale(.6049);
    }
}
.snow:nth-child(129)
{
    opacity: .2594;
    transform: translate(12.8521vw,-10px) scale(.3299);
    animation: fall-129 13s -14s linear infinite;
}
@keyframes fall-129
{
    53.038%
    {
        transform: translate(11.0376vw,53.038vh) scale(.3299);
    }
    to
    {
        transform: translate(11.94485vw,100vh) scale(.3299);
    }
}
.snow:nth-child(130)
{
    opacity: .9645;
    transform: translate(16.8513vw,-10px) scale(.8813);
    animation: fall-130 30s -6s linear infinite;
}
@keyframes fall-130
{
    31.109%
    {
        transform: translate(8.5808vw,31.109vh) scale(.8813);
    }
    to
    {
        transform: translate(12.71605vw,100vh) scale(.8813);
    }
}
.snow:nth-child(131)
{
    opacity: .1797;
    transform: translate(56.367vw,-10px) scale(.0228);
    animation: fall-131 18s -25s linear infinite;
}
@keyframes fall-131
{
    38.947%
    {
        transform: translate(62.2883vw,38.947vh) scale(.0228);
    }
    to
    {
        transform: translate(59.32765vw,100vh) scale(.0228);
    }
}
.snow:nth-child(132)
{
    opacity: .7846;
    transform: translate(72.6531vw,-10px) scale(.1232);
    animation: fall-132 29s -4s linear infinite;
}
@keyframes fall-132
{
    72.552%
    {
        transform: translate(71.6327vw,72.552vh) scale(.1232);
    }
    to
    {
        transform: translate(72.1429vw,100vh) scale(.1232);
    }
}
.snow:nth-child(133)
{
    opacity: .2577;
    transform: translate(16.3908vw,-10px) scale(.2963);
    animation: fall-133 30s -4s linear infinite;
}
@keyframes fall-133
{
    59.872%
    {
        transform: translate(16.3081vw,59.872vh) scale(.2963);
    }
    to
    {
        transform: translate(16.34945vw,100vh) scale(.2963);
    }
}
.snow:nth-child(134)
{
    opacity: .2997;
    transform: translate(92.0016vw,-10px) scale(.5165);
    animation: fall-134 27s -18s linear infinite;
}
@keyframes fall-134
{
    68.271%
    {
        transform: translate(97.0324vw,68.271vh) scale(.5165);
    }
    to
    {
        transform: translate(94.517vw,100vh) scale(.5165);
    }
}
.snow:nth-child(135)
{
    opacity: .0731;
    transform: translate(97.7838vw,-10px) scale(.6985);
    animation: fall-135 23s -26s linear infinite;
}
@keyframes fall-135
{
    62.081%
    {
        transform: translate(99.8845vw,62.081vh) scale(.6985);
    }
    to
    {
        transform: translate(98.83415vw,100vh) scale(.6985);
    }
}
.snow:nth-child(136)
{
    opacity: .0293;
    transform: translate(92.686vw,-10px) scale(.1815);
    animation: fall-136 28s -9s linear infinite;
}
@keyframes fall-136
{
    64.602%
    {
        transform: translate(95.8182vw,64.602vh) scale(.1815);
    }
    to
    {
        transform: translate(94.2521vw,100vh) scale(.1815);
    }
}
.snow:nth-child(137)
{
    opacity: .5929;
    transform: translate(95.0228vw,-10px) scale(.1951);
    animation: fall-137 16s -22s linear infinite;
}
@keyframes fall-137
{
    49.801%
    {
        transform: translate(89.3414vw,49.801vh) scale(.1951);
    }
    to
    {
        transform: translate(92.1821vw,100vh) scale(.1951);
    }
}
.snow:nth-child(138)
{
    opacity: .1923;
    transform: translate(3.0939vw,-10px) scale(.6815);
    animation: fall-138 15s -29s linear infinite;
}
@keyframes fall-138
{
    74.929%
    {
        transform: translate(5.1098vw,74.929vh) scale(.6815);
    }
    to
    {
        transform: translate(4.10185vw,100vh) scale(.6815);
    }
}
.snow:nth-child(139)
{
    opacity: .5751;
    transform: translate(23.8981vw,-10px) scale(.3108);
    animation: fall-139 16s -8s linear infinite;
}
@keyframes fall-139
{
    46.432%
    {
        transform: translate(20.5271vw,46.432vh) scale(.3108);
    }
    to
    {
        transform: translate(22.2126vw,100vh) scale(.3108);
    }
}
.snow:nth-child(140)
{
    opacity: .4527;
    transform: translate(93.7296vw,-10px) scale(.1097);
    animation: fall-140 13s -21s linear infinite;
}
@keyframes fall-140
{
    77.73%
    {
        transform: translate(95.5843vw,77.73vh) scale(.1097);
    }
    to
    {
        transform: translate(94.65695vw,100vh) scale(.1097);
    }
}
.snow:nth-child(141)
{
    opacity: .1858;
    transform: translate(76.0816vw,-10px) scale(.5093);
    animation: fall-141 23s -6s linear infinite;
}
@keyframes fall-141
{
    60.504%
    {
        transform: translate(67.8685vw,60.504vh) scale(.5093);
    }
    to
    {
        transform: translate(71.97505vw,100vh) scale(.5093);
    }
}
.snow:nth-child(142)
{
    opacity: .4628;
    transform: translate(24.6631vw,-10px) scale(.7958);
    animation: fall-142 18s -24s linear infinite;
}
@keyframes fall-142
{
    76.941%
    {
        transform: translate(31.3307vw,76.941vh) scale(.7958);
    }
    to
    {
        transform: translate(27.9969vw,100vh) scale(.7958);
    }
}
.snow:nth-child(143)
{
    opacity: .2872;
    transform: translate(8.8911vw,-10px) scale(.0698);
    animation: fall-143 26s -25s linear infinite;
}
@keyframes fall-143
{
    46.936%
    {
        transform: translate(6.1839vw,46.936vh) scale(.0698);
    }
    to
    {
        transform: translate(7.5375vw,100vh) scale(.0698);
    }
}
.snow:nth-child(144)
{
    opacity: .3219;
    transform: translate(97.0748vw,-10px) scale(.3598);
    animation: fall-144 29s -15s linear infinite;
}
@keyframes fall-144
{
    48.947%
    {
        transform: translate(98.0012vw,48.947vh) scale(.3598);
    }
    to
    {
        transform: translate(97.538vw,100vh) scale(.3598);
    }
}
.snow:nth-child(145)
{
    opacity: .8606;
    transform: translate(51.1803vw,-10px) scale(.9352);
    animation: fall-145 28s -3s linear infinite;
}
@keyframes fall-145
{
    74.545%
    {
        transform: translate(43.1439vw,74.545vh) scale(.9352);
    }
    to
    {
        transform: translate(47.1621vw,100vh) scale(.9352);
    }
}
.snow:nth-child(146)
{
    opacity: .6393;
    transform: translate(11.7564vw,-10px) scale(.1984);
    animation: fall-146 13s -3s linear infinite;
}
@keyframes fall-146
{
    61.635%
    {
        transform: translate(9.7623vw,61.635vh) scale(.1984);
    }
    to
    {
        transform: translate(10.75935vw,100vh) scale(.1984);
    }
}
.snow:nth-child(147)
{
    opacity: .4692;
    transform: translate(87.8869vw,-10px) scale(.1258);
    animation: fall-147 22s -28s linear infinite;
}
@keyframes fall-147
{
    57.256%
    {
        transform: translate(78.1226vw,57.256vh) scale(.1258);
    }
    to
    {
        transform: translate(83.00475vw,100vh) scale(.1258);
    }
}
.snow:nth-child(148)
{
    opacity: .3333;
    transform: translate(85.8142vw,-10px) scale(.3534);
    animation: fall-148 14s -3s linear infinite;
}
@keyframes fall-148
{
    59.322%
    {
        transform: translate(86.9595vw,59.322vh) scale(.3534);
    }
    to
    {
        transform: translate(86.38685vw,100vh) scale(.3534);
    }
}
.snow:nth-child(149)
{
    opacity: .9281;
    transform: translate(21.0884vw,-10px) scale(.7798);
    animation: fall-149 26s -5s linear infinite;
}
@keyframes fall-149
{
    76.822%
    {
        transform: translate(27.7199vw,76.822vh) scale(.7798);
    }
    to
    {
        transform: translate(24.40415vw,100vh) scale(.7798);
    }
}
.snow:nth-child(150)
{
    opacity: .1563;
    transform: translate(9.5473vw,-10px) scale(.6872);
    animation: fall-150 26s -9s linear infinite;
}
@keyframes fall-150
{
    44.104%
    {
        transform: translate(11.0278vw,44.104vh) scale(.6872);
    }
    to
    {
        transform: translate(10.28755vw,100vh) scale(.6872);
    }
}
.snow:nth-child(151)
{
    opacity: .2578;
    transform: translate(46.5534vw,-10px) scale(.1843);
    animation: fall-151 12s -19s linear infinite;
}
@keyframes fall-151
{
    53.823%
    {
        transform: translate(43.6956vw,53.823vh) scale(.1843);
    }
    to
    {
        transform: translate(45.1245vw,100vh) scale(.1843);
    }
}
.snow:nth-child(152)
{
    opacity: .4987;
    transform: translate(80.3902vw,-10px) scale(.9041);
    animation: fall-152 27s -25s linear infinite;
}
@keyframes fall-152
{
    32.575%
    {
        transform: translate(89.7035vw,32.575vh) scale(.9041);
    }
    to
    {
        transform: translate(85.04685vw,100vh) scale(.9041);
    }
}
.snow:nth-child(153)
{
    opacity: .5479;
    transform: translate(15.7156vw,-10px) scale(.224);
    animation: fall-153 27s -17s linear infinite;
}
@keyframes fall-153
{
    75.764%
    {
        transform: translate(25.4712vw,75.764vh) scale(.224);
    }
    to
    {
        transform: translate(20.5934vw,100vh) scale(.224);
    }
}
.snow:nth-child(154)
{
    opacity: .1396;
    transform: translate(41.0862vw,-10px) scale(.2147);
    animation: fall-154 19s -7s linear infinite;
}
@keyframes fall-154
{
    37.401%
    {
        transform: translate(35.0094vw,37.401vh) scale(.2147);
    }
    to
    {
        transform: translate(38.0478vw,100vh) scale(.2147);
    }
}
.snow:nth-child(155)
{
    opacity: .9059;
    transform: translate(40.1967vw,-10px) scale(.8449);
    animation: fall-155 19s -3s linear infinite;
}
@keyframes fall-155
{
    60.307%
    {
        transform: translate(36.4775vw,60.307vh) scale(.8449);
    }
    to
    {
        transform: translate(38.3371vw,100vh) scale(.8449);
    }
}
.snow:nth-child(156)
{
    opacity: .4436;
    transform: translate(34.0548vw,-10px) scale(.5414);
    animation: fall-156 12s -10s linear infinite;
}
@keyframes fall-156
{
    74.982%
    {
        transform: translate(33.2574vw,74.982vh) scale(.5414);
    }
    to
    {
        transform: translate(33.6561vw,100vh) scale(.5414);
    }
}
.snow:nth-child(157)
{
    opacity: .3119;
    transform: translate(31.0572vw,-10px) scale(.1134);
    animation: fall-157 22s -2s linear infinite;
}
@keyframes fall-157
{
    34.316%
    {
        transform: translate(38.8706vw,34.316vh) scale(.1134);
    }
    to
    {
        transform: translate(34.9639vw,100vh) scale(.1134);
    }
}
.snow:nth-child(158)
{
    opacity: .8306;
    transform: translate(66.834vw,-10px) scale(.2071);
    animation: fall-158 27s -5s linear infinite;
}
@keyframes fall-158
{
    62.927%
    {
        transform: translate(73.5414vw,62.927vh) scale(.2071);
    }
    to
    {
        transform: translate(70.1877vw,100vh) scale(.2071);
    }
}
.snow:nth-child(159)
{
    opacity: .8869;
    transform: translate(70.1328vw,-10px) scale(.1114);
    animation: fall-159 19s -13s linear infinite;
}
@keyframes fall-159
{
    36.925%
    {
        transform: translate(66.0119vw,36.925vh) scale(.1114);
    }
    to
    {
        transform: translate(68.07235vw,100vh) scale(.1114);
    }
}
.snow:nth-child(160)
{
    opacity: .438;
    transform: translate(64.9892vw,-10px) scale(.6078);
    animation: fall-160 13s -16s linear infinite;
}
@keyframes fall-160
{
    74.788%
    {
        transform: translate(70.4073vw,74.788vh) scale(.6078);
    }
    to
    {
        transform: translate(67.69825vw,100vh) scale(.6078);
    }
}
.snow:nth-child(161)
{
    opacity: .64;
    transform: translate(37.3241vw,-10px) scale(.2263);
    animation: fall-161 26s -20s linear infinite;
}
@keyframes fall-161
{
    74.068%
    {
        transform: translate(28.8788vw,74.068vh) scale(.2263);
    }
    to
    {
        transform: translate(33.10145vw,100vh) scale(.2263);
    }
}
.snow:nth-child(162)
{
    opacity: .3818;
    transform: translate(1.9075vw,-10px) scale(.653);
    animation: fall-162 20s -26s linear infinite;
}
@keyframes fall-162
{
    72.609%
    {
        transform: translate(9.3765vw,72.609vh) scale(.653);
    }
    to
    {
        transform: translate(5.642vw,100vh) scale(.653);
    }
}
.snow:nth-child(163)
{
    opacity: .757;
    transform: translate(6.753vw,-10px) scale(.93);
    animation: fall-163 28s -12s linear infinite;
}
@keyframes fall-163
{
    66.865%
    {
        transform: translate(10.0586vw,66.865vh) scale(.93);
    }
    to
    {
        transform: translate(8.4058vw,100vh) scale(.93);
    }
}
.snow:nth-child(164)
{
    opacity: .4437;
    transform: translate(24.4687vw,-10px) scale(.7678);
    animation: fall-164 17s -22s linear infinite;
}
@keyframes fall-164
{
    38.065%
    {
        transform: translate(28.998vw,38.065vh) scale(.7678);
    }
    to
    {
        transform: translate(26.73335vw,100vh) scale(.7678);
    }
}
.snow:nth-child(165)
{
    opacity: .6192;
    transform: translate(89.6329vw,-10px) scale(.0479);
    animation: fall-165 21s -15s linear infinite;
}
@keyframes fall-165
{
    67.139%
    {
        transform: translate(90.3576vw,67.139vh) scale(.0479);
    }
    to
    {
        transform: translate(89.99525vw,100vh) scale(.0479);
    }
}
.snow:nth-child(166)
{
    opacity: .2779;
    transform: translate(26.3056vw,-10px) scale(.5635);
    animation: fall-166 19s -23s linear infinite;
}
@keyframes fall-166
{
    40.3%
    {
        transform: translate(32.1934vw,40.3vh) scale(.5635);
    }
    to
    {
        transform: translate(29.2495vw,100vh) scale(.5635);
    }
}
.snow:nth-child(167)
{
    opacity: .6569;
    transform: translate(2.7313vw,-10px) scale(.5028);
    animation: fall-167 16s -25s linear infinite;
}
@keyframes fall-167
{
    77.354%
    {
        transform: translate(.4695vw,77.354vh) scale(.5028);
    }
    to
    {
        transform: translate(1.6004vw,100vh) scale(.5028);
    }
}
.snow:nth-child(168)
{
    opacity: .1648;
    transform: translate(45.5544vw,-10px) scale(.1695);
    animation: fall-168 29s -21s linear infinite;
}
@keyframes fall-168
{
    71.268%
    {
        transform: translate(39.4614vw,71.268vh) scale(.1695);
    }
    to
    {
        transform: translate(42.5079vw,100vh) scale(.1695);
    }
}
.snow:nth-child(169)
{
    opacity: .5055;
    transform: translate(22.1518vw,-10px) scale(.1067);
    animation: fall-169 27s -9s linear infinite;
}
@keyframes fall-169
{
    65.88%
    {
        transform: translate(29.3576vw,65.88vh) scale(.1067);
    }
    to
    {
        transform: translate(25.7547vw,100vh) scale(.1067);
    }
}
.snow:nth-child(170)
{
    opacity: .1262;
    transform: translate(1.1262vw,-10px) scale(.0471);
    animation: fall-170 20s -17s linear infinite;
}
@keyframes fall-170
{
    59.315%
    {
        transform: translate(-4.0035vw,59.315vh) scale(.0471);
    }
    to
    {
        transform: translate(-1.43865vw,100vh) scale(.0471);
    }
}
.snow:nth-child(171)
{
    opacity: .0103;
    transform: translate(13.7508vw,-10px) scale(.3611);
    animation: fall-171 27s -20s linear infinite;
}
@keyframes fall-171
{
    72.127%
    {
        transform: translate(8.4274vw,72.127vh) scale(.3611);
    }
    to
    {
        transform: translate(11.0891vw,100vh) scale(.3611);
    }
}
.snow:nth-child(172)
{
    opacity: .5887;
    transform: translate(86.3707vw,-10px) scale(.2389);
    animation: fall-172 30s -21s linear infinite;
}
@keyframes fall-172
{
    65.877%
    {
        transform: translate(92.9107vw,65.877vh) scale(.2389);
    }
    to
    {
        transform: translate(89.6407vw,100vh) scale(.2389);
    }
}
.snow:nth-child(173)
{
    opacity: .2959;
    transform: translate(27.5916vw,-10px) scale(.3874);
    animation: fall-173 11s -21s linear infinite;
}
@keyframes fall-173
{
    36.453%
    {
        transform: translate(19.7598vw,36.453vh) scale(.3874);
    }
    to
    {
        transform: translate(23.6757vw,100vh) scale(.3874);
    }
}
.snow:nth-child(174)
{
    opacity: .2145;
    transform: translate(30.6272vw,-10px) scale(.3432);
    animation: fall-174 19s -27s linear infinite;
}
@keyframes fall-174
{
    39.272%
    {
        transform: translate(28.6478vw,39.272vh) scale(.3432);
    }
    to
    {
        transform: translate(29.6375vw,100vh) scale(.3432);
    }
}
.snow:nth-child(175)
{
    opacity: .7285;
    transform: translate(82.2149vw,-10px) scale(.0527);
    animation: fall-175 23s -16s linear infinite;
}
@keyframes fall-175
{
    56.862%
    {
        transform: translate(88.2373vw,56.862vh) scale(.0527);
    }
    to
    {
        transform: translate(85.2261vw,100vh) scale(.0527);
    }
}
.snow:nth-child(176)
{
    opacity: .7762;
    transform: translate(32.5376vw,-10px) scale(.5165);
    animation: fall-176 13s -23s linear infinite;
}
@keyframes fall-176
{
    32.088%
    {
        transform: translate(31.7115vw,32.088vh) scale(.5165);
    }
    to
    {
        transform: translate(32.12455vw,100vh) scale(.5165);
    }
}
.snow:nth-child(177)
{
    opacity: .5568;
    transform: translate(26.0414vw,-10px) scale(.4456);
    animation: fall-177 17s -19s linear infinite;
}
@keyframes fall-177
{
    30.489%
    {
        transform: translate(21.6908vw,30.489vh) scale(.4456);
    }
    to
    {
        transform: translate(23.8661vw,100vh) scale(.4456);
    }
}
.snow:nth-child(178)
{
    opacity: .9012;
    transform: translate(58.8614vw,-10px) scale(.4937);
    animation: fall-178 12s -30s linear infinite;
}
@keyframes fall-178
{
    67.812%
    {
        transform: translate(67.1965vw,67.812vh) scale(.4937);
    }
    to
    {
        transform: translate(63.02895vw,100vh) scale(.4937);
    }
}
.snow:nth-child(179)
{
    opacity: .0506;
    transform: translate(73.3105vw,-10px) scale(.0896);
    animation: fall-179 24s -10s linear infinite;
}
@keyframes fall-179
{
    68.856%
    {
        transform: translate(83.2161vw,68.856vh) scale(.0896);
    }
    to
    {
        transform: translate(78.2633vw,100vh) scale(.0896);
    }
}
.snow:nth-child(180)
{
    opacity: .7855;
    transform: translate(44.5625vw,-10px) scale(.4862);
    animation: fall-180 26s -18s linear infinite;
}
@keyframes fall-180
{
    54.918%
    {
        transform: translate(45.7447vw,54.918vh) scale(.4862);
    }
    to
    {
        transform: translate(45.1536vw,100vh) scale(.4862);
    }
}
.snow:nth-child(181)
{
    opacity: .9526;
    transform: translate(5.9293vw,-10px) scale(.3745);
    animation: fall-181 30s -13s linear infinite;
}
@keyframes fall-181
{
    46.646%
    {
        transform: translate(1.1822vw,46.646vh) scale(.3745);
    }
    to
    {
        transform: translate(3.55575vw,100vh) scale(.3745);
    }
}
.snow:nth-child(182)
{
    opacity: .3929;
    transform: translate(3.8732vw,-10px) scale(.5184);
    animation: fall-182 25s -2s linear infinite;
}
@keyframes fall-182
{
    30.145%
    {
        transform: translate(9.3025vw,30.145vh) scale(.5184);
    }
    to
    {
        transform: translate(6.58785vw,100vh) scale(.5184);
    }
}
.snow:nth-child(183)
{
    opacity: .7753;
    transform: translate(43.7696vw,-10px) scale(.2529);
    animation: fall-183 19s -13s linear infinite;
}
@keyframes fall-183
{
    53.698%
    {
        transform: translate(37.6662vw,53.698vh) scale(.2529);
    }
    to
    {
        transform: translate(40.7179vw,100vh) scale(.2529);
    }
}
.snow:nth-child(184)
{
    opacity: .9215;
    transform: translate(64.0355vw,-10px) scale(.7747);
    animation: fall-184 19s -23s linear infinite;
}
@keyframes fall-184
{
    70.223%
    {
        transform: translate(62.4359vw,70.223vh) scale(.7747);
    }
    to
    {
        transform: translate(63.2357vw,100vh) scale(.7747);
    }
}
.snow:nth-child(185)
{
    opacity: .5008;
    transform: translate(37.4354vw,-10px) scale(.3157);
    animation: fall-185 17s -1s linear infinite;
}
@keyframes fall-185
{
    69.471%
    {
        transform: translate(32.6051vw,69.471vh) scale(.3157);
    }
    to
    {
        transform: translate(35.02025vw,100vh) scale(.3157);
    }
}
.snow:nth-child(186)
{
    opacity: .1072;
    transform: translate(32.1927vw,-10px) scale(.1905);
    animation: fall-186 16s -6s linear infinite;
}
@keyframes fall-186
{
    67.935%
    {
        transform: translate(33.4231vw,67.935vh) scale(.1905);
    }
    to
    {
        transform: translate(32.8079vw,100vh) scale(.1905);
    }
}
.snow:nth-child(187)
{
    opacity: .59;
    transform: translate(58.4302vw,-10px) scale(.0624);
    animation: fall-187 29s -27s linear infinite;
}
@keyframes fall-187
{
    59.455%
    {
        transform: translate(48.4559vw,59.455vh) scale(.0624);
    }
    to
    {
        transform: translate(53.44305vw,100vh) scale(.0624);
    }
}
.snow:nth-child(188)
{
    opacity: .7205;
    transform: translate(42.1918vw,-10px) scale(.3448);
    animation: fall-188 17s -8s linear infinite;
}
@keyframes fall-188
{
    58.104%
    {
        transform: translate(39.8167vw,58.104vh) scale(.3448);
    }
    to
    {
        transform: translate(41.00425vw,100vh) scale(.3448);
    }
}
.snow:nth-child(189)
{
    opacity: .7513;
    transform: translate(62.2567vw,-10px) scale(.6409);
    animation: fall-189 16s -19s linear infinite;
}
@keyframes fall-189
{
    46.162%
    {
        transform: translate(66.337vw,46.162vh) scale(.6409);
    }
    to
    {
        transform: translate(64.29685vw,100vh) scale(.6409);
    }
}
.snow:nth-child(190)
{
    opacity: .7122;
    transform: translate(81.4182vw,-10px) scale(.2362);
    animation: fall-190 21s -21s linear infinite;
}
@keyframes fall-190
{
    62.204%
    {
        transform: translate(88.8762vw,62.204vh) scale(.2362);
    }
    to
    {
        transform: translate(85.1472vw,100vh) scale(.2362);
    }
}
.snow:nth-child(191)
{
    opacity: .2328;
    transform: translate(50.1571vw,-10px) scale(.1819);
    animation: fall-191 18s -6s linear infinite;
}
@keyframes fall-191
{
    48.197%
    {
        transform: translate(59.0325vw,48.197vh) scale(.1819);
    }
    to
    {
        transform: translate(54.5948vw,100vh) scale(.1819);
    }
}
.snow:nth-child(192)
{
    opacity: .1885;
    transform: translate(.595vw,-10px) scale(.7311);
    animation: fall-192 27s -1s linear infinite;
}
@keyframes fall-192
{
    63.32%
    {
        transform: translate(6.5323vw,63.32vh) scale(.7311);
    }
    to
    {
        transform: translate(3.56365vw,100vh) scale(.7311);
    }
}
.snow:nth-child(193)
{
    opacity: .4806;
    transform: translate(88.604vw,-10px) scale(.2968);
    animation: fall-193 30s -19s linear infinite;
}
@keyframes fall-193
{
    64.571%
    {
        transform: translate(96.8924vw,64.571vh) scale(.2968);
    }
    to
    {
        transform: translate(92.7482vw,100vh) scale(.2968);
    }
}
.snow:nth-child(194)
{
    opacity: .3425;
    transform: translate(88.952vw,-10px) scale(.3367);
    animation: fall-194 28s -26s linear infinite;
}
@keyframes fall-194
{
    41.576%
    {
        transform: translate(92.4445vw,41.576vh) scale(.3367);
    }
    to
    {
        transform: translate(90.69825vw,100vh) scale(.3367);
    }
}
.snow:nth-child(195)
{
    opacity: .9395;
    transform: translate(67.2749vw,-10px) scale(.6026);
    animation: fall-195 25s -19s linear infinite;
}
@keyframes fall-195
{
    74.89%
    {
        transform: translate(68.8883vw,74.89vh) scale(.6026);
    }
    to
    {
        transform: translate(68.0816vw,100vh) scale(.6026);
    }
}
.snow:nth-child(196)
{
    opacity: .0171;
    transform: translate(42.4264vw,-10px) scale(.0124);
    animation: fall-196 15s -23s linear infinite;
}
@keyframes fall-196
{
    62.536%
    {
        transform: translate(35.035vw,62.536vh) scale(.0124);
    }
    to
    {
        transform: translate(38.7307vw,100vh) scale(.0124);
    }
}
.snow:nth-child(197)
{
    opacity: .8303;
    transform: translate(53.1137vw,-10px) scale(.7033);
    animation: fall-197 28s -22s linear infinite;
}
@keyframes fall-197
{
    69.669%
    {
        transform: translate(60.8624vw,69.669vh) scale(.7033);
    }
    to
    {
        transform: translate(56.98805vw,100vh) scale(.7033);
    }
}
.snow:nth-child(198)
{
    opacity: .2118;
    transform: translate(31.9264vw,-10px) scale(.2476);
    animation: fall-198 30s -4s linear infinite;
}
@keyframes fall-198
{
    71.516%
    {
        transform: translate(24.9109vw,71.516vh) scale(.2476);
    }
    to
    {
        transform: translate(28.41865vw,100vh) scale(.2476);
    }
}
.snow:nth-child(199)
{
    opacity: .0382;
    transform: translate(87.836vw,-10px) scale(.0534);
    animation: fall-199 27s -22s linear infinite;
}
@keyframes fall-199
{
    50.147%
    {
        transform: translate(90.0506vw,50.147vh) scale(.0534);
    }
    to
    {
        transform: translate(88.9433vw,100vh) scale(.0534);
    }
}
.snow:nth-child(200)
{
    opacity: .1455;
    transform: translate(21.382vw,-10px) scale(.5647);
    animation: fall-200 27s -24s linear infinite;
}
@keyframes fall-200
{
    38.09%
    {
        transform: translate(19.7132vw,38.09vh) scale(.5647);
    }
    to
    {
        transform: translate(20.5476vw,100vh) scale(.5647);
    }
}
.Pages.Elite
{
    background: url(../images/mro-casino-bg-page-elite-instant-withdrawals.jpg) 50% 0 no-repeat #000;
    background-size: cover;
    height: auto;
    min-height: 100vh;
}
.Pages.Elite *
{
    color: #fff;
}
.EliteMainCont
{
    display: block;
    max-width: 1200px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
}
.EliteMainCont .BgCont
{
    display: block;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.EliteMainCont .FronEliteCont
{
    display: block;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.EliteMainCont .FronEliteCont .ContEliteHead
{
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 80px;
    position: relative;
}
.EliteMainCont .FronEliteCont .ContEliteHead:after
{
    content: "";
    width: 100%;
    max-width: 275px;
    height: 90px;
    display: block;
    position: absolute;
    left: -10%;
    top: 22%;
    background: url(../images/mro-casino-shine-logo-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: brightness(1.4) contrast(1);
    -webkit-backdrop-filter: overlay(100%);
    backdrop-filter: overlay(100%);
    animation: moveLeftToRight 5s linear infinite;
}
#LogoMrOElite
{
    display: block;
    width: 100%;
    max-width: 384px;
    height: auto;
    margin: 0;
}
.EliteMainCont .BgCont .ContEliteChara
{
    display: flex;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0 auto;
    justify-content: flex-end;
    padding-top: 40px;
}
#MrOEliteCharacter
{
    display: block;
    width: 100%;
    max-width: 475px;
    height: auto;
    margin: 0;
    animation: moveCharacter 8s linear infinite;
}
.EliteMainCont .WelcomeCont
{
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 30px;
    background: rgba(0,0,0,.8);
    border-radius: 15px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.EliteMainCont .WelcomeCont h1.EP_Title, p.EP_text
{
    display: block;
    width: 100%;
    max-width: 575px;
    text-align: center!important;
    margin: 0 auto 20px;
    color: #fff;
}
.EliteMainCont .WelcomeCont h1.EP_Title
{
    font-size: 35px;
    line-height: 35px;
}
.EliteMainCont .WelcomeCont p.EP_text
{
    font-size: 25px;
    line-height: 25px;
}
.EliteMainCont .HeliteReCont
{
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: 60px auto;
    position: relative;
    z-index: 1;
    padding: 0 30px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.EliteMainCont .HeliteReCont h2.EP_SubTitle, p.EP_text
{
    display: block;
    width: 100%;
    max-width: 575px;
    text-align: center!important;
    margin: 0 auto 20px!important;
    color: #fff;
}
.EliteMainCont .HeliteReCont h2.EP_SubTitle
{
    font-size: 25px;
    line-height: 25px;
}
.EliteMainCont .HeliteReCont p.EP_text
{
    font-size: 20px;
    line-height: 20px;
}
.EliteMainCont .HeliteReCont ul, ol, li
{
    font-size: 20px;
    line-height: 25px;
}
.EliteMainCont .HeliteReCont ul.ListElite
{
    display: block;
    width: 100%;
    max-width: 335px;
    margin-top: 20px;
}
.EliteMainCont .HeliteReCont ul.ListElite li
{
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 5px;
    position: relative;
    color: #fff;
}
.EliteMainCont .HeliteReCont ul.ListElite li:after
{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 100px;
}
#BarContacts
{
    display: flex;
    width: 100%;
    max-width: 1100px;
    position: relative;
    padding: 0;
    margin: 30px auto;
    z-index: 1;
    justify-content: center;
    gap: 25px;
    align-items: center;
}
#BarContacts .BoContacts
{
    display: flex;
    width: 30%;
    height: 100px;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    background-color: #cecececc;
    cursor: pointer;
}
#BarContacts .BoContacts.Viber
{
    background: #583fbb;
}
#BarContacts .BoContacts.Telegram
{
    background: #23a0dc;
}
#BarContacts .BoContacts.Email
{
    background: #e94057;
}
#BarContacts .BoContacts img
{
    display: block;
    width: 100%;
    margin: 0;
    transition: all .2s ease-in-out;
    transform: scale(.9);
}
#BarContacts .BoContacts:hover
{
    transform: scale(1.1);
}
#BarContacts .BoContacts:hover img
{
    transform: scale(1);
}
#VipEliteClubBanner
{
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 15px;
    max-width: 600px;
    border: solid 1px var(--BorderColorAc-Var);
    z-index: 99;
    overflow: hidden;
    transition: all .3s ease-in-out;
    transform: scale(.9);
    cursor: pointer;
}
#VipEliteClubBanner img
{
    display: block;
    width: 100%;
    max-width: 600px;
}
#VipEliteClubBanner:hover
{
    border-color: #ffff2180;
    transform: scale(1);
}
#VipEliteClubBanner:active
{
    transform: scale(.9);
}
#VipEliteClubBanner:after
{
    content: "";
    width: 100%;
    max-width: 275px;
    height: 90px;
    display: block;
    position: absolute;
    left: -20%;
    top: 20%;
    background: url(../images/mro-casino-shine-logo-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: brightness(1.4) contrast(1);
    -webkit-backdrop-filter: overlay(100%);
    backdrop-filter: overlay(100%);
    animation: moveLeftToRightHome 5s linear infinite;
}
#VipEliteClubBanner:before
{
    content: "";
    display: block;
    width: 300px;
    height: 600px;
    position: absolute;
    left: -50%;
    top: -180px;
    opacity: .5;
    transform: rotate(45deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
}
#VipEliteClubBanner:before
{
    -webkit-animation: MoveShine 3s infinite;
    -moz-animation: MoveShine 3s infinite;
    -o-animation: MoveShine 3s infinite;
    -ms-animation: MoveShine 3s infinite;
    animation: MoveShine 3s infinite;
}
@-webkit-keyframes MoveShine
{
    0%
    {
        left: -200%;
    }
    to
    {
        left: 150%;
    }
}
@-moz-keyframes MoveShine
{
    0%
    {
        left: -200%;
    }
    to
    {
        left: 150%;
    }
}
@-ms-keyframes MoveShine
{
    0%
    {
        left: -200%;
    }
    to
    {
        left: 150%;
    }
}
@-o-keyframes MoveShine{0%{left:-200%}to{left:150%}}
@keyframes moveLeftToRight
{
    0%
    {
        transform: translate(-18%) scale(0);
        opacity: 0;
    }
    10%
    {
        transform: translate(20%) scale(1);
        opacity: 1;
    }
    90%
    {
        transform: translate(100%) scale(.8);
        opacity: 1;
    }
    to
    {
        transform: translate(100%) scale(.8);
        opacity: 0;
    }
}
@keyframes moveCharacter
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-15px);
    }
    to
    {
        transform: translateY(0);
    }
}
@media only screen and (min-width: 501px) and (max-width: 800px)
{
    .Pages.Elite
    {
        background-size: 150%;
        padding: 30px 0 60px;
        height: auto;
        min-height: 100vh;
    }
    .EliteMainCont .FronEliteCont .ContEliteHead
    {
        max-width: 60%;
        margin: 0 0 30px;
        padding: 0;
    }
    .EliteMainCont .FronEliteCont .ContEliteHead:after
    {
        width: 70%;
        left: -20%;
        top: 25%;
    }
    #LogoMrOElite
    {
        max-width: 100%;
    }
    .EliteMainCont .BgCont .ContEliteChara
    {
        width: 100%;
        padding: 0;
    }
    #MrOEliteCharacter
    {
        width: 50%;
        position: absolute;
        right: 5%;
        top: -15px;
    }
    #BarContacts .BoContacts
    {
        height: 60px;
        padding: 0;
        border-radius: 10px;
    }
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    .Pages.Elite
    {
        background-size: 160%;
        padding: 30px 0 60px;
        height: auto;
        min-height: 100vh;
    }
    .EliteMainCont .FronEliteCont .ContEliteHead
    {
        max-width: 60%;
        margin: 0 0 30px;
        padding: 0;
    }
    .EliteMainCont .FronEliteCont .ContEliteHead:after
    {
        width: 70%;
        left: -20%;
        top: 4%;
    }
    #LogoMrOElite
    {
        max-width: 100%;
    }
    .EliteMainCont .BgCont .ContEliteChara
    {
        width: 100%;
        padding: 0;
    }
    #MrOEliteCharacter
    {
        width: 50%;
        position: absolute;
        right: 5%;
        top: -15px;
    }
    .EliteMainCont .WelcomeCont
    {
        padding: 20px;
    }
    .EliteMainCont .WelcomeCont h1.EP_Title
    {
        font-size: 25px;
        line-height: 25px;
    }
    .EliteMainCont .WelcomeCont p.EP_text
    {
        font-size: 15px;
        line-height: 15px;
    }
    .EliteMainCont .HeliteReCont
    {
        margin: 0 auto;
    }
    .EliteMainCont .HeliteReCont h2.EP_SubTitle
    {
        font-size: 18px;
        line-height: 18px;
    }
    .EliteMainCont .HeliteReCont p.EP_text
    {
        font-size: 14px;
        line-height: 14px;
    }
    .EliteMainCont .HeliteReCont ul.ListElite li
    {
        font-size: 14px;
    }
    #BarContacts
    {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #BarContacts .BoContacts
    {
        width: 100%;
        height: 60px;
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .TextBlaIta
    {
        font-size: 20px;
    }
    #VipEliteClubBanner:after
    {
        top: 5%;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    #MrOEliteCharacter
    {
        width: 45%;
        position: absolute;
        right: 10%;
        top: -15px;
    }
}
.Color_Pink
{
    color: #ff34c0!important;
}
.Links
{
    color: #d152ff;
    text-decoration: underline;
}
.Links:hover
{
    color: #02cead;
    text-decoration: underline;
}
.Color_White
{
    color: #fff;
}
.Color_Blue
{
    color: #0477fe;
}
.Color_Cyan
{
    color: #02cead;
}
.Color_Orange
{
    color: #f7921a;
}
.Color_Orange2
{
    color: #ff9000;
}
.Color_Grey
{
    color: #b8b8ba;
}
.Color_Yellow
{
    color: #ffc800;
}
.Color_LbLUE
{
    color: #617dea;
}
.Color_LbGreen
{
    color: #09c18e;
}
.ColorBL
{
    color: #0477fe!important;
}
.ColorRE
{
    color: #e85660!important;
}
.ColorPI
{
    color: #e01df5!important;
}
.ColorYE
{
    color: #e3e334!important;
}
.ColorTelBL
{
    color: #23a0dc!important;
}
.ColorVibPurple
{
    color: #a58eff!important;
}
.ColorReOr
{
    color: #e94057!important;
}
.TextBlaIta
{
    font-size: 30px;
    font-weight: 700;
    font-style: italic!important;
}
.RowUserPromos
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: var(--BGMenu-Var)!important;
    color: var(--MainTextColor-Var)!important;
    transition: all .5s ease-in-out;
}
.RowUserPromos .C_ImgBanner
{
    display: block;
    width: 100%;
    max-width: 530px;
    height: auto;
    max-height: 290px;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.RowUserPromos .C_ImgBanner img
{
    display: block;
    width: 100%;
    height: auto;
    max-height: 290px;
}
.RowUserPromos .C_ImgBanner:after
{
    content: "";
    width: 100%;
    max-width: 275px;
    height: 90px;
    display: block;
    position: absolute;
    left: -10%;
    top: -35px;
    background: url(../images/mro-casino-shine-logo-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: brightness(1.4) contrast(1);
    -webkit-backdrop-filter: overlay(100%);
    backdrop-filter: overlay(100%);
    animation: moveLeftToRight 5s linear infinite;
}
.RowUserPromos .C_ImgBanner:before
{
    content: "";
    display: block;
    width: 200px;
    height: 1200px;
    position: absolute;
    left: -50%;
    top: -150%;
    opacity: .5;
    transform: rotate(45deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
    -webkit-animation: MoveShine 3s infinite;
    -moz-animation: MoveShine 3s infinite;
    -o-animation: MoveShine 3s infinite;
    -ms-animation: MoveShine 3s infinite;
    animation: MoveShine 3s infinite;
}
.RowUserPromos .C_InfoPromo
{
    display: block;
    width: 100%;
    max-width: 430px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
}
.RowUserPromos .C_InfoPromo::-webkit-scrollbar
{
    width: 5px;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 100px;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo::scrollbar
{
    width: 5px;
    border-radius: 100px;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
    cursor: pointer;
}
.RowUserPromos .C_InfoPromo p
{
    text-align: justify;
    font-size: 20px;
    line-height: 25px;
}
.RowUserPromos .C_InfoPromo .TitleUserPromo
{
    font-size: 30px;
    font-weight: 900;
    text-align: left;
    color: var(--MainTextColor-Var);
    color: #02cead;
    text-transform: uppercase;
}
.RowUserPromos .C_CcodePromo
{
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 0;
    padding: 20px;
}
.RowUserPromos .C_CcodePromo .RowCCode
{
    display: block;
    width: 100%;
    margin: 0 auto 20px;
}
.RowUserPromos .C_CcodePromo .RowCCode .BoxCode
{
    background: rgba(85,85,85,.2);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 60px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    border: dashed 1px var(--MainTextColor-Var);
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    padding-top: 7px;
}
.RowUserPromos .C_CcodePromo .RowCCode .BoxCode:after
{
    content: "Coupon Code:";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 20px;
    background-color: #0477fe;
    color: #fff;
    position: absolute;
    left: 20%;
    top: -10px;
    font-size: 11px;
    border-radius: 10px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Arial,Helvetica,sans-serif;
}
.ContToggleTerms
{
    display: block;
    width: 100%;
    border-radius: 15px;
    border: dashed 1px rgba(112,112,112,.7);
    position: relative;
    text-align: left;
    padding: 0 20px 30px;
    max-height: 250px;
    overflow: hidden;
    overflow-y: scroll;
    transition: all .4s ease-in-out;
}
.ContToggleTerms.Close
{
    max-height: 40px;
    overflow: hidden;
    overflow-y: hidden;
    border-radius: 100px;
}
.ContToggleTerms .BtnSWTerms
{
    display: block;
    width: 65px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    background: #0477fe;
    cursor: pointer;
    color: #fff;
}
.ContToggleTerms .BtnSWTerms:before
{
    content: "Hide";
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px;
    font-size: 11px;
    transition: all .2s ease-in-out;
    font-family: Arial,Helvetica,sans-serif;
}
.ContToggleTerms .BtnSWTerms:after
{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100px;
    background: #fff;
    transition: all .2s ease-in-out;
}
.ContToggleTerms.Close .BtnSWTerms:before
{
    background: #02cead;
    content: "View";
    justify-content: center;
    transition: all .2s ease-in-out;
}
.ContToggleTerms.Close .BtnSWTerms:after
{
    right: 40px;
}
.ContToggleTerms::-webkit-scrollbar
{
    width: 5px;
    cursor: pointer;
}
.ContToggleTerms::-webkit-scrollbar-track
{
    background: #333;
    border-radius: 100px;
    cursor: pointer;
}
.ContToggleTerms::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    background: #02cead;
    cursor: pointer;
}
.ContToggleTerms::scrollbar
{
    width: 5px;
    border-radius: 100px;
    cursor: pointer;
}
.ContToggleTerms::scrollbar-track
{
    background: #02cead;
    border-radius: 100px;
    cursor: pointer;
}
.ContToggleTerms::scrollbar-thumb
{
    border-radius: 100px;
    background: #333;
    cursor: pointer;
}
.ContToggleTerms
{
    scrollbar-face-color: #02cead;
    scrollbar-shadow-color: #02cead;
    scrollbar-arrow-color: var(--MainTextColor-Var);
    scrollbar-track-color: #333;
    cursor: pointer;
}
.ContToggleTerms .TitleTerms
{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    font-size: 25px;
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    color: #0477fe;
    text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 1200px)
{
    .RowUserPromos
    {
        flex-direction: column;
        padding: 5px;
        border-radius: 15px;
        max-width: 420px;
    }
    .RowUserPromos .C_ImgBanner
    {
        border-radius: 20px;
        width: 100%;
        margin: 0 auto 10px;
    }
    .RowUserPromos .C_InfoPromo
    {
        padding: 0 10px;
    }
    .RowUserPromos .C_InfoPromo .TitleUserPromo
    {
        font-size: 20px;
        text-align: center;
    }
    .RowUserPromos .C_InfoPromo p
    {
        font-size: 14px;
        line-height: 15px;
    }
    .ContToggleTerms .TitleTerms
    {
        font-size: 23px;
    }
}
.Pages.ReelRoyale
{
    background: url(../images/mro-casino-bg-page-reel-royale-instant-withdrawals.jpg) 50% 0 no-repeat #000;
    background-size: 100%;
    height: auto;
    min-height: 100vh;
    position: relative;
    opacity: 0;
    animation: fadeIn .5s ease-in-out 0s 1 normal forwards;
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.Pages.ReelRoyale *
{
    color: #fff;
}
.BoxConReelRoyale
{
    display: block;
    width: 100%;
    max-width: 845px;
    margin: 0 auto;
    position: relative;
}
.BoxConReelRoyale .LogoReelRoyale
{
    display: block;
    width: 100%;
    max-width: 845px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    animation: MoveLogoReelRoyale 5s infinite;
}
.BoxConReelRoyale .ContKing
{
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.BoxConReelRoyale .ContKing .MrOKing
{
    display: block;
    width: 100%;
    max-width: 475px;
    margin: 0 auto;
    animation: MoveKingReelRoyale 5s infinite;
}
.ContDataPromoRRoyale
{
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px 20px;
}
.ContDataPromoRRoyale p
{
    display: block;
    text-align: center;
    text-shadow: 5px 5px 5px rgba(0,0,0,.8);
    font-size: 15px;
    line-height: 18px;
}
.Title_RR_Gr
{
    display: block;
    text-align: center;
    color: #5fea97!important;
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    font-family: Nunito Sans,sans-serif;
    text-shadow: 5px 5px 5px rgba(0,0,0,.5);
}
.RowHeadWinnerTable
{
    height: 50px;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #2b234b;
    background: linear-gradient(90deg,#2b234b 0%,#6d01ff 55%,#9c00ff 100%);
}
.RowHeadWinnerTable
{
    color: #fff;
    background: #2b234b!important;
    background: linear-gradient(90deg,#2b234b 0%,#6d01ff 55%,#9c00ff 100%)!important;
}
table.UserDetTable
{
    width: 100%;
    border-collapse: collapse;
    background-color: var(--bg-accordion-var);
    color: var(--main-text-color);
    border-radius: 10px;
    overflow: hidden;
    margin: 30px 0;
}
table.UserDetTable
{
    width: 100%;
    margin: 20px auto;
}
table.UserDetTable th
{
    background-color: var(--bg-color);
    color: var(--main-text-color);
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid var(--bg-accordion-var);
}
table.UserDetTable tr:nth-child(odd)
{
    background-color: var(--bg-menu-var);
    font-size: 11px;
}
table.UserDetTable td
{
    padding: 10px;
    border-bottom: 1px solid var(--border-color-ac-var);
}
table.UserDetTable tr:hover
{
    background-color: var(--border-color-ac-var);
}
table.UserDetTable tr:last-child
{
    border: 0!important;
}
table.UserDetTable tr:hover
{
    background-color: #530a82;
}
table.SmallTable
{
    max-width: 300px;
}
.CentText
{
    text-align: center!important;
    font-size: 13px;
}
.RankText
{
    font-size: 18px;
    color: #f7ce32!important;
    font-weight: 900;
}
.PointsText
{
    color: #ab40ff!important;
    font-weight: 900;
}
.PrizeText
{
    color: #6df689!important;
    text-transform: uppercase;
}
table.UserDetTable td.TLeft
{
    text-align: left;
    justify-content: flex-start;
}
table.UserDetTable td.TLeft h2
{
    text-align: left!important;
    padding-left: 10px!important;
}
table.UserDetTable td.TRight
{
    text-align: right;
    justify-content: flex-end;
}
.BtnMoreWinners
{
    display: flex;
    width: 100%;
    max-width: 150px;
    height: 50px;
    background: #f70b36;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background: #b02238;
    background: linear-gradient(0deg,#b02238 0%,#ff0936 100%);
}
.BtnMoreWinners:hover
{
    transform: scale(1.1);
    background: #5fea97;
    background: linear-gradient(0deg,#208348 0%,#5fea97 100%);
}
.BtnMoreWinners:active
{
    transform: scale(1);
    background: #f7f290;
    background: linear-gradient(0deg,#fdbb0c 0%,#f7f290 100%);
    color: #2c234d;
}
.BoxTermsReelRoyale
{
    display: block;
    height: auto;
    border-radius: 15px;
    color: #fff;
    padding: 20px;
    background: #6c02fe;
    margin: 30px auto;
}
.BoxTermsReelRoyale h3
{
    font-size: 15px;
    color: #feff74!important;
    margin-bottom: 15px;
}
.BoxTermsReelRoyale p
{
    color: #bda6d0!important;
    text-shadow: none;
    font-size: 15px;
}
@keyframes MoveLogoReelRoyale
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(.95);
    }
    to
    {
        transform: scale(1);
    }
}
@keyframes MoveKingReelRoyale
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-30px);
    }
    to
    {
        transform: translateY(0);
    }
}
@media only screen and (min-width: 501px) and (max-width: 800px)
{
    .Pages.ReelRoyale
    {
        background: url(../images/mro-casino-bg-page-reel-royale-instant-withdrawals.jpg) 50% 0% no-repeat #000;
        background-size: 200%;
    }
    .BoxConReelRoyale
    {
        width: 80%;
    }
    .BoxConReelRoyale .ContKing .MrOKing
    {
        width: 60%;
    }
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    .Pages.ReelRoyale
    {
        background: url(../images/mro-casino-bg-page-reel-royale-instant-withdrawals.jpg) 50% -10% no-repeat #000;
        background-size: 250%;
    }
    .BoxConReelRoyale .ContKing .MrOKing
    {
        width: 60%;
    }
    .Title_RR_Gr
    {
        font-size: 20px;
    }
}
.ColorYellow
{
    color: #ffe25d;
}
.ColorOrange
{
    color: #ffae00;
}
.ColorBlue
{
    color: #46acfe;
}
.ColorWhite
{
    color: #fff;
}
.Pages.Exclusive
{
    background: url(../images/mro-casino-bg-page-exclusive-instant-withdrawals.jpg) 50% 0 no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
    height: auto;
    min-height: 100vh;
    position: relative;
    opacity: 0;
    animation: fadeIn .5s ease-in-out 0s 1 normal forwards;
}
#LogoPHub
{
    display: flex;
    width: 100%;
    max-width: 600px;
    position: relative;
    margin: 0 auto;
}
#MrExclusiveHub
{
    display: flex;
    width: 100%;
    max-width: 900px;
    position: relative;
    margin: 0 auto;
}
#InstantPayouts
{
    display: flex;
    width: 100%;
    max-width: 350px;
    position: relative;
    margin: 0 auto;
}
.TopTextPHUB
{
    display: block;
    max-width: 900px;
    text-align: center;
    font-size: 16px;
    text-shadow: 0 5px 5px rgba(0,0,0,.9);
    color: #fff;
}
.BtnCtaGN
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Nunito Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 320px;
    height: 80px;
    position: relative;
    background-color: #fff;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 5px 10px #00000080;
    transition: all .2s ease-in-out;
    border-radius: 12px;
    background: #00987d;
    background: linear-gradient(0deg,#00987d 0%,#01aa8d 50%,#02d0af 90%,#01f0c7 100%);
}
.BtnCtaGN:hover
{
    color: #0072ff;
    transform: scale(1.1);
    background: #fff;
    background: linear-gradient(0deg,#c8c8c8 0%,#fff 50%,#fff 90%,#fff 100%);
}
.RowBoxes
{
    display: flex;
    width: 100%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto 60px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
}
.RowBoxes .ProBoxes
{
    display: flex;
    width: 48%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .2s ease-in-out;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.RowBoxes .ProBoxes.Box_R
{
    border-radius: 20px;
    padding: 20px 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.RowBoxes .ProBoxes .ConPromo
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: rgba(78,36,126,.8);
    padding: 20px 20px 0;
    min-height: 280px;
    border-radius: 20px;
    box-shadow: 0 10px 10px #0000004d;
}
.RowBoxes .ProBoxes h2
{
    font-size: 80px;
    line-height: 80px;
    font-weight: 800;
    color: #fff;
}
.RowBoxes .ProBoxes h3
{
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}
.RowBoxes .ProBoxes .CCode
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 280px;
    height: 60px;
    background-color: #0609144d;
    border: dashed 1px #fff;
    font-size: 30px;
    color: #ffe25d;
    font-weight: 700;
    padding-top: 10px;
    position: relative;
    border-radius: 10px;
    text-transform: uppercase;
    margin: 20px auto;
}
.RowBoxes .ProBoxes .CCode:after
{
    content: "USE CODE:";
    display: flex;
    width: 40%;
    height: 20px;
    font-size: 11px;
    line-height: 11px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 30%;
    top: -10px;
    border-radius: 20px;
    padding: 0;
    background-color: #8b14e4;
    color: #fff;
}
.RowBoxes .ProBoxes .BtnCta
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Nunito Sans,sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 280px;
    height: 60px;
    position: relative;
    background-color: #fff;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 5px 10px #00000080;
    transition: all .2s ease-in-out;
    border-radius: 12px;
    background: #00987d;
    background: linear-gradient(0deg,#00987d 0%,#01aa8d 50%,#02d0af 90%,#01f0c7 100%);
}
.RowBoxes .ProBoxes .BtnCta:hover
{
    color: #0072ff;
    transform: scale(1.1);
    background: #fff;
    background: linear-gradient(0deg,#c8c8c8 0%,#fff 50%,#fff 90%,#fff 100%);
}
.ImgFS
{
    display: block;
    width: 100%;
    max-width: 48%;
    margin: 0 auto;
}
.BoxFS
{
    display: flex;
    width: 100%;
    max-width: 48%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.BoxToggleTerms
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0 auto;
    flex-direction: column;
}
.BoxToggleTerms .BtnShowTerms
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 25px;
    position: relative;
    margin: 0 auto;
    background-color: #f09;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .5s;
}
.BoxToggleTerms .ContTerms
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    transition: .5s;
    padding: 20px;
    overflow: hidden;
}
.BoxToggleTerms .ContTerms p
{
    padding: 0;
    font-size: 12px;
    margin: 0 auto;
    transition: .5s;
    opacity: 1;
    text-align: justify;
}
.BoxToggleTerms.Close .ContTerms
{
    padding: 0;
    opacity: 0;
}
.BoxToggleTerms.Close .ContTerms p
{
    display: none;
    opacity: 0;
}
.BoxToggleTerms.Close .BtnShowTerms
{
    background-color: #6cf68b!important;
    color: #0f1113;
}
.BoxToggleTerms .BtnShowTerms:hover
{
    background-color: #8b14e4!important;
    color: #fff;
}
.BoxToggleTerms .BtnShowTerms:active
{
    background-color: #fff!important;
    color: #8b14e4;
}
#RowBoxesPromos
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    gap: 10px;
}
#RowBoxesPromos .BoxesPromos
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 415px;
    margin: 0 auto;
}
#RowBoxesPromos .BoxesPromos .BannerPromno
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 10px #0000004d;
}
#RowBoxesPromos .BoxesPromos .BannerPromno img
{
    border: 0!important;
    outline: none!important;
    width: 100%;
}
#RowBoxesPromos .BoxesPromos .BtnCtaRedeem
{
    display: flex;
    width: 100%;
    max-width: 150px;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}
#RowBoxesPromos .BoxesPromos .BtnCtaRedeem
{
    font-family: Nunito Sans,sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #fff;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 5px 10px #00000080;
    transition: all .2s ease-in-out;
    border-radius: 12px;
    background: #00987d;
    background: linear-gradient(0deg,#00987d 0%,#01aa8d 50%,#02d0af 90%,#01f0c7 100%);
}
#RowBoxesPromos .BoxesPromos .BtnCtaRedeem:hover
{
    color: #0072ff;
    transform: scale(1.1);
    background: #fff;
    background: linear-gradient(0deg,#c8c8c8 0%,#fff 50%,#fff 90%,#fff 100%);
}
#RowFinalPromos
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    margin: 40px auto;
}
#RowFinalPromos .BoxesFinalPromos
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    max-width: 640px;
    margin: 0 auto;
    transition: .2s;
}
#RowFinalPromos .BoxesFinalPromos .BannerFLPromno
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 10px #0000004d;
}
#RowFinalPromos .BoxesFinalPromos:hover
{
    transform: scale(1.1);
}
#RowFinalPromos .BoxesFinalPromos .BannerFLPromno img
{
    display: block;
    width: 100%;
}
.Follow
{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
}
.BoxFollow
{
    display: flex;
    width: 100%;
    max-width: 250px;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto 80px;
    text-align: center;
}
.BoxFollow .IconSocial
{
    display: block;
    width: 50px;
    height: auto;
    margin: 0;
    cursor: pointer;
    transition: .2s;
}
.BoxFollow .IconSocial:hover
{
    transform: scale(1.2);
}
.Terms
{
    font-size: 14px;
    text-align: center;
    width: 100%;
    max-width: 540px;
    color: #a7abb6;
    margin-bottom: 20px;
}
.DeMetods
{
    display: block;
    max-width: 365px;
    margin: 10px auto;
}
.BtnsModal
{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    margin: 15px auto 10px;
    padding: 0 20px;
    background: #02cead;
    color: #fff;
    border: 0;
    font-family: Nunito Sans,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    font-size: 20px;
    cursor: pointer;
    font-weight: 400;
    background: #4b59f8;
    background: linear-gradient(180deg,#4b59f8 0%,#1c2583 100%);
    border-top: solid 1px #4b59f8;
    box-shadow: 0 5px 10px #0006;
    text-decoration: none!important;
}
.BtnsModal:hover
{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    text-decoration: none!important;
}
.BtnsModal:active
{
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    background: #fff;
    background: linear-gradient(180deg,#fff 0%,#fff 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #fff;
    text-decoration: none!important;
    color: #0f1113;
}
.LinkDets
{
    display: block;
    width: 100%;
    height: 20px;
    font-size: 14px;
    text-transform: none;
    margin: 20px auto;
}
.RowSocials
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin: 30px auto;
    max-width: 600px;
}
.SocialRowBox
{
    display: flex;
    width: 100%;
    max-width: 190px;
    height: 60px;
    margin: 0 auto 10px;
    transition: all .2s ease-in-out;
    position: relative;
    background: rgba(0,0,0,0);
    border-radius: 100px;
    cursor: pointer;
}
.SocialRowBox:hover
{
    transform: scale(1.05);
}
.SocialRowBox:after
{
    content: "Join Now";
    display: flex;
    width: 100px;
    height: 40px;
    margin: 0;
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 700;
    font-size: 15px;
    background: #00987d;
    color: #fff;
    background: linear-gradient(0deg,#00987d 0%,#01aa8d 50%,#02d0af 90%,#01f0c7 100%);
}
.SocialRowBox:hover:after
{
    color: #0072ff;
    transform: scale(1.1);
    background: #fff;
    background: linear-gradient(0deg,#c8c8c8 0%,#fff 50%,#fff 90%,#fff 100%);
}
.SocialRowBox .SocialIcon
{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 130px;
    top: 15px;
    transition: all .2s ease-in-out;
}
.SocialRowBox:hover .SocialIcon
{
    width: 40px;
    height: 40px;
    top: 10px;
}
@media only screen and (min-width: 0) and (max-width: 500px)
{
    #LogoPHub
    {
        width: 70%;
    }
    .TopTextPHUB
    {
        font-size: 12px;
    }
    .BtnCtaGN
    {
        max-width: 220px;
        height: 55px;
        font-size: 25px;
    }
}
@media only screen and (min-width: 0) and (max-width: 950px)
{
    .TopTextPHUB
    {
        font-size: 16px;
    }
    .RowBoxes
    {
        margin: 0;
        max-width: 550px;
        flex-direction: column;
    }
    .RowBoxes .ProBoxes
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .RowBoxes .ProBoxes.Box_R
    {
        flex-direction: column;
        max-width: 100%;
        margin: 30px auto 20px;
    }
    #InstantPayouts
    {
        max-width: 60%;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .RowTop
    {
        flex-direction: column;
        padding: 30px 20px 0;
        justify-content: center;
        align-items: center;
    }
    .MainTopLogo
    {
        max-width: 100%;
    }
    .RowBoxes
    {
        margin: 0;
        max-width: 550px;
        flex-direction: column;
    }
    .RowBoxes .ProBoxes
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #RowBoxesPromos .BoxesPromos .BannerPromno
    {
        border-radius: 10px;
    }
    #RowFinalPromos
    {
        flex-direction: column;
        padding: 0 10px;
        margin: 20px auto;
    }
    #RowFinalPromos .BoxesFinalPromos
    {
        width: 100%;
    }
    #RowFinalPromos .BoxesFinalPromos .BannerFLPromno
    {
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .RowBoxes .ProBoxes.Box_R
    {
        flex-direction: column;
        max-width: 280px;
        margin: 30px auto 20px;
    }
    .RowBoxes .ProBoxes .ConPromo
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .ImgFS, .BoxFS
    {
        max-width: 100%;
    }
    #RowBoxesPromos
    {
        flex-direction: column;
        padding: 0 10px;
    }
    #RowBoxesPromos .BoxesPromos
    {
        margin: 0 auto 30px;
    }
    .Terms
    {
        font-size: 12px;
        line-height: 13px;
    }
    .RowContents
    {
        padding: 10px;
    }
    .DeMetods
    {
        width: 70%;
    }
    .SocialRowBox
    {
        height: auto;
        border-radius: 0;
        flex-direction: column;
        margin: 0 10px;
    }
    .SocialRowBox .SocialIcon
    {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto 10px;
    }
    .SocialRowBox:after
    {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin: 0 auto;
        height: 35px;
        font-size: 14px;
        width: auto;
        min-width: 80px;
    }
}
@media only screen and (min-width: 280px) and (max-width: 360px)
{
    .RowBoxes
    {
        margin: 0;
    }
    .RowBoxes .ProBoxes
    {
        width: 49%;
        margin: 0;
        padding: 0;
        min-height: 250px;
    }
    .RowBoxes .ProBoxes.Box_L, .RowBoxes .ProBoxes.Box_R
    {
        background-size: cover;
    }
    .RowBoxes .ProBoxes h2
    {
        font-size: 40px;
        line-height: 40px;
    }
    .RowBoxes .ProBoxes h3
    {
        font-size: 15px;
        line-height: 15px;
    }
    .RowSocials
    {
        flex-direction: column;
    }
    .SocialRowBox
    {
        height: auto;
        border-radius: 0;
        flex-direction: column;
        margin: 0 auto 20px;
        flex-wrap: wrap;
        width: 100%;
    }
    .SocialRowBox:after
    {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin: 0 auto;
        height: 35px;
        font-size: 14px;
        width: 100%;
        width: auto;
    }
    .SocialRowBox .SocialIcon
    {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto 10px;
    }
}
.MoveBounce
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: bounce-1;
    animation-timing-function: linear;
}
.Scaling
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: scale-1;
    animation-timing-function: linear;
}
.BlinkColor
{
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-name: BlinkColor;
    animation-timing-function: linear;
}
@keyframes bounce-1
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(20px);
    }
    to
    {
        transform: translateY(0);
    }
}
@keyframes scale-1
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.2);
    }
    to
    {
        transform: scale(1);
    }
}
@keyframes Fade
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes BlinkColor
{
    0%
    {
        color: #ffe25d;
    }
    50%
    {
        color: #f09;
    }
    to
    {
        color: #ffe25d;
    }
}
.ContHomeBanners
{
    display: block;
    width: 100%;
    max-width: 1450px;
    height: auto;
    margin: 0 auto;
    padding: 0 10px;
}
.ContHomeBanners .HBanner
{
    display: flex;
    width: 100%;
    max-width: 470px;
    height: auto;
    margin: 0 10px;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    border: solid 1px rgba(114,114,114,.5);
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.ContHomeBanners .HBanner img
{
    display: block;
    width: 100%;
    transition: all .2s ease-in-out;
}
.ContHomeBanners .HBanner:hover img
{
    transform: scale(1.1) rotate(2deg);
}
.ContHomeBanners .HBanner:active
{
    transform: scale(.9);
}
.ContHomeBanners .HBanner:before
{
    content: "";
    display: block;
    width: 300px;
    height: 600px;
    position: absolute;
    left: -50%;
    top: -180px;
    opacity: .5;
    transform: rotate(45deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
}
.ContHomeBanners .HBanner:before
{
    animation: MoveShine 3s infinite;
}
.ContHomeBanners .HBanner:after
{
    content: "";
    width: 100%;
    max-width: 275px;
    height: 90px;
    display: block;
    position: absolute;
    left: -20%;
    top: -18%;
    background: url(../images/mro-casino-shine-logo-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: brightness(1.4) contrast(1);
    -webkit-backdrop-filter: overlay(100%);
    backdrop-filter: overlay(100%);
    animation: moveLeftToRightHome 5s linear infinite;
}
.ContHomeBanners .BannerLarge
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.ContHomeBanners .BannerLarge img
{
    display: block;
    width: 100%;
    transition: all .2s ease-in-out;
}
.ContHomeBanners .BannerLarge:hover img
{
    transform: scale(1.1);
}
.ContHomeBanners .BannerLarge:active
{
    transform: scale(.9);
}
.ContHomeBanners .BannerLarge:before
{
    content: "";
    display: block;
    width: 300px;
    height: 600px;
    position: absolute;
    left: -50%;
    top: -180px;
    opacity: .5;
    transform: rotate(45deg);
    background: #fff;
    background: linear-gradient(93deg,rgba(255,255,255,0) 10%,#fff 50%,rgba(255,255,255,0) 90%);
    animation: MoveShine 3s infinite;
}
.ContHomeBanners .BannerLarge:after
{
    content: "";
    width: 50%;
    height: 90px;
    display: block;
    position: absolute;
    left: 0%;
    top: -25%;
    background: url(../images/mro-casino-shine-logo-instant-withdrawals.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    filter: brightness(1.4) contrast(1);
    -webkit-backdrop-filter: overlay(100%);
    backdrop-filter: overlay(100%);
    animation: moveLeftToRightHome 5s linear infinite;
}
.ContHomeBanners .BannerQuickDep
{
    display: block;
    width: 100%;
    max-width: 930px;
    height: auto;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-color: #13161f;
}
.ContHomeBanners .BannerQuickDep img
{
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: all .2s ease-in-out;
}
.ContHomeBanners .BannerQuickDep:hover img
{
    transform: scale(1.05);
}
.ContHomeBanners .BannerQuickDep:active
{
    transform: scale(.9);
}
@keyframes MoveShine
{
    0%
    {
        left: -200%;
    }
    to
    {
        left: 150%;
    }
}
@keyframes moveLeftToRightHome
{
    0%
    {
        transform: translate(200px) scale(0);
        opacity: 0;
    }
    10%
    {
        transform: translate(100px) scale(1);
        opacity: 1;
    }
    90%
    {
        transform: translate(-10px) scale(.8);
        opacity: 1;
    }
    to
    {
        transform: translate(-200px) scale(.8);
        opacity: 0;
    }
}
@media only screen and (min-width: 0) and (max-width: 900px)
{
    .ContHomeBanners
    {
        margin: 10px auto 0;
    }
    .ContHomeBanners .HBanner:after
    {
        top: -40%;
    }
    .ContHomeBanners .HBanner
    {
        margin: 0 5px;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .ContHomeBanners
    {
        padding: 0;
        width: 95%;
        margin: 20px auto 0;
    }
    .ContHomeBanners .HBanner
    {
        margin: 0 auto 15px;
    }
    .ContHomeBanners .HBanner:after
    {
        top: -28%;
    }
    .ContHomeBanners .BannerLarge
    {
        width: 95%;
    }
    .ContHomeBanners .BannerLarge:after
    {
        top: -30%;
    }
    .ContHomeBanners .BannerQuickDep
    {
        width: 95%;
        border-radius: 15px;
    }
}
@media only screen and (min-width: 0) and (max-width: 360px)
{
    .ContHomeBanners .HBanner:after
    {
        top: -35%;
    }
}
.Page_LPs.WelcomeOffer
{
    background: url(../images/landing-pages/welcome-offers/main-bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#BgCont
{
    display: block;
    width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
    margin: 0 auto;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
#BgCont #ContCharacter
{
    display: block;
    margin: 130px auto 0;
    width: 100%;
    max-width: 800px;
    position: relative;
    z-index: 2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: bounce-1;
    animation-timing-function: linear;
}
#BgCont #ContCharacter img
{
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#particles-js
{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    pointer-events: none!important;
    overflow: hidden!important;
}
#Coins
{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: auto;
    bottom: 50%;
    left: 0%;
    margin: 0;
    z-index: 1;
}
#Main
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    margin: 0;
    z-index: 2;
    flex-wrap: wrap;
}
#BarTopPromo
{
    display: flex;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    background: #13161f;
}
.Page_LPs.WelcomeOffer:after
{
    content: "";
    display: block;
    width: 100%;
    height: 160px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 99;
    background: url(../images/landing-pages/welcome-offers/main-shine.png) 50% 0% no-repeat;
    background-size: 750px 160px;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: moveshine;
    animation-timing-function: linear;
}
.RowTop
{
    display: flex;
    width: 100%;
    max-width: 1300px;
    height: auto;
    margin: 0 auto;
    align-items: center;
    padding: 200px 30px 60px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.RowTop .ColBox
{
    display: block;
    width: 33.3%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.RowTop .ColBox h1
{
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: 0 auto 15px;
}
.RowTop .ColBox .Fline
{
    font-size: 35px;
    line-height: 35px;
    display: block;
}
.RowTop .ColBox h2
{
    font-size: 25px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: 0 auto 60px;
}
.RowTop .ColBox p
{
    font-size: 25px;
    line-height: 25px;
    text-align: justify;
    font-weight: 500;
    color: #fff;
    margin: 0 auto 15px;
}
.RowTop .ColBox .BoxPromos
{
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(35,54,100,.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-blend-mode: overlay;
}
.RowTop .ColBox .BoxPromos .TitlePromo
{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
}
.RowTop .ColBox .BoxPromos .RowCode
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 60px;
    margin: 20px auto;
    padding: 10px 0 0;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    position: relative;
    background-color: #06091480;
    border-radius: 10px;
    border: dashed 1px #fff;
    color: #ffe25d;
}
.RowTop .ColBox .BoxPromos .RowCode:after
{
    content: "COUPON CODE:";
    display: flex;
    width: 60%;
    height: 20px;
    font-size: 11px;
    line-height: 11px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 20%;
    top: -10px;
    border-radius: 20px;
    padding: 0;
    background-color: #01c2a2;
    color: #fff;
}
.RowTop .ColBox .BoxPromos .MiniRule
{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.MainCTA
{
    display: flex;
    width: 100%;
    max-width: 520px;
    height: 110px;
    margin: 0 auto 80px;
    padding: 0;
    border-radius: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    font-weight: 700;
    background: #00987d;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: linear-gradient(0deg,#00987d 0%,#04ffd9 100%);
    filter: drop-shadow(0 20px 20px rgba(0,0,0,.7));
    transition: all .2s ease-in-out;
}
.MainCTA:hover
{
    background: #dedede;
    color: #0477fe;
    transform: scale(1.1);
    background: linear-gradient(0deg,#dedede 0%,#fff 100%);
}
#RowBarMidText
{
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(19,22,31,.6);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-blend-mode: overlay;
}
#RowBarMidText #ContMidText
{
    display: flex;
    width: 100%;
    max-width: 630px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#RowBarMidText #ContMidText #IconSlot
{
    display: block;
    width: 80px;
    height: auto;
    margin: 0 30px 0 0;
}
#RowBarMidText #ContMidText #InfoMitext
{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 30px 0 0;
}
#RowBarMidText #ContMidText h4
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}
#RowBarMidText #ContMidText p
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: justify;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
}
#RowBarMidText h5
{
    display: flex;
    width: 100%;
    max-width: 630px;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 50px;
    margin: 40px auto 0;
    padding-top: 20px;
    font-size: 30px;
    color: #fff;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    background-color: #252935;
}
#RowBadges
{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 0 50px;
    overflow: hidden;
    background-color: #252935;
}
#RowBadges #ContBadges
{
    display: flex;
    width: 100%;
    max-width: 1700px;
    justify-content: space-between;
    align-items: center;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 50px;
}
#RowBadges #ContBadges img
{
    display: block;
    width: 10%;
    max-width: 160px;
    margin: 0;
    transition: all .5s ease-in-out;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: minirotete;
    animation-timing-function: linear;
}
#RowGames
{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 0 50px;
    overflow: hidden;
    background-color: #252935;
}
#RowGames #ContGames
{
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: space-between;
    align-items: center;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
}
#RowGames #ContGames img
{
    display: block;
    width: 20%;
    max-width: 200px;
    margin: 0;
    transition: all .5s ease-in-out;
}
.Terms
{
    font-size: 14px;
    text-align: center;
    width: 100%;
    max-width: 650px;
    color: #a7abb6;
    margin-bottom: 20px;
}
.RowContents
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 0;
    z-index: 1;
    padding: 20px;
    flex-direction: column;
}
.RowContents.Footer
{
    background-color: #252935;
}
.LogoFooter
{
    display: block;
    max-width: 90px;
    margin: 20px auto;
}
.DeMetods
{
    display: block;
    width: 70%;
    max-width: 365px;
    margin: 10px auto;
}
.LinkMail
{
    color: #01b698;
    text-decoration: underline;
}
.LinkMail:hover
{
    color: #ffe25d;
    text-decoration: none;
}
.MiniRotate
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: minirotete;
    animation-timing-function: linear;
}
@keyframes moveshine
{
    0%
    {
        background-position-x: 30%;
    }
    50%
    {
        background-position-x: 70%;
    }
    to
    {
        background-position-x: 30%;
    }
}
@keyframes minirotete
{
    0%
    {
        transform: rotate(-10deg);
    }
    50%
    {
        transform: rotate(50deg);
    }
    to
    {
        transform: rotate(-10deg);
    }
}
@media only screen and (min-width: 701px) and (max-width: 1025px)
{
    .Page_LPs.WelcomeOffer
    {
        background-size: cover;
        padding: 0;
        margin: 90px 0 0;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }
    .Page_LPs.WelcomeOffer:after
    {
        height: 160px;
        top: 0;
    }
    #Coins
    {
        bottom: auto;
        top: 20%;
        width: 90%;
        left: 5%;
    }
    #BgCont #ContCharacter
    {
        width: 100%;
        margin: 0 auto;
    }
    .RowTop
    {
        padding: 150px 40px 20px;
        flex-direction: row;
    }
    .RowTop .ColBox .Fline
    {
        font-size: 25px;
        line-height: 25px;
    }
    .RowTop .ColBox h1
    {
        font-size: 30px;
        line-height: 30px;
        margin: 0 auto;
        padding: 0;
    }
    .RowTop .ColBox h2
    {
        font-size: 17px;
        line-height: 17px;
        margin: 10px auto 20px;
    }
    .RowTop .ColBox p
    {
        font-size: 16px;
        line-height: 17px;
        margin: 0 auto 15px;
    }
    .RowTop .ColBox .BoxPromos .TitlePromo
    {
        font-size: 30px;
        line-height: 30px;
    }
    .RowTop .ColBox .BoxPromos .RowCode
    {
        max-width: 250px;
        height: 60px;
        margin: 20px auto;
        padding: 10px 0 0;
        font-size: 25px;
        line-height: 25px;
    }
    .RowTop .ColBox .BoxPromos .MiniRule
    {
        font-size: 13px;
        line-height: 13px;
    }
    .MainCTA
    {
        width: 80%;
        height: 90px;
        margin: 0 auto 60px;
        border-radius: 15px;
        font-size: 40px;
    }
    #RowBarMidText
    {
        padding: 30px 30px 0;
    }
    #RowBarMidText #ContMidText #IconSlot
    {
        width: 60px;
        margin: 0 20px 0 0;
    }
    #RowBarMidText #ContMidText h4
    {
        font-size: 30px;
        line-height: 30px;
    }
    #RowBarMidText #ContMidText p
    {
        font-size: 18px;
        line-height: 20px;
    }
    #RowBarMidText #ContMidText #InfoMitext
    {
        padding: 0;
        margin: 0 auto;
    }
    #RowBarMidText h5
    {
        min-height: 50px;
        margin: 40px auto 0;
        padding-top: 20px;
        font-size: 25px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    #RowBadges
    {
        width: 100%;
        padding: 0;
    }
    #RowBadges #ContBadges
    {
        width: 100%;
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    #RowBadges #ContBadges img
    {
        width: 10%;
        margin: 5px;
    }
    #RowGames
    {
        width: 100%;
        padding: 0 20px;
    }
    #RowGames #ContGames
    {
        width: 100%;
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    #RowGames #ContGames img
    {
        width: 50%;
        margin: 0;
    }
    .Terms
    {
        font-size: 12px;
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .Page_LPs.WelcomeOffer
    {
        background-size: cover;
        padding: 0;
        margin: 60px 0 0;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }
    .Page_LPs.WelcomeOffer:after
    {
        height: 160px;
        top: 0;
        background-size: 120% 100%;
    }
    #Coins
    {
        bottom: auto;
        top: 5%;
        width: 90%;
        left: 5%;
    }
    #BgCont #ContCharacter
    {
        width: 60%;
        margin: 10px auto 0;
    }
    .RowTop
    {
        padding: 40% 20px 20px;
        flex-direction: column;
    }
    .RowTop .ColBox
    {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .RowTop .ColBox .Fline
    {
        font-size: 25px;
        line-height: 25px;
    }
    .RowTop .ColBox h1
    {
        font-size: 30px;
        line-height: 30px;
        margin: 0 auto;
        padding: 0;
    }
    .RowTop .ColBox h2
    {
        font-size: 15px;
        line-height: 15px;
        margin: 10px auto 20px;
    }
    .RowTop .ColBox p
    {
        font-size: 14px;
        line-height: 15px;
        margin: 0 auto 15px;
    }
    .RowTop .ColBox .BoxPromos .TitlePromo
    {
        font-size: 30px;
        line-height: 30px;
    }
    .RowTop .ColBox .BoxPromos .RowCode
    {
        max-width: 250px;
        height: 60px;
        margin: 20px auto;
        padding: 10px 0 0;
        font-size: 25px;
        line-height: 25px;
    }
    .RowTop .ColBox .BoxPromos .MiniRule
    {
        font-size: 13px;
        line-height: 13px;
    }
    .MainCTA
    {
        width: 80%;
        max-width: 360px;
        height: 70px;
        margin: 0 auto 60px;
        border-radius: 10px;
        font-size: 30px;
    }
    #RowBarMidText
    {
        padding: 30px 30px 0;
    }
    #RowBarMidText #ContMidText #IconSlot
    {
        width: 60px;
        margin: 0 20px 0 0;
    }
    #RowBarMidText #ContMidText h4
    {
        font-size: 25px;
        line-height: 25px;
    }
    #RowBarMidText #ContMidText p
    {
        font-size: 15px;
        line-height: 16px;
    }
    #RowBarMidText #ContMidText #InfoMitext
    {
        padding: 0;
        margin: 0 auto;
    }
    #RowBarMidText h5
    {
        max-width: 100%;
        min-height: 50px;
        margin: 40px auto 0;
        padding-top: 10px;
        font-size: 18px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    #RowBadges
    {
        width: 100%;
        padding: 0;
    }
    #RowBadges #ContBadges
    {
        width: 100%;
        max-width: 450px;
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    #RowBadges #ContBadges img
    {
        width: 20%;
        margin: 5px;
    }
    #RowGames
    {
        width: 100%;
        padding: 0 20px;
    }
    #RowGames #ContGames
    {
        width: 100%;
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    #RowGames #ContGames img
    {
        width: 50%;
        margin: 0;
    }
    .Terms
    {
        font-size: 12px;
    }
}
@media only screen and (min-width: 280px) and (max-width: 360px)
{
    #RowBarMidText
    {
        padding: 30px 20px 0;
    }
    #RowBarMidText h5
    {
        font-size: 15px;
    }
}
.Page_LPs
{
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 0 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}
.Page_LPs.NewWelcomeOffer
{
    background: url(../images/landing-pages/new-welcome-offers/bg-desktop.jpg) center top no-repeat #000;
    background-size: 100%;
    min-height: 100vh!important;
    height: auto;
}
.Page_LPs.NewWelcomeOffer:after
{
    content: "";
    display: block;
    width: 100%;
    height: 160px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 99;
    background: url(../images/landing-pages/new-welcome-offers/main-shine.png) 50% 0% no-repeat;
    background-size: 750px 160px;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: moveshine;
    animation-timing-function: linear;
}
.Blue
{
    color: #3496eb;
}
.Page_LPs.NewWelcomeOffer .CentMainCont
{
    display: block;
    width: 100%;
    max-width: 870px;
    margin: 90px auto 0;
    padding: 30px 20px;
    position: relative;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .TopWelcomeToMro
{
    display: block;
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
}
.Page_LPs.NewWelcomeOffer .CentMainCont h1.TitlePromo
{
    display: block;
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
    font-family: Anja;
    padding: 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter
{
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .CharacterMRO
{
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos .RowPromos
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos .RowPromos.ColPromos
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos .SidePromos
{
    display: flex;
    justify-content: center;
    width: 35%;
    flex-direction: column;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .ImgPromos
{
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 60px;
    margin: 20px auto;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    background: rgba(0,0,0,.5);
    border: dashed 1px #8b8b8b;
    font-size: 30px;
    color: #f6ea00;
    font-weight: 900;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode:after
{
    content: "USE CODE:";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 20px;
    left: 25%;
    top: -10px;
    position: absolute;
    z-index: 0;
    border-radius: 10px;
    background: #3496eb;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .MRule
{
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    padding: 0 20px;
    color: #fff;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .LCBWinner
{
    display: block;
    width: 100%;
    max-width: 210px;
    margin: 30px auto 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont h4.TitleYear
{
    display: block;
    width: 100%;
    margin: 0 auto;
    font-family: Anja;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    color: #f6ea00;
}
.Page_LPs.NewWelcomeOffer .CentMainCont h5.TryUs
{
    display: block;
    width: 100%;
    margin: 40px auto 10px;
    font-family: Anja;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .Sings
{
    display: block;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ACrypto
{
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px auto 0;
    font-size: 16px;
    color: #fff;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .Copyright
{
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px auto 30px;
    color: #8d919d;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .PayDep_Desk
{
    display: block;
    width: 80%;
    max-width: 685px;
    margin: 10px auto 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .PayDep_Mobile, .Page_LPs.NewWelcomeOffer .CentMainCont .CryPay_Mobile
{
    display: none;
    width: 70%;
    max-width: 440px;
    margin: 10px auto 0;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BtnCTA
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    height: 70px;
    margin: 20px auto;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    pointer-events: all;
    cursor: pointer;
    background: #04ffd9;
    background: linear-gradient(180deg,#04ffd9 0%,#00987d 100%);
    box-shadow: 0 10px 10px #00000080;
    border-top: solid 1px #89ffef;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out;
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BtnCTA:hover
{
    background: #0477fe;
    background: linear-gradient(180deg,#0477fe 0%,#1c2583 100%);
    border-top: solid 1px #0477fe;
    box-shadow: 0 10px 10px #00000080;
    color: #fff;
    transform: scale(1.1);
}
.Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BtnCTA:active
{
    transform: scale(.8);
}
.AnColorCodes
{
    animation-duration: .3s;
    animation-iteration-count: infinite;
    animation-name: ColorCode;
    animation-timing-function: linear;
}
.MoveShine
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: moveshine;
    animation-timing-function: linear;
}
.LogoLoopAni
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: LogoLoopAni;
    animation-timing-function: linear;
}
.MROLoopAni
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: MROLoopAni;
    animation-timing-function: linear;
}
@keyframes ColorCode
{
    0%
    {
        color: #f6ea00;
    }
    40%
    {
        color: #3496eb;
    }
    60%
    {
        color: #3496eb;
    }
    to
    {
        color: #f6ea00;
    }
}
@keyframes moveshine
{
    0%
    {
        background-position-x: 30%;
    }
    50%
    {
        background-position-x: 100%;
    }
    to
    {
        background-position-x: 30%;
    }
}
@keyframes LogoLoopAni
{
    0%
    {
        transform: scale(.9);
    }
    50%
    {
        transform: scale(1.1);
    }
    to
    {
        transform: scale(.9);
    }
}
@keyframes MROLoopAni
{
    0%
    {
        transform: translateY(-10px);
    }
    50%
    {
        transform: translateY(10px);
    }
    to
    {
        transform: translateY(-10px);
    }
}
@media only screen and (min-width: 0) and (max-width: 700px)
{
    .Page_LPs.NewWelcomeOffer
    {
        background: url(../images/landing-pages/new-welcome-offers/bg-mobile.jpg) -70% -30% no-repeat #000;
        background-size: 100%;
        min-height: 180vh!important;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .CharacterMRO
    {
        width: 50%;
    }
    .Page_LPs.NewWelcomeOffer:after
    {
        top: 60px;
        width: 100%;
        background-size: 70% 30%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .TopWelcomeToMro
    {
        width: 60%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont h1.TitlePromo
    {
        font-size: 15px;
        line-height: 16px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos
    {
        padding: 0 5px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos .SidePromos
    {
        width: 48%;
        margin-top: 60%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .MRule
    {
        font-size: 11px;
        line-height: 12px;
        padding: 0;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode
    {
        font-size: 20px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode:after
    {
        font-size: 11px;
        width: 60%;
        left: 20%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .Sings
    {
        width: 60%;
    }
}
@media only screen and (min-width: 0) and (max-width: 499px)
{
    .Page_LPs.NewWelcomeOffer
    {
        background: url(../images/landing-pages/new-welcome-offers/bg-mobile.jpg) -70% 5% no-repeat #000;
        background-size: 100%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont
    {
        margin: 60px auto 0;
        padding: 10px 0;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .CharacterMRO
    {
        width: 50%;
    }
    .Page_LPs.NewWelcomeOffer:after
    {
        top: 60px;
        width: 100%;
        background-size: 70% 30%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .TopWelcomeToMro
    {
        width: 60%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont h1.TitlePromo
    {
        font-size: 15px;
        line-height: 16px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos
    {
        padding: 0 5px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .FrontPromos .SidePromos
    {
        width: 48%;
        margin-top: 60%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .MRule
    {
        font-size: 11px;
        line-height: 12px;
        padding: 0;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode
    {
        font-size: 20px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .ContCenter .BoxCode:after
    {
        font-size: 11px;
        width: 60%;
        left: 20%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .Sings
    {
        width: 60%;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .LCBWinner
    {
        max-width: 150px;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .PayDep_Desk
    {
        display: none;
    }
    .Page_LPs.NewWelcomeOffer .CentMainCont .PayDep_Mobile, .Page_LPs.NewWelcomeOffer .CentMainCont .CryPay_Mobile
    {
        display: block;
    }
}
#welcome-offers-page #BarTop
{
    display: none;
}