/*!
 * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2)
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, .15)
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker > div {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #777
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0
}

.datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
    color: #000;
    background-color: #afd9ee;
    border-color: #298fc2
}

.datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb
}

.datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover {
    color: #000;
    background-color: #91cbe8;
    border-color: #298fc2
}

.datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
    background-color: #d9edf7;
    border-color: #85c5e5
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee
}

.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777
}

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
    color: #000;
    background-color: #ffc966;
    border-color: #b37400
}

.datepicker table tr td.today.active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00
}

.datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
    color: #000;
    background-color: #ffbc42;
    border-color: #b37400
}

.datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.focused {
    background: #ffc966
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #777
}

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0
}

.datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #7c7c7c
}

.datepicker table tr td.range.active, .datepicker table tr td.range:active, .datepicker table tr td.range:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d
}

.datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover {
    color: #000;
    background-color: #c3c3c3;
    border-color: #7c7c7c
}

.datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
    background-color: #eee;
    border-color: #bbb
}

.datepicker table tr td.range.focused {
    background: #d5d5d5
}

.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
    background: #eee;
    color: #777
}

.datepicker table tr td.range.highlighted {
    color: #000;
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
    color: #000;
    background-color: #c1d7e3;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted:hover {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0
}

.datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover {
    color: #000;
    background-color: #a8c8d8;
    border-color: #4b88a6
}

.datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
    background-color: #e4eef3;
    border-color: #9dc1d3
}

.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3
}

.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777
}

.datepicker table tr td.range.today {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
    color: #000;
    background-color: #f4b747;
    border-color: #815608
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c
}

.datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover {
    color: #000;
    background-color: #f2aa25;
    border-color: #815608
}

.datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #777
}

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #161616
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737
}

.datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #161616
}

.datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
    background-color: #777;
    border-color: #555
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
    color: #777
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    text-shadow: 0 1px 0 #fff;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

#noty_layout__bottom, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight, #noty_layout__top, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__topRight, .noty_layout_mixin {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    filter: blur(0);
    -webkit-filter: blur(0);
    max-width: 90%
}

#noty_layout__top {
    top: 0;
    left: 5%;
    width: 90%
}

#noty_layout__topLeft {
    top: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__topCenter {
    top: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__topRight {
    top: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__bottom {
    bottom: 0;
    left: 5%;
    width: 90%
}

#noty_layout__bottomLeft {
    bottom: 20px;
    left: 20px;
    width: 325px
}

#noty_layout__bottomCenter {
    bottom: 5%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__bottomRight {
    bottom: 20px;
    right: 20px;
    width: 325px
}

#noty_layout__center {
    top: 50%;
    left: 50%;
    width: 325px;
    transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__centerLeft {
    left: 20px
}

#noty_layout__centerLeft, #noty_layout__centerRight {
    top: 50%;
    width: 325px;
    transform: translateY(calc(-50% - .5px)) translateZ(0) scale(1)
}

#noty_layout__centerRight {
    right: 20px
}

.noty_progressbar {
    display: none
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #646464;
    opacity: .2;
    filter: alpha(opacity=10)
}

.noty_bar {
    -webkit-backface-visibility: hidden;
    transform: translate(0) scale(1);
    -webkit-font-smoothing: subpixel-antialiased;
    overflow: hidden
}

.noty_effects_open {
    opacity: 0;
    transform: translate(50%);
    -webkit-animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_effects_close {
    -webkit-animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.noty_fix_effects_height {
    -webkit-animation: noty_anim_height 75ms ease-out;
    animation: noty_anim_height 75ms ease-out
}

.noty_close_with_click {
    cursor: pointer
}

.noty_close_button {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-out
}

.noty_close_button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: .3;
    left: 0;
    top: 0
}

.noty_modal.noty_modal_open {
    opacity: 0;
    -webkit-animation: noty_modal_in .3s ease-out;
    animation: noty_modal_in .3s ease-out
}

.noty_modal.noty_modal_close {
    -webkit-animation: noty_modal_out .3s ease-out;
    animation: noty_modal_out .3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes noty_modal_in {
    to {
        opacity: .3
    }
}

@keyframes noty_modal_in {
    to {
        opacity: .3
    }
}

@-webkit-keyframes noty_modal_out {
    to {
        opacity: 0
    }
}

@keyframes noty_modal_out {
    to {
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_in {
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes noty_anim_in {
    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes noty_anim_out {
    to {
        transform: translate(50%);
        opacity: 0
    }
}

@keyframes noty_anim_out {
    to {
        transform: translate(50%);
        opacity: 0
    }
}

@-webkit-keyframes noty_anim_height {
    to {
        height: 0
    }
}

@keyframes noty_anim_height {
    to {
        height: 0
    }
}

.noty_theme__nest.noty_bar {
    margin: 0 0 15px;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    box-shadow: 5px 4px 10px 0 rgba(0, 0, 0, .098039)
}

.noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px
}

.noty_layout .noty_theme__nest.noty_bar {
    z-index: 5
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
    margin-top: 4px;
    margin-left: -4px;
    margin-right: 4px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
    margin-top: 8px;
    margin-left: -8px;
    margin-right: 8px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
    margin-top: 12px;
    margin-left: -12px;
    margin-right: 12px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
    margin-top: 16px;
    margin-left: -16px;
    margin-right: 16px
}

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: 20px
}

.noty_theme__nest.noty_type__alert, .noty_theme__nest.noty_type__notification {
    background-color: #073b4c;
    color: #fff
}

.noty_theme__nest.noty_type__alert .noty_progressbar, .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff
}

.noty_theme__nest.noty_type__warning {
    background-color: #ffc03c;
    color: #fff
}

.noty_theme__nest.noty_type__error {
    background-color: #ef2c36;
    color: #fff
}

.noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4
}

.noty_theme__nest.noty_type__info, .noty_theme__nest.noty_type__information {
    background-color: #118ab2;
    color: #fff
}

.noty_theme__nest.noty_type__info .noty_progressbar, .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6
}

.noty_theme__nest.noty_type__success {
    background-color: #06d6a0;
    color: #fff
}

.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    transition: margin-top .3s ease, height .3s ease;
    transform: translateZ(0)
}

.iziModal * {
    -webkit-font-smoothing: antialiased
}

.iziModal:after {
    content: "";
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .35));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#59000000", GradientType=0);
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    pointer-events: none
}

.iziModal.hasShadow:after {
    height: 30px;
    opacity: 1
}

.iziModal .iziModal-progressbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.iziModal .iziModal-progressbar > div {
    height: 2px;
    width: 100%
}

.iziModal .iziModal-header {
    background: #88a0b9;
    padding: 14px 18px 15px;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, .3), 0 0 0 #555;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.iziModal .iziModal-header-icon {
    font-size: 40px;
    color: hsla(0, 0%, 100%, .5);
    padding: 0 15px 0 0;
    margin: 0;
    float: left
}

.iziModal .iziModal-header-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3
}

.iziModal .iziModal-header-subtitle {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    line-height: 1.45
}

.iziModal .iziModal-header-subtitle, .iziModal .iziModal-header-title {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Lato, Arial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.iziModal .iziModal-header-buttons {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -17px 0 0
}

.iziModal .iziModal-button {
    display: block;
    float: right;
    z-index: 2;
    outline: 0;
    height: 34px;
    width: 34px;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: .3;
    border-radius: 50%;
    transition: transform .5s cubic-bezier(.16, .81, .32, 1), opacity .5s ease;
    background-size: 67% !important;
    -webkit-tap-highlight-color: transparent
}

.iziModal .iziModal-button-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.iziModal .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal.isFullscreen .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal .iziModal-button-close:hover {
    transform: rotate(180deg)
}

.iziModal .iziModal-button:hover {
    opacity: .8
}

.iziModal .iziModal-header.iziModal-noSubtitle {
    height: auto;
    padding: 10px 15px 12px
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
    font-size: 23px;
    padding-right: 13px
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-size: 15px;
    margin: 3px 0 0;
    font-weight: 400
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
    right: 6px;
    margin: -16px 0 0
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
    height: 30px;
    width: 30px
}

.iziModal-rtl {
    direction: rtl
}

.iziModal-rtl .iziModal-header {
    padding: 14px 18px 15px 40px
}

.iziModal-rtl .iziModal-header-icon {
    float: right;
    padding: 0 0 0 15px
}

.iziModal-rtl .iziModal-header-buttons {
    right: auto;
    left: 10px
}

.iziModal-rtl .iziModal-button {
    float: left
}

.iziModal-rtl .iziModal-header-subtitle, .iziModal-rtl .iziModal-header-title {
    text-align: right;
    font-family: Tahoma, Lato, Arial;
    font-weight: 500
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle {
    padding: 10px 15px 12px 40px
}

.iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
    padding: 0 0 0 13px
}

.iziModal.iziModal-light .iziModal-header-icon {
    color: rgba(0, 0, 0, .5)
}

.iziModal.iziModal-light .iziModal-header-title {
    color: #000
}

.iziModal.iziModal-light .iziModal-header-subtitle {
    color: rgba(0, 0, 0, .6)
}

.iziModal.iziModal-light .iziModal-button-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNzRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEM4MTU1MEI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENDMkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjYzMwMmE1LWFlMjEtNDI3ZS1hMmE4LTJlYjhlMmZlY2E3NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdmYmU3NGE3LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po24QssAAANtSURBVHja3JlJaBRBFIa7ZxyTSXADHUkikuAawZNLEOOGGrwJQYko8R4RBQ+OICoqghJQUVwPYjzFY0QUBQU1kogoKO6CG0pcIwbiNibj/8JraNvu6Xo9NTOtP3xzSKe6/65+Ve9VlWlkp2IwGUwFE0E5GA4G8/U+0APegWfgHrgPuq0bpNNp0QPNgEYngHlgGpuMCNp2s+kr4BYM/8ql4WqwHEzP4mXteg7awOW0YlerPnQIaARLNBl1ikLlBDw/1WF4ClgHKozc6idogekz2RheANbaBlE+dB4chfF+qeHF3LOF0FWwF6b7nBe8RvecApolzQVr3C64GR4H1huFV51pmvV+hikRbABFRji0GqarMxluAGON8CgKmmA65mZ4DFhqhE9VPP//ZXgZiCmm1t1gI6XWAAY+gF0gCe4qtqlHL8fthkeBWsXGreA6eMgPviEw+x5sBZ3gAdjPCcNPI8Fsu+FawUCzz40psEfRNJndBl7b/pZmVLTQMkzJo0bQSys43iWm3cxS+DUJOmoSwqKCRmEZWKkYv6RSMBPc5lqXRGm0A1Q6XiaT2aSwo8jrK/qZwZlFIlXTusxa6iXDddTdARpnMj2ek9AWjWYH7h/lubcs4A28THdyAdOl0ezAmKNBNyLLiT0Btjti9zuHg06zpJKIprohwXNypcu1OIdGjYbnxCLGPyYy/EPDfejzbwYvXK59AzuFGdFLKTL8WYNZ59RVzGESJCNm0teI40E6zNIA2wSaA2REP32iaW0omKXRbJKTUVyYEVV0J8oxvEiQmiUZrFSz6XNkuJe3nBKCelaSbjOZrhLsd1BInYxweSeJq9YA6dYtuZCBI4JZ6jGW/W+sebhd0DAaMIO5mTYFW1+X6GeQ7TO3W0WyQj3cw0ulBg4nSUbcAY7zPVYp7ip95FXOH29Hb35AOPjypWMIh7PORSjFZVsIzdKW7AWvfYnTVNWHyCytHw+jd1Nehqks3KepvtChUzD7yGvE2/cduqxldQF1EWZb/PbWLF3jAVgo0WrlkN+c6hSd+rzlaSuaR7O0oX0wyIa2pVAdGaj0HCUVOqIq4dVwrg5lmmG2w+8f/9tjL6foYHE+Gy8Xtv3CPUpf7WauDxadKuIwoeNbOmoYDYbZ0ns/1wxUC7ykigs8sS/LpEe3vwUYALiKDDDSgEiSAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal.iziModal-light .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2NTRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCQkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCQUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFlNTQwYzczLTVhZmEtNDJlYi04YzJlLWMwMzFlYmFiYmIyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkYmRiMzM1LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIicdUAAAOvSURBVHjaxJlZbA1hFMe/qaItUUsspakg1laJ7UUisQuRvvTFA15sQSRCLBFrQryhHqxNHxEPtaQ8CCUkIrVVRbVBJdZYSrXVonr9/3pGxnTunZk78/X+k1+aO+1899/vnnvO+c4YKpi6ghEgW34OBD1BKjBAM6gH78Fz8BhUyrW/ikQivt7QiNMozU0DE8RkJx/3fgCPwA1QHvHp2K/hHJAPJqpwVA2K4flW2IZ7gyVgptKjh6AQxl+GYZi7uRr0U3rVBIpg+nIQwwvACpCkOk4XwYlosR3LMGN1qUqMroGDTqaNGDu7SiVWl+D3iP2i00c9HqxUidd8wzDy3HY4HRwCfWzXz4L7Lm+QKfHeOUTTLWAzdro6muH1YIbDjculWrmpUEM2YYXcCNMt9pAYE8WsWYLdlAxaNYTGMDDHKYYXBVy4B0jTFM/5iOcUc1fM/2JcnItNAYtBNzGtQ33BVHDV3OHpARqhV6CLLKpTs8yQYHxOCrDQO7AV1Gg2PBJhMYiGh4MMnx1eLkixXKsFuzSbZrrMpeGxHnqFFtvrTWCbhILd9AuNpnPMHXaTtZD0kl1mRdwSxXSjJsNZfONjcmqIJR5p3lp6Y+sXrAzsBz/lNXvmtZYMFKbqafi0pKQgKpOSPhmsC5BxXEs1Fz4fUr/7TWMe/q9bC2s3tJs1Df/Q/B5PwAZwJYS1WpPlo0zRZJZziL2gQU7I1GyHL7QSD26taVOytI26DpinxKypApvpk+C6dHlMnXskbUbT1yTpN3WJHWB327UCS3hUoc+tA/VyxP/ost5rGq7QWZnAdoe0eZgnYweDbgmgkoafgk8aTfNgsMNmmqfhC+Czj3V4T3mSBH255kxB0ztd4tNNDJkas2CUdkAKHQ3yAtxfijj/bdb7Cumyhmoyexzcs6Qwv2qUbPKvJDOtnNFklrF3R5qneA2XYHe/2A+ht1Xb3FZXRY1XTAjFTgtxJ45qKtWDpZK1g6dhIQuvBzjcy8FgQ6y8Nw+sCdnwL1Dn8jdMe6m2a+3ma9ESNUdOC1VixSH3bnPiYyraswnO0fqDIQkyW8WmCWab7b+I9TCF3+x0j2e+MPUA7LPGrVfD1F3VNsrPVR0zhS8BB5x21muzYa1Sy1Tb4y4d4qOwIi9Pk/wcj1gV50p5zQjJKAsJH8KcY4vpdYrjV0w9HMxxHjfKNpfwdMyRNuAmyy2M1vq5OegBNFMmR9lSHDizSLPMJGjuO2BZfSOtLKvpMylUvh/d/hFgAOH4+ibxGTZuAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal.iziModal-light.isFullscreen .iziModal-button-fullscreen {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCRkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCRUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM2MwOWZiLWJjOTEtNGVlZS05MDM1LTRkMmU2ZmE1ZjBmMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q9Z8AAAOXSURBVHjaxJlLbA1RGMfPjIs+EvoIRYt4FVUl2EkkRTxKUqQbG0SEho2FjUQ8YtEICbEgTdFYeK1KaGvVeoUltyStt0UlNE17aWhV2+v/9X5XJpMzc8/0zpn5kl+aO3Nm7r/fnPu9xhDp2URQDJbw3xkgB2QCAwyAPvANfARvQDsfG7V4PO7pC40xCiVxa8AKFjnOw7VdoA08BtG4R8VeBZeCKrBS+GPvQAM0P/NbcB7YBdYJPfYKXIXwL34IJm8eBFOFXusH9RDdnI7gLWA/MEVwdh/UOe1tN8G0V3eLcKwFXJCJNl08G5ZYsrWgWnZCJng5OOBwo1iAoisMw6hMJXgyOOywVW7xj+9BgKL3QHSxm+C9IF9y4U2GMlStRPQP8Jbp9lFwhJwE0RHrgaSV8N6xG238l7Zjtfx3K58/Bd7zsWngIqdnP2we2ACa7B7e6RL6joK5EtHNfL7b5u1Bn7dGFbycYRVM/8WyFJnuJK+z2iVwzFrMcF1h+Cx4ClhtFVyu8CW54ITE01EwFMAPcH1SMJWIqxQvItE1YHEIsXkhtkUhCV4ApiteFOPadn4IgseDMooSSxVrhWFwmkvCsKw06WGhKLhHhGuzSHChh9pZ5cc1oFFwfoTTsWrWqQCvXdZQEpkDsjUJziSv3Qu43k3LTA1BXqvRY/4DMjTd/yu4niJVm9wslCjcb4QE/9Qo+Al44baAmgpKCIqC+01OBLrsr8/de8zkiYwuUxWSq7iuM8JhantIqfYItkOepKBysnbycIfPXYKqURL6DhaBCQrrKcZHTa5loyEIJgHXwG3F9TQV+pxMGK0BiaTHn2OLEjcURbdi7XBSMO3jTxoEjtg+7wDnhG3spSD6F3hk7Tjoxnc0CJ5k+5wFCrhplYl2mmI24nyvvWumAE9z2zIfBW8WifnxIHc2yb6xiHtEoms0/hlGtpAPHCkgNDjFyZngPN88COvkPpEe+XGHbFcD7z53C+ybwKEAo0UPZ8QCybkmiL3sNvkheygSI08RYOSQiaUhd52sUpIZLWwJsYqkkdcZeHfIS66nc9XcZQRpNBY7C7F9Yy1OtonErDgSgNhGcEXmWa/VFA1O9onE6y4dRqGtXuVtkpf2iDy8EVR6GLykMnrsNFC867QF0hH8v3MVicFcuYdKy56uqQx4SukWQj3NOtJtQIt4ckSvbmdziMqy7HcS9xv0cn/Xwdn0A1drnl/d/hNgAGQa6Lgarp6BAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal .iziModal-loader {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjOTk5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMjAiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIwLjE2NSwgMC44NCwgMC40NCwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjBzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMjAiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIwLjE2NSwgMC44NCwgMC40NCwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9
}

.iziModal .iziModal-content-loader {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjOTk5Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMjAiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIwLjE2NSwgMC44NCwgMC40NCwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjBzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMjAiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIwLjE2NSwgMC44NCwgMC40NCwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiIHZhbHVlcz0iMTsgMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) no-repeat 50% 50%
}

.iziModal .iziModal-content:after, .iziModal .iziModal-content:before {
    content: "";
    display: table
}

.iziModal .iziModal-content:after {
    clear: both
}

.iziModal .iziModal-content {
    zoom: 1;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.iziModal .iziModal-wrap {
    width: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.iziModal .iziModal-iframe {
    border: 0;
    margin: 0 0 -6px;
    width: 100%;
    transition: height .3s ease
}

.iziModal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.iziModal-navigate {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.iziModal-navigate-caption {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    line-height: 16px;
    font-size: 9px;
    font-family: Lato, Arial;
    letter-spacing: .1em;
    text-indent: 0;
    text-align: center;
    width: 70px;
    padding: 5px 0;
    text-transform: uppercase;
    display: none
}

.iziModal-navigate-caption:after, .iziModal-navigate-caption:before {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    content: "";
    background-size: 100% !important
}

.iziModal-navigate-caption:before {
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmFjNjAyMy04OWU0LWE0NDAtYmMxMy1kOTA5MTQ3MmYzYjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDREQ0YwRjA1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDREQ0YwRUY1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmM0Nzk3Ni1mNzE3LTk5NDAtYTgyYS1mNTdjNmNiYmU0NWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGVmYTEyZC01MzM0LTExZTYtYWRkYi04Y2NmYjI5ZTAxNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oo0ptAAACWklEQVR42uyZTWsTYRSFZybxo4kWk5g2NC5qTAU3Kq30A9udi1oXolV/hWuhv6R/Q6utioi4LbbVFHemamlRU0OCEk0wZjwXzwtDoBDopHMHcuFJMplZnLm5ue+589qu61qeOApyYAjEgG0FEyLqN/gKiqBuTtgewWlwCZw056xgwwirgU3wxSv4NJgCUV5YBRXQDEhsBJwCSSauBVZFdJRlIJk9Av7wbj577jDIOENtRmPVwcsw6KfAAvikRKzEDlhnhuU/lRPBWaa9wsxqC6ndPX7OiOA4D8qW3vjO9z7H0w3+KhZstNmOFbLoCQ6DYGmL+bAInmGfLFC4asFXwRJIgB+goVmw+I7HXO+/gevGnGgUPEGxktkSmAMbWmt4HDwBKS6XN1jDKrvEFYoVK7oLroE3h93Woh1eNwqWafJ/gQV65vM+ail34mc6EZwBK2CAx8fAIjjeBYMzDT4cVHCEXtRbRvEu/Nr9HCIOnGGp15vgEec9KYn74B0nAT/CZnv86FcNvwK3wENwAjwAs2Bbs5d4CW5zir0AXvv8p+tKH34B5lkW4h2egRHtbu05uMMHHWfB0zC4NRF5l09kzvE4rd2tyUJyjy4tz7akZqXbL8QETbJ/FsMgWOJtb6brCQ5YsBsC8Uab63DVkkgqFpzie93h8OhScFah2LTHi5ccWroaLd5l6//+hpYQoWP05LKqFs2WQYbTsNxAi+5fxpWmdfh7HS7XhwSzG+H3a2JnvZsyktmLbdOFhpDMvrf4sN1u2/aK0cwMcmYLcturweceW+CnOfFPgAEA8uWFFylBJYoAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal-navigate-caption:after {
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2YWM2MDIzLTg5ZTQtYTQ0MC1iYzEzLWQ5MDkxNDcyZjNiMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NERDRjBGMDUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NERDRjBFRjUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY2YzQ3OTc2LWY3MTctOTk0MC1hODJhLWY1N2M2Y2JiZTQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkZWZhMTJkLTUzMzQtMTFlNi1hZGRiLThjY2ZiMjllMDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuijSm0AAAKbSURBVFhH7ZnJj0xRGEerzFoIMTaCZmOIedhaiJj55yz8DaYdNhIJEUMQbCTG3rQ02hDSiEY553XdTpHS3nv96taV9ElO6lVt6peb7933fffVG41GrYW5uBaX4EysYzcw1Fd8hc/wM2a0Bl6Nm3BW9i0dDPsQX/olBF6FO72AH/gG3+N3jL3KBpqGC3ERTsGfeAsHDTyHi71oCXzBe/gaU2A5bscZOIxXTb8OLQNX9i6mElYsg/voqruwfQb2BhODWgqpMYDv0NLsNXC4yd42P1PEwNJj4HBTWdipErLVDfxfMRm408QMvBu3jV6WJ1Zg9/rbeBOP+UNZYgX+iE/Rp+lpPIKliBXYB9IhtPNy3z/T/F6YmDXsChvyBc7Gs3gACxEzsDzBg9iPPXgO92NuYgeWx2h3+AhtaM7jPsyF7aV37XR8gNZYO/pwKY51+xPkG27Fk2joT3gCr2A7NuJ6HMkTeAPadlp3VeMChF7G0P6X3dmfjAXOUxIj6LZkv1ylNuStDZejkL+PS96ScFzRqnDAtI5PoTefvbg7iNNOOwqVRCfYghdxBbpHH8Y7+DcKlUTV7MLLaNghPIrjhf2N2IF34AVcjE44hrXHyE3MwE6/loEzpEcIlqKjeyFiBe7FS+he/gENewMLEyuwXdo8dGWP43UsRazA9g7uDNbwNX8oS8watlsz+ISIGbgSJgN3GgOHlnFq8zNFQraGgT1iFc9iUyU0XsMGHhy9zh6XbvCp4ZuBBWglDBj4OdqLeu0+uRJTwMZ+Dbp/e21P3m97yWe2snsw1LTHmz5C/9lQdwhfGbiq89GwvrrwUT4UAouhN6MzloTRpVuEYI5O9urZYXtrYPGQw2OlZegM163QhrJMfWVgyTq0Qq32C/N7uPz9OknWAAAAAElFTkSuQmCC) no-repeat 50% 50%
}

.iziModal-navigate > button {
    position: fixed;
    bottom: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: 84px;
    background-size: 100% !important;
    cursor: pointer;
    padding: 0;
    opacity: .2;
    transition: opacity .3s ease;
    pointer-events: all;
    margin: 0;
    outline: 0
}

.iziModal-navigate > button:hover {
    opacity: 1
}

.iziModal-navigate-prev {
    left: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAAsTAAALEwEAmpwYAAA5sGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo2NDkyYzcxMy05ZDM0LTZlNGQtYmUwNi1hMDMyY2Q4NDVjNGU8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDo1QjIzMUMxODU3RjcxMUU2ODUzRkRBRjE5RDhDQjZBRDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpjZmMwNzVmNC1kODA3LWI0NDMtYWIwYS02YWVhZjRjMDgxZWE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmNmYzA3NWY0LWQ4MDctYjQ0My1hYjBhLTZhZWFmNGMwODFlYTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDo1Ni0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjA0LTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PvAvv7QAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAmdJREFUeNrs1LsJQkEQhtH/mtmBgQ8QA7tQK1e7MBBBMbADwzUZEyuQveeDCXbD4TBDay3SWJpYgYCXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXv/WJskpyQJ4jQH7Mcmu0C+BV+/Y5/VeF/oV8Ood+7dpDfDqHvsrySHJBXjBDrxgB16wAy/YgRfswAt24AU78IIdeMEOPOywAw+7gIcdeMEOvGAHXrADL9iBF+zAC3bgBTvwsMMOPOwCHnYBD7uAhx14wQ68YAdesAMv2IEX7MDDDjvwsAt42AU87AIedgEPu4CHXcDDDrxgB16wAw877MDDDjvwsAt42AU87AIedgEPu4CHXcDDLuBhB16wAw877MDDLuBhF/CwC3jYBTzsAh52AQ+7gIddwEtjB3+tS/78+Z/V5d9iATz0Ah56AQ+9gIdewEMv4KEX8NALeOgFPPQCHnoBDz3wgh54QQ889NADDz30wEMv4KEX8NALeOgFPPQCHnoBD72Ahx54QQ+8oAde0AMv6IEX9MBDDz3w0EMPPPQCHnoBD72Ah17AQw+8FUAPvKAHXtADL+iBF/TAC3rgBT3wgh546KEHHnrogYdewEMv4KEHXtADL+iBF/TAC3rgBT3wgh54QQ+8oAde0AMv6IGHHnrgoU/yrgFe3aO/JdknuQOv3tGfC/tjjEsYWmsoyIWXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXvqnPgAAAP//AwCEcoCBRabYzAAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.iziModal-navigate-next {
    right: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAB3SAAAd0gEUasEwAAA7pGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjEyLTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDphZjljN2Q2MC00MTg2LWE3NGQtYTBiMS1mMGU5ODUwYzg2ZGY8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjAxNjJjMmE3LWZmMjYtYzE0ZC05Yjg4LTc2MGM2NzAxYjYzNzwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1MTowNy0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmFmOWM3ZDYwLTQxODYtYTc0ZC1hMGIxLWYwZTk4NTBjODZkZjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTg4PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+nbt1mgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACQklEQVR42uzSsQ3CQAAEQTdiOyGg/wrciJ0QUMYSECEKAP3PSdvAaZZqkWbJCQJeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXsBLwEvAS8BLwEvAS8BLwEvAS8BLwEvAC3gJeAl4CXgJ+D9vrY7qBgLwo7dVZ+89oAd+5Pbq6nPQAz9s9+rZ96AHHnoBD72Ah17AQy/goRfw0At46AU89AIeegEPvYCHHnhBD7ygBx566IGHHnrgoRfw0At46AU89AIeegEPvYCHXsBDL+ChB17QAy/ogRf0wAt64KGHHnjooQceegEPvYCHXsBDL+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADDz30wEPvI+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADL+iBF/TAC3rgoZ8ePRDAAy/YgRfswAt24AU78IIdeMEOvGAHXrADL9iBhx124GEX8LADL9iBF+zAC3bgBTvwgh14wQ68YAcedtiBh13Awy7gYRfwsAMv2IEX7MALduAFO/CCHXjYYQcedgEPu4CHXcDDLuBhF/CwA+8E2IEX7MALduAFO/Cwww487AIedgEPu4CHXcDDLuBhF/CwC3jYgRfswMMOO/CwC3jYBTzsAh52AQ+7gIddwMMu4GEX8LBravB7dcEO/Ext1Qk78DO1VgfswEvAS8BLwEvAS8BLwEvAS8BLwEvAS8ALeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXgBLwEvAS8BLwEvAS/9shcAAAD//wMAtAygvJrkwJUAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.iziModal.isAttachedTop .iziModal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.iziModal.isAttachedTop {
    margin-top: 0 !important;
    margin-bottom: auto !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.iziModal.isAttachedBottom {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.iziModal.isFullscreen {
    max-width: 100% !important;
    margin: 0 !important;
    height: 100% !important
}

.iziModal.isAttached, .iziModal.isFullscreen {
    border-radius: 0 !important
}

.iziModal.hasScroll .iziModal-wrap {
    overflow-y: auto;
    overflow-x: hidden
}

html.iziModal-isAttached, html.iziModal-isOverflow {
    overflow: hidden
}

html.iziModal-isAttached body, html.iziModal-isOverflow body {
    overflow-y: scroll;
    position: relative
}

.iziModal ::-webkit-scrollbar {
    overflow: visible;
    height: 7px;
    width: 7px
}

.iziModal ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    background-clip: padding-box;
    border: 0 solid transparent;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.iziModal ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .4)
}

.iziModal ::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

.iziModal ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px
}

.iziModal.transitionIn .iziModal-header {
    -webkit-animation: iziM-slideDown .7s cubic-bezier(.7, 0, .3, 1);
    animation: iziM-slideDown .7s cubic-bezier(.7, 0, .3, 1)
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon {
    -webkit-animation: iziM-revealIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziM-revealIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle, .iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation: iziM-slideIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziM-slideIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziModal.transitionIn .iziModal-header .iziModal-button {
    -webkit-animation: iziM-revealIn 1.2s cubic-bezier(.7, 0, .3, 1);
    animation: iziM-revealIn 1.2s cubic-bezier(.7, 0, .3, 1)
}

.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap {
    -webkit-animation: iziM-fadeIn 1.3s;
    animation: iziM-fadeIn 1.3s
}

.iziModal.transitionIn .iziModal-header {
    -webkit-animation-delay: 0s;
    -moz-animation: 0s;
    animation-delay: 0s
}

.iziModal.transitionIn .iziModal-header .iziModal-header-icon, .iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation-delay: .4s;
    -moz-animation: .4s;
    animation-delay: .4s
}

.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
    -webkit-animation-delay: .5s;
    -moz-animation: .5s;
    animation-delay: .5s
}

.iziModal.transitionOut .iziModal-header, .iziModal.transitionOut .iziModal-header * {
    transition: none !important
}

.iziModal-navigate.fadeOut, .iziModal-overlay.fadeOut, .iziModal.fadeOut, .iziModal .fadeOut {
    -webkit-animation: iziM-fadeOut .5s;
    animation: iziM-fadeOut .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.iziModal-navigate.fadeIn, .iziModal-overlay.fadeIn, .iziModal.fadeIn, .iziModal .fadeIn {
    -webkit-animation: iziM-fadeIn .5s;
    animation: iziM-fadeIn .5s
}

.iziModal-overlay.comingIn, .iziModal.comingIn {
    -webkit-animation: iziM-comingIn .5s ease;
    animation: iziM-comingIn .5s ease
}

.iziModal-overlay.comingOut, .iziModal.comingOut {
    -webkit-animation: iziM-comingOut .5s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-comingOut .5s cubic-bezier(.16, .81, .32, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.iziModal-overlay.bounceInDown, .iziModal.bounceInDown {
    -webkit-animation: iziM-bounceInDown .7s ease;
    animation: iziM-bounceInDown .7s ease
}

.iziModal-overlay.bounceOutDown, .iziModal.bounceOutDown {
    -webkit-animation: iziM-bounceOutDown .7s ease;
    animation: iziM-bounceOutDown .7s ease
}

.iziModal-overlay.bounceInUp, .iziModal.bounceInUp {
    -webkit-animation: iziM-bounceInUp .7s ease;
    animation: iziM-bounceInUp .7s ease
}

.iziModal-overlay.bounceOutUp, .iziModal.bounceOutUp {
    -webkit-animation: iziM-bounceOutUp .7s ease;
    animation: iziM-bounceOutUp .7s ease
}

.iziModal-overlay.fadeInDown, .iziModal.fadeInDown {
    -webkit-animation: iziM-fadeInDown .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInDown .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutDown, .iziModal.fadeOutDown {
    -webkit-animation: iziM-fadeOutDown .5s ease;
    animation: iziM-fadeOutDown .5s ease
}

.iziModal-overlay.fadeInUp, .iziModal.fadeInUp {
    -webkit-animation: iziM-fadeInUp .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInUp .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutUp, .iziModal.fadeOutUp {
    -webkit-animation: iziM-fadeOutUp .5s ease;
    animation: iziM-fadeOutUp .5s ease
}

.iziModal-overlay.fadeInLeft, .iziModal.fadeInLeft {
    -webkit-animation: iziM-fadeInLeft .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInLeft .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutLeft, .iziModal.fadeOutLeft {
    -webkit-animation: iziM-fadeOutLeft .5s ease;
    animation: iziM-fadeOutLeft .5s ease
}

.iziModal-overlay.fadeInRight, .iziModal.fadeInRight {
    -webkit-animation: iziM-fadeInRight .7s cubic-bezier(.16, .81, .32, 1);
    animation: iziM-fadeInRight .7s cubic-bezier(.16, .81, .32, 1)
}

.iziModal-overlay.fadeOutRight, .iziModal.fadeOutRight {
    -webkit-animation: iziM-fadeOutRight .5s ease;
    animation: iziM-fadeOutRight .5s ease
}

.iziModal-overlay.flipInX, .iziModal.flipInX {
    -webkit-animation: iziM-flipInX .7s ease;
    animation: iziM-flipInX .7s ease
}

.iziModal-overlay.flipOutX, .iziModal.flipOutX {
    -webkit-animation: iziM-flipOutX .7s ease;
    animation: iziM-flipOutX .7s ease
}

@-webkit-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px) perspective(600px) rotateX(10deg)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0)
    }
}

@keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px) perspective(600px) rotateX(10deg)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0) perspective(600px) rotateX(0)
    }
}

@-webkit-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@-webkit-keyframes iziM-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes iziM-fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes iziM-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes iziM-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes iziM-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes iziM-slideDown {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0) translateY(-40px);
        -webkit-transform-origin: center top
    }
}

@keyframes iziM-slideDown {
    0% {
        opacity: 0;
        transform: scaleY(0) translateY(-40px);
        transform-origin: center top
    }
}

@-webkit-keyframes iziM-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1)
    }
}

@keyframes iziM-revealIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, 1)
    }
}

@-webkit-keyframes iziM-bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -1000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes iziM-bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -1000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@-webkit-keyframes iziM-bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 1000px, 0)
    }
}

@keyframes iziM-bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 1000px, 0)
    }
}

@-webkit-keyframes iziM-bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 1000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes iziM-bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 1000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes iziM-bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes iziM-bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -1000px, 0)
    }
}

@-webkit-keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes iziM-fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes iziM-fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }
}

@keyframes iziM-fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }
}

@-webkit-keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes iziM-fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes iziM-fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
}

@keyframes iziM-fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
}

@-webkit-keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes iziM-fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-200px, 0, 0)
    }
}

@keyframes iziM-fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-200px, 0, 0)
    }
}

@-webkit-keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes iziM-fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(200px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes iziM-fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(200px, 0, 0)
    }
}

@keyframes iziM-fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(200px, 0, 0)
    }
}

@-webkit-keyframes iziM-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes iziM-flipInX {
    0% {
        transform: perspective(400px) rotateX(60deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes iziM-flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(40deg);
        opacity: 0
    }
}

@keyframes iziM-flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(40deg);
        opacity: 0
    }
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    *zoom: 1;
    padding: 0;
    height: 100% !important
}

.bx-wrapper > img {
    max-width: 100%;
    display: block
}

.bx-viewport {
    height: 100% !important
}

.bx-wrapper .bx-viewport {
    position: relative;
    z-index: 2;
    height: 100% !important;
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 3
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #aa8d52;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    outline: 0;
    border-radius: 10px
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.bx-wrapper .bx-prev {
    left: 10px
}

.bx-wrapper .bx-next {
    right: 10px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: none
    }
}

@keyframes wobble {
    0% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }
    to {
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }
    to {
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }
    to {
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }
    to {
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }
    to {
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }
    to {
        visibility: hidden;
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }
    to {
        visibility: hidden;
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    to {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    to {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    to {
        visibility: hidden;
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    to {
        visibility: hidden;
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    to {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    to {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.magictime {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.magic {
    -webkit-animation-name: magic;
    animation-name: magic
}

.openDownLeft {
    -webkit-animation-name: openDownLeft;
    animation-name: openDownLeft
}

.openDownRight {
    -webkit-animation-name: openDownRight;
    animation-name: openDownRight
}

.openUpLeft {
    -webkit-animation-name: openUpLeft;
    animation-name: openUpLeft
}

.openUpRight {
    -webkit-animation-name: openUpRight;
    animation-name: openUpRight
}

.openDownLeftRetourn {
    -webkit-animation-name: openDownLeftRetourn;
    animation-name: openDownLeftRetourn
}

.openDownRightRetourn {
    -webkit-animation-name: openDownRightRetourn;
    animation-name: openDownRightRetourn
}

.openUpLeftRetourn {
    -webkit-animation-name: openUpLeftRetourn;
    animation-name: openUpLeftRetourn
}

.openUpRightRetourn {
    -webkit-animation-name: openUpRightRetourn;
    animation-name: openUpRightRetourn
}

.openDownLeftOut {
    -webkit-animation-name: openDownLeftOut;
    animation-name: openDownLeftOut
}

.openDownRightOut {
    -webkit-animation-name: openDownRightOut;
    animation-name: openDownRightOut
}

.openUpLeftOut {
    -webkit-animation-name: openUpLeftOut;
    animation-name: openUpLeftOut
}

.openUpRightOut {
    -webkit-animation-name: openUpRightOut;
    animation-name: openUpRightOut
}

.perspectiveDown {
    -webkit-animation-name: perspectiveDown;
    animation-name: perspectiveDown
}

.perspectiveDown, .perspectiveLeft {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.perspectiveLeft {
    -webkit-animation-name: perspectiveLeft;
    animation-name: perspectiveLeft
}

.perspectiveRight {
    -webkit-animation-name: perspectiveRight;
    animation-name: perspectiveRight
}

.perspectiveRight, .perspectiveUp {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.perspectiveUp {
    -webkit-animation-name: perspectiveUp;
    animation-name: perspectiveUp
}

.perspectiveDownRetourn {
    -webkit-animation-name: perspectiveDownRetourn;
    animation-name: perspectiveDownRetourn
}

.perspectiveDownRetourn, .perspectiveLeftRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.perspectiveLeftRetourn {
    -webkit-animation-name: perspectiveLeftRetourn;
    animation-name: perspectiveLeftRetourn
}

.perspectiveRightRetourn {
    -webkit-animation-name: perspectiveRightRetourn;
    animation-name: perspectiveRightRetourn
}

.perspectiveRightRetourn, .perspectiveUpRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.perspectiveUpRetourn {
    -webkit-animation-name: perspectiveUpRetourn;
    animation-name: perspectiveUpRetourn
}

.puffIn {
    -webkit-animation-name: puffIn;
    animation-name: puffIn
}

.puffOut {
    -webkit-animation-name: puffOut;
    animation-name: puffOut
}

.rotateDown {
    -webkit-animation-name: rotateDown;
    animation-name: rotateDown
}

.rotateDown, .rotateLeft {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.rotateLeft {
    -webkit-animation-name: rotateLeft;
    animation-name: rotateLeft
}

.rotateRight {
    -webkit-animation-name: rotateRight;
    animation-name: rotateRight
}

.rotateRight, .rotateUp {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.rotateUp {
    -webkit-animation-name: rotateUp;
    animation-name: rotateUp
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

.slideLeft {
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft
}

.slideRight {
    -webkit-animation-name: slideRight;
    animation-name: slideRight
}

.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.slideDownRetourn {
    -webkit-animation-name: slideDownRetourn;
    animation-name: slideDownRetourn
}

.slideLeftRetourn {
    -webkit-animation-name: slideLeftRetourn;
    animation-name: slideLeftRetourn
}

.slideRightRetourn {
    -webkit-animation-name: slideRightRetourn;
    animation-name: slideRightRetourn
}

.slideUpRetourn {
    -webkit-animation-name: slideUpRetourn;
    animation-name: slideUpRetourn
}

.swap {
    -webkit-animation-name: swap;
    animation-name: swap
}

.twisterInDown {
    -webkit-animation-name: twisterInDown;
    animation-name: twisterInDown
}

.twisterInUp {
    -webkit-animation-name: twisterInUp;
    animation-name: twisterInUp
}

.vanishIn {
    -webkit-animation-name: vanishIn;
    animation-name: vanishIn
}

.vanishOut {
    -webkit-animation-name: vanishOut;
    animation-name: vanishOut
}

.swashOut {
    -webkit-animation-name: swashOut;
    animation-name: swashOut
}

.swashIn {
    -webkit-animation-name: swashIn;
    animation-name: swashIn
}

.foolishOut {
    -webkit-animation-name: foolishOut;
    animation-name: foolishOut
}

.foolishIn {
    -webkit-animation-name: foolishIn;
    animation-name: foolishIn
}

.holeOut {
    -webkit-animation-name: holeOut;
    animation-name: holeOut
}

.tinRightOut {
    -webkit-animation-name: tinRightOut;
    animation-name: tinRightOut
}

.tinLeftOut {
    -webkit-animation-name: tinLeftOut;
    animation-name: tinLeftOut
}

.tinUpOut {
    -webkit-animation-name: tinUpOut;
    animation-name: tinUpOut
}

.tinDownOut {
    -webkit-animation-name: tinDownOut;
    animation-name: tinDownOut
}

.tinRightIn {
    -webkit-animation-name: tinRightIn;
    animation-name: tinRightIn
}

.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    animation-name: tinLeftIn
}

.tinUpIn {
    -webkit-animation-name: tinUpIn;
    animation-name: tinUpIn
}

.tinDownIn {
    -webkit-animation-name: tinDownIn;
    animation-name: tinDownIn
}

.bombRightOut {
    -webkit-animation-name: bombRightOut;
    animation-name: bombRightOut
}

.bombLeftOut {
    -webkit-animation-name: bombLeftOut;
    animation-name: bombLeftOut
}

.boingInUp {
    -webkit-animation-name: boingInUp;
    animation-name: boingInUp
}

.boingOutDown {
    -webkit-animation-name: boingOutDown;
    animation-name: boingOutDown
}

.spaceOutUp {
    -webkit-animation-name: spaceOutUp;
    animation-name: spaceOutUp
}

.spaceOutRight {
    -webkit-animation-name: spaceOutRight;
    animation-name: spaceOutRight
}

.spaceOutDown {
    -webkit-animation-name: spaceOutDown;
    animation-name: spaceOutDown
}

.spaceOutLeft {
    -webkit-animation-name: spaceOutLeft;
    animation-name: spaceOutLeft
}

.spaceInUp {
    -webkit-animation-name: spaceInUp;
    animation-name: spaceInUp
}

.spaceInRight {
    -webkit-animation-name: spaceInRight;
    animation-name: spaceInRight
}

.spaceInDown {
    -webkit-animation-name: spaceInDown;
    animation-name: spaceInDown
}

.spaceInLeft {
    -webkit-animation-name: spaceInLeft;
    animation-name: spaceInLeft
}

@-webkit-keyframes magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        -webkit-transform: scale(1) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        -webkit-transform: scale(0) rotate(270deg)
    }
}

@keyframes magic {
    0% {
        opacity: 1;
        transform-origin: 100% 200%;
        transform: scale(1) rotate(0deg)
    }
    to {
        opacity: 0;
        transform-origin: 200% 500%;
        transform: scale(0) rotate(270deg)
    }
}

@-webkit-keyframes openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openDownRight {
    0% {
        transform-origin: bottom right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        transform-origin: bottom right;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openUpLeft {
    0% {
        transform-origin: top left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        transform-origin: top left;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpRight {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openUpRight {
    0% {
        transform-origin: top right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        transform-origin: top right;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownLeftRetourn {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes openDownLeftRetourn {
    0% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        transform-origin: bottom left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes openDownRightRetourn {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes openDownRightRetourn {
    0% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        transform-origin: bottom right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes openUpLeftRetourn {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes openUpLeftRetourn {
    0% {
        transform-origin: top left;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        transform-origin: top left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes openUpRightRetourn {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes openUpRightRetourn {
    0% {
        transform-origin: top right;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        transform-origin: top right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openDownLeftOut {
    0% {
        opacity: 1;
        transform-origin: bottom left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        transform-origin: bottom left;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openDownRightOut {
    0% {
        opacity: 1;
        transform-origin: bottom right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        transform-origin: bottom right;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openUpLeftOut {
    0% {
        opacity: 1;
        transform-origin: top left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        transform-origin: top left;
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out
    }
}

@keyframes openUpRightOut {
    0% {
        opacity: 1;
        transform-origin: top right;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        opacity: 0;
        transform-origin: top right;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
    to {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
}

@keyframes perspectiveDown {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg)
    }
    to {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
}

@-webkit-keyframes perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
}

@keyframes perspectiveLeft {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg)
    }
    to {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
}

@-webkit-keyframes perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
    to {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
}

@keyframes perspectiveRight {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg)
    }
    to {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
}

@-webkit-keyframes perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
}

@keyframes perspectiveUp {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg)
    }
    to {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
}

@-webkit-keyframes perspectiveDownRetourn {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg)
    }
    to {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
}

@keyframes perspectiveDownRetourn {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg)
    }
    to {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg)
    }
}

@-webkit-keyframes perspectiveLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
}

@keyframes perspectiveLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg)
    }
    to {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg)
    }
}

@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg)
    }
    to {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg)
    }
}

@keyframes perspectiveRightRetourn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg)
    }
    to {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg)
    }
}

@-webkit-keyframes perspectiveUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
}

@keyframes perspectiveUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg)
    }
    to {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg)
    }
}

@-webkit-keyframes puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2);
        -webkit-filter: blur(2px)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        -webkit-filter: blur(0)
    }
}

@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2);
        filter: blur(2px)
    }
    to {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1);
        filter: blur(0)
    }
}

@-webkit-keyframes puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2);
        -webkit-filter: blur(2px)
    }
}

@keyframes puffOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2);
        -webkit-filter: blur(2px)
    }
}

@-webkit-keyframes rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@keyframes rotateDown {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: perspective(800px) rotateX(-180deg) translateZ(300px)
    }
}

@-webkit-keyframes rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@keyframes rotateLeft {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(180deg) translateZ(300px)
    }
}

@-webkit-keyframes rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@keyframes rotateRight {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(-180deg) translateZ(150px)
    }
}

@-webkit-keyframes rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@keyframes rotateUp {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(180deg) translateZ(100px)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
}

@keyframes slideDown {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
    to {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
}

@keyframes slideLeft {
    0% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
    to {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
}

@keyframes slideRight {
    0% {
        transform-origin: 0 0;
        transform: translateX(0)
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform-origin: 0 0;
        transform: translateY(0)
    }
    to {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes slideDownRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(100%)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDownRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%)
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0)
    }
}

@-webkit-keyframes slideLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(-100%)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
}

@keyframes slideLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%)
    }
    to {
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-webkit-keyframes slideRightRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(100%)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateX(0)
    }
}

@keyframes slideRightRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    to {
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@-webkit-keyframes slideUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(-100%)
    }
    to {
        -webkit-transform-origin: 0 0;
        -webkit-transform: translateY(0)
    }
}

@keyframes slideUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%)
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0)
    }
}

@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0) translate(-700px)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1) translate(0)
    }
}

@keyframes swap {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0) translate(-700px)
    }
    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1) translate(0)
    }
}

@-webkit-keyframes twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0) rotate(1turn) translateY(-100%)
    }
    30% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0) rotate(1turn) translateY(-100%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1) rotate(0deg) translateY(0)
    }
}

@keyframes twisterInDown {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0) rotate(1turn) translateY(-100%)
    }
    30% {
        transform-origin: 0 100%;
        transform: scale(0) rotate(1turn) translateY(-100%)
    }
    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1) rotate(0deg) translateY(0)
    }
}

@-webkit-keyframes twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0) rotate(1turn) translateY(100%)
    }
    30% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0) rotate(1turn) translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1) rotate(0deg) translateY(0)
    }
}

@keyframes twisterInUp {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scale(0) rotate(1turn) translateY(100%)
    }
    30% {
        transform-origin: 100% 0;
        transform: scale(0) rotate(1turn) translateY(100%)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(1) rotate(0deg) translateY(0)
    }
}

@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2);
        -webkit-filter: blur(90px)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        -webkit-filter: blur(0)
    }
}

@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2);
        -webkit-filter: blur(90px)
    }
    to {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1);
        -webkit-filter: blur(0)
    }
}

@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2);
        -webkit-filter: blur(20px)
    }
}

@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform: scale(1)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(.9)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0)
    }
}

@keyframes swashOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1)
    }
    80% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(.9)
    }
    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0)
    }
}

@-webkit-keyframes swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0)
    }
    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1)
    }
}

@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0)
    }
    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1)
    }
}

@-webkit-keyframes foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1) rotate(1turn)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0) rotate(0deg)
    }
}

@keyframes foolishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1) rotate(1turn)
    }
    20% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scale(.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(.5) rotate(0deg)
    }
    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0) rotate(0deg)
    }
}

@-webkit-keyframes foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0) rotate(1turn)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(.5) rotate(0deg)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1) rotate(0deg)
    }
}

@keyframes foolishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0) rotate(1turn)
    }
    20% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: scale(.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        transform-origin: 0;
        transform: scale(.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(.5) rotate(0deg)
    }
    to {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1) rotate(0deg)
    }
}

@-webkit-keyframes holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1) rotateY(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0) rotateY(180deg)
    }
}

@keyframes holeOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1) rotateY(0deg)
    }
    to {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0) rotateY(180deg)
    }
}

@-webkit-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1) translateX(900%)
    }
}

@keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }
    to {
        opacity: 0;
        transform: scale(1) translateX(900%)
    }
}

@-webkit-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1) translateX(-900%)
    }
}

@keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }
    to {
        opacity: 0;
        transform: scale(1) translateX(-900%)
    }
}

@-webkit-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1) translateY(-900%)
    }
}

@keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1) translateY(0)
    }
    to {
        opacity: 0;
        transform: scale(1) translateY(-900%)
    }
}

@-webkit-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1) translateY(900%)
    }
}

@keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    10%, 30% {
        opacity: 1;
        transform: scale(1.1) translateY(0)
    }
    to {
        opacity: 0;
        transform: scale(1) translateY(900%)
    }
}

@-webkit-keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(0)
    }
    60%, 80%, to {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes tinRightIn {
    0% {
        opacity: 0;
        transform: scale(1) translateX(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }
    60%, 80%, to {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(0)
    }
    60%, 80%, to {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes tinLeftIn {
    0% {
        opacity: 0;
        transform: scale(1) translateX(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }
    60%, 80%, to {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0)
    }
    60%, 80%, to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1) translateY(-900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1) translateY(0)
    }
    60%, 80%, to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0)
    }
    60%, 80%, to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@keyframes tinDownIn {
    0% {
        opacity: 0;
        transform: scale(1) translateY(900%)
    }
    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1) translateY(0)
    }
    60%, 80%, to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@keyframes bombRightOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@keyframes bombLeftOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0)
    }
    50% {
        opacity: 1;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(0)
    }
    to {
        opacity: 0;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(20px)
    }
}

@-webkit-keyframes boingInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(-90deg)
    }
    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(50deg)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(0deg)
    }
}

@keyframes boingInUp {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(-90deg)
    }
    50% {
        opacity: 1;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(50deg)
    }
    to {
        opacity: 1;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(0deg)
    }
}

@-webkit-keyframes boingOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg)
    }
    30% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg)
    }
}

@keyframes boingOutDown {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    20% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(10deg)
    }
    30% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    40% {
        opacity: 1;
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(10deg) rotateY(10deg)
    }
    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(90deg) rotateY(0deg)
    }
}

@-webkit-keyframes spaceOutUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(.2) translateY(-200%)
    }
}

@keyframes spaceOutUp {
    0% {
        opacity: 1;
        transform-origin: 50% 0;
        transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.2) translateY(-200%)
    }
}

@-webkit-keyframes spaceOutRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%)
    }
}

@keyframes spaceOutRight {
    0% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%)
    }
}

@-webkit-keyframes spaceOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translateY(200%)
    }
}

@keyframes spaceOutDown {
    0% {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translateY(200%)
    }
}

@-webkit-keyframes spaceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(.2) translate(-200%)
    }
}

@keyframes spaceOutLeft {
    0% {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scale(1) translate(0)
    }
    to {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.2) translate(-200%)
    }
}

@-webkit-keyframes spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(.2) translateY(-200%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(1) translate(0)
    }
}

@keyframes spaceInUp {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.2) translateY(-200%)
    }
    to {
        opacity: 1;
        transform-origin: 50% 0;
        transform: scale(1) translate(0)
    }
}

@-webkit-keyframes spaceInRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0)
    }
}

@keyframes spaceInRight {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%)
    }
    to {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0)
    }
}

@-webkit-keyframes spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translateY(200%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0)
    }
}

@keyframes spaceInDown {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translateY(200%)
    }
    to {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0)
    }
}

@-webkit-keyframes spaceInLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(.2) translate(-200%)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(1) translate(0)
    }
}

@keyframes spaceInLeft {
    0% {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.2) translate(-200%)
    }
    to {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scale(1) translate(0)
    }
}

.select2-hidden-accessible {
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #dedede;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dedede;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #dedede;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dedede
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
    color: #333
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #dedede;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dedede;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #dedede;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #dedede;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: none
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none
}

.mCustomScrollbar {
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttonsf8c7.html?v=20210311164332);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px
}

.row {
    margin-right: -5px;
    margin-left: -5px
}

.btn-orange {
    background-color: #eaaa56;
    color: #fff
}

.btn-orange.active, .btn-orange:hover {
    background-color: #e79f3f
}

body, html {
    height: 100%
}

.clear {
    clear: both
}

.preLoaderPassReset {
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 3px 3px 3px 3px;
    font-size: 18px;
    color: red;
    height: auto;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    display: none
}

#suspendedPage {
    background-color: #fff
}

.bg-title {
    background-color: #29804e;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin: 5px 0 15px;
    padding: 5px 15px
}

.bg-title.bg-title-blue {
    background-color: #315e92 !important;
    padding: 15px 20px;
    font-size: 20px
}

.bg-title.bg-title-dark {
    background-color: #202532;
    padding: 15px 20px;
    font-size: 20px
}

.box-blue {
    background: #315e92;
    color: #fff;
    border-radius: 0
}

#announcementPopup .modal-header {
    position: relative;
    height: 0;
    padding: 0;
    border: none;
    overflow: visible
}

#announcementPopup .modal-header .close {
    position: absolute;
    color: #fff;
    top: 20px;
    right: 30px;
    z-index: 99;
    padding: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, .8)
}

#announcementPopup .modal-body {
    padding: 0
}

#announcementPopup .modal-body p {
    margin: 0
}

#announcementPopup .modal-body img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important
}

#lcDepositModal, #lcWithdrawModal, #pokerDepositModal, #pokerWithdrawModal {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 16px
}

.modal .modal-body .btn-primary, .modal .modal-body .form-control {
    border-radius: 5px !important
}

.modal .modal-body .h2x {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 86.7%, .28);
    padding-bottom: 20px
}

.livetv img {
    margin: -2px 5px 0 0
}

.btn.red {
    border: none;
    background-color: #ac1f00;
    color: #fff !important;
    line-height: 1.6
}

#scrollToTop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 80px;
    width: 40px;
    height: 40px;
    background-color: #325e92;
    text-indent: -9999px;
    border-radius: 60px !important;
    box-shadow: 0 0 10px 5px #325e92 !important;
    cursor: pointer;
    z-index: 99999
}

#scrollToTop span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff
}

.unread {
    background: #f7f7f7 !important;
    font-weight: 700
}

#cookieWarning {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 30px 30px 30px 10px;
    width: 100%;
    background-color: #d14246;
    color: #fff;
    z-index: 9999999;
    text-align: center
}

#cookieWarning p {
    margin: 0
}

#cookieWarning button {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: transparent;
    border: none;
    font-size: 20px;
    padding: 5px 15px
}

#cookieWarning a {
    color: #fff;
    font-weight: 700
}

#footerPayments .payment {
    margin: 3px
}

#nightMode .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 14px;
    top: 10px
}

#nightMode .switch input {
    display: none
}

#nightMode .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px
}

#nightMode .switch-slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%
}

#nightMode input:checked + .switch-slider {
    background-color: #222
}

#nightMode input:focus + .switch-slider {
    box-shadow: 0 0 1px #333
}

#nightMode input:checked + .switch-slider:before {
    transform: translateX(12px)
}

.iziModal-header-title span {
    display: inline;
    margin: 0;
    font-size: 12px
}

.iziModal-header-title .btn-primary, .iziModal-header-title .btn-secondary {
    border-radius: 5px !important;
    color: #333;
    border: none;
    padding: 1px 8px;
    font-size: 12px
}

.iziModal-header-title .btn-primary:first-child, .iziModal-header-title .btn-secondary:first-child {
    margin-left: 10px
}

.iziModal-header-title .btn-primary:hover, .iziModal-header-title .btn-secondary:hover {
    color: #111 !important;
    background-color: #eee
}

#lcDepositModal, #lcWithdrawModal {
    z-index: 9999999
}

#headerLoginStepStarter, #signUpCompletion input {
    width: 100%
}

#headerLoginStepOtp {
    display: none
}

#headerLoginStepOtp label {
    line-height: 34px;
    padding-right: 10px
}

#headerLoginStepOtp #headerLoginTimerOtp {
    width: 100px
}

#headerLoginStepOtp #headerLogoutOtp {
    width: 100px;
    display: none
}

#headerLoginStepSms {
    display: none
}

#headerLoginStepSms label {
    line-height: 34px;
    padding-right: 10px
}

#headerLoginStepSms #headerLoginTimerSms {
    width: 100px
}

#headerLoginStepSms #headerLogoutSms {
    width: 100px;
    display: none
}

#headerLoginStepEmail {
    display: none
}

#headerLoginStepEmail label {
    line-height: 34px;
    padding-right: 10px
}

#headerLoginStepEmail #headerLoginTimerEmail {
    width: 100px
}

#headerLoginStepEmail #headerLogoutEmail {
    width: 100px;
    display: none
}

#addNewGameFrame, #toggleGameFavorite {
    color: #000;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin: 5px;
    cursor: pointer
}

#addNewGameFrame:hover, #toggleGameFavorite:hover {
    background-color: #fff
}

#togglePageFullscreen i {
    color: #000;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    text-align: center;
    width: 67%;
    height: 67%;
    font-size: 12px !important;
    line-height: 20px !important
}

#togglePageFullscreen i:hover {
    background-color: #fff
}

html.iziModal-isOverflow #activityModal {
    z-index: 99999999999
}

.iziModal .iziModal-content {
    min-height: 600px
}

.iziModal .iziModal-header .iziModal-button {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

#favoriteGames {
    position: relative
}

#favoriteGames.visible a {
    color: #333;
    background-color: #ddd;
    border-radius: 0 !important
}

#favoriteGames.visible #favoriteItems {
    display: block
}

#favoriteItems, #recentItems {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 300px;
    max-height: 500px;
    overflow-y: auto;
    display: none;
    background-color: #ddd;
    color: #333;
    padding: 20px;
    z-index: 9999999;
    font-size: 12px
}

.favorite-item, .recent-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin: 3px 0 0;
    padding: 3px 0 0;
    align-items: center;
    align-content: center
}

.favorite-item:last-child, .recent-item:last-child {
    border: none
}

.favorite-item a, .recent-item a {
    padding: 0 !important;
    flex-grow: 1;
    display: flex;
    color: #333
}

.favorite-item a img, .recent-item a img {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin-right: 5px
}

.favorite-item a span, .recent-item a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.favorite-item button, .recent-item button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #333
}

#openInNewTabBtn {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    color: #fff;
    z-index: 999999999;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

#openInNewTabBtn.hidden {
    left: -2500px;
    display: none
}

#openInNewTabBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #aaa;
    width: calc(100% - 50px);
    height: 60px;
    border-radius: 50px
}

.dropdown-toggle:after {
    display: inline-block !important;
    margin-left: .255em !important;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.utopia .main-content .slide-item .sport-title {
    margin-top: 0 !important
}

.utopia .sport-swiper-container .slide-item > div {
    align-content: center;
    align-items: center
}

.utopia .col, .utopia .col-1, .utopia .col-2, .utopia .col-3, .utopia .col-4, .utopia .col-5, .utopia .col-6, .utopia .col-7, .utopia .col-8, .utopia .col-9, .utopia .col-10, .utopia .col-11, .utopia .col-12, .utopia .col-auto, .utopia .col-lg, .utopia .col-lg-1, .utopia .col-lg-2, .utopia .col-lg-3, .utopia .col-lg-4, .utopia .col-lg-5, .utopia .col-lg-6, .utopia .col-lg-7, .utopia .col-lg-8, .utopia .col-lg-9, .utopia .col-lg-10, .utopia .col-lg-11, .utopia .col-lg-12, .utopia .col-lg-auto, .utopia .col-md, .utopia .col-md-1, .utopia .col-md-2, .utopia .col-md-3, .utopia .col-md-4, .utopia .col-md-5, .utopia .col-md-6, .utopia .col-md-7, .utopia .col-md-8, .utopia .col-md-9, .utopia .col-md-10, .utopia .col-md-11, .utopia .col-md-12, .utopia .col-md-auto, .utopia .col-sm, .utopia .col-sm-1, .utopia .col-sm-2, .utopia .col-sm-3, .utopia .col-sm-4, .utopia .col-sm-5, .utopia .col-sm-6, .utopia .col-sm-7, .utopia .col-sm-8, .utopia .col-sm-9, .utopia .col-sm-10, .utopia .col-sm-11, .utopia .col-sm-12, .utopia .col-sm-auto, .utopia .col-xl, .utopia .col-xl-1, .utopia .col-xl-2, .utopia .col-xl-3, .utopia .col-xl-4, .utopia .col-xl-5, .utopia .col-xl-6, .utopia .col-xl-7, .utopia .col-xl-8, .utopia .col-xl-9, .utopia .col-xl-10, .utopia .col-xl-11, .utopia .col-xl-12, .utopia .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px
}

.utopia .row {
    margin-right: -5px;
    margin-left: -5px
}

.utopia #login-form, .utopia p {
    color: var(--g-main-color-b-normal)
}

.utopia .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: inherit
}

.utopia hr {
    border-color: inherit
}

.utopia .form-control:disabled, .utopia .form-control[readonly] {
    background-color: inherit
}

.utopia .form-control {
    height: 34px
}

.utopia .form-control:focus {
    color: inherit
}

.utopia .custom-control-label {
    position: unset
}

.utopia .alert p {
    color: inherit
}

.utopia label {
    color: var(--g-main-color-b-normal)
}

.utopia .mobile-ticket-circle {
    bottom: 60px !important
}

.utopia .app .layout {
    position: relative
}

.utopia .app .layout .carousel-indicators {
    bottom: -45px !important
}

.utopia .app .layout .carousel-control-next, .utopia .app .layout .carousel-control-prev {
    top: 160px
}

.utopia .app .layout .carousel-item {
    transform: scale(0);
    transition: all .5s;
    display: block
}

.utopia .app .layout .carousel-item.active {
    transform: scale(1)
}

.utopia .app .layout #casinoGames {
    margin: 0 !important
}

.utopia .app .layout #casinoGames a {
    border-radius: 5px;
    position: relative
}

.utopia .app .layout #casinoGames a img {
    transition: all .5s
}

.utopia .app .layout #casinoGames a:hover img {
    opacity: .5
}

.utopia .app .layout #casinoGames a:hover:after, .utopia .app .layout #casinoGames a:hover:before {
    opacity: 1
}

.utopia .app .layout #casinoGames a:before {
    width: 50%;
    height: 50%;
    border: 3px solid #ddd;
    border-radius: 40px
}

.utopia .app .layout #casinoGames a:after, .utopia .app .layout #casinoGames a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 1;
    transition: all .5s
}

.utopia .app .layout #casinoGames a:after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #fff;
    margin-left: 5px
}

.utopia .app .layout .fa, .utopia .app .layout .fas {
    font-family: Font Awesome\ 5 Free !important;
    font-weight: 900
}

.utopia .app .layout .dropdown-toggle:after {
    display: none !important
}

.utopia .app .layout :-ms-input-placeholder {
    color: #aaa
}

.utopia .app .layout :-ms-input-placeholder, .utopia .app .layout ::-ms-input-placeholder, .utopia .app .layout ::placeholder {
    color: #aaa
}

.utopia .app .layout .side-nav {
    position: absolute;
    margin-top: 60px
}

.utopia .app .layout .side-panel-wrapper {
    position: absolute;
    margin-top: 60px;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

@media only screen and (min-width: 1250px) and (max-width: 1440px) {
    .utopia .app .layout .side-panel-wrapper {
        position: unset
    }
}

@media only screen and (min-width: 1440px) {
    .utopia .app .layout .side-panel-wrapper {
        position: unset
    }
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important
}

.parsley-errors-list {
    padding-left: 15px;
    margin: 0;
    font-size: 12px;
    order: 1;
    color: red;
    text-align: left;
    width: 100%
}

#sendMoneyToMemberContent .form-group {
    display: flex;
    flex-direction: column
}

a {
    position: relative
}

a .new-tag {
    font-weight: 400 !important;
    font-size: 9px !important;
    background-color: #B78533;
    color: #fff !important;
    padding: 0 3px;
    position: absolute;
    border-radius: 3px;
    right: 0;
    top: 0;
    align-self: center;
    height: 14px;
    line-height: 14px;
    transform: rotate(5deg);
    width: auto !important
}

#gamePreModal .google-sec-code, #loginModal .google-sec-code {
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: center
}

#gamePreModal .google-sec-code.visible, #loginModal .google-sec-code.visible {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    position: relative
}

#gamePreModal .google-sec-code.visible:after, #loginModal .google-sec-code.visible:after {
    top: 0;
    left: 9%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 5px solid rgba(255, 0, 0, 0);
    border-top-color: red;
    margin-left: -5px
}

#gamePreModal .google-sec-code .g-recaptcha, #loginModal .google-sec-code .g-recaptcha {
    height: 72px;
    margin: 0;
    padding: 0;
    background-color: transparent
}

#gamePreModal .google-sec-code .g-recaptcha > div, #loginModal .google-sec-code .g-recaptcha > div {
    width: 100% !important;
    height: 72px !important
}

#gamePreModal .google-sec-code .g-recaptcha > div > div, #loginModal .google-sec-code .g-recaptcha > div > div {
    height: 72px
}

#gamePreModal .google-sec-code iframe, #loginModal .google-sec-code iframe {
    transform: scale(.88);
    transform-origin: 0 0;
    width: calc(100% + 40px)
}

#gamePreModal {
    max-height: calc(100% - 120px);
    top: calc(50% - 60px) !important
}

.is-new-design #gamePreModal .google-sec-code, .is-new-design #gamePreModal .google-sec-code .g-recaptcha, .is-new-design #loginModal .google-sec-code, .is-new-design #loginModal .google-sec-code .g-recaptcha {
    height: 63px
}

.is-new-design #gamePreModal .google-sec-code .g-recaptcha > div, .is-new-design #loginModal .google-sec-code .g-recaptcha > div {
    height: 63px !important
}

.is-new-design #gamePreModal .google-sec-code .g-recaptcha > div > div, .is-new-design #loginModal .google-sec-code .g-recaptcha > div > div {
    height: 63px
}

.is-new-design #gamePreModal .google-sec-code iframe, .is-new-design #loginModal .google-sec-code iframe {
    transform: scale(.78);
    width: calc(100% + 80px)
}

header #login-form .form-group {
    position: relative
}

header #login-form #loginPass:focus ~ .google-sec-code {
    display: flex
}

header #login-form .google-sec-code {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    top: -200%
}

header #login-form .google-sec-code.visible, header #login-form .google-sec-code.visible a {
    top: 0
}

header #login-form .google-sec-code a {
    position: fixed;
    top: -200%;
    right: 0;
    color: #fff;
    font-size: 30px;
    padding: 10px 20px
}

header #login-form .google-sec-code .g-recaptcha {
    margin: 0;
    padding: 0;
    font-size: 0;
    background-color: transparent
}

#login-form {
    max-width: 300px;
    margin: 0 auto
}

#login-form p {
    text-align: center;
    margin: 10px 0;
    font-size: 14px
}

#login-form .form-group {
    margin: 7px 0 !important;
    position: relative
}

#login-form .form-group input {
    width: 100%;
    border-radius: 5px !important;
    font-size: 14px
}

#login-form .form-group label {
    font-size: 12px
}

#login-form .form-group .icon-button {
    position: absolute;
    right: 10px;
    bottom: 5px;
    background-color: transparent;
    font-size: 20px;
    padding: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 25px;
    border: none;
    opacity: .5;
    cursor: pointer
}

#login-form #loginLogo img {
    max-height: 40px;
    max-width: 80%;
    margin: 0 auto;
    display: block
}

#login-form #headerLoginTimerEmail, #login-form #headerLoginTimerOtp, #login-form #headerLoginTimerSms, #login-form #headerLogoutEmail, #login-form #headerLogoutOtp, #login-form #headerLogoutSms, #login-form .btn-primary, #login-form .btn-secondary, #login-form .link {
    width: 100%;
    padding: 7px 0;
    text-align: center
}

#login-form .btn-primary, #login-form .btn-secondary {
    border-radius: 5px !important;
    font-size: 14px
}

#login-form a {
    display: block
}

#login-form .link {
    margin-top: 10px;
    font-weight: 700;
    font-size: 14px
}

.modal-header {
    align-content: center;
    align-items: center
}

.modal-header h3, .modal-header h6 {
    font-size: 13px;
    margin: 0
}

.modal-header .close {
    color: #fff
}

#registerPage {
    padding-top: 20px
}

#registerPage .form-group input {
    border-radius: 5px !important
}

.select2-container {
    z-index: 9999999999999
}

.custom-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    max-width: 40px;
    height: 24px
}

.custom-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.custom-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px
}

.custom-switch-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s;
    border-radius: 50%
}

.custom-switch input:checked + .custom-switch-slider {
    background-color: #2196f3
}

.custom-switch input:focus + .custom-switch-slider {
    box-shadow: 0 0 1px #2196f3
}

.custom-switch input:checked + .custom-switch-slider:before {
    transform: translateX(16px)
}

#activityModal {
    z-index: 9999;
    background: #19191a
}

#netgameJackpotWidget img {
    max-height: 150px;
    width: auto
}

#netgameJackpotWidget h2 {
    color: #222;
    margin: 25px 0;
    font-weight: 700;
    font-size: 40px
}

#netgameJackpotList {
    display: flex;
    flex-wrap: wrap;
    width: 90%
}

.netgame-jackpot {
    background: linear-gradient(-85deg, #00926a, #73c15d);
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1);
    font-weight: 700
}

.netgame-jackpot-amount {
    font-size: 25px
}

.netgame-jackpot {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 15px
}

.is-new-design .modal-dialog {
    margin-bottom: 70px
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content {
    padding: 0
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-header {
    display: none
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body {
    position: unset;
    padding: 0
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body #activityModalContent #paymentModal > .modal-footer, #activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body #activityModalContent #paymentModal > h5 {
    display: none
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body .integration-body {
    padding-top: 70%
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body .integration-body > * {
    display: none
}

#activityModal.opened-help-modal > .modal-dialog > .modal-content > .modal-body .integration-body .help-video-modal {
    opacity: 1
}

#activityModal .help-video-modal {
    position: absolute;
    padding: 0;
    left: 0;
    top: 0
}

#activityModal .help-video-modal .close-help-video-modal {
    font-size: 35px;
    margin: 0
}

#activityModal .help-video-modal .modal-dialog {
    margin: 0;
    max-width: 100%
}

#blogPage {
    padding: 20px 0;
    background-color: #23262c
}

#blogPage #pageHeader {
    padding: 15px 30px;
    font-size: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    color: #212529;
    display: flex;
    align-content: center;
    align-items: center
}

#blogPage #pageHeader a {
    color: #fff;
    font-size: 14px;
    margin-left: auto;
    font-weight: 700
}

#blogPage #leftBar {
    background-color: #fff;
    margin: 0 5px;
    padding: 10px
}

#blogPage #leftBar a {
    background-color: #23262c;
    color: #fff;
    margin-top: 2px;
    font-size: 12px
}

#blogPage #leftBar a.active {
    background-color: #06a678
}

#blogPage #leftBar a:hover {
    opacity: .8
}

#blogPage .blogContent {
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px;
    background-color: #fff
}

#blogPage .post-preview {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

#blogPage .post-preview a {
    color: #fff
}

#blogPage .post-preview .post-title {
    font-size: 20px;
    font-weight: 700
}

#blogPage .post-preview .post-preview-content {
    font-size: 14px;
    line-height: 1.2
}

#blogPage .post-preview .read-more-link {
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 30px;
    background-color: hsla(0, 0%, 100%, .1);
    float: right;
    margin-top: 10px
}

#blogPage .posts-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px
}

#blogPage .posts-pagination a {
    padding: 5px;
    min-width: 35px;
    margin: 5px;
    background-color: hsla(0, 0%, 100%, .1);
    text-align: center;
    border-radius: 10px;
    color: #fff
}

#blogPage .posts-pagination a.active {
    font-weight: 700;
    background-color: hsla(0, 0%, 100%, .3)
}

#blogMainPageContent #blogCategories {
    background-color: #fff;
    background-image: url(../img/blog-page-bgf8c7.png?v=20210311164332);
    background-size: cover;
    padding-bottom: 40px
}

#blogMainPageContent #blogMainPageTitle {
    background-color: #272a31;
    text-transform: uppercase;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 85px 0 35px
}

#blogMainPageContent #pageSearch {
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 3px;
    color: #585858;
    font-weight: 400;
    width: 100%;
    padding: 20px 30px;
    margin: 0 auto;
    display: block;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #d7d8d8;
    transform: translateY(50%)
}

#blogMainPageContent #categoryList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 30px
}

#blogMainPageContent #categoryList a {
    width: calc(25% - 20px);
    margin: 10px;
    border-radius: 10px;
    background-color: #fff;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-bottom: 4px solid transparent;
    padding: 30px 0
}

#blogMainPageContent #categoryList a p {
    font-size: 18px;
    letter-spacing: -1px;
    color: #585858;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    margin: 0
}

#blogMainPageContent #categoryList a img {
    height: 80px
}

#blogMainPageContent #categoryList a:hover {
    border-bottom: 4px solid #06a578
}

#blogMainPageContent #categoryList a:hover img {
    filter: invert(42%) sepia(91%) saturate(1752%) hue-rotate(133deg) brightness(90%) contrast(95%)
}

#blogMainPageContent #blogPageBottom {
    margin-top: 40px;
    display: none
}

#blogMainPageContent #blogPageBottom h4 {
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 22px;
    color: #06a578;
    font-weight: 700;
    padding-left: 20px;
    padding-bottom: 30px
}

#blogMainPageContent #blogPageBottom p {
    letter-spacing: -1px;
    color: #585858;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    margin: 0
}

#blogMainPageContent #blogPageBottom a {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 16px;
    color: #515151;
    font-weight: 700;
    margin: 10px 0 0 20px;
    display: inline-block;
    border-bottom: 1px solid #585858
}

#userMenu {
    display: none;
    position: fixed;
    top: 0;
    border-left: 1px solid #222;
    height: 100%;
    right: -120%;
    transition: all .5s;
    z-index: 52;
    overflow-y: auto
}

#userMenu.opened {
    right: 0
}

#userMenu {
    background-color: #38679f;
    width: 200px;
    display: flex;
    flex-direction: column
}

#userMenu a {
    border-bottom: 1px solid #38679f;
    border-right: 1px solid #38679f;
    font-size: 12px;
    padding: 13px 25px;
    display: flex;
    align-content: center;
    align-items: center;
    color: #fff
}

#userMenu a i {
    margin-right: 4px
}

#userMenuOverlay {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 51
}

#userPage {
    padding: 20px 0
}

#userPage .container {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

#userPage #userPanelTopMenu {
    width: 100%;
    justify-content: stretch;
    border-bottom: 5px solid #06a578;
    position: relative
}

#userPage #userPanelTopMenu .swiper-slide {
    width: auto
}

#userPage #userPanelTopMenu .sm-next, #userPage #userPanelTopMenu .sm-prev {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    border: none
}

#userPage #userPanelTopMenu .sm-prev {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1)
}

#userPage #userPanelTopMenu .sm-next {
    right: 0;
    background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1)
}

#userPage #userPanelTopMenu .swiper-button-disabled {
    display: none
}

#userPage #userPanelTopMenu a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    text-align: center;
    flex: 1;
    border-left: 1px solid #38679f;
    border-right: 1px solid #20518b;
    background-color: #325e92;
    padding: 20px 0;
    font-size: 12px;
    position: relative;
    border-radius: 0 !important
}

#userPage #userPanelTopMenu a i {
    font-size: 25px;
    display: block;
    margin-bottom: 5px
}

#userPage #userPanelTopMenu a:hover {
    background-color: #244772
}

#userPage #userPanelTopMenu a.active:after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid rgba(136, 183, 213, 0);
    border-top-color: #06a578;
    margin-left: -10px;
    margin-top: 5px
}

#userPage #userPageContent {
    background-color: #fff;
    padding: 20px 30px 30px
}

#userPage #userPageContent #drawDepositButtons {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px
}

#userPage #userPageContent #drawDepositButtons a {
    margin-left: 5px
}

#userPage #userPageContent h5 {
    color: #f50023;
    display: flex;
    align-content: center;
    align-items: center
}

#userPage #userPageContent h5 span > i {
    color: #333;
    margin-right: 5px
}

#userPage #userPageContent .form-horizontal h2 {
    background-color: #222;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px
}

#userPage #userPageContent label {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 13px;
    width: 100%;
    justify-content: flex-start
}

#userPage #userPageContent label i {
    color: #06a578
}

#userPage #userPageContent input, #userPage #userPageContent select {
    font-size: 13px
}

#userPage #userPageContent p.option {
    border: 1px solid #dedede;
    padding: 7px 0 7px 45px;
    height: 35px;
    margin: 0 0 1rem;
    position: relative
}

#userPage #userPageContent p.option i {
    color: #06a578;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px;
    margin: 10px 0;
    border-right: 1px solid #aaa
}

#userPage #userPageContent p.option label {
    margin: 0;
    font-weight: 400;
    width: auto
}

#userPage #userPageContent .form-group {
    display: flex;
    flex-direction: column
}

#userPage #userPageContent .form-group.has-icon {
    position: relative
}

#userPage #userPageContent .form-group.has-icon > i {
    top: 24px
}

#userPage #userPageContent .form-group.has-icon i {
    position: absolute;
    left: 0;
    color: #06a578;
    padding: 0 10px;
    margin: 10px 0;
    border-right: 1px solid #aaa
}

#userPage #userPageContent .form-group.has-icon input, #userPage #userPageContent .form-group.has-icon select {
    padding-left: 45px;
    height: 35px;
    font-size: 13px
}

#userPage #userPageContent .col-4 .form-group.has-icon i {
    top: 0
}

#userPage #userPageContent [type=radio]:checked, #userPage #userPageContent [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

#userPage #userPageContent [type=radio]:checked + label, #userPage #userPageContent [type=radio]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    color: #666
}

#userPage #userPageContent [type=radio]:checked + label:before, #userPage #userPageContent [type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

#userPage #userPageContent [type=radio]:checked + label:after, #userPage #userPageContent [type=radio]:not(:checked) + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #333;
    position: absolute;
    top: 3px;
    right: 13px;
    border-radius: 100%;
    transition: all .2s ease
}

#userPage #userPageContent [type=radio]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

#userPage #userPageContent [type=radio]:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

#userPage #userPageContent #transactions-list-form {
    margin: 0 -5px
}

#userPage #userPageContent #transactions-list-form .form-group {
    width: 20%;
    padding: 0 5px
}

#userPage #userPageContent #transactions-list-form .form-group input, #userPage #userPageContent #transactions-list-form .form-group select {
    width: 100%
}

#userPage #userPageContent #sectionFilter {
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: stretch;
    position: relative;
    overflow: hidden
}

#userPage #userPageContent #sectionFilter .sm-next, #userPage #userPageContent #sectionFilter .sm-prev {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    border: none
}

#userPage #userPageContent #sectionFilter .sm-prev {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1)
}

#userPage #userPageContent #sectionFilter .sm-next {
    right: 0;
    background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1)
}

#userPage #userPageContent #sectionFilter .swiper-button-disabled {
    display: none
}

#userPage #userPageContent #sectionFilter a {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    text-align: center;
    flex: 0;
    position: relative;
    border-left: 1px solid #38679f;
    border-right: 1px solid #20518b;
    padding: 12px 10px;
    color: #fff;
    background-color: #325e92;
    min-width: 120px
}

#userPage #userPageContent #sectionFilter a.mixitup-control-active, #userPage #userPageContent #sectionFilter a:hover {
    background-color: #244772
}

#userPage #userPageContent .payment-section {
    margin: 0 -30px;
    padding: 20px 30px
}

#userPage #userPageContent .payment-section:nth-child(2n) {
    background-color: #eee
}

#userPage #userPageContent .payment-section .section-header {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

#userPage #userPageContent .payment-section .payment-method {
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer
}

#userPage #userPageContent .payment-section .payment-method .name {
    font-size: 11px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    text-align: right
}

#userPage #userPageContent .payment-section .payment-method .limits p {
    font-weight: 700;
    width: 100%;
    margin: 0;
    font-size: 13px
}

#userPage #userPageContent .payment-section .payment-method .limits span {
    font-size: 11px
}

.input-height {
    height: calc(2rem + 2px) !important;
    padding-top: 0 !important
}

.modal-header h4 {
    font-size: 15px
}

.modal-footer {
    flex-wrap: wrap
}

button.stop-videos {
    right: 0;
    position: absolute;
    padding: 5px 20px;
    font-size: 18px
}

.help-videos-btn {
    position: relative
}

.help-videos-btn h3 {
    position: absolute;
    margin-left: 100px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%)
}

#paymentModal .form-horizontal, .help-videos-btn img {
    width: 100%
}

#paymentModal .modal-footer {
    padding-bottom: 50px
}

.envoy-modal {
    display: none;
    background-color: rgba(0, 0, 0, .5) !important;
    background-image: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 99999999999
}

.ticket-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ticket-list input, .ticket-list input[type=radio]:checked {
    display: none !important
}

.ticket-list label {
    list-style: none;
    display: inline-flex !important;
    justify-content: space-between;
    border: 1px solid #ddd;
    padding-right: 20px;
    padding-left: 0;
    margin: 10px;
    position: relative;
    width: auto !important;
    cursor: default !important
}

.ticket-list label:after, .ticket-list label:before {
    display: none !important;
    transform: scale(0) !important
}

.ticket-list label:before {
    position: absolute;
    background-color: #0b90c4;
    content: "+";
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    z-index: 1;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-align: center
}

.ticket-list label:hover:before {
    opacity: 1
}

.ticket-list label:hover input {
    display: none
}

.ticket-list label span {
    background-color: #eee;
    padding: 0 10px;
    line-height: 35px;
    margin-right: 20px
}

.ticket-list label p {
    margin: 0;
    line-height: 35px;
    font-size: 18px
}

.ticket-list label p strong {
    transition: all .5s
}

.ticket-list label p strong.flash {
    text-shadow: 0 0 13px #2af902
}

.ticket-list label .changed {
    background-color: #eee;
    font-size: 14px;
    padding: 0 15px;
    line-height: 35px
}

.ticket-list label.purple {
    border-color: #aa7fee;
    color: #aa7fee
}

.ticket-list label.purple span {
    background-color: #aa7fee !important;
    color: #fff
}

.ticket-list label.yellow {
    border-color: #eeaf0d;
    color: #eeaf0d
}

.ticket-list label.yellow span {
    background-color: #eeaf0d !important;
    color: #fff
}

.ticket-list label.blue {
    border-color: #0d8dee;
    color: #0d8dee
}

.ticket-list label.blue span {
    background-color: #0d8dee !important;
    color: #fff
}

.ticket-list label.green {
    border-color: #3ed773;
    color: #3ed773
}

.ticket-list label.green span {
    background-color: #3ed773 !important;
    color: #fff
}

#ticketColorSchema p {
    display: inline-block;
    line-height: 20px;
    margin: 0 0 0 15px
}

#ticketColorSchema p span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: -4px
}

#ticketColorSchema p.purple {
    color: #aa7fee
}

#ticketColorSchema p.purple span {
    background-color: #aa7fee
}

#ticketColorSchema p.yellow {
    color: #eeaf0d
}

#ticketColorSchema p.yellow span {
    background-color: #eeaf0d
}

#ticketColorSchema p.blue {
    color: #0d8dee
}

#ticketColorSchema p.blue span {
    background-color: #0d8dee
}

#ticketColorSchema p.green {
    color: #3ed773
}

#ticketColorSchema p.green span {
    background-color: #3ed773
}

#changeTickets, #getTickets {
    display: none;
    margin-top: 30px
}

#userTicketList {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#userTicketList li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
    margin: 10px;
    width: 100%;
    background-color: #f5f5f5
}

#userTicketList li span {
    background-color: #eee;
    padding: 0 10px;
    line-height: 35px
}

#userTicketList li strong {
    line-height: 35px;
    font-size: 15px;
    transition: all .5s
}

#userTicketList li strong.flash {
    text-shadow: 0 0 13px #2af902
}

#userTicketList li small {
    background-color: #eee;
    font-size: 14px;
    padding: 0 15px;
    line-height: 35px;
    margin-left: auto;
    width: 100%;
    text-align: center
}

#userTicketList .modal-title {
    padding-top: 0 !important
}

#userTicketList .modal-header .close {
    padding: 0 !important;
    margin: 0 !important
}

#userTicketList .modal-header .close span {
    margin: 0 !important
}

#amountForLottery {
    margin: 20px 0
}

#amountForLottery, #amountForLottery option {
    font-size: 16px !important
}

#deposit-envoy-form .list-group-item-action:focus, #deposit-envoy-form .list-group-item-action:hover {
    background-color: #fff
}

.pokerBonusProgressHeader {
    display: flex;
    justify-content: space-between
}

.pokerBonusProgressHeader p {
    margin-bottom: 3px
}

.pokerBonusProgressHeader p span {
    color: #087f6f;
    font-size: 18px
}

.pokerBonusProgressFooter {
    display: flex;
    justify-content: center
}

.pokerBonusProgressFooter small {
    margin: 3px 7px 0;
    color: #777
}

.pokerBonusProgressBar {
    width: 100%;
    height: 38px;
    padding: 3px;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 5px;
    display: flex
}

.pokerBonusProgressBar div {
    border-radius: 1px;
    height: 30px;
    background-image: linear-gradient(45deg, #eee, #fff);
    cursor: pointer;
    position: relative
}

.pokerBonusProgressBar div.released {
    background-image: linear-gradient(45deg, #5bccb2, #0ab6a3)
}

.pokerBonusProgressBar div:hover span {
    opacity: 1
}

.pokerBonusProgressBar div span {
    opacity: 0;
    transition: all .3s;
    font-size: 12px;
    background-color: #333;
    color: #fff;
    position: absolute;
    top: 105%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    padding: 3px 7px;
    white-space: nowrap
}

.pokerBonusProgressBar div span:after {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 3px solid rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    margin-left: -3px
}

.select2-container {
    width: 100% !important
}

table.dataTable thead td, table.dataTable thead th {
    padding: 5px 10px
}

#GuvenlikBilgileri {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

#memberMenuModal #memberAreaGameHistory table {
    text-align: center
}

#memberMenuModal #memberAreaGameDetails {
    font-size: 12px
}

#memberMenuModal #changePokerHistoryPage {
    padding: 3px 30px 3px 3px;
    border: 1px solid var(--g-main-color-a-light);
    background-color: var(--g-main-color-a-dark);
    height: 25px;
    margin-left: auto;
    max-width: 60px
}

.filter-row th {
    padding: 0 !important
}

.filter-row th input, .filter-row th select {
    margin: 5px;
    width: calc(100% - 10px)
}

.filter-row th .input-daterange {
    display: flex
}

.filter-row th .input-daterange input {
    width: calc(50% - 10px)
}

#couponList {
    text-align: center
}

#couponDetails {
    display: none
}

#couponDetailsContent {
    text-align: center
}

#backToCouponList {
    margin-left: auto
}

#commonCouponDetails {
    margin-bottom: 15px
}

#couponList table td, #couponList table th {
    padding: 2px;
    line-height: 1;
    font-size: 10px
}

#couponList table span {
    border-radius: 3px;
    padding: 3px;
    font-size: 9px;
    color: #fff;
    display: block;
    text-align: center
}

#couponList table span.status0 {
    background-color: #2e5064
}

#couponList table span.status1 {
    background-color: #62a694
}

#couponList table span.status2 {
    background-color: #894dff
}

#couponList table span.status3 {
    background-color: #10a836
}

#couponList table span.status4 {
    background-color: #ff4528
}

#couponList table span.status5 {
    background-color: #968c74
}
#couponList table span.status6 {
    background-color: #f78f39
}
#couponList table span.status7 {
    background-color: #01ff70
}
#fastDrawFormContainer {
    display: none
}

#fastWithdrawBtn {
    margin-left: auto !important
}

.mobile-page #fastWithdrawBtn {
    order: -1
}

.coin-wallet {
    display: flex;
    align-content: center;
    align-items: center
}

.coin-wallet .form-group {
    margin: 0 5px 0 0 !important
}

.coin-wallet .btn, .coin-wallet input, .coin-wallet select.form-control:not([size]):not([multiple]) {
    height: 30px
}

.coin-wallet select.form-control:not([size]):not([multiple]) {
    padding-top: 4px
}

.coin-wallet .btn {
    line-height: 1;
    margin-bottom: 5px;
    width: 30px;
    padding: 0
}

.coin-wallet .parsley-errors-list {
    display: none !important
}

.toggle-favorite {
    color: #ff4500
}

.toggle-favorite.fa-star:before {
    content: "\f004"
}

.toggle-favorite.fa-star-o:before {
    content: "\f08a"
}

#gameList a {
    display: flex;
    flex-direction: column;
    color: #333;
    background-color: #fff;
    text-align: center;
    margin: 10px;
    width: calc(10% - 20px)
}

#gameList a, #gameList a figure {
    position: relative
}

#gameList a figure .game-image {
    width: 100%
}

#gameList a figure i {
    position: absolute
}

#gameList a figure i.open-in-new-tab {
    bottom: 10px;
    right: 10px
}

#gameList a figure i.toggle-favorite {
    top: 10px;
    right: 10px
}

#gameList a figcaption {
    padding: 0 5px;
    font-size: 11px;
    line-height: 11px;
    min-height: 40px;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex
}

.game-list {
    margin-right: -10px;
    margin-left: -10px
}

.game-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 12px
}

.game-box:hover figcaption {
    display: flex
}

.game-box a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    width: 100%
}

.game-box a p {
    font-size: 12px;
    font-weight: 700
}

.game-box a .provider-big-image {
    width: 100%
}

.game-box p {
    margin-bottom: 5px;
    color: #333
}

.game-box figure {
    margin-bottom: 5px;
    max-height: 200px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center
}

.game-box figure img {
    width: auto;
    height: 120px
}

.game-box figure figcaption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px
}

.game-box figure figcaption a {
    margin-top: 10px
}

.game-box .buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 3px
}

.game-box .buttons .btn {
    font-size: 11px;
    padding: 10px 0;
    width: 100%
}

.game-box .buttons.two-column .btn {
    width: 49.5%
}

.online-hours em.bagde {
    float: left !important;
    text-align: left;
    border: 1px solid;
    margin: 4px 4px 2px 0;
    padding: 2px 5px;
    border-radius: 2px
}

.game-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.custom-hide {
    display: none !important
}

.custom-show {
    display: block !important
}

#sportActions {
    display: block;
    background-color: #eee;
    text-align: center;
    padding: 15px 0;
    font-size: 13px
}

#sportActions p {
    margin: 0 3px
}

#sportActions p, .mobile-bBanner, .mobile-bBanner a {
    display: inline-block
}

.mobile-bBanner a img {
    width: 100%;
    margin: 0 0 5px
}

#canlicasino {
    padding: 20px 10px
}

#canlicasino .btn.red {
    border: none;
    background-color: #ac1f00;
    color: #fff !important;
    line-height: 1.6
}

#casinoStotsMobileList {
    position: relative;
    overflow: hidden
}

#casinoStotsMobileList .sm-next, #casinoStotsMobileList .sm-prev {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%;
    border: none
}

#casinoStotsMobileList .sm-prev {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0, transparent);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1)
}

#casinoStotsMobileList .sm-next {
    right: 0;
    background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1)
}

#newCasinoPage {
    padding-top: 0 !important;
    background-color: #eee
}

#newCasinoPage #casinoGames {
    position: relative;
    transition: all .2s;
    padding-top: 10px
}

#newCasinoPage #casinoGames.fixed-v #gameTypeFilter {
    position: fixed;
    z-index: 20;
    top: 80px;
    left: 25px
}

#newCasinoPage #casinoGames.fixed-v #gameList {
    padding-left: 200px;
    width: 100%;
    padding-top: 80px
}

#newCasinoPage #casinoGames.touched-bottom #gameTypeFilter {
    position: absolute !important;
    top: auto;
    bottom: 10px;
    z-index: 19
}

#newCasinoPage #casinoGames.fixed-h #gameTypeFilter {
    position: fixed;
    z-index: 20;
    top: 70px;
    left: 0;
    display: table-row;
    width: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
    border-top: 1px solid #ddd
}

#newCasinoPage #casinoGames.fixed-h #gameTypeFilter a {
    display: table-cell;
    width: 10%;
    text-align: center;
    border-right: 1px solid #ddd
}

#newCasinoPage #casinoGames.fixed-h #gameList {
    width: 100%;
    padding-top: 20px;
    transform: translate(0)
}

#newCasinoPage #casinoGames #gameList {
    width: 100%
}

#newCasinoPage #casinoGames #gameList .game {
    align-self: flex-start;
    justify-self: stretch;
    overflow: hidden;
    height: 0;
    margin: 5px;
    position: relative;
    padding-bottom: calc(100% - 20px);
    border-radius: 5px;
    cursor: pointer;
    /*   background: linear-gradient(-45deg, #556569, #808b80, #201f1c, #aeaca8);*/
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite
}

#newCasinoPage #casinoGames #gameList .game .game-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .7s;
    background-color: #aaa
}

#newCasinoPage #casinoGames #gameList .game .provider-o {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(.8);
    margin-top: 65%
}

#newCasinoPage #casinoGames #gameList .game .hover-box {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 10;
    color: #fff;
    text-align: center;
    background-size: cover;
    transition: all .3s
}

#newCasinoPage #casinoGames #gameList .game .hover-box > p {
    position: absolute;
    width: calc(100% - 50px);
    top: 10px;
    left: 10px;
    font-size: 12px;
    text-align: left
}

#newCasinoPage #casinoGames #gameList .game .hover-box > .toggle-favorite {
    position: absolute;
    font-size: 20px;
    top: 10px;
    right: 10px
}

#newCasinoPage #casinoGames #gameList .game .hover-box > .open-in-new-tab {
    position: absolute;
    font-size: 20px;
    bottom: 10px;
    right: 10px
}

#newCasinoPage #casinoGames #gameList .game .hover-box .play-button {
    border: 5px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30%;
    width: 30%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute
}

#newCasinoPage #casinoGames #gameList .game .hover-box .play-button i {
    font-size: 200%
}

#newCasinoPage #casinoGames #gameList .game .hover-box .buttons {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    display: none
}

#newCasinoPage #casinoGames #gameList .game .hover-box .buttons button {
    padding: 5px 10px;
    border-radius: 5px;
    margin: 3px 0;
    background-color: #fff;
    font-size: 12px
}

#newCasinoPage #casinoGames #gameList .game .hover-box .buttons button:hover {
    opacity: .9
}

#newCasinoPage #casinoGames #gameList .game:hover .game-image {
    transform: scale(1.2)
}

#newCasinoPage #casinoGames #gameList .game:hover .hover-box {
    opacity: 1
}

.btn.fetch-casino-games {
    color: #fff;
    padding: 10px 40px;
    margin-top: 30px;
    background-color: #333;
    border-radius: 20px !important
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

#bingoPage #lgf-container-iframe {
    min-height: 1100px
}

#gamePreModal {
    color: #333;
    text-align: center
}

#gamePreModal .modal-body .game-image {
    width: 100%;
    border-radius: 5px;
    border: 5px solid #eee;
    max-width: 250px
}

#gamePreModal .modal-body p {
    margin: 10px 0;
    font-size: 14px
}

#gamePreModal .modal-body nav button {
    width: 100%;
    margin: 5px 0;
    padding: 7px 0
}

#detailedList #casinoGamesContainer {
    width: 100%;
    margin: 0 auto
}

#detailedList .casino-loader.text-center {
    cursor: pointer
}

#detailedList .casino-loader.text-center .fetch-casino-games.more-loader {
    border: none;
    padding: 5px;
    background-color: transparent;
    color: #fff;
    margin: 0 0 10px
}

#detailedList .casino-loader.text-center .fetch-casino-games.more-loader .casino-loader-text {
    margin-top: -1px;
    padding: 5px 25px 5px 15px;
    font-size: 17px;
    height: 30px;
    font-weight: 550;
    position: relative;
    border: none;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    text-transform: uppercase
}

#detailedList .casino-loader.text-center .fetch-casino-games.more-loader .casino-loader-text:after {
    content: "";
    background-image: url(../img/showMoref8c7.png?v=20210311164332);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 14px;
    height: 14px;
    padding: 7px;
    position: absolute;
    right: 5px;
    display: inline-block;
    margin-left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

#detailedList .casino-loader.text-center .fetch-casino-games.more-loader.disabled .casino-loader-text:after {
    transform: rotate(180deg);
    top: 30%
}

#newCasinoPage {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

#newCasinoPage #casinoGames {
    display: flex
}

/*#newCasinoPage #casinoGames #gameList {
    width: calc(100% - 350px);
    padding: 0 10px
}*/

#newCasinoPage #casinoGames #gameList {
    width: 100%;
    padding: 0 10px
}

#newCasinoPage #casinoGames #casinoSidebar {
    width: 350px;
    display: flex;
    flex-direction: column;
    padding: 5px
}

#newCasinoPage #casinoGames #casinoSidebar #closeCasinoSidebar {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px !important;
    height: 40px;
    font-size: 30px;
    padding: 15px;
    color: var(--g-main-color-b-dark)
}

#newCasinoPage #casinoGames #casinoSidebar > strong {
    margin: 15px 10px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    padding-bottom: 10px;
    color: #fff
}

#newCasinoPage #casinoGames #casinoSidebar > a {
    font-weight: 700;
    width: 100% !important;
    padding: 10px 0;
    border-radius: 5px
}

#newCasinoPage #casinoGames #casinoSidebar > a.active, #newCasinoPage #casinoGames #casinoSidebar > a:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

#newCasinoPage #casinoGames #casinoSidebar > a span {
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: 5px;
    padding: 2px 3px;
    margin-left: 5px;
    font-size: 11px;
    width: auto
}

#newCasinoPage #casinoGames #casinoSidebar #gameLists {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px
}

#newCasinoPage #casinoGames #casinoSidebar #gameLists a {
    padding: 4px;
    margin: 5px;
    color: #ccc;
    width: calc(50% - 12px);
    text-align: left;
    font-size: 14px
}

#newCasinoPage #casinoGames #casinoSidebar #gameLists a.active {
    color: #fff;
    font-weight: 700
}

#newCasinoPage #casinoGames #casinoSidebar #gameLists a:hover {
    color: #fff
}

#newCasinoPage #casinoGames #casinoSidebar #providerList {
    display: flex;
    flex-wrap: wrap
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a {
    width: calc(50% - 12px);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: 1px solid #494f62;
    margin: 5px;
    border-radius: var(--g-radius-sm);
    overflow: hidden
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a:hover {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: green
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a:hover i {
    filter: unset
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a:hover small {
    background-color: green
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a.active {
    background-color: hsla(0, 0%, 100%, .1)
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a span {
    display: flex
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a small {
    transition: var(--g-transition);
    position: absolute;
    right: 0;
    top: 0;
    background-color: #494f62;
    border-bottom-left-radius: 5px;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px;
    z-index: 1
}

#newCasinoPage #casinoGames #casinoSidebar #providerList a i {
    transform: scale(.6);
    transform-origin: center;
    filter: saturate(0) invert(0) brightness(2);
    transition: all .3s
}

#newCasinoPage #casinoGames h2 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    align-content: center
}

#newCasinoPage #casinoGames h2 span {
    font-size: 12px;
    line-height: 1;
    background-color: hsla(0, 0%, 100%, .2);
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-weight: 400
}

#newCasinoPage #casinoGames #searchAndOrder {
    display: flex;
    margin-top: 10px
}

#newCasinoPage #casinoGames #searchAndOrder #openCasinoSidebar {
    display: none
}

#newCasinoPage #casinoGames #searchAndOrder #ordering {
    border: 1px solid hsla(0, 0%, 100%, .2);
    margin: 5px;
    height: 42px;
    color: #fff;
    font-size: 12px;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 7px;
    width: 20%
}

#newCasinoPage #casinoGames #searchAndOrder #ordering option {
    background-color: #555
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch {
    position: relative;
    margin: 5px;
    width: 80%
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch.show-as-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 99999999999;
    margin: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch.show-as-modal #search {
    max-width: 300px;
    border-color: #fff
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch.show-as-modal i {
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-135px, -8px)
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch #search {
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: var(--g-radius-sm);
    font-size: 12px;
    background-color: transparent;
    padding: 10px 10px 10px 35px;
    height: 40px;
    width: 100%
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch #search::-moz-placeholder {
    color: #fff
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch #search:-ms-input-placeholder {
    color: #fff
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch #search::placeholder {
    color: #fff
}

#newCasinoPage #casinoGames #searchAndOrder #gameSearch i {
    position: absolute;
    font-size: 12px;
    top: 12px;
    left: 12px;
    color: #fff
}

#newCasinoPage #casinoGames #searchAndOrder a {
    color: #fff;
    font-size: 14px;
    height: auto;
    text-align: center;
    margin: 5px
}

#newCasinoPage #casinoGames #casinoGamesContainer, #newCasinoPage #casinoGames .default-game-list {
    padding-bottom: 15px;
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    grid-template-rows:auto;
    grid-auto-flow: dense;
    grid-gap: 0 0;
    align-items: stretch;
    justify-items: stretch
}

#newCasinoPage #casinoGames #defaultList .casino-loader.text-center {
    cursor: pointer
}

#newCasinoPage #casinoGames #defaultList .casino-loader.text-center button {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: -1px;
    padding: 5px 25px 5px 15px;
    font-size: 17px;
    height: 30px;
    font-weight: 500;
    position: relative;
    border: none;
    text-transform: uppercase
}

#newCasinoPage #casinoGames #defaultList .casino-loader.text-center button:after {
    content: "";
    background-image: url(../img/showMoref8c7.png?v=20210311164332);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 14px;
    height: 14px;
    padding: 7px;
    position: absolute;
    right: 5px;
    display: inline-block;
    margin-left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

#gamePreModal {
    position: fixed;
    max-width: 450px;
    width: 100%;
    background: #f3f3f3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: auto;
    z-index: 10000;
    padding-right: 0 !important;
    bottom: auto
}

#gamePreModal .modal-dialog {
    max-width: 450px;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: none;
    padding-top: 0 !important
}

#gamePreModal .modal-dialog #login-form, #gamePreModal .modal-dialog #loginForm {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border-radius: 0
}

#gamePreModal .modal-dialog #login-form .form-group, #gamePreModal .modal-dialog #loginForm .form-group {
    margin: 0 !important;
    display: inline-flex
}

#gamePreModal .modal-dialog #login-form .form-group .form-control, #gamePreModal .modal-dialog #loginForm .form-group .form-control {
    text-align: left;
    padding: 5px 10px 5px 25px;
    width: 250px !important;
    height: 35px;
    background: #fff;
    font-weight: 700;
    color: #858d90;
    border: 1px solid #ececec;
    margin: 4px auto;
    border-radius: 5px !important
}

#gamePreModal .modal-dialog #login-form .form-group .form-control:active, #gamePreModal .modal-dialog #login-form .form-group .form-control:focus, #gamePreModal .modal-dialog #loginForm .form-group .form-control:active, #gamePreModal .modal-dialog #loginForm .form-group .form-control:focus {
    outline: none;
    border: 2px solid #707b84
}

#gamePreModal .modal-dialog .game-image {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: none !important
}

#gamePreModal .modal-dialog .game-image img {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px
}

#gamePreModal .modal-dialog .link {
    color: #aaa;
    margin-top: 3px;
    font-size: .85rem
}

#gamePreModal .modal-dialog #GonderBtn, #gamePreModal .modal-dialog .btn.btn-primary.btn-block {
    width: 250px;
    margin: 5px auto;
    background: #f8f8f8 !important;
    color: #333743 !important;
    padding: 6px 5px !important;
    text-transform: uppercase;
    border-radius: 5px !important;
    border: none !important
}

#gamePreModal .modal-dialog .toggle-password-visibility {
    width: 30px;
    opacity: 1;
    margin: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    line-height: 14px
}

#gamePreModal .modal-dialog .btn-secondary {
    display: block;
    width: 250px;
    margin: 20px auto;
    padding: 6px 5px;
    border: none;
    text-transform: uppercase;
    border-radius: 5px !important;
    color: #fff !important
}

#gamePreModal .modal-dialog #demoGameBtn .demo {
    border-radius: 22px;
    display: block;
    width: 100%;
    max-width: 200px !important;
    margin: 0 auto !important;
    padding: 6px 5px;
    text-transform: uppercase;
    color: #a0b1bb !important;
    background: #fff !important;
    border: 2px solid #a0b1bb !important;
    font-size: 14px
}

#gamePreModal .modal-dialog figure {
    width: 140px;
    height: 140px;
    margin: 10px auto
}

#gamePreModal .modal-body, #gamePreModal .modal-content {
    padding: 0
}

#gamePreModal .modal-header {
    justify-content: space-between;
    background-color: transparent
}

#gamePreModal .modal-header div {
    display: flex;
    flex-direction: column;
    padding-left: 10px
}

#gamePreModal .modal-header div h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 110%;
    color: #333743;
    text-transform: capitalize
}

#gamePreModal .modal-header .close {
    border: none;
    outline: none;
    background: 0 0;
    padding: 0;
    color: #b3b4b8;
    font-size: 35px;
    opacity: 1;
    margin: 0 !important
}

body.nightmode #newCasinoPage {
    background-color: #2d2e30
}

#multiGameFrame2, #multiGameFrame3, #multiGameFrame4 {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#multiGameFrame2 .iziModal-content, #multiGameFrame3 .iziModal-content, #multiGameFrame4 .iziModal-content {
    height: 50%;
    width: 50%;
    min-height: 150px;
    position: relative
}

.iziModal .iziModal-content {
    height: 100%
}

.iziModal .iziModal-content iframe {
    height: 100% !important
}

.iziModal-content {
    border: 1px solid hsla(0, 0%, 100%, .3)
}

.iziModal-content:before {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: puffIn 1s infinite;
    animation: puffIn 1s infinite;
    font-size: 30px;
    color: #555
}

.close-game-frame {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background-color: #111;
    cursor: pointer;
    color: #fff
}

.game-frame-buttons {
    height: 100%;
    background-color: #111
}

.game-frame-buttons, .game-frame-buttons a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.game-frame-buttons a {
    border-radius: 10px;
    border: 1px solid hsla(0, 0%, 100%, .3);
    padding: 30px;
    width: 70px;
    height: 70px;
    color: #aaa;
    margin: 10px
}

.game-frame-buttons a:hover {
    color: #fff;
    border-color: #fff
}

.game-frame-buttons i {
    font-size: 30px !important
}

#showIzimodal {
    position: fixed;
    z-index: 9999999999;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 40px;
    font-weight: 700;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #25272b;
    color: #ecea85;
    border: 3px solid #35394a;
    box-shadow: 0 0 10px 10px rgba(236, 209, 63, .3);
    letter-spacing: 1px
}

#bingoOptions .container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px
}

#bingoOptions .container a {
    width: calc(50% - 40px);
    margin: 20px;
    border-radius: 20px;
    overflow: hidden
}

#bingoOptions .container a img {
    width: 100%
}

.light-mode #newCasinoPage #casinoGames #gameList .game .provider-o {
    background-image: url(../img/provider-dark-bgnews.png?v=20210311164337) !important
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar > strong {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    padding-bottom: 10px;
    color: #333
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #gameLists a {
    color: #333
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #gameLists a.active, .light-mode #newCasinoPage #casinoGames #casinoSidebar #gameLists a:hover {
    color: #111
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a {
    border: 1px solid #333
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a i {
    filter: saturate(0) invert(0) brightness(1)
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a.active, .light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a:hover {
    background-color: rgba(0, 0, 0, .1);
    border-color: green
}

.light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a.active i, .light-mode #newCasinoPage #casinoGames #casinoSidebar #providerList a:hover i {
    filter: unset
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #ordering {
    border: 1px solid rgba(0, 0, 0, .2);
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='black' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 7px;
    color: #333
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #ordering option {
    background-color: #eee
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #openCasinoSidebar {
    border: 1px solid rgba(0, 0, 0, .2) !important;
    color: #333 !important
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch {
    border: 1px solid rgba(0, 0, 0, .2)
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch #search {
    color: #333
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch #search::-moz-placeholder {
    color: #333
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch #search:-ms-input-placeholder {
    color: #333
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch #search::placeholder {
    color: #333
}

.light-mode #newCasinoPage #casinoGames #searchAndOrder #gameSearch i, .light-mode #newCasinoPage #casinoGames #searchAndOrder a {
    color: #333
}

body.mobile-page #newCasinoPage #casinoGames #gameList {
    width: 100%
}

body.mobile-page #newCasinoPage #casinoGames #searchAndOrder #gameSearch {
    width: 55%;
    margin: 2px
}

body.mobile-page #newCasinoPage #casinoGames #searchAndOrder #gameSearch #search {
    padding: 5px 5px 5px 25px;
    height: 33px;
    font-size: 11px
}

body.mobile-page #newCasinoPage #casinoGames #searchAndOrder #gameSearch i {
    top: 10px;
    left: 8px;
    font-size: 12px
}

body.mobile-page #newCasinoPage #casinoGames #searchAndOrder #ordering {
    width: calc(45% - 50px);
    font-size: 11px;
    height: 35px;
    margin: 2px
}

body.mobile-page #newCasinoPage #casinoGames #searchAndOrder #openCasinoSidebar {
    width: 50px;
    height: 35px;
    margin: 2px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 3px;
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

body.mobile-page #newCasinoPage #casinoGames #casinoSidebar {
    background-color: var(--g-main-color-a-dark);
    position: fixed;
    z-index: 99999999999;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow-y: auto
}

body.mobile-page #newCasinoPage #casinoGames #casinoSidebar #providerList a i {
    transform: scale(.5);
    filter: unset
}

body.mobile-page #newCasinoPage #casinoGames #casinoSidebar #gameLists {
    margin-bottom: 15px;
    margin-top: 10px
}

body.mobile-page #newCasinoPage #casinoGames #casinoSidebar #closeCasinoSidebar {
    display: flex
}

body.mobile-page #newCasinoPage #casinoGames #casinoSidebar.opened {
    left: 0
}

main#ssSportsPage {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

main#ssSportsPage iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
    height: 100%
}

#sbframe {
    width: 100% !important;
    overflow-y: auto
}

#betslipNotificationWrap {
    display: none;
    position: fixed;
    bottom: 70px;
    left: 0;
    width: auto;
    height: auto;
    z-index: 999999
}

#betslipNotificationWrap #goToBackButton i {
    transform: translateY(-3px)
}

#betslipNotificationWrap #footerlink_bs, #betslipNotificationWrap #goToBackButton {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 10px;
    text-align: center;
    border: 2px solid #2a2a2a;
    border-radius: 6px !important;
    background-color: #5e5e5e;
    background-image: linear-gradient(#5e5e5e, #363636)
}

#betslipNotificationWrap #footerlink_bs #footerlink_bs_count, #betslipNotificationWrap #goToBackButton #footerlink_bs_count {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 25px;
    height: 25px;
    line-height: 22px;
    font-family: Tahoma;
    text-align: center;
    font-weight: 700;
    border: 1px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 1;
    color: #000;
    text-shadow: none;
    box-shadow: inset 0 0 0 2px #000;
    background-color: #fff
}

#betslipNotificationWrap .icon.tabBar_betSlip {
    display: inline-block;
    width: 20px;
    height: 24px;
    margin-top: 8px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA4CAYAAAC7UXvqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI3NENGNDRFMzNCMzExRTZBQzQ3QzhBQjBCRkVGNzdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI3NENGNDRGMzNCMzExRTZBQzQ3QzhBQjBCRkVGNzdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjc0Q0Y0NEMzM0IzMTFFNkFDNDdDOEFCMEJGRUY3N0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc0Q0Y0NEQzM0IzMTFFNkFDNDdDOEFCMEJGRUY3N0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DeOPcAAABSElEQVR42mLwySxkuHv3rt6f379X/vnz59//QQ5AbgS5FeRmkNsZQQxpaemL7OzsDEMJ/Pz5k+Hp06f6jCDfMLOwhDEMQfD3z59VjKAoYWZmZhySHvj79z8jKF0hC/pmFQ1qz2ye1ofiXiaGIQ5GPTDQgIXUNEdvQChPjiahUQ/QOg8M9nphNAmNemC0HhhNQqMeGK0HRpPQqAcoABh94tEYGPXASK8HRseFRlujo63RUQ+MtkZHk9CoB4ZjPYCel6hl7mgSGvXAcKkHyLVntBSiVghPzA7kzp+6/utoDAzWnhcO0DSUY6AJmCzrh2prFOz4QZUHvjOLC5Lq+KGYiVEcP9Q8gOF4cCkEWjSEvOBpoEchSHE8JAb+/189FEMe7oGHjx61ghbQDTTgZGMRItXxYA/k90y5BFr9B1pAB0pOQyXkYQAgwADUPzaALHurogAAAABJRU5ErkJggg==");
    background-size: 20px 24px;
    background-repeat: no-repeat
}

.sport-icon {
    width: 34px;
    height: 34px;
    background-size: cover
}

.sport-icon.si-24, .sport-icon.si-americanfootball {
    background-image: url(../../img/cp/sport/american-footballf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-aussierules {
    background-image: url(../../img/cp/sport/aussie-rulesf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-badminton {
    background-image: url(../../img/cp/sport/badmintonf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-baseball {
    background-image: url(../../img/cp/sport/baseballf8c7.png?v=20210311164332)
}

.sport-icon.si-23, .sport-icon.si-basketball {
    background-image: url(../../img/cp/sport/basketballf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-boxing {
    background-image: url(../../img/cp/sport/boxingf8c7.png?v=20210311164332)
}

.sport-icon.si-61, .sport-icon.si-cricket {
    background-image: url(../../img/cp/sport/cricketf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-cyclism {
    background-image: url(../../img/cp/sport/cyclismf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-darts {
    background-image: url(../../img/cp/sport/dartsf8c7.png?v=20210311164332)
}

.sport-icon.si-85, .sport-icon.si-esport {
    background-image: url(../../img/cp/sport/e-sportf8c7.png?v=20210311164332)
}

.sport-icon.si-1, .sport-icon.si-68, .sport-icon.si-167, .sport-icon.si-football {
    background-image: url(../../img/cp/sport/footballf8c7.png?v=20210311164332)
}

.sport-icon.si-28, .sport-icon.si-floorball {
    background-image: url(../../img/cp/sport/floorballf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-gaelic-football {
    background-image: url(../../img/cp/sport/gaelic-footballf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-golf {
    background-image: url(../../img/cp/sport/golff8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-greyhounds {
    background-image: url(../../img/cp/sport/greyhoundsf8c7.png?v=20210311164332)
}

.sport-icon.si-20, .sport-icon.si-handball {
    background-image: url(../../img/cp/sport/handballf8c7.png?v=20210311164332)
}

.sport-icon.si-25, .sport-icon.si-39, .sport-icon.si-hockey, .sport-icon.si-icehockey {
    background-image: url(../../img/cp/sport/hockeyf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-horseracing {
    background-image: url(../../img/cp/sport/horse-racingf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-kabbadi {
    background-image: url(https://cdnv2.klasseo.com/assets/common//img/cp/sport/kabbadi.svg?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-mma {
    background-image: url(../../img/cp/sport/mmaf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-motorracing {
    background-image: url(../../img/cp/sport/motor-racingf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-rugbyleague {
    background-image: url(../../img/cp/sport/rugby-leaguef8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-rugbyunion {
    background-image: url(../../img/cp/sport/rugby-unionf8c7.png?v=20210311164332)
}

.sport-icon.si-60, .sport-icon.si-snooker {
    background-image: url(../../img/cp/sport/snookerf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-special {
    background-image: url(../../img/cp/sport/specialf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-speedway {
    background-image: url(../../img/cp/sport/speedwayf8c7.png?v=20210311164332)
}

.sport-icon.si-48, .sport-icon.si-tabletennis {
    background-image: url(../../img/cp/sport/table-tennisf8c7.png?v=20210311164332)
}

.sport-icon.si-2, .sport-icon.si-tennis {
    background-image: url(../../img/cp/sport/tennisf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-trophyaggregates {
    background-image: url(https://cdnv2.klasseo.com/assets/common//img/cp/sport/trophy-aggregates.svg?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-virtuals {
    background-image: url(../../img/cp/sport/virtualsf8c7.png?v=20210311164332)
}

.sport-icon.si-51, .sport-icon.si-52, .sport-icon.si-volleyball {
    background-image: url(../../img/cp/sport/volleyballf8c7.png?v=20210311164332)
}

.sport-icon.si-01, .sport-icon.si-wavesurfing {
    background-image: url(../../img/cp/sport/wave-surfingf8c7.png?v=20210311164332)
}

.sport-icon.si-71, .sport-icon.si-futsal {
    background-image: url(../../img/cp/sport/futsalf8c7.png?v=20210311164332)
}

.sport-icon.si-184, .sport-icon.si-efootball {
    background-image: url(../../img/cp/sport/efootballf8c7.png?v=20210311164332)
}

.sport-menu-icon {
    background-image: url(../../img/cp/53047f8c7.png?v=20210311164332) !important;
    background-position: 0 0;
    background-size: 400px 400px;
    width: 40px;
    height: 40px
}

.sport-menu-icon.sport-casino {
    background-position: 55.55555555555556% 77.77777777777779%
}

.sport-menu-icon.sport-live-casino {
    background-position: 77.77777777777779% 22.22222222222222%
}

.sport-menu-icon.sport-poker {
    background-position: 55.55555555555556% 77.77777777777779%
}

body.mobile-page header .header-area {
    background-image: url(../../img/cp/53047f8c7.png?v=20210311164332) !important
}

body.mobile-page #bottomBar #mobileBottomMenu .sprite-global-layout {
    background-image: url(../../img/cp/global-layout-euf8c7.png?v=20210311164332)
}

body.mobile-page #mobileMainMenu.mobileSportMenuBox #sportTopMenu .sport-icon-top, body.mobile-page #mobileMainMenu.mobileSportMenuBox .mobileSportMenu a .sport-favorite, body.mobile-page #mobileMainMenu.mobileSportMenuBox .sport-button {
    background-image: url(../../img/cp/53047f8c7.png?v=20210311164332) !important
}

body.mobile-page #mainPage {
    background: url(../../img/cp/bg-patternf8c7.png?v=20210311164332)
}

body.mobile-page #mainPage .event-list .event {
    background-image: url(../../img/cp/event-bgf8c7.jpg?v=20210311164332)
}

body.mobile-page .casino-split-box {
    background-image: url(../../img/cp/cashier-sprite-newf8c7.png?v=20210311164332)
}

body.mobile-page .modal-backdrop.fade.show.login-modal, body.mobile-page .modal-backdrop.fade.show.pass-modal {
    background-image: url(../../img/cp/login_bgf8c7.jpg?v=20210311164332)
}

body.mobile-page #sportMenuPromotions .arrow-icon {
    background-image: url(../../img/cp/53047f8c7.png?v=20210311164332) !important
}

#bcsportsbookContainer {
    position: relative;
    padding-top: 50%
}

#bcsportsbookContainer #bcsportsbookiframe {
    border: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

body.mobile-page #betcoSportsPage {
    height: 100%
}

body.mobile-page #bcsportsbookContainer {
    padding: 0;
    height: 100%
}

#sportProviderSwitch {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #282b32;
    padding: 2px 0
}

#sportProviderSwitch > div, #sportProviderSwitch a {
    display: flex;
    border-left: .5px solid hsla(0, 0%, 100%, .1);
    border-right: .5px solid hsla(0, 0%, 100%, .1)
}

#sportProviderSwitch a {
    position: relative;
    padding: 0
}

#sportProviderSwitch a:after, #sportProviderSwitch a:before {
    opacity: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 50px;
    position: absolute;
    transition: all .5s;
    transform: scale(0)
}

#sportProviderSwitch a:before {
    left: 0;
    background-image: url(../img/sport-provider-active-leftf8c7.png?v=20210311164332)
}

#sportProviderSwitch a:after {
    right: 0;
    background-image: url(../img/sport-provider-active-rightf8c7.png?v=20210311164332)
}

#sportProviderSwitch a.active {
    order: -1
}

#sportProviderSwitch a.active:after, #sportProviderSwitch a.active:before, #sportProviderSwitch a:hover:after, #sportProviderSwitch a:hover:before {
    transform: scale(1);
    opacity: 1
}

#sportProviderSwitch a i {
    transform: scale(.6)
}

#sportProviderSwitch a i.betco {
    margin: -5px -15px
}

#sportProviderSwitch a i.sevenstar {
    margin: -5px
}

#sportProviderSwitch a i.betinvest {
    margin: -5px -10px
}

body.utopia .fusion-page-container {
    display: flex;
    background-color: #eee
}

#pokerPage {
    background-image: url(../img/poker/poker-bg-image1f8c7.jpg?v=20210311164332);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    display: flex;
    flex-direction: column
}

#pokerPage .container {
    max-width: 1300px
}

#pokerPage #pokerActions {
    background-color: #202535
}

#pokerPage #howToPlayContent, #pokerPage #pageContent {
    transition: all .7s;
    display: none;
    width: 100%;
    z-index: 10
}

#pokerPage #howToPlayContent.opened, #pokerPage #pageContent.opened {
    display: block
}

#pokerPage #closeHowToPlayContent {
    padding: 10px 50px;
    border-radius: 40px;
    font-weight: 700;
    transition: all .3s;
    position: absolute;
    right: 25px;
    top: -25px;
    background-color: #424c5f;
    color: #fff
}

#pokerPage #bottomArea {
    margin-bottom: 100px
}

#pokerPage #bottomArea .box-header a {
    color: #ddd;
    font-weight: 700;
    font-size: 14px
}

#pokerPage #bottomArea #pokerPromotions {
    display: flex;
    padding: 10px;
    width: 100%
}

#pokerPage #bottomArea #pokerPromotions .poker-promotion {
    align-content: flex-start;
    align-items: flex-start;
    width: 33.333%;
    padding: 10px;
    display: flex;
    font-size: 15px
}

#pokerPage #bottomArea #pokerPromotions .poker-promotion img {
    margin-right: 10px;
    width: 50%
}

#pokerPage .box {
    border: 5px solid rgba(69, 77, 94, .58);
    background-color: rgba(54, 59, 75, .35);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    margin: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    max-height: 400px
}

#pokerPage .box:hover:before {
    filter: none
}

#pokerPage .box .box-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 3px solid rgba(78, 86, 100, .5);
    z-index: 1;
    height: 50px
}

#pokerPage .box.box-1 {
    min-height: 250px
}

#pokerPage .box.box-1:before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    transition: all .3s;
    filter: brightness(50%);
    z-index: 0;
    background-image: url(../img/poker/box-bg-01f8c7.jpg?v=20210311164332);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

#pokerPage .box.box-1 .box-content {
    display: flex;
    align-items: center;
    align-content: center
}

#pokerPage .box.box-1 .box-content p {
    color: #fff;
    z-index: 999;
    margin: 0
}

#pokerPage .box.box-1 .box-content a {
    color: #fff
}

#pokerPage .box.box-1 .box-content a.btn {
    background-color: #06a678
}

#pokerPage .box.box-2 .box-content a.btn, #pokerPage .box.box-3 .box-content a.btn {
    background-color: #11606e
}

#pokerPage .box.box-4 .box-content {
    background-color: #272d40;
    padding: 50px
}

#pokerPage .box.box-4 .box-content a.btn {
    background-color: #2f61a7;
    margin-top: 40px
}

#pokerPage .box .box-content {
    word-break: break-all;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: calc(100% - 50px);
    overflow: hidden
}

#pokerPage .box .box-content ul {
    padding-left: 25px;
    line-height: 1.5
}

#pokerPage .box .box-content a {
    font-size: 15px
}

#pokerPage .box .box-content a.btn {
    padding: 20px 50px;
    border-radius: 40px !important;
    color: #fff;
    font-weight: 700;
    transition: all .3s;
    position: relative;
    margin-bottom: 15px
}

#pokerPage .box .box-content a.btn:hover {
    transform: translateY(-3px)
}

#pokerPage .box .box-content a.btn:hover:before {
    opacity: 0
}

#pokerPage .box .box-content a.btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 40px;
    transition: all .3s;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0))
}

#pokerPage #jackpotWins {
    height: 100%;
    width: 100%;
    overflow: scroll
}

#pokerPage #jackpotWins .jackpot-win {
    padding: 10px 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid rgba(78, 86, 100, .5)
}

#pokerPage #jackpotWins .jackpot-win .amount {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #06a678;
    margin-right: 15px;
    border-right: 1px solid rgba(78, 86, 100, .5);
    width: 65px;
    white-space: nowrap;
    word-break: keep-all;
    font-weight: 700;
    font-size: 14px
}

#pokerPage #jackpotWins .jackpot-win .amount i {
    color: #40ca86
}

#pokerPage #jackpotWins .jackpot-win .details {
    width: 100%;
    display: flex;
    flex-direction: column
}

#pokerPage #jackpotWins .jackpot-win .details p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

#pokerPage #jackpotWins .jackpot-win .details p .spin {
    color: #6db96b
}

#pokerPage #jackpotWins .jackpot-win .details p .buyin {
    color: #539bb9
}

#pokerPage #jackpotWins .jackpot-win .details p .winner {
    color: #b9b175
}

#pokerPage #tournaments {
    height: 100%;
    width: 100%;
    overflow: hidden auto;
    z-index: 9999999
}

#pokerPage #tournaments .tournament {
    height: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid rgba(78, 86, 100, .5);
    width: 100%;
    background-size: cover;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    padding: 0 10px
}

#pokerPage #tournaments .tournament p {
    margin-bottom: 10px
}

#pokerPage #tournaments .tournament small {
    margin-bottom: 5px
}

#pokerPage #tournaments .tournament strong {
    font-size: 30px;
    color: #06a678
}

#pokerPage #tournaments .tournament a {
    color: #ddd;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 13px
}

#pokerPage #tournaments .tournament .details {
    display: none
}

#pokerPage #tournaments2 {
    height: 100%;
    width: 100%;
    overflow: hidden auto;
    z-index: 9999999
}

#pokerPage #tournaments2 .tournament {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(78, 86, 100, .5);
    width: 100%;
    background-size: cover;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    padding: 10px
}

#pokerPage #tournaments2 .tournament strong {
    color: #06a578;
    font-weight: 700;
    margin-right: 10px;
    line-height: 1.3;
    white-space: nowrap;
    border-right: 1px solid rgba(78, 86, 100, .5);
    padding-right: 10px
}

#pokerPage #tournaments2 .tournament a {
    color: #fff;
    background-color: #06a578;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    margin-left: 10px;
    align-self: flex-start;
    white-space: nowrap
}

#pokerPage #howToPlayContent, #pokerPage #pokerBoxes {
    margin-top: 50px;
    margin-bottom: 50px;
    z-index: 11;
    width: 100%
}

#pokerPage #pokerRules {
    width: 100%;
    margin: 20px 0
}

#pokerPage #pokerRules .card {
    background-color: transparent;
    margin-bottom: 5px
}

#pokerPage #pokerRules .card .card-header {
    padding: 3px 0;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 40px
}

#pokerPage #pokerRules .card .card-header button {
    color: #ddd
}

#pokerPage #pokerRules .card .card-header button:focus {
    text-decoration: none
}

#pokerPage #pokerRules .card .card-header:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

#pokerPage #pokerRules .card .card-header:hover button {
    text-decoration: none;
    color: #fff
}

#pokerPage #pokerActions {
    color: #fff;
    background-color: #222;
    text-align: center;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#pokerPage #pokerActions p {
    margin: 0 4px
}

#pokerPage #pokerActions .btn {
    margin-left: 3px
}

#pokerPage #downloadPoker {
    margin: 20px 0
}

#pokerPage #downloadPoker .btn.trans {
    display: block;
    font-size: 16px;
    padding-bottom: 15px;
    transition: all .3s;
    margin: 0 0 45px;
    background-color: #fff;
    color: #333;
    width: 100%
}

#pokerPage #downloadPoker .btn.trans:hover {
    background-color: #ccc !important
}

#pokerPage .game-list {
    padding: 20px 0
}

#pokerPage .game-list .game {
    margin-bottom: 20px;
    background-color: #fff
}

#pokerPage .game-list .game .online {
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    z-index: 3
}

#pokerPage .game-list .game .online:before {
    content: "";
    display: inline-block;
    background: #23952c;
    width: 11px;
    height: 11px;
    border-radius: 20px;
    margin-right: 5px
}

#pokerPage .game-list .game img {
    width: 100%
}

#pokerPage .game-list .game .gradient {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 1;
    position: absolute
}

#pokerPage .game-list .game a {
    display: block;
    position: relative;
    text-align: center
}

#pokerPage .game-list .game p {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #333;
    font-weight: 700
}

#pokerPage .game-list .game .game-image {
    width: 100%
}

#pokerPage .game-list .game .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #e02500;
    text-align: center;
    width: 100%;
    z-index: 3;
    color: #fff;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .6s linear
}

#pokerPage .game-list .game:hover .buttons {
    visibility: visible;
    opacity: 1
}

#pokerPage .game-list .game:hover .buttons .btn {
    background-color: transparent;
    padding: 12px 0
}

#pokerPage .game-list .col-md-3:first-child .gradient {
    background: #2c1617;
    background: linear-gradient(90deg, #2c1617 0, #751714);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c1617", endColorstr="#751714", GradientType=1)
}

#pokerPage .game-list .col-md-3:nth-child(2) .gradient {
    background: #231630;
    background: linear-gradient(90deg, #231630 0, #482a74);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#231630", endColorstr="#482a74", GradientType=1)
}

#pokerPage .game-list .col-md-3:nth-child(3) .gradient {
    background: #1e2f1b;
    background: linear-gradient(90deg, #1e2f1b 0, #2a7928);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2f1b", endColorstr="#2a7928", GradientType=1)
}

#pokerPage .game-list .col-md-3:nth-child(4) .gradient {
    background: #111f2e;
    background: linear-gradient(90deg, #111f2e 0, #1b3a74);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111f2e", endColorstr="#1b3a74", GradientType=1)
}

.nightmode #pokerPage .game {
    background-color: #333
}

.nightmode #pokerPage .game p {
    font-size: 13px;
    color: #fff;
    padding-left: 10px
}

#registerPage .panel-heading {
    background-color: #eee;
    padding: 10px
}

#registerPage .form-group {
    margin-bottom: 5px
}

#registerPage .form-group label {
    margin-bottom: 0;
    font-size: 11px
}

#registerPage .form-group input, #registerPage .form-group select, #registerPage .form-group textarea {
    font-size: 13px
}

#registerPage .form-group input[type=checkbox] {
    margin-right: 5px;
    width: 22px;
    height: 20px;
    transform: translateY(3px)
}

#registerPage .form-text.text-danger {
    font-size: 11px;
    padding-left: 0;
    color: red;
    line-height: 12px
}

#registerPage .btn-primary.disabled, #registerPage .btn-primary:disabled {
    color: #333;
    background-color: #666;
    border: none;
    transition: .8s
}

#registerPage .btn-primary.disabled:hover, #registerPage .btn-primary:disabled:hover {
    opacity: .9
}

#registerPage {
    padding-bottom: 20px
}

#registerPage .google-sec-code {
    text-align: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    #registerPage .google-sec-code {
        transform: scale(.9)
    }
}

@media screen and (max-width: 420px) {
    #registerPage .google-sec-code {
        transform: scale(.85)
    }
}

#registerModal .sprite-global-registration {
    background-image: url(../../img/cp/global-registration-euf8c7.png?v=20210311164332)
}

#registerModal .close {
    color: #777;
    font-size: 40px
}

#UyeOlForm .form-group {
    position: relative
}

#UyeOlForm .form-group .field-info {
    position: absolute;
    right: 15px;
    top: 6px
}

#UyeOlForm .form-group .field-info.birthday {
    top: 0
}

#UyeOlForm .form-group .field-info .field-info-btn {
    opacity: .3;
    transition: all .3s
}

#UyeOlForm .form-group .field-info .field-info-btn i {
    margin-top: 5px
}

#UyeOlForm .form-group .field-info .field-info-btn:hover {
    opacity: 1
}

#UyeOlForm .form-group .field-info .field-info-btn:hover + .field-info-content {
    display: block
}

#UyeOlForm .form-group .field-info .field-info-btn i:before {
    font-size: 23px
}

#UyeOlForm .form-group .field-info .field-info-content {
    display: none;
    position: absolute;
    font-size: 11px;
    background-color: #111;
    color: #fff;
    padding: 10px;
    top: 50%;
    right: calc(100% + 10px);
    min-width: 150px;
    z-index: 9999;
    border-radius: 5px;
    transform: translateY(-50%)
}

#UyeOlForm .form-group .field-info .field-info-content:after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 5px solid rgba(17, 17, 17, 0);
    border-left-color: #111;
    margin-top: -5px
}

#UyeOlForm .form-group .field-info.visible .field-info-btn {
    opacity: .7
}

#UyeOlForm .form-group .field-info.visible .field-info-content {
    display: block
}

#appPage #appPageHeader img {
    margin: 50px auto 0;
    width: 100%;
    max-width: 800px;
    display: block
}

#appPage #appDownloadTabs {
    padding-bottom: 50px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    -ms-text-align-last: right;
    text-align: center
}

#appPage #appDownloadTabs hr {
    border: 1px solid hsla(0, 0%, 100%, .1);
    margin: 40px 0
}

#appPage #appDownloadTabs .nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

#appPage #appDownloadTabs .nav-tabs li a {
    color: #eee;
    margin: 5px;
    background-color: #4b5062;
    border-radius: 30px;
    padding: 10px 25px;
    text-decoration: none;
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 13px
}

#appPage #appDownloadTabs .nav-tabs li a i {
    margin-right: 5px
}

#appPage #appDownloadTabs .nav-tabs li a.active {
    background-color: #13a48a
}

#appPage #appDownloadTabs .tab-content .options {
    display: flex;
    justify-content: center
}

#appPage #appDownloadTabs .tab-content a {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #eee;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 12px;
    pointer-events: none
}

#appPage #appDownloadTabs .tab-content a img {
    height: 60px;
    margin-bottom: 10px
}

#appPage #appDownloadTabs .tab-content a span {
    border: 1px solid #4b5062;
    padding: 7px 20px;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 11px
}

#appPage #appDownloadTabs .tab-content a i {
    color: #727580;
    margin-top: 10px;
    font-size: 18px !important
}

#appPage #appDownloadTabs .tab-content a.active {
    pointer-events: auto
}

#appPage #appDownloadTabs .tab-content a.active span {
    border: 1px solid #66c69c;
    color: #66c69c
}

#zeppelinPage {
    background-image: url(../img/zeppelin/zeppelin-bg-image1f8c7.jpg?v=20210311164332);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

#zeppelinPage #howToPlayContent, #zeppelinPage #pageContent {
    transition: all .7s;
    display: none;
    width: 100%;
    z-index: 10
}

#zeppelinPage #howToPlayContent.opened, #zeppelinPage #pageContent.opened {
    display: block
}

#zeppelinPage #zeppelinLogo {
    position: absolute;
    left: 25%;
    top: 30px;
    margin-left: -115px;
    transition: all .3s;
    max-width: 230px;
    z-index: 12;
    -webkit-animation: zeppelinMove 10s linear infinite;
    animation: zeppelinMove 10s linear infinite;
    cursor: pointer;
    opacity: .8
}

#zeppelinPage #zeppelinLogo:hover {
    opacity: 1
}

#zeppelinPage #closeHowToPlayContent {
    padding: 10px 50px;
    border-radius: 40px;
    font-weight: 700;
    transition: all .3s;
    position: absolute;
    right: 25px;
    top: -25px;
    background-color: #424c5f;
    color: #fff
}

#zeppelinPage #zeppelinLines {
    background-image: url(../img/zeppelin/zeppelin-lines1f8c7.png?v=20210311164332);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 8;
    opacity: 0
}

#zeppelinPage #zeppelinLines.animate {
    -webkit-animation: zeppelinLines 2s ease-out;
    animation: zeppelinLines 2s ease-out;
    opacity: 1
}

#zeppelinPage #zeppelinLines img {
    width: 100%
}

#zeppelinPage .box {
    border: 5px solid #2a2f39;
    background-color: #202535;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .3);
    margin: 5px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 300px
}

#zeppelinPage .box .box-header {
    padding: 10px 20px;
    height: 45px;
    font-size: 14px
}

#zeppelinPage .box.box-1 .box-content {
    background-image: url(../img/zeppelin/box-bg-01f8c7.jpg?v=20210311164332)
}

#zeppelinPage .box.box-1 .box-content a.btn {
    background-color: #3da72a
}

#zeppelinPage .box.box-2 .box-content {
    background-image: url(../img/zeppelin/box-bg-02f8c7.jpg?v=20210311164332)
}

#zeppelinPage .box.box-2 .box-content a.btn {
    background-color: #d7a10b
}

#zeppelinPage .box.box-3 {
    height: auto
}

#zeppelinPage .box.box-3 .box-content {
    background-color: #272d40;
    padding: 50px;
    height: auto
}

#zeppelinPage .box.box-3 .box-content a.btn {
    background-color: #3da72a;
    margin-top: 40px
}

#zeppelinPage .box.box-4 {
    max-height: 300px
}

#zeppelinPage .box.box-4 .box-content {
    background-color: #333846;
    padding: 0;
    position: relative
}

#zeppelinPage .box .box-content {
    word-break: break-all;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 70px 0;
    color: #fff;
    height: 245px;
    text-align: center
}

#zeppelinPage .box .box-content .link {
    color: #aaa;
    margin-bottom: 10px;
    border: 1px solid #aaa;
    border-radius: 30px;
    font-size: 14px;
    padding: 5px 15px
}

#zeppelinPage .box .box-content ul {
    padding-left: 25px;
    line-height: 1.5
}

#zeppelinPage .box .box-content a.btn {
    padding: 15px 50px;
    border-radius: 40px !important;
    color: #fff;
    font-weight: 700;
    transition: all .3s;
    position: relative;
    margin-bottom: 15px
}

#zeppelinPage .box .box-content a.btn:hover {
    transform: translateY(-3px)
}

#zeppelinPage .box .box-content a.btn:hover:before {
    opacity: 0
}

#zeppelinPage .box .box-content a.btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 40px;
    transition: all .3s;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0))
}

#zeppelinPage #howToPlayContent, #zeppelinPage #zeppelinBoxes {
    margin-top: 320px;
    margin-bottom: 100px;
    z-index: 11;
    width: 100%
}

#zeppelinPage #topWinners {
    overflow: auto;
    width: 100%;
    height: 100%;
    max-height: 250px
}

#zeppelinPage #topWinners p {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    padding: 5px 10px;
    margin: 0
}

#zeppelinPage #zeppelinRules {
    width: 100%;
    margin: 20px 0
}

#zeppelinPage #zeppelinRules .card {
    background-color: transparent;
    margin-bottom: 5px
}

#zeppelinPage #zeppelinRules .card .card-header {
    padding: 3px 0;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 40px
}

#zeppelinPage #zeppelinRules .card .card-header button {
    color: #ddd
}

#zeppelinPage #zeppelinRules .card .card-header button:focus {
    text-decoration: none
}

#zeppelinPage #zeppelinRules .card .card-header:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

#zeppelinPage #zeppelinRules .card .card-header:hover button {
    text-decoration: none;
    color: #fff
}

@-webkit-keyframes zeppelinLines {
    0% {
        height: 0%
    }
    to {
        height: 100%
    }
}

@-webkit-keyframes zeppelinMove {
    0% {
        transform: translate3d(-10px, -10px, -5px)
    }
    20% {
        transform: translate3d(-5px, 0, 0)
    }
    40% {
        transform: translateZ(5px)
    }
    60% {
        transform: translate3d(5px, 5px, 0)
    }
    80% {
        transform: translate3d(10px, 0, -5px)
    }
    to {
        transform: translate3d(-10px, -10px, -5px)
    }
}

#turbogamePage {
    background-image: url(../img/aviator/aviator-bg-image1f8c7.jpg?v=20210311164332);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    display: flex;
    flex-direction: column
}

#turbogamePage #howToPlayAviatorContent, #turbogamePage #howToPlayZeppelinContent, #turbogamePage #pageContent {
    transition: all .7s;
    display: none;
    width: 100%;
    z-index: 10
}

#turbogamePage #howToPlayAviatorContent.opened, #turbogamePage #howToPlayZeppelinContent.opened, #turbogamePage #pageContent.opened {
    display: block
}

#turbogamePage #aviatorLogo {
    opacity: .8
}

#turbogamePage #aviatorLogo:hover {
    opacity: 1
}

#turbogamePage #zeppelinLogo {
    opacity: .8
}

#turbogamePage #zeppelinLogo:hover {
    opacity: 1
}

#turbogamePage #closeHowToPlayAviatorContent, #turbogamePage #closeHowToPlayZeppelinContent {
    padding: 10px 50px;
    border-radius: 40px;
    font-weight: 700;
    transition: all .3s;
    position: absolute;
    right: 25px;
    top: -25px;
    background-color: #424c5f;
    color: #fff
}

#turbogamePage #turbogameLines {
    background-image: url(../img/zeppelin/zeppelin-lines1f8c7.png?v=20210311164332);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 8;
    opacity: 0
}

#turbogamePage #turbogameLines.animate {
    -webkit-animation: turbogameLines 2s ease-out;
    animation: turbogameLines 2s ease-out;
    opacity: 1
}

#turbogamePage #turbogameLines img {
    width: 100%
}

#turbogamePage .box {
    border: 5px solid rgba(42, 47, 57, .3);
    background-color: rgba(32, 37, 53, .4);
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    margin: 5px;
    position: relative;
    width: 100%
}

#turbogamePage .box .box-header {
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, .1)
}

#turbogamePage .box.box-1 .box-content {
    padding: 70px 0;
    color: #fff
}

#turbogamePage .box.box-1 .box-content, #turbogamePage .box.box-1 .box-content .sys-game {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center
}

#turbogamePage .box.box-1 .box-content img {
    max-height: 200px;
    align-self: center;
    margin-bottom: 40px
}

#turbogamePage .box.box-1 .box-content a.btn.play-now, #turbogamePage .box.box-1 .box-content a.btn.play-sys-game {
    background-color: #bc0a36
}

#turbogamePage .box.box-2 .box-content {
    display: flex;
    flex-wrap: wrap;
    padding: 5px
}

#turbogamePage .box.box-2 .box-content .sys-game {
    width: calc(33.333% - 10px);
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

#turbogamePage .box.box-2 .box-content .sys-game img {
    width: 100%;
    margin: 0
}

#turbogamePage .box.box-2 .box-content a.btn.play-now, #turbogamePage .box.box-2 .box-content a.btn.play-sys-game {
    background-color: #d7a10b
}

#turbogamePage .box.box-3 .box-content a.btn.play-now, #turbogamePage .box.box-3 .box-content a.btn.play-sys-game {
    background-color: #3da72a
}

#turbogamePage .box.box-4 .box-content a.btn.play-now, #turbogamePage .box.box-4 .box-content a.btn.play-sys-game {
    background-color: #55a5b6
}

#turbogamePage .box .box-content ul {
    padding-left: 25px;
    line-height: 1.5
}

#turbogamePage .box .box-content p {
    font-size: 18px;
    margin: 20px 0
}

#turbogamePage .box .box-content a.btn {
    padding: 5px 50px;
    border-radius: 40px !important;
    color: #fff;
    transition: all .3s;
    position: relative;
    margin-bottom: 15px;
    font-size: 17px
}

#turbogamePage .box .box-content a.btn.play-now, #turbogamePage .box .box-content a.btn.play-sys-game {
    padding: 15px 50px;
    font-weight: 700
}

#turbogamePage .box .box-content a.btn:hover {
    transform: translateY(-3px)
}

#turbogamePage .box .box-content a.btn:hover:before {
    opacity: 0
}

#turbogamePage .box .box-content a.btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 40px;
    transition: all .3s;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, 0))
}

#turbogamePage #howToPlayAviatorContent, #turbogamePage #howToPlayZeppelinContent, #turbogamePage #turbogameBoxes {
    margin-top: 120px;
    margin-bottom: 100px;
    z-index: 11;
    width: 100%
}

#turbogamePage #howToPlayAviatorContent .container, #turbogamePage #howToPlayZeppelinContent .container, #turbogamePage #turbogameBoxes .container {
    display: flex
}

#turbogamePage #turbogameRules {
    width: 100%;
    margin: 20px 0
}

#turbogamePage #turbogameRules .card {
    background-color: transparent;
    margin-bottom: 5px
}

#turbogamePage #turbogameRules .card .card-header {
    padding: 3px 0;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 40px
}

#turbogamePage #turbogameRules .card .card-header button {
    color: #ddd
}

#turbogamePage #turbogameRules .card .card-header button:focus {
    text-decoration: none
}

#turbogamePage #turbogameRules .card .card-header:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

#turbogamePage #turbogameRules .card .card-header:hover button {
    text-decoration: none;
    color: #fff
}

@keyframes zeppelinLines {
    0% {
        height: 0%
    }
    to {
        height: 100%
    }
}

@keyframes zeppelinMove {
    0% {
        transform: translate3d(-10px, -10px, -5px)
    }
    20% {
        transform: translate3d(-5px, 0, 0)
    }
    40% {
        transform: translateZ(5px)
    }
    60% {
        transform: translate3d(5px, 5px, 0)
    }
    80% {
        transform: translate3d(10px, 0, -5px)
    }
    to {
        transform: translate3d(-10px, -10px, -5px)
    }
}

#tournamentPage {
    background-color: #454954;
    color: #fff
}

#tournamentPage .container {
    max-width: 1550px
}

#tournamentPage .tournament-page-title {
    font-weight: 700;
    font-size: 20px;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 3px solid #ff6d35
}

#tournamentPage #tournamentTerms {
    font-size: 14px;
    padding: 40px 0
}

#tournamentPage #tournamentTerms .section {
    margin: 15px 0;
    padding-left: 15px;
    border-left: 3px solid #eee
}

#tournamentPage #tournamentTerms table {
    border: 1px solid #eee;
    width: 100%;
    text-align: center;
    font-weight: 700
}

#tournamentPage #tournamentTerms table tr {
    border: 1px solid #eee
}

#tournamentPage #tournamentTerms table tr td {
    padding: 5px 0
}

#tournamentPage .active-tournaments {
    display: flex;
    padding: 80px 0;
    position: relative
}

#tournamentPage .active-tournaments:after {
    height: calc(100% - 120px);
    width: 4px;
    background-color: #5e6771;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-2px);
    top: 60px;
    z-index: 7
}

#tournamentPage .active-tournaments .tournament-box:nth-child(odd):after {
    top: 30px
}

#tournamentPage .active-tournaments .tournament-box:nth-child(odd):before {
    top: 15px
}

#tournamentPage .active-tournaments .tournament-box:nth-child(2n):after {
    bottom: 30px
}

#tournamentPage .active-tournaments .tournament-box:nth-child(2n):before {
    bottom: 15px
}

#tournamentPage .tournaments-tree {
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    position: relative
}

#tournamentPage .tournaments-tree:after {
    height: calc(100% - 340px);
    width: 4px;
    background-color: #5e6771;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-2px);
    top: 170px;
    z-index: 7
}

#tournamentPage .tournaments-tree .tournament-box:before {
    top: 50%;
    transform: translateY(-17px)
}

#tournamentPage .tournaments-tree .tournament-box:after {
    top: 50%;
    transform: translateX(-2px)
}

#tournamentPage .tournament-box {
    display: flex;
    flex-direction: column;
    width: calc(50% - 60px);
    margin-top: -50px;
    margin-bottom: -50px;
    position: relative;
    z-index: 8
}

#tournamentPage .tournament-box.active:before {
    filter: hue-rotate(130deg)
}

#tournamentPage .tournament-box.notstarted:before {
    filter: hue-rotate(40deg)
}

#tournamentPage .tournament-box.finished:before {
    filter: hue-rotate(0deg)
}

#tournamentPage .tournament-box:before {
    content: "";
    position: absolute;
    height: 34px;
    width: 34px;
    background-color: #d4d8e1;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50%;
    background-image: url(../img/tournaments/tournament-refresh-iconf8c7.png?v=20210311164332);
    border-radius: 50px;
    border: 2px solid #5e6771;
    z-index: 9
}

#tournamentPage .tournament-box:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 60px;
    background-color: #5e6771;
    z-index: 8
}

#tournamentPage .tournament-box:nth-child(odd) {
    margin-right: auto
}

#tournamentPage .tournament-box:nth-child(odd):after {
    right: -60px
}

#tournamentPage .tournament-box:nth-child(odd):before {
    right: -77px
}

#tournamentPage .tournament-box:nth-child(2n) {
    margin-left: auto
}

#tournamentPage .tournament-box:nth-child(2n):after {
    left: -60px
}

#tournamentPage .tournament-box:nth-child(2n):before {
    left: -77px
}

#tournamentPage .tournament-box .tournament-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background-color: #333846;
    color: #ddd;
    font-weight: 700;
    font-size: 15px;
    padding: 10px
}

#tournamentPage .tournament-box .tournament-header .status-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-bottom: -2px;
    border-radius: 50px;
    border: 2px solid #fff
}

#tournamentPage .tournament-box .tournament-header .status-icon.active {
    background-color: #02b802
}

#tournamentPage .tournament-box .tournament-header .status-icon.notstarted {
    background-color: #ffbf3b
}

#tournamentPage .tournament-box .tournament-header .status-icon.finished {
    background-color: red
}

#tournamentPage .tournament-box .tournament-body {
    display: flex;
    background-color: #000
}

#tournamentPage .tournament-box .tournament-body .tournament-image {
    width: 30%;
    padding-top: 30%;
    position: relative
}

#tournamentPage .tournament-box .tournament-body .tournament-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#tournamentPage .tournament-box .tournament-body .tournament-details {
    width: 70%;
    background-image: url(../img/tournaments/tournament-bgf8c7.jpg?v=20210311164332);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    font-size: 25px;
    text-align: center;
    line-height: 1;
    padding: 15px
}

#tournamentPage .tournament-box .tournament-body .tournament-details span {
    text-align: center;
    line-height: 1
}

#tournamentPage .tournament-box .tournament-body .tournament-details table {
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px
}

#tournamentPage .tournament-box .tournament-body .tournament-details table tr {
    height: 50%
}

#tournamentPage .tournament-box .tournament-body .tournament-details table tr td {
    width: 50%
}

#tournamentPage .tournament-box .tournament-body .tournament-details table tr td:first-child {
    border-right: 1px solid #b1a494
}

#tournamentPage .tournament-box .tournament-body .tournament-details table tr:first-child td {
    border-bottom: 1px solid #b1a494
}

#tournamentPage .tournament-box .tournament-footer {
    display: flex;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden
}

#tournamentPage .tournament-box .tournament-footer .btn {
    width: 50%;
    font-size: 18px;
    border-radius: 0;
    font-weight: 700;
    padding: 15px 0
}

#tournamentPage .tournament-box .tournament-footer .btn.join {
    background-color: #b7b096;
    cursor: default;
    color: #fff
}

#tournamentPage .tournament-box .tournament-footer .btn.join.join-tournament {
    background-color: #ff6d35;
    cursor: pointer
}

#tournamentPage .tournament-box .tournament-footer .btn.details {
    background-color: #333846;
    color: #eee
}

#tournamentDetailsModal .modal-dialog {
    overflow: visible;
    margin-bottom: 100px
}

#tournamentDetailsModal .modal-header {
    padding: 0;
    height: 0
}

#tournamentDetailsModal .modal-content {
    background-color: #fff !important;
    color: #333;
    overflow: visible;
    padding: 0
}

#tournamentDetailsModal .modal-body {
    padding: 0
}

#tournamentDetailsModal .close {
    color: #7e8495 !important;
    top: -15px;
    right: -15px;
    position: absolute;
    border-radius: 30px;
    border: 1px solid #ccd1e1;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
    background-color: #e3e6e1;
    opacity: 1;
    margin: 0;
    font-size: 25px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 9
}

#tournamentDetails #tournamentHeader {
    font-weight: 700;
    border: 1px solid transparent;
    padding: 15px 10px;
    color: #000;
    display: flex;
    justify-content: space-between;
    background-color: #e3e6e1;
    border-top-left-radius: 10px
}

#tournamentDetails #tournamentHeader .status-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-bottom: -2px;
    border-radius: 50px;
    border: 2px solid #fff
}

#tournamentDetails #tournamentHeader .status-icon.active {
    background-color: #02b802
}

#tournamentDetails #tournamentHeader .status-icon.notstarted {
    background-color: #ffbf3b
}

#tournamentDetails #tournamentHeader .status-icon.finished {
    background-color: red
}

#tournamentDetails #tournamentHeader #finishDate span {
    color: #ff9600
}

#tournamentDetails #tournamentName {
    display: flex
}

#tournamentDetails #tournamentName .tournament-image {
    width: 30%;
    padding-top: 30%;
    position: relative
}

#tournamentDetails #tournamentName .tournament-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#tournamentDetails #tournamentName .tournament-name {
    width: 70%;
    background-image: url(../img/tournaments/tournament-bg-2f8c7.jpg?v=20210311164332);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    line-height: 1;
    padding: 15px
}

#tournamentDetails #joinTournament, #tournamentDetails #joinTournament #youJoined, #tournamentDetails #tournamentName .tournament-name {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column
}

#tournamentDetails #joinTournament #youJoined {
    background-color: #71b9a1;
    width: 100%;
    color: #fff;
    padding: 15px 0;
    font-size: 12px
}

#tournamentDetails #joinTournament #youJoined p {
    margin: 0
}

#tournamentDetails #joinTournament #joinNow {
    width: 100%
}

#tournamentDetails #joinTournament #joinNow a {
    background-color: #ff9600;
    color: #fff;
    padding: 12px 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-size: 23px
}

#tournamentDetails #remainingTime {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    text-align: center;
    margin-bottom: 15px
}

#tournamentDetails #remainingTime #remaining {
    display: flex
}

#tournamentDetails #remainingTime #remaining p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0 15px;
    color: #ff9600;
    font-weight: 700;
    margin: 0
}

#tournamentDetails #remainingTime #remaining p small {
    color: #aaa;
    font-size: 12px
}

#tournamentDetails #tournamentTabBtns {
    width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 15px;
    border-bottom: 1px solid #ff9600;
    padding-bottom: 10px
}

#tournamentDetails #tournamentTabBtns a {
    color: #333
}

#tournamentDetails #tournamentTabBtns #scoreboardTitle {
    font-size: 15px;
    line-height: 1;
    display: flex;
    flex-direction: column
}

#tournamentDetails #tournamentTabBtns #scoreboardTitle span {
    font-size: 26px;
    font-weight: 700
}

#tournamentDetails #tournamentTabBtns #scoreboardTitle.active {
    opacity: 0
}

#tournamentDetails #tournamentTabBtns #toggleGamesBtn {
    background-color: #e7e6e2;
    line-height: 1;
    padding: 10px 15px;
    font-size: 23px;
    font-weight: 700;
    position: relative
}

#tournamentDetails #tournamentTabBtns #toggleGamesBtn.active {
    background-color: transparent
}

#tournamentDetails #tournamentTabBtns #toggleGamesBtn.active:before {
    position: absolute;
    top: -13px;
    right: 16px;
    content: "x"
}

#tournamentDetails #scoreboard {
    margin: 15px;
    font-size: 15px;
    overflow: auto
}

#tournamentDetails #scoreboard table {
    font-weight: 700;
    width: 100%;
    border: none;
    background-color: transparent
}

#tournamentDetails #scoreboard table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .05)
}

#tournamentDetails #scoreboard table tr.active {
    background-color: rgba(120, 208, 158, .42);
    font-weight: 700
}

#tournamentDetails #scoreboard table tr td {
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 18px
}

#tournamentDetails #scoreboard table tr td span {
    color: #ff9600
}

#tournamentDetails #games {
    display: none;
    padding: 0 15px;
    overflow: auto
}

#tournamentDetails #gameList {
    width: 100%
}

#tournamentDetails #gameList #loadMoreGame {
    background-color: rgba(177, 174, 174, .3);
    color: #333
}

#tournamentDetails #gameList #gameListContainer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

#tournamentDetails #gameList #gameListContainer .game {
    width: calc(25% - 10px);
    height: 0;
    padding-top: 25%;
    margin: 5px;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

#tournamentDetails #gameList #gameListContainer .game img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#tournamentDetails #gameList #gameListContainer .game p {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    padding: 5px;
    margin: 0;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    white-space: nowrap;
    text-align: center
}

#iziModalTournamentScore {
    color: #fff
}

#noActiveTournament {
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    opacity: .5
}

#noActiveTournament i {
    margin-bottom: 20px;
    font-size: 50px !important
}

#tournamentTerms {
    font-size: 12px
}

#tvBetGames {
    position: relative;
    background-image: linear-gradient(45deg, #111, #333, #111)
}

#tvBetGames #gameList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0
}

#tvBetGames #gameList .sys-game {
    border: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer;
    margin: 10px;
    width: calc(25% - 20px);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center
}

#tvBetGames #gameList .sys-game img {
    width: 100%;
    height: 100%
}

#tvBetGames #gameList .sys-game .hover-box {
    display: none
}

@media (min-width: 992px) {
    .mobile-layout {
        display: none
    }
}

@media screen and (max-width: 460px) {
    .mobile-layout .full-page-menu a {
        font-size: 12px
    }
}

@media (max-width: 1600px) {
    #newCasinoPage #casinoGames #casinoSidebar {
        width: 300px
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a {
        width: calc(50% - 6px);
        margin: 3px
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a i {
        transform: scale(.55)
    }

    /*    #newCasinoPage #casinoGames #gameList {
            width: calc(100% - 300px)
        }*/

    #newCasinoPage #casinoGames #gameList {
        width: 100%
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (max-width: 1400px) {
    #newCasinoPage #casinoGames #casinoSidebar {
        width: 250px
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a i {
        transform: scale(.45)
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a small {
        font-size: 8px;
        padding: 1px 3px
    }

    /*-- #newCasinoPage #casinoGames #gameList {
         width: calc(100% - 250px)
     } --*/

    #newCasinoPage #casinoGames #gameList {
        width: 100%
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(5, 1fr)
    }

    .netgame-jackpot-amount {
        font-size: 30px
    }

    #netgameJackpotWidget h2 {
        font-size: 35px
    }
}


@media (max-width: 1200px) {
    #userPage #userPanelTopMenu a {
        font-size: 11px
    }

    #userPage #userPanelTopMenu a i {
        font-size: 20px
    }

    #newCasinoPage #casinoGames #casinoSidebar {
        width: 200px
    }

    #newCasinoPage #casinoGames #casinoSidebar a {
        font-size: 13px
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a {
        width: calc(50% - 4px);
        margin: 2px
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a i {
        transform: scale(.35);
        margin: -5px 0
    }

    #newCasinoPage #casinoGames #casinoSidebar #providerList a small {
        font-size: 7px;
        padding: 1px 2px
    }

    /*-- #newCasinoPage #casinoGames #gameList {
         width: calc(100% - 200px)
     } --*/

    #newCasinoPage #casinoGames #gameList {
        width: 100%
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(4, 1fr)
    }

    #zeppelinPage .box .box-content {
        font-size: 12px
    }

    #zeppelinPage #howToPlayContent, #zeppelinPage #zeppelinBoxes {
        margin-top: 250px;
        margin-bottom: 50px
    }

    #zeppelinPage #zeppelinLogo {
        margin-left: -100px;
        max-width: 200px;
        top: 30px;
        left: 25%
    }

    #pokerPage #pokerBoxes {
        margin-top: 20px;
        margin-bottom: 20px
    }

    #pokerPage #bottomArea {
        margin-bottom: 30px
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion {
        font-size: 13px
    }

    #pokerPage #tournaments2 .tournament {
        font-size: 12px
    }

    #pokerPage #jackpotWins .jackpot-win .details p {
        font-size: 13px
    }

    #pokerPage .box {
        margin: 0;
        max-height: 330px
    }

    #pokerPage .box .box-header {
        padding: 5px 20px;
        height: 40px
    }

    #pokerPage .box .box-content {
        height: calc(100% - 40px)
    }

    #pokerPage .box .box-content a.btn {
        padding: 16px 40px
    }

    #tournamentPage #pageContent {
        padding: 15px 0
    }

    #tournamentPage #scoreboard, #tournamentPage #tournamentDetails #timeRange p, #tournamentPage .tournament-box .tournament-header {
        font-size: 14px
    }

    #tournamentPage .tournament-box .tournament-body .tournament-details {
        font-size: 21px
    }

    #tournamentPage .tournaments-tree:after {
        height: calc(100% - 300px);
        top: 150px
    }

    #tournamentPage #gameList #gameListContainer .game {
        width: calc(16.66667% - 10px);
        padding-top: 16.66667%
    }

    #tournamentPage #gameList #gameListContainer .game p {
        font-size: 12px
    }

    #tournamentPage #gameList #gameListContainer .game .provider-o {
        transform: translateX(-50%) scale(.65)
    }

    .netgame-jackpot-amount {
        font-size: 25px
    }

    #netgameJackpotWidget h2 {
        font-size: 30px
    }

    #blogMainPageContent #blogMainPageTitle {
        font-size: 35px;
        padding: 65px 0 25px
    }

    #blogMainPageContent #pageSearch {
        padding: 13px 20px
    }
}

@media (max-width: 1600px) {

    .providerbox1 {
        transform: scale(.95);
        margin-right: -5px !important;
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 1400px) {

    .providerbox1 {
        transform: scale(.85);
        margin-right: -15px !important;
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 1200px) {

    .providerbox1 {
        transform: scale(.75);
        margin-right: -25px !important;
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 992px) {

    .providerbox1 {
        transform: scale(.65);
        margin-right: -40px !important;
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 720px) {

    .providerbox1 {
        transform: scale(.55);
        margin-right: -50px !important;
        display: flex;
        flex-wrap: wrap;
    }

}

@media (max-width: 992px) {
    #newCasinoPage #casinoGames {
        padding-top: 30px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(3, 1fr)
    }

    #newCasinoPage #casinoGames #gameList .game .provider-o {
        transform: translateX(0) scale(.4);
        transform-origin: left bottom;
        margin-top: 48%;
        left: 5px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game img {
        border-radius: 14px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box .buttons, #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box .buttons .btn-primary.play-sys-game.real {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box .buttons .btn-secondary.play-sys-game.demo {
        border-bottom-right-radius: 5px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box .play-button {
        border-width: 1px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box .play-button i {
        font-size: 100% !important
    }

    #registerPage #UyeOlForm .col-lg-4:nth-child(2) {
        margin: 20px 0
    }

    .desktop-layout {
        display: none
    }

    body, html {
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

    body {
        padding-top: 60px
    }

    .mobile-layout header {
        position: fixed !important;
        background-color: #fff;
        width: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1), 0 3px 5px rgba(0, 0, 0, .15);
        display: flex;
        top: 0;
        justify-content: space-between;
        align-content: space-between;
        align-items: stretch;
        z-index: 10
    }

    .mobile-layout header > a {
        display: block
    }

    .mobile-layout header #languageMenu .dropdown-toggle {
        background-color: #eee;
        padding: 10px 15px 14px
    }

    .mobile-layout header #languageMenu .dropdown-toggle i {
        margin-top: 8px
    }

    .mobile-layout header #languageMenu .dropdown-toggle:after {
        display: none
    }

    .mobile-layout header #languageMenu .dropdown-menu {
        background-color: #eee;
        transform: translateZ(0) !important;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
        border: none;
        border-radius: 0;
        margin-left: -8px;
        top: calc(100% - 3px) !important
    }

    .mobile-layout header #languageMenu .dropdown-menu a {
        line-height: 35px
    }

    .mobile-layout header #siteLogo img {
        max-height: 40px;
        margin: 10px 0
    }

    .mobile-layout header #mainMenuOpenBtn {
        background-color: #eee;
        color: #333;
        padding: 8px 20px;
        line-height: 33px
    }

    #mainMenuOverlay {
        background-color: rgba(0, 0, 0, .8);
        width: 100%;
        display: none;
        z-index: 51
    }

    #mainMenu, #mainMenuOverlay {
        position: fixed;
        height: 100%;
        top: 0
    }

    #mainMenu {
        border-left: 1px solid #222;
        right: -120%;
        transition: all .5s;
        z-index: 52;
        overflow-y: auto
    }

    #mainMenu.opened {
        right: 0
    }

    #mainMenu {
        background-color: #333;
        width: 80%
    }

    #mainMenu .account-info {
        background-color: #333;
        color: #fff;
        display: block;
        text-align: center;
        width: 50%;
        height: 100%;
        float: left;
        padding: 17px
    }

    #mainMenu .account-info i {
        color: #444;
        font-size: 30px;
        margin-right: 5px;
        line-height: 25px;
        display: inline-block
    }

    #mainMenu .account-info p {
        display: inline-block;
        text-align: left;
        margin: 0;
        line-height: 16px
    }

    #mainMenu .account-info p span {
        font-size: 12px
    }

    #mainMenu .payment-buttons {
        display: block;
        width: 50%;
        float: left
    }

    #mainMenu .payment-buttons button {
        font-size: 14px
    }

    #mainMenu .menu-links .column {
        width: 50%;
        display: block;
        float: left
    }

    #mainMenu .menu-links a {
        display: block;
        width: 100%;
        padding: 12px 0;
        text-align: center
    }

    #mainMenu .menu-links a.btn-gray {
        border: 1px solid #999;
        box-shadow: inset 1px 1px 1px #555
    }

    #mainMenu .menu-links a .new-tag {
        background-color: hsla(0, 0%, 100%, .2) !important;
        font-size: 13px;
        top: 10px;
        right: 5px;
        height: 30px;
        width: 30px !important;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        padding: 0
    }

    #mainMenu .menu-links .has-sub-menu {
        display: inline-block;
        position: relative;
        width: 50%
    }

    #mainMenu .menu-links .has-sub-menu .sub-menu {
        width: calc(100% - 60px);
        display: none;
        float: left;
        height: 53px
    }

    #mainMenu .menu-links .has-sub-menu .sub-menu a {
        display: block;
        color: #fff
    }

    #mainMenu .menu-links .has-sub-menu .sub-menu a:first-child {
        border-bottom: 1px solid #333
    }

    #mainMenu .menu-links .has-sub-menu .close-sub-menu-btn {
        width: 40px;
        height: 50px;
        float: left;
        color: #fff;
        text-align: center;
        display: none
    }

    #modalBalanceList {
        list-style: none;
        padding: 0
    }

    #modalBalanceList li {
        display: flex;
        justify-content: space-between;
        background-color: #f7f7f7;
        border-bottom: 1px solid #eee;
        padding: 10px 15px
    }

    #modalBalanceList li:nth-child(2n) {
        background-color: #f1f1f1
    }

    #modalBalanceList li p {
        margin: 0
    }

    #paymentMethods, #providers {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #333
    }

    #paymentMethods span, #providers span {
        width: calc(50% - 2px);
        display: inline-block;
        border: 1px solid #333;
        text-align: center;
        padding: 10px 0
    }

    #bottomMenu {
        position: fixed;
        display: flex;
        bottom: -10px;
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, .45);
        z-index: 11;
        max-height: 68px
    }

    #bottomMenu a {
        width: 25%;
        color: #fff;
        padding: 8px 0 18px;
        font-size: 11px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: column;
        font-weight: 400;
        border-top: 1px solid #666;
        line-height: 10px
    }

    #bottomMenu a span {
        width: 100%;
        text-align: center;
        display: block
    }

    #bottomMenu a span i {
        font-size: 18px;
        line-height: 16px
    }

    #bottomMenu a.live-bet-btn {
        background-color: #333
    }

    #bottomMenu a.support-btn {
        background-color: #222
    }

    #bottomMenu a.balances-btn {
        background-color: #111
    }

    #bottomMenu a.user-panel-btn {
        background-color: #000
    }

    #bottomMenu.non-member a {
        width: 33.33%
    }

    #liveSupportPopup {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    #liveSupportPopup #liveSupportPopupContent {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        width: 100%;
        height: 100%;
        transition: all .5s;
        padding-top: 40px
    }

    #liveSupportPopup #liveSupportPopupContent #liveSupportPopupHeader {
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #000;
        border-bottom: 3px solid #000;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%
    }

    #liveSupportPopup #liveSupportPopupContent #liveSupportPopupHeader h1 {
        position: relative;
        padding: 10px 20px;
        background-color: #111;
        font-size: 14px;
        width: calc(100% - 50px);
        margin: 0;
        display: inline-block
    }

    #liveSupportPopup #liveSupportPopupContent #liveSupportPopupHeader button {
        position: absolute;
        right: 0;
        border: none;
        font-size: 20px;
        width: 50px;
        line-height: 40px;
        text-align: center;
        color: #555;
        cursor: pointer;
        transition: all .5s
    }

    #liveSupportPopup #liveSupportPopupContent #liveSupportPopupBody {
        height: 100%;
        overflow: auto
    }

    #liveSupportPopup #liveSupportPopupContent #liveSupportPopupBody iframe {
        width: 100%;
        height: 100%
    }

    #desktopPokerApps {
        display: none
    }

    #userPage {
        padding-left: 0;
        padding-right: 0
    }

    #userPage #userPanelTopMenu a {
        padding: 15px 20px
    }

    #userPage #userPanelTopMenu .sm-next, #userPage #userPanelTopMenu .sm-prev {
        display: block
    }

    #userPage #userPanelTopMenu .swiper-button-disabled {
        display: none
    }

    #userPage #userPageContent h5 {
        justify-content: center;
        flex-direction: column-reverse
    }

    #userPage #userPageContent h5 #drawDepositButtons {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        justify-content: center
    }

    #userPage #userPageContent #sectionFilter a {
        flex-basis: 20%
    }

    #newCasinoPage #casinoGames {
        position: relative;
        padding: 0
    }

    #newCasinoPage #casinoGames.fixed-v #gameTypeFilter {
        position: relative;
        z-index: auto;
        top: auto;
        left: auto
    }

    #newCasinoPage #casinoGames.fixed-v #gameList {
        padding: 0;
        transform: translate(0)
    }

    #newCasinoPage #casinoGames.fixed-h #gameTypeFilter {
        top: 110px;
        box-shadow: none
    }

    #newCasinoPage #casinoGames .shadow {
        box-shadow: inset -20px 0 12px -10px rgba(0, 0, 0, .75);
        position: absolute;
        right: 25px;
        top: 0;
        height: 38px;
        width: 30px;
        z-index: 11;
        display: none
    }

    #newCasinoPage #casinoGames #gameTypeFilter {
        width: 100%;
        display: block;
        overflow-x: auto;
        border-top: 1px solid #aaa;
        padding: 37px 0 0
    }

    #newCasinoPage #casinoGames #gameTypeFilter #sorting {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        height: 38px;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa
    }

    #newCasinoPage #casinoGames #gameTypeFilter #sorting select {
        height: 36px;
        max-width: 100%;
        min-width: 100%;
        border: none
    }

    #newCasinoPage #casinoGames #gameTypeFilter #sorting span {
        display: none
    }

    #newCasinoPage #casinoGames #gameTypeFilter a {
        display: table-cell;
        width: auto;
        border-right: 1px solid #eee;
        min-width: 190px;
        text-align: center;
        padding: 10px
    }

    #newCasinoPage #casinoGames #gameTypeFilter a i:before {
        transform: translateY(3px)
    }

    #newCasinoPage #casinoGames #gameTypeFilter a span {
        padding: 0 3px
    }

    #newCasinoPage #casinoGames #gameList {
        width: 100%;
        transform: translate(0)
    }

    #newCasinoPage #casinoGames #gameList .game {
        margin-bottom: 10px
    }

    #newCasinoPage #casinoGames #gameList .game:hover .game-image {
        transform: scale(1)
    }

    #newCasinoPage #casinoGames #gameList .game .hover-box, #newCasinoPage #casinoGames #gameList .game .hover-box .play-button {
        opacity: 1
    }

    .container {
        max-width: 100%;
        padding-right: 5px;
        padding-left: 5px
    }

    .row {
        margin-right: -5px;
        margin-left: -5px
    }

    .row.no-gutters {
        margin-right: 0;
        margin-left: 0
    }

    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px
    }

    .LPMcontainer {
        display: none
    }

    footer {
        padding-bottom: 100px
    }

    .right-new {
        width: 100%;
        height: auto;
        margin-top: 10px;
        text-align: center
    }

    /*  #chat-2-desk-widget-container, #comm100-button-6, #comm100-button-505, #comm100-float-button-2, #iHkN6u8-1534254873400 {
          display: none !important
      }*/

    #mobileExtras {
        color: #fff;
        text-align: center;
        margin-top: 20px
    }

    #mobileExtras #openCallMeModalMobile, #mobileExtras #tvButton {
        display: inline-block;
        padding: 5px 8px;
        margin: 0 auto;
        color: #aaa;
        background-color: transparent
    }

    #mobileExtras #socialIcons {
        margin: 10px 0
    }

    #mobileExtras #socialIcons a {
        font-size: 25px;
        margin: 5px 3px;
        color: #aaa
    }

    #mobileExtras #mobileSiteTime {
        font-size: 12px;
        width: 100%;
        text-align: center;
        color: #aaa;
        display: block;
        margin: 10px 0
    }

    #casinoStotsMobileList {
        background-color: #fff;
        margin-top: 20px
    }

    #casinoStotsMobileList a {
        width: auto;
        padding: 5px 10px
    }

    #userPage #userPageContent p.option i {
        padding: 5px 10px 0;
        margin: 5px 0
    }

    #userPage #userPageContent p.option label {
        vertical-align: text-top
    }

    #userPage #userPageContent .form-group.has-icon i {
        padding: 5px 10px 0;
        margin: 5px 0
    }

    #userPage #userPageContent #transaction-list-form #end_date, #userPage #userPageContent #transaction-list-form #start_date {
        padding-top: 9px
    }

    #userPage #userPageContent #transaction-list-form .form-group {
        margin-right: 3px
    }

    #userPage #userPageContent #transaction-list-form .form-group:last-child .btn.btn-block.btn-green {
        padding-top: 9px
    }

    #userPage #userPageContent #transactions_wrapper #transactions_paginate a {
        padding: 8px
    }

    #userPage #userPageContent #bank-account #paparanotibanno .form-group input, #userPage #userPageContent #credit-card .col-6:first-child input {
        padding-top: 11px
    }

    #userPage #userPageContent .info-box ul {
        text-align: justify
    }

    #userPage #userPageContent #UyeBilgileri .col-12.col-md-6:last-child h2 {
        margin-bottom: 12px
    }

    #userPage #userPageContent #UyeBilgileri .col-12.col-md-6:last-child .form-group.has-icon:nth-child(3) {
        margin-top: 20px
    }

    #userPage #userPageContent #use-promotion-code-form #promotion-code-input {
        padding-top: 8px
    }

    #userPage #userPageContent .payment-section.mix.cepbanks .payment-method .bank.gone {
        background-position: -2305px 0;
        width: 85px
    }

    #userPage #userPageContent #game-history-form .row.pt15.pb15 .col-md-4:first-child .col-sm-12 .col-md-4:last-child select, #userPage #userPageContent #game-history-form .row.pt15.pb15 .col-md-4:nth-child(2) .col-sm-12 .col-md-4:last-child select {
        padding-right: 10px
    }

    #pokerPage .common-layout .col-4 {
        flex: 0 0 33.333%
    }

    #pokerPage .common-layout #create-poker-form {
        margin-top: 10px
    }

    #pokerPage .common-layout #create-poker-form label {
        margin-right: 10px
    }

    #pokerPage .common-layout #create-poker-form .plus-username-input.form-control {
        padding: .5em .75em
    }

    #paymentModal .modal-body .integration-body .info-box p, #paymentModal .modal-body .integration-body .info-box ul {
        text-align: justify;
        margin: 0 auto;
        font-size: .8em
    }

    #paymentModal .modal-body .integration-body h3 {
        font-size: .98em;
        margin-top: 0
    }

    .mixitup.light-bg.normal .payment-section.mix.cepbanks .bank.kuveytturk, .mixitup.light-bg.normal .payment-section.mix.qrcode .bank.kuveytturkQR {
        width: 150px
    }

    .b-modal.__b-popup1__ {
        opacity: .95 !important
    }

    .full-page-menu {
        width: 100%;
        padding: 5px
    }

    .full-page-menu .col4 {
        width: 33.333333%;
        display: block;
        float: left;
        padding: 10px
    }

    .full-page-menu a .new-tag {
        font-size: 13px;
        top: 5px;
        right: 5px;
        height: 30px;
        width: 30px !important;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        padding: 0
    }

    .full-page-menu a span {
        width: 100%;
        text-align: center;
        display: block
    }

    .full-page-menu a span i {
        font-size: 40px;
        line-height: 35px;
        width: 100%
    }

    .full-page-menu .has-sub-menu {
        position: relative
    }

    .full-page-menu .has-sub-menu .sub-menu {
        width: 100%;
        height: 100%;
        display: none;
        background-color: #333
    }

    .full-page-menu .has-sub-menu .sub-menu a {
        color: #fff;
        padding: 10px !important;
        font-size: 12px;
        height: 50%;
        width: 100% !important;
        margin: 0 !important;
        display: block
    }

    .full-page-menu .has-sub-menu .sub-menu a:first-child {
        border-bottom: 1px solid #444
    }

    .full-page-menu .has-sub-menu .close-sub-menu-btn {
        width: 30px;
        height: 30px;
        line-height: 100%;
        color: #fff;
        text-align: center;
        display: none;
        background-color: #c00;
        padding: 0;
        position: absolute;
        top: 10px;
        right: -20px;
        z-index: 1
    }

    #Widget724 {
        bottom: 80px !important;
        transform: translateX(-300px)
    }

    #casinoGames #gameList .game, #mainPageGameSliders .game {
        overflow: hidden
    }

    #casinoGames #gameList .game:hover .game-image, #mainPageGameSliders .game:hover .game-image {
        transform: scale(1) !important
    }

    #casinoGames #gameList .game i.toggle-favorite, #mainPageGameSliders .game i.toggle-favorite {
        opacity: 1 !important
    }

    #casinoGames #gameList .game.visible .hover-box, #casinoGames #gameList .game p, #mainPageGameSliders .game.visible .hover-box, #mainPageGameSliders .game p {
        top: 0 !important
    }

    #casinoGames #gameList .game .hover-box, #mainPageGameSliders .game .hover-box {
        top: -200% !important;
        opacity: 1 !important
    }

    #casinoGames #gameList .game .hover-box > p, #mainPageGameSliders .game .hover-box > p {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        padding: 0 5px;
        text-align: center !important;
        font-size: 8px !important;
        margin-bottom: 0
    }

    #casinoGames #gameList .game .hover-box .play-button, #mainPageGameSliders .game .hover-box .play-button {
        height: 40% !important;
        width: 40% !important
    }

    #casinoGames #gameList .game .hover-box .play-button i, #mainPageGameSliders .game .hover-box .play-button i {
        font-size: 100% !important
    }

    .open-in-new-tab {
        display: none !important
    }

    main#ssSportsPage {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 46px;
        height: calc(100% - 104px)
    }

    main#ssSportsPage iframe {
        position: absolute;
        width: 1px;
        max-width: 100%;
        min-width: 100%;
        height: 100%;
        min-height: 100%;
        *width: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box
    }

    main #scrollToTop {
        display: none !important;
        right: 30000px !important
    }

    #betslipNotificationWrap {
        pointer-events: none;
        width: 100%;
        bottom: 60px
    }

    #betslipNotificationWrap #footerlink_bs, #betslipNotificationWrap #goToBackButton {
        pointer-events: auto;
        position: absolute;
        bottom: 0;
        display: none;
        border: none
    }

    #betslipNotificationWrap #footerlink_bs {
        right: 0;
        left: auto
    }

    #betslipNotificationWrap #footerlink_bs #footerlink_bs_count {
        right: auto;
        left: -10px;
        top: -10px;
        box-shadow: none;
        font-size: 11px;
        line-height: 24px;
        border: none;
        background: #ddd
    }

    #betslipNotificationWrap #goToBackButton {
        right: auto;
        left: 0
    }

    .utopia .app .layout .side-panel-wrapper {
        margin-top: 0 !important
    }

    #zeppelinPage #howToPlayContent, #zeppelinPage #zeppelinBoxes {
        margin-top: 200px
    }

    #zeppelinPage #zeppelinLogo {
        margin-left: -75px;
        max-width: 150px;
        top: 20px
    }

    #zeppelinPage .box .box-content {
        font-size: 11px;
        padding: 50px 0
    }

    #zeppelinPage .box .box-content ul {
        padding-left: 15px
    }

    #zeppelinPage .box.box-3 .box-content {
        padding: 30px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game img {
        border-radius: 5px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box {
        opacity: 1
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box > .toggle-favorite {
        bottom: 3px;
        right: 3px;
        top: auto
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game .hover-box > .provider-o {
        bottom: 3px;
        left: 3px
    }

    #newCasinoPage #casinoGames #defaultList .default-game-list .game .hover-box {
        opacity: 1
    }

    #gamePreModal {
        left: 0;
        transform: none;
        height: 100%;
        width: 100%;
        border-radius: 0;
        max-height: 100%;
        top: 0 !important
    }

    #gamePreModal #login-form .form-group .icon-button {
        right: 25px
    }

    #gamePreModal .modal-body p {
        margin: 2px 0;
        font-size: 12px
    }

    #gamePreModal .modal-dialog {
        top: 0 !important;
        height: 100%;
        width: 100%;
        padding: 0
    }

    #gamePreModal .modal-dialog .modal-header {
        border-bottom: none !important;
        padding: 5px 10px 0 !important;
        display: flex
    }

    #gamePreModal .modal-dialog .modal-header div h6 {
        font-size: 18px;
        padding: 5px 0
    }

    #gamePreModal .modal-dialog .modal-header .close {
        margin: 0;
        position: absolute;
        right: 10px
    }

    #gamePreModal .modal-dialog figure {
        width: 130px;
        height: 130px
    }

    #gamePreModal .modal-dialog #demoGameBtn .demo {
        max-width: 120px;
        font-size: 12px;
        padding: 2px 5px !important
    }

    #gamePreModal .modal-dialog #orText, #gamePreModal .modal-dialog hr {
        display: none !important
    }

    #gamePreModal .modal-dialog #gamePreModal .modal-dialog .btn-secondary, #gamePreModal .modal-dialog #GonderBtn {
        font-size: 12px;
        padding: 2px 5px !important;
        margin: 0 auto
    }

    #gamePreModal .modal-dialog #openRegisterModal {
        font-size: 12px;
        margin: 3px auto !important;
        padding: 3px 0 !important
    }

    #gamePreModal .modal-dialog #login-form {
        padding-bottom: 0
    }

    #gamePreModal .modal-dialog #login-form #loginLogo img {
        max-height: 25px;
        max-width: 40%
    }

    #gamePreModal .modal-dialog #login-form .form-group .form-control, #gamePreModal .modal-dialog #loginForm .form-group .form-control {
        padding: 2px 10px 2px 31px;
        height: 35px;
        border: 2px solid #ececec;
        margin: 1px auto
    }

    #pokerPage #jackpotWins .jackpot-win .amount {
        margin-right: 10px;
        width: 55px;
        font-size: 11px
    }

    #pokerPage #jackpotWins .jackpot-win .details p {
        font-size: 11px
    }

    #pokerPage .box {
        max-height: 270px
    }

    #pokerPage .box .box-header {
        padding: 3px 10px;
        height: 30px;
        font-size: 13px
    }

    #pokerPage .box .box-content {
        height: calc(100% - 30px)
    }

    #pokerPage .box .box-content a {
        font-size: 13px
    }

    #pokerPage .box .box-content a.btn {
        padding: 12px 30px
    }

    #pokerPage #tournaments2 .tournament {
        font-size: 11px
    }

    #pokerPage #bottomArea {
        margin-bottom: 20px
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion {
        font-size: 12px;
        padding: 0
    }

    #tournamentPage .tournaments-tree:after {
        height: calc(100% - 270px);
        top: 135px
    }

    #tournamentPage .tournament-box {
        margin-top: -40px;
        margin-bottom: -40px
    }

    #tournamentPage .tournament-box .tournament-header {
        font-size: 13px
    }

    #tournamentPage .tournament-box .tournament-body .tournament-details {
        font-size: 18px
    }

    #tournamentPage .tournament-box .tournament-body .tournament-details table {
        font-size: 13px;
        line-height: 1
    }

    #tournamentPage .tournament-box .tournament-footer .btn {
        font-size: 16px;
        padding: 10px 0
    }

    #tournamentDetailsModal .modal-header {
        padding: 0 !important
    }

    #tournamentDetailsModal .close {
        top: 3px;
        right: 2px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentName .tournament-name {
        font-size: 20px;
        padding: 10px
    }

    #tournamentDetailsModal #tournamentDetails #joinTournament #joinNow a {
        padding: 8px 0;
        font-size: 18px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #scoreboardTitle {
        font-size: 12px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #scoreboardTitle span {
        font-size: 25px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #toggleGamesBtn {
        font-size: 20px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentHeader {
        font-size: 13px;
        padding: 10px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentHeader #finishDate {
        margin-right: 30px
    }

    #tournamentDetailsModal #tournamentDetails #gameList #gameListContainer .game p {
        font-size: 10px
    }

    .netgame-jackpot-amount {
        font-size: 20px
    }

    .netgame-jackpot {
        padding: 10px;
        margin: 5px;
        width: calc(25% - 10px)
    }

    #netgameJackpotWidget h2 {
        font-size: 25px
    }

    body.mobile-page #gamePreModal .modal-header div {
        padding: 0
    }

    body.mobile-page #gamePreModal .modal-dialog #demoGameBtn .demo {
        font-size: 12px
    }

    body.mobile-page #gamePreModal figure {
        width: 100px;
        height: 100px
    }

    body.mobile-page #gamePreModal figure .game-image {
        margin-top: 0;
        max-width: 100px
    }

    #blogMainPageContent #blogMainPageTitle {
        font-size: 30px;
        padding: 55px 0 20px
    }

    #blogMainPageContent #categoryList {
        padding-top: 40px
    }

    #blogMainPageContent #categoryList a {
        width: calc(33.333% - 20px);
        padding: 20px 0
    }

    #blogMainPageContent #categoryList a img {
        height: 60px
    }

    #blogMainPageContent #pageSearch {
        padding: 10px 20px
    }

    #sportProviderSwitch {
        padding: 5px 0;
        overflow-x: auto
    }

    #sportProviderSwitch a {
        padding: 0
    }

    #sportProviderSwitch a:before {
        left: 2px
    }

    #sportProviderSwitch a:after {
        right: 2px
    }

    #sportProviderSwitch a i {
        transform: scale(.4);
        transform-origin: center
    }

    #sportProviderSwitch a i.betco {
        margin: -10px -52px
    }

    #sportProviderSwitch a i.sevenstar {
        margin: -10px -30px
    }

    #sportProviderSwitch a i.betinvest {
        margin: -10px -38px
    }

    #bingoOptions .container {
        padding: 5px
    }

    #bingoOptions .container a {
        width: calc(50% - 20px);
        margin: 10px
    }
}




@media (max-width: 768px) {
    body {
        padding-top: 40px
    }

    body main {
        padding-top: 0 !important
    }

    #userPage #userPanelTopMenu a {
        padding: 10px;
        min-width: 120px
    }

    #userPage #userPanelTopMenu a i {
        margin-bottom: 0;
        line-height: 25px
    }

    #userPage #userPageContent .row {
        display: inline-block;
        width: 100%
    }

    #userPage #userPageContent .row .col-6, #userPage #userPageContent .row .col-sm-6 {
        float: left
    }

    #userPage #userPageContent #sectionFilter a {
        flex-basis: 30%
    }

    #newCasinoPage #casinoGames {
        padding: 0
    }

    #newCasinoPage #casinoGames .shadow {
        right: 5px;
        height: 38px
    }

    #newCasinoPage #casinoGames #providerFilter #sorting {
        width: calc(100% - 10px);
        margin: 0 5px 10px
    }

    #newCasinoPage #casinoGames.fixed-v #providerFilter {
        top: auto
    }

    #newCasinoPage #casinoGames.fixed-v #providerFilter #sorting select {
        height: 40px
    }

    #newCasinoPage #casinoGames.fixed-v #providerFilter a {
        min-width: 100px;
        font-size: 12px;
        padding: 10px 5px
    }

    .mobile-layout header #languageMenu .dropdown-toggle {
        padding: 5px 15px 9px
    }

    .mobile-layout header #siteLogo img {
        max-height: 30px;
        margin: 5px 0
    }

    .mobile-layout header #mainMenuOpenBtn {
        padding: 3px 25px
    }

    .mobile-layout #mainMenu .account-info, .mobile-layout #mainMenu .menu-links .column, .mobile-layout #mainMenu .payment-buttons {
        width: 100%
    }

    .mobile-layout #mainMenu .menu-links a {
        font-size: 14px
    }

    .mobile-layout #mainPage a {
        margin: 5px;
        padding: 15px 0;
        width: calc(100% - 10px);
        font-size: 14px
    }

    .mobile-layout #mainPage a i {
        font-size: 30px;
        line-height: 25px
    }

    .mobile-layout #sportsMenu .swiper-button-next, .mobile-layout #sportsMenu .swiper-button-prev {
        width: 30px
    }

    .mobile-layout #sportsMenu nav a {
        font-size: 11px;
        padding: 5px 15px
    }

    .mobile-layout #sportsMenu nav a i {
        font-size: 15px
    }

    .mobile-layout #filterSortSearch .btn {
        margin-left: 0 !important
    }

    .blogContent {
        padding: 10px;
        overflow-x: auto
    }

    .blogContent > div {
        width: 100%
    }

    #paymentModal .modal-footer {
        padding-bottom: 100px
    }

    ul.accordion-slider {
        display: none
    }

    .mobile-bBanner {
        display: inline-block !important
    }

    #tombala-fs iframe {
        max-width: 100% !important;
        width: 100%
    }

    #userPage #userPageContent .dataTables_info {
        text-align: left
    }

    #userPage #userPageContent #game-history-form #end_day, #userPage #userPageContent #game-history-form #end_month, #userPage #userPageContent #game-history-form #end_year, #userPage #userPageContent #game-history-form #start_day, #userPage #userPageContent #game-history-form #start_month, #userPage #userPageContent #game-history-form #start_year {
        margin-bottom: 5px
    }

    #userPage #userPageContent #game-history-form .col-md-4 .col-sm-12 .col-md-4 {
        padding: 0
    }

    #userPage #userPageContent #game-history-form .col-md-4:last-child {
        padding-left: 0;
        padding-right: 8px
    }

    #userPage #userPageContent #messages_wrapper #messages_paginate a {
        padding: 8px 6px
    }

    #userPage #userPageContent #messages_wrapper #messages_paginate span a {
        padding: 8px 16px
    }

    #userPage #userPageContent #messages_wrapper .row {
        float: none;
        display: flex;
        margin-left: 0;
        margin-right: 0
    }

    #userPage #userPageContent #messages_wrapper .row .col-sm-6 {
        padding-right: 0
    }

    #userPage #userPageContent #transactions_wrapper .row {
        display: flex;
        justify-content: space-between;
        margin-left: 0
    }

    #userPage #userPageContent #transactions_wrapper .row .col-sm-6 {
        padding-right: 0
    }

    #userPage #userPageContent #transactions_wrapper .row .dataTables_paginate.paging_full_numbers {
        margin-top: 0;
        padding-top: 0;
        text-align: right
    }

    #userPage #userPageContent #transactions_wrapper #transactions_paginate a:last-child {
        padding-right: 0
    }

    #userPage #userPageContent #notifications_wrapper .row {
        float: none;
        display: flex;
        margin-left: 0;
        margin-right: 0
    }

    #userPage #userPageContent #notifications_wrapper .row .col-sm-6 {
        padding-right: 0
    }

    .owl-outer .owl-nav button:hover {
        background: none !important
    }

    .owl-outer .owl-nav .owl-prev {
        left: 0 !important
    }

    .owl-outer .owl-nav .owl-next {
        right: 0 !important
    }

    #paymentModal #cashlinkHelpVideosBtn h3 {
        margin-left: 100px
    }

    #turbogamePage #closeHowToPlayAviatorContent, #turbogamePage #closeHowToPlayZeppelinContent {
        padding: 5px 20px;
        top: -25px
    }

    #turbogamePage #howToPlayAviatorContent, #turbogamePage #howToPlayZeppelinContent, #turbogamePage #turbogameBoxes {
        margin-top: 40px;
        margin-bottom: 30px
    }

    #turbogamePage #howToPlayAviatorContent .container, #turbogamePage #howToPlayZeppelinContent .container, #turbogamePage #turbogameBoxes .container {
        flex-wrap: wrap
    }

    #turbogamePage .box-1 .box-content {
        padding: 20px 0
    }

    #turbogamePage .box-1 .box-content img {
        max-height: 100px;
        margin-bottom: 10px
    }

    #turbogamePage .box-1 .box-content p {
        font-size: 13px;
        line-height: 15px;
        padding: 0 10px;
        text-align: center
    }

    #turbogamePage .box-1 .box-content a.btn {
        font-size: 12px;
        padding: 5px 10px
    }

    #turbogamePage .box-1 .box-content a.btn.play-now {
        padding: 10px 30px
    }

    #pokerPage .box {
        max-height: 230px;
        margin-bottom: 20px
    }

    #pokerPage .box-1 {
        margin-bottom: 40px
    }

    #pokerPage .box-1 .box-content {
        padding: 20px 0
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion {
        font-size: 11px
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion img {
        width: 45%
    }

    #appPage #appDownloadTabs > p {
        font-size: 12px;
        padding: 0 10px
    }

    #appPage #appDownloadTabs .nav-tabs {
        margin-bottom: 10px
    }

    #appPage #appDownloadTabs .nav-tabs li a {
        padding: 5px 15px
    }

    #appPage #appDownloadTabs .tab-content .options {
        flex-wrap: wrap
    }

    #appPage #appDownloadTabs .tab-content a {
        padding: 5px 10px;
        font-size: 11px
    }

    #appPage #appDownloadTabs .tab-content a span {
        padding: 7px 10px;
        font-size: 10px
    }

    #appPage #appDownloadTabs .tab-content a img {
        height: 30px
    }

    #tournamentDetailsModal .modal-header {
        background-color: transparent;
        border: none !important
    }

    #tournamentDetailsModal .modal-content, #tournamentDetailsModal .modal-dialog {
        margin: 0
    }

    #tournamentPage .tournament-page-title {
        font-size: 15px
    }

    #tournamentPage .active-tournaments, #tournamentPage .tournaments-tree {
        flex-direction: column;
        padding: 5px 0
    }

    #tournamentPage .active-tournaments:after, #tournamentPage .active-tournaments:before, #tournamentPage .tournaments-tree:after, #tournamentPage .tournaments-tree:before {
        display: none
    }

    #tournamentPage .tournament-box {
        width: 100%;
        margin: 5px 0
    }

    #tournamentPage .tournament-box .tournament-header {
        font-size: 11px
    }

    #tournamentPage .tournament-box .tournament-header .status-icon {
        margin-bottom: -4px
    }

    #tournamentPage .tournament-box .tournament-body .tournament-image {
        width: 25%;
        padding-top: 25%
    }

    #tournamentPage .tournament-box .tournament-body .tournament-details {
        width: 75%;
        font-size: 15px
    }

    #tournamentPage .tournament-box .tournament-footer .btn {
        font-size: 14px;
        padding: 8px 0
    }

    #tournamentPage .tournament-box:after, #tournamentPage .tournament-box:before {
        display: none
    }

    #tournamentPage #tournamentTerms .section, #tournamentPage #tournamentTerms table {
        font-size: 12px
    }

    #tournamentDetails #detailsHeader img {
        width: 100px;
        margin-right: 5px;
        margin-left: 5px
    }

    #tournamentDetails #detailsHeader .tournament-details p {
        font-size: 11px
    }

    .netgame-jackpot-amount {
        font-size: 18px
    }

    .netgame-jackpot {
        padding: 5px;
        width: calc(25% - 10px)
    }

    #netgameJackpotWidget h2 {
        font-size: 20px;
        margin: 0
    }

    #netgameJackpotWidget img {
        max-height: 70px
    }

    #tvBetGames #gameList .sys-game {
        margin: 5px;
        width: calc(33% - 10px)
    }

    #blogMainPageContent #blogMainPageTitle {
        font-size: 25px;
        padding: 45px 0 15px
    }

    #blogMainPageContent #categoryList a {
        margin: 5px;
        padding: 15px 0;
        width: calc(33.333% - 10px)
    }

    #blogMainPageContent #categoryList a p {
        font-size: 15px
    }

    #blogMainPageContent #categoryList a img {
        height: 50px
    }

    #blogMainPageContent #pageSearch {
        padding: 10px 15px;
        font-size: 15px
    }
}

@media (max-width: 576px) {
    #userPage #userPanelTopMenu a {
        padding: 5px 10px
    }

    #userPage #userPageContent {
        padding: 5px 10px 10px
    }

    #userPage #userPageContent #sectionFilter a {
        flex-basis: 50%
    }

    #userPage #userPageContent h5 {
        position: relative
    }

    #userPage #userPageContent h5 #drawDepositButtons {
        text-align: center;
        flex-wrap: wrap
    }

    #userPage #userPageContent h5 #drawDepositButtons .btn {
        font-size: 11px;
        padding: 8px;
        margin: 2px
    }

    #userPage #userPageContent .alert h1 {
        font-size: 2rem
    }

    .mobile-layout header #mainMenuOpenBtn {
        padding: 3px 20px
    }

    .mobile-layout #mainMenu {
        width: 250px
    }

    .mobile-layout #mainMenu .account-info {
        padding: 15px 0
    }

    .mobile-layout #mainPage a {
        font-size: 11px
    }

    .mobile-layout #providerSelect {
        margin: 0;
        width: 100%
    }

    .mobile-layout #gameList a figcaption {
        line-height: 10px;
        font-size: 10px
    }

    .mobile-layout .section-header p {
        font-size: 15px;
        padding: 0 10px;
        line-height: 40px
    }

    .mobile-layout .section-content {
        padding: 10px
    }

    .mobile-layout #liveMatches .section-header #popularMatchesFilter nav button, .mobile-layout #popularMatches .section-header #popularMatchesFilter nav button {
        height: 40px;
        width: 45px;
        padding-top: 5px;
        font-size: 20px;
        background-position-y: 25px
    }

    .mobile-layout #liveMatches .section-content .match .match-details .country, .mobile-layout #popularMatches .section-content .match .match-details .country {
        padding: 10px;
        max-width: 50px
    }

    .mobile-layout #liveMatches .section-content .match .match-details .country i, .mobile-layout #popularMatches .section-content .match .match-details .country i {
        margin-bottom: -3px
    }

    .mobile-layout #liveMatches .section-content .match .match-details .match-info, .mobile-layout #popularMatches .section-content .match .match-details .match-info {
        padding: 0 10px;
        font-size: 12px;
        margin-bottom: 5px
    }

    .mobile-layout #liveMatches .section-content .match .match-details .match-info .live-badge, .mobile-layout #popularMatches .section-content .match .match-details .match-info .live-badge {
        font-size: 8px;
        padding: 2px 8px
    }

    .mobile-layout #liveMatches .section-content .match .match-details .all-odds-btn, .mobile-layout #popularMatches .section-content .match .match-details .all-odds-btn {
        margin: 3px 5px 3px auto;
        padding: 7px 10px;
        font-size: 13px
    }

    .mobile-layout #liveMatches .section-content .match .quick-market, .mobile-layout #popularMatches .section-content .match .quick-market {
        padding: 5px
    }

    .mobile-layout #liveMatches .section-content .match .quick-market .odd-badge, .mobile-layout #popularMatches .section-content .match .quick-market .odd-badge {
        margin: 0 3px;
        font-size: 12px;
        line-height: 25px
    }

    .mobile-layout #liveMatches .section-content .match .quick-market .odd-badge.selected .odd-value, .mobile-layout #popularMatches .section-content .match .quick-market .odd-badge.selected .odd-value {
        padding-right: 20px
    }

    .mobile-layout #liveMatches .section-content .match .quick-market .odd-badge.selected:before, .mobile-layout #popularMatches .section-content .match .quick-market .odd-badge.selected:before {
        font-size: 13px;
        right: 7px;
        top: 6px
    }

    .mobile-layout #popularLeauges .leauge .leauge-header {
        padding: 10px 5px;
        font-size: 12px
    }

    .mobile-layout #popularLeauges .leauge .match-list .match .match-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        line-height: 13px;
        font-size: 11px;
        padding: 5px 10px
    }

    .mobile-layout #popularLeauges .leauge .match-list .match .match-info span {
        margin-left: 3px
    }

    .mobile-layout #popularLeauges .leauge .match-list .match .match-info .live-badge {
        font-size: 8px;
        padding: 2px 8px
    }

    .mobile-layout #popularLeauges .leauge .match-list .match .quick-market .odd-badge {
        padding: 2px 7px;
        font-size: 11px
    }

    .mobile-layout #popularLeauges .leauge .match-list .match .all-odds-btn {
        font-size: 11px
    }

    .game-box {
        padding: 5px;
        margin-bottom: 10px
    }

    .game-box .buttons .btn {
        font-size: 10px
    }

    #deposit-envoy-form .list-group-item img {
        height: 40px
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(3, 1fr)
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer .game, #newCasinoPage #casinoGames #gameList .default-game-list .game {
        margin-bottom: 5px
    }

    #userPage #userPageContent #bank-account #iban_no {
        padding-top: 11px
    }

    #userPage #userPageContent #messages_wrapper #messages .btn.btn-red {
        margin-top: 3px;
        padding: 6px 13.5px
    }

    #userPage #userPageContent .dataTables_info {
        text-align: center
    }

    #userPage #userPageContent .alert.alert-info.text-center.p-4 .row .col-sm-6:first-child {
        margin-bottom: 3px
    }

    #userPage #userPageContent #transactions_wrapper .row .dataTables_paginate.paging_full_numbers {
        text-align: center
    }

    #pokerPage .common-layout .col-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    #pokerPage .common-layout #create-poker-form {
        display: flex;
        flex-direction: column
    }

    #pokerPage .common-layout #create-poker-form label {
        margin-right: 0;
        margin-bottom: 0
    }

    #pokerPage .common-layout #create-poker-form .plus-username-input.form-control {
        width: 90%;
        margin-top: 5px
    }

    #pokerPage .common-layout #create-poker-form .btn.red.pull-right {
        margin-top: 5px
    }

    #pokerPage .buttons-row .btn {
        margin: 5px 0
    }

    #pokerPage .buttons-row .btn.trans {
        font-size: 13px
    }

    #paymentModal #coinpaymentsHelpVideosBtn {
        font-size: .8em
    }

    #paymentModal #coinpaymentsHelpVideosBtn h3 {
        margin-top: 0
    }

    #paymentModal #cashlinkHelpVideosBtn h3 {
        margin-top: 0;
        margin-left: 80px
    }

    #paymentModal .modal-dialog.modal-lg .info-box.clearfix a {
        display: inline-block
    }

    #paymentModal #maldopayHelpVideosBtn h3 {
        margin-left: 120px
    }

    #zeppelinPage .box.box-3 .box-content {
        padding: 10px
    }

    #zeppelinPage #closeHowToPlayContent {
        padding: 5px 20px;
        right: 5px;
        font-size: 13px
    }

    #gamePreModal .google-sec-code, #loginModal .google-sec-code {
        height: auto
    }

    #gamePreModal .google-sec-code .g-recaptcha, #loginModal .google-sec-code .g-recaptcha {
        height: auto;
        margin-top: 10px;
        display: flex;
        justify-content: center
    }

    #gamePreModal .google-sec-code .g-recaptcha > div, #loginModal .google-sec-code .g-recaptcha > div {
        height: auto !important
    }

    #gamePreModal .google-sec-code .g-recaptcha > div > div, #loginModal .google-sec-code .g-recaptcha > div > div {
        width: auto;
        height: auto !important
    }

    #gamePreModal .google-sec-code iframe, #loginModal .google-sec-code iframe {
        transform: scale(1);
        width: calc(100% + 2px) !important
    }

    .is-new-design #gamePreModal .google-sec-code, .is-new-design #gamePreModal .google-sec-code .g-recaptcha, .is-new-design #gamePreModal .google-sec-code .g-recaptcha > div, .is-new-design #gamePreModal .google-sec-code .g-recaptcha > div > div, .is-new-design #loginModal .google-sec-code, .is-new-design #loginModal .google-sec-code .g-recaptcha, .is-new-design #loginModal .google-sec-code .g-recaptcha > div, .is-new-design #loginModal .google-sec-code .g-recaptcha > div > div {
        height: auto !important
    }

    .is-new-design #gamePreModal .google-sec-code iframe, .is-new-design #loginModal .google-sec-code iframe {
        transform: scale(1);
        width: auto
    }

    #pokerPage #bottomArea #pokerPromotions {
        flex-direction: column;
        padding-top: 20px
    }

    #pokerPage #bottomArea #pokerPromotions .promo-text {
        text-align: center
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion {
        width: 100%
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion .promo-text {
        width: calc(100% - 110px)
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion strong {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block
    }

    #pokerPage #bottomArea #pokerPromotions .poker-promotion img {
        width: 110px;
        margin: 0 auto;
        padding-bottom: 15px
    }

    #pokerPage .box.box-5 {
        max-height: 100%
    }

    #pokerPage .box.box-1 {
        margin-bottom: 20px
    }

    #tournamentPage .tournament-box .tournament-header {
        font-size: 10px;
        padding: 7px 5px
    }

    #tournamentPage .tournament-box .tournament-header .status-icon {
        margin-bottom: -1px;
        width: 10px;
        height: 10px
    }

    #tournamentPage #scoreboard {
        font-size: 12px
    }

    #tournamentPage #tournamentDetails #prizePool i {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 20px !important;
        opacity: .5;
        transition: all .3s;
        cursor: pointer
    }

    #tournamentPage #tournamentDetails #minBetCount, #tournamentPage #tournamentDetails #minStake, #tournamentPage #tournamentDetails #prizePool, #tournamentPage #tournamentDetails #remainingTime, #tournamentPage #tournamentDetails #totalWinner {
        padding: 5px
    }

    #tournamentPage #tournamentDetails #minBetCount span, #tournamentPage #tournamentDetails #minStake span, #tournamentPage #tournamentDetails #prizePool span, #tournamentPage #tournamentDetails #remainingTime span, #tournamentPage #tournamentDetails #totalWinner span {
        font-size: 28px
    }

    #tournamentPage #tournamentDetails #minBetCount small, #tournamentPage #tournamentDetails #minStake small, #tournamentPage #tournamentDetails #prizePool small, #tournamentPage #tournamentDetails #remainingTime small, #tournamentPage #tournamentDetails #totalWinner small {
        margin-bottom: 5px;
        font-size: 11px
    }

    #tournamentPage #tournamentDetails #timeRange {
        flex-direction: column
    }

    #tournamentPage #tournamentDetails #timeRange p {
        font-size: 12px;
        justify-content: center;
        flex-direction: row
    }

    #tournamentPage #gameList #gameListContainer {
        padding: 0
    }

    #tournamentPage #gameList #gameListContainer .game {
        width: calc(33.33333% - 6px);
        padding-top: 33.33333%;
        border-radius: 5px
    }

    #tournamentPage #gameList #gameListContainer .game p {
        font-size: 9px;
        padding: 3px
    }

    #tournamentDetailsModal .close {
        top: 6px;
        width: 30px;
        height: 30px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentName .tournament-name {
        font-size: 18px;
        padding: 5px
    }

    #tournamentDetailsModal #tournamentDetails #joinTournament #joinNow a {
        padding: 6px 0;
        font-size: 15px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #scoreboardTitle {
        font-size: 11px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #scoreboardTitle span {
        font-size: 20px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentTabBtns #toggleGamesBtn {
        font-size: 18px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentHeader {
        font-size: 12px
    }

    #tournamentDetailsModal #tournamentDetails #tournamentHeader #finishDate {
        margin-right: 24px
    }

    #tournamentDetailsModal #tournamentDetails #gameList #gameListContainer .game p {
        font-size: 9px
    }

    .netgame-jackpot-amount {
        font-size: 16px
    }

    .netgame-jackpot {
        width: calc(50% - 10px);
        font-size: 11px;
        line-height: 1;
        padding: 2px
    }

    #netgameJackpotWidget h2 {
        font-size: 15px
    }

    #netgameJackpotWidget img {
        max-height: 50px
    }

    #tournamentDetails #scoreboard table tr td {
        padding: 3px;
        font-size: 14px
    }

    #tvBetGames #gameList .sys-game {
        margin: 5px;
        width: calc(50% - 10px)
    }

    #blogMainPageContent #blogMainPageTitle {
        font-size: 20px;
        padding: 35px 0 15px
    }

    #blogMainPageContent #categoryList a {
        margin: 5px;
        padding: 10px 0;
        width: calc(50% - 10px)
    }

    #blogMainPageContent #categoryList a p {
        font-size: 13px
    }

    #blogMainPageContent #categoryList a img {
        height: 40px
    }

    #blogMainPageContent #pageSearch {
        padding: 7px 10px;
        font-size: 13px
    }

    #bingoOptions .container {
        padding: 5px;
        flex-direction: column
    }

    #bingoOptions .container a {
        width: calc(100% - 10px);
        margin: 5px
    }

    .coin-wallet {
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
        border-bottom: 1px solid hsla(0, 0%, 100%, .5);
        padding-bottom: 5px;
        margin-bottom: 10px
    }

    .coin-wallet .btn {
        margin: 0 auto;
        display: block
    }

    .coin-wallet .form-group {
        width: 100%
    }
}

@media (max-width: 420px) {
    header #siteLogo img {
        max-height: 30px;
        margin: 5px 0
    }

    header #mainMenuOpenBtn {
        padding: 3px 18px
    }

    #paymentMethods span, #providers span {
        width: 100%
    }

    .section-header {
        flex-wrap: wrap;
        flex-direction: column;
        text-align: center
    }

    .section-header p {
        border-bottom: 1px solid #244772
    }

    .section-header .col-6 {
        width: 100%;
        max-width: 100%
    }

    #liveMatches .section-content .match .match-details .country, #popularMatches .section-content .match .match-details .country {
        padding: 8px 5px;
        max-width: 40px
    }

    #liveMatches .section-content .match .match-details .match-info, #popularMatches .section-content .match .match-details .match-info {
        font-size: 11px
    }

    #liveMatches .section-content .match .match-details .all-odds-btn, #popularMatches .section-content .match .match-details .all-odds-btn {
        margin: 3px 3px 3px auto;
        padding: 4px 7px;
        font-size: 12px
    }

    #popularLeauges .leauge .match-list .match {
        flex-wrap: wrap
    }

    #popularLeauges .leauge .match-list .match .match-info {
        width: 100%;
        border-bottom: 1px solid #ddd
    }

    #popularLeauges .leauge .match-list .match .quick-market {
        width: 75%;
        line-height: 30px
    }

    #popularLeauges .leauge .match-list .match .all-odds-btn {
        width: 25%
    }

    .full-page-menu {
        display: flex;
        flex-wrap: wrap
    }

    .full-page-menu a {
        font-size: 10px
    }

    .full-page-menu a span {
        font-size: 1.5em;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .full-page-menu .col4 {
        float: none;
        margin: 0 auto;
        width: 50% !important
    }

    #newCasinoPage #casinoGames #gameList #casinoGamesContainer, #newCasinoPage #casinoGames #gameList .default-game-list {
        grid-template-columns:repeat(3, 1fr)
    }

    #newCasinoPage #casinoGames #gameList .game .hover-box > p {
        font-size: 8px
    }

    #newCasinoPage #casinoGames #gameList .game .hover-box .buttons button {
        font-size: 10px
    }

    footer {
        padding-bottom: 80px
    }

    footer #footerMenu a {
        display: flex;
        justify-content: center
    }

    #registerPage .google-sec-code .g-recaptcha {
        margin-left: 11px
    }

    #userPage #userPageContent .alert.alert-info, #userPage #userPageContent .info-box {
        font-size: .8em
    }

    #userPage #userPageContent .form-group.has-icon #bdDay, #userPage #userPageContent .form-group.has-icon #bdMonth, #userPage #userPageContent .form-group.has-icon #bdYear {
        width: 155%
    }

    #userPage #userPageContent .form-group #promotion-code-submit-button {
        width: 160%
    }

    #userPage #userPageContent .row.pt15.pb15 .col-sm-4.control-label, #userPage #userPageContent .row.pt15.pb15 .col-sm-12.control-label {
        font-weight: 400
    }

    #userPage #userPageContent .table.table-bordered.w-100 {
        font-size: .75em
    }

    #userPage #userPageContent #credit-cards-table {
        font-size: .8em
    }

    #userPage #userPageContent #credit-cards-table tbody tr:first-child {
        font-size: .9em
    }

    #userPage #userPageContent #credit-cards-table tbody .zero-account {
        text-align: center
    }

    #userPage #userPageContent #transactions_wrapper #transactions {
        font-size: .8em;
        width: 100% !important
    }

    #userPage #userPageContent #transactions_wrapper #transactions thead th {
        padding: 10px 12px
    }

    #userPage #userPageContent #messages_wrapper #messages tbody {
        text-align: center;
        font-size: .9em
    }

    #paymentModal .alert.alert-info {
        text-align: justify;
        font-size: .8em
    }

    #paymentModal .modal-dialog.modal-lg .info-box.clearfix {
        font-size: .9em;
        text-align: justify;
        padding: 15px 10px
    }

    #paymentModal .modal-dialog.modal-lg .info-box.clearfix a {
        font-size: .9em
    }

    #paymentModal .modal-dialog.modal-lg .info-box.clearfix p {
        width: 100%
    }

    #paymentModal .modal-body .integration-body h3 {
        font-size: .75em
    }

    #paymentModal #paytopaysHelpVideosBtn h3 {
        margin-top: 0
    }

    #paymentModal #cashlinkHelpVideosBtn h3 {
        margin-left: 50px
    }

    .buttons-row {
        display: flex
    }

    #tournamentPage #tournamentDetails #minBetCount, #tournamentPage #tournamentDetails #minStake, #tournamentPage #tournamentDetails #prizePool, #tournamentPage #tournamentDetails #remainingTime, #tournamentPage #tournamentDetails #totalWinner {
        font-size: 23px
    }

    .netgame-jackpot-amount {
        font-size: 12px
    }

    .netgame-jackpot {
        font-size: 10px
    }

    #netgameJackpotWidget h2 {
        font-size: 13px
    }

    #netgameJackpotWidget img {
        max-height: 30px
    }
}

@media (max-width: 320px) {
    #registerModal .blockify {
        margin-top: 10px !important
    }

    #registerModal .blockify a {
        font-size: 10px
    }

    #registerModal .close {
        line-height: .7;
        padding: 0 5px !important
    }

    #registerModal .form-group .form-control {
        height: 40px !important
    }

    #registerModal .form-group .field-info .field-info-btn i {
        margin-top: 2px
    }

    #registerModal .icons-nav {
        margin-bottom: 0
    }

    #registerModal .icons-nav .col-md-3 {
        line-height: 1
    }

    #registerModal .icons-holder {
        padding: 0 !important
    }
}

/*@font-face {
    font-family: icons;
    src: url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/icons.eot?v=20210311164332);
    src: url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/icons.eot?v=20210311164332) format("embedded-opentype"), url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/icons.woff?v=20210311164332) format("woff"), url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/icons.ttf?v=20210311164332) format("truetype"), url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/icons.svg#icons?v=20210311164332) format("svg");
    font-weight: 400;
    font-style: normal
}*/

/*@font-face {
    font-family: sport icons;
    src: url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/sports.eot?v=20210311164332);
    src: url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/sports.eot?v=20210311164332) format("embedded-opentype"), url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/sports.woff?v=20210311164332) format("woff"), url(https://cdnv2.klasseo.com/assets/common//new-ui/fonts/sports.svg#sport-icons?v=20210311164332) format("svg");
    font-weight: 400;
    font-style: normal
}*/

[class*=icon-]:before {
    font-family: icons
}

[class*=icon-]:before, [class*=sporticon-]:before {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=sporticon-]:before {
    font-family: sport icons
}

.icon-backgammon:before {
    content: "\0041"
}

.icon-balances:before {
    content: "\0042"
}

.icon-bank-accounts:before {
    content: "\0043"
}

.icon-bingo:before {
    content: "\0044"
}

.icon-cake:before {
    content: "\0045"
}

.icon-casino:before {
    content: "\0046"
}

.icon-credit-cards:before {
    content: "\0047"
}

.icon-diamond:before {
    content: "\0048"
}

.icon-email:before {
    content: "\0049"
}

.icon-female:before {
    content: "\004a"
}

.icon-file:before {
    content: "\004b"
}

.icon-finance:before {
    content: "\004c"
}

.icon-football:before {
    content: "\004d"
}

.icon-forex:before {
    content: "\004e"
}

.icon-gamepad:before {
    content: "\004f"
}

.icon-gender:before {
    content: "\0050"
}

.icon-gift:before {
    content: "\0051"
}

.icon-globe:before {
    content: "\0052"
}

.icon-horse-race:before {
    content: "\0053"
}

.icon-key:before {
    content: "\0054"
}

.icon-live-bet:before {
    content: "\0055"
}

.icon-live-casino:before {
    content: "\0056"
}

.icon-location:before {
    content: "\0057"
}

.icon-male:before {
    content: "\0058"
}

.icon-message:before {
    content: "\0059"
}

.icon-new:before {
    content: "\005a"
}

.icon-notification:before {
    content: "\0061"
}

.icon-password:before {
    content: "\0062"
}

.icon-phone:before {
    content: "\0063"
}

.icon-poker-alt:before {
    content: "\0064"
}

.icon-poker:before {
    content: "\0065"
}

.icon-promotions:before {
    content: "\0066"
}

.icon-rummy:before {
    content: "\0067"
}

.icon-scratch:before {
    content: "\0068"
}

.icon-search:before {
    content: "\0069"
}

.icon-security:before {
    content: "\006a"
}

.icon-settings:before {
    content: "\006b"
}

.icon-seven:before {
    content: "\006c"
}

.icon-slot-classic:before {
    content: "\006d"
}

.icon-slot:before {
    content: "\006e"
}

.icon-sport-bets:before {
    content: "\006f"
}

.icon-star:before {
    content: "\0070"
}

.icon-support:before {
    content: "\0071"
}

.icon-table:before {
    content: "\0072"
}

.icon-threed:before {
    content: "\0073"
}

.icon-topstar:before {
    content: "\0074"
}

.icon-user:before {
    content: "\0075"
}

.icon-virtual-games:before {
    content: "\0076"
}

.sporticon-1:before {
    content: "\0041"
}

.sporticon-2:before {
    content: "\0042"
}

.sporticon-3:before {
    content: "\0043"
}

.sporticon-4:before {
    content: "\0044"
}

.sporticon-5:before {
    content: "\0045"
}

.sporticon-6:before {
    content: "\0046"
}

.sporticon-7:before {
    content: "\0047"
}

.sporticon-9:before {
    content: "\0048"
}

.sporticon-10:before {
    content: "\0049"
}

.sporticon-11:before {
    content: "\004a"
}

.sporticon-12:before {
    content: "\004b"
}

.sporticon-13:before {
    content: "\004c"
}

.sporticon-15:before {
    content: "\004d"
}

.sporticon-16:before {
    content: "\004e"
}

.sporticon-17:before {
    content: "\004f"
}

.sporticon-19:before {
    content: "\0050"
}

.sporticon-20:before {
    content: "\0051"
}

.sporticon-21:before {
    content: "\0052"
}

.sporticon-22:before {
    content: "\0053"
}

.sporticon-23:before {
    content: "\0054"
}

.sporticon-24:before {
    content: "\0055"
}

.sporticon-26:before {
    content: "\0056"
}

.sporticon-28:before {
    content: "\0057"
}

.sporticon-29:before {
    content: "\0058"
}

.sporticon-31:before {
    content: "\0059"
}

.sporticon-32:before {
    content: "\005a"
}

.sporticon-34:before {
    content: "\0061"
}

.sporticon-36:before {
    content: "\0062"
}

.sporticon-37:before {
    content: "\0063"
}

.sporticon-43:before {
    content: "\0064"
}

.sporticon-44:before {
    content: "\0065"
}

.sporticon-46:before {
    content: "\0066"
}

.sporticon-52:before {
    content: "\0067"
}

.sporticon-60:before {
    content: "\0068"
}

.sporticon-61:before {
    content: "\0069"
}

.sporticon-81:before {
    content: "\006a"
}

.sporticon-106:before {
    content: "\006b"
}

.sporticon-109:before {
    content: "\006c"
}

.sporticon-111:before {
    content: "\006d"
}

.sporticon-117:before {
    content: "\006e"
}

.sporticon-118:before {
    content: "\006f"
}

.sporticon-121:before {
    content: "\0070"
}

.sporticon-127:before {
    content: "\0071"
}

.flag-md, .flag-sm {
    display: inline-block
}

.flag-sm {
    background-image: url(../img/flags-16f8c7.png?v=20210311164332);
    width: 24px;
    height: 16px;
    line-height: 16px
}

.flag-sm-AD {
    background-position: -24px 0
}

.flag-sm-AE {
    background-position: -192px -16px
}

.flag-sm-AF {
    background-position: 0 -16px
}

.flag-sm-AG {
    background-position: -24px -16px
}

.flag-sm-SQ {
    background-position: 0 -32px
}

.flag-sm-AM {
    background-position: -24px -32px
}

.flag-sm-AR {
    background-position: -48px 0
}

.flag-sm-AT {
    background-position: -48px -16px
}

.flag-sm-AU {
    background-position: -48px -32px
}

.flag-sm-AZ {
    background-position: 0 -48px
}

.flag-sm-BA {
    background-position: -24px -48px
}

.flag-sm-BB {
    background-position: -48px -48px
}

.flag-sm-BD {
    background-position: -72px 0
}

.flag-sm-BE {
    background-position: -72px -16px
}

.flag-sm-BF {
    background-position: -72px -32px
}

.flag-sm-BG {
    background-position: -72px -48px
}

.flag-sm-BH {
    background-position: 0 -64px
}

.flag-sm-BI {
    background-position: -24px -64px
}

.flag-sm-BJ {
    background-position: -48px -64px
}

.flag-sm-BN {
    background-position: -72px -64px
}

.flag-sm-BO {
    background-position: 0 -80px
}

.flag-sm-BR {
    background-position: -24px -80px
}

.flag-sm-BS {
    background-position: -48px -80px
}

.flag-sm-BT {
    background-position: -72px -80px
}

.flag-sm-BW {
    background-position: -96px 0
}

.flag-sm-BY {
    background-position: -96px -16px
}

.flag-sm-BZ {
    background-position: -96px -32px
}

.flag-sm-CA {
    background-position: -96px -48px
}

.flag-sm-CD {
    background-position: -96px -64px
}

.flag-sm-CF {
    background-position: -96px -80px
}

.flag-sm-CG {
    background-position: 0 -96px
}

.flag-sm-CH {
    background-position: -24px -96px
}

.flag-sm-CI {
    background-position: -48px -96px
}

.flag-sm-CL {
    background-position: -72px -96px
}

.flag-sm-CM {
    background-position: -96px -96px
}

.flag-sm-CN {
    background-position: -120px 0
}

.flag-sm-CO {
    background-position: -120px -16px
}

.flag-sm-CR {
    background-position: -120px -32px
}

.flag-sm-CU {
    background-position: -120px -48px
}

.flag-sm-CV {
    background-position: -120px -64px
}

.flag-sm-CY {
    background-position: -120px -80px
}

.flag-sm-CZ {
    background-position: -120px -96px
}

.flag-sm-DE {
    background-position: 0 -112px
}

.flag-sm-DJ {
    background-position: -24px -112px
}

.flag-sm-DK {
    background-position: -48px -112px
}

.flag-sm-DM {
    background-position: -72px -112px
}

.flag-sm-DO {
    background-position: -96px -112px
}

.flag-sm-DZ {
    background-position: -120px -112px
}

.flag-sm-EC {
    background-position: 0 -128px
}

.flag-sm-EE {
    background-position: -24px -128px
}

.flag-sm-EG {
    background-position: -48px -128px
}

.flag-sm-ER {
    background-position: -72px -128px
}

.flag-sm-ES {
    background-position: -96px -128px
}

.flag-sm-ET {
    background-position: -120px -128px
}

.flag-sm-FI {
    background-position: -144px 0
}

.flag-sm-FJ {
    background-position: -144px -16px
}

.flag-sm-FM {
    background-position: -144px -32px
}

.flag-sm-FR {
    background-position: -144px -48px
}

.flag-sm-GA {
    background-position: -144px -64px
}

.flag-sm-GD {
    background-position: -144px -80px
}

.flag-sm-GE {
    background-position: -144px -96px
}

.flag-sm-GH {
    background-position: -144px -112px
}

.flag-sm-GM {
    background-position: -144px -128px
}

.flag-sm-GN {
    background-position: 0 -144px
}

.flag-sm-GQ {
    background-position: -24px -144px
}

.flag-sm-GR {
    background-position: -48px -144px
}

.flag-sm-GT {
    background-position: -72px -144px
}

.flag-sm-GW {
    background-position: -96px -144px
}

.flag-sm-GY {
    background-position: -120px -144px
}

.flag-sm-HN {
    background-position: -144px -144px
}

.flag-sm-HR {
    background-position: -168px 0
}

.flag-sm-HT {
    background-position: -168px -16px
}

.flag-sm-HU {
    background-position: -168px -32px
}

.flag-sm-ID {
    background-position: -168px -48px
}

.flag-sm-IE {
    background-position: -168px -64px
}

.flag-sm-IL {
    background-position: -168px -80px
}

.flag-sm-IN {
    background-position: -168px -96px
}

.flag-sm-IQ {
    background-position: -168px -112px
}

.flag-sm-IS {
    background-position: -168px -128px
}

.flag-sm-IT {
    background-position: -168px -144px
}

.flag-sm-FA, .flag-sm-Iran {
    background-position: 0 -160px
}

.flag-sm-JM {
    background-position: -24px -160px
}

.flag-sm-JO {
    background-position: -48px -160px
}

.flag-sm-JP {
    background-position: -72px -160px
}

.flag-sm-KE {
    background-position: -96px -160px
}

.flag-sm-KG {
    background-position: -120px -160px
}

.flag-sm-KH {
    background-position: -144px -160px
}

.flag-sm-KI {
    background-position: -168px -160px
}

.flag-sm-KM {
    background-position: 0 -176px
}

.flag-sm-KN {
    background-position: -24px -176px
}

.flag-sm-KP {
    background-position: -48px -176px
}

.flag-sm-KR {
    background-position: -72px -176px
}

.flag-sm-KW {
    background-position: -96px -176px
}

.flag-sm-KZ {
    background-position: -120px -176px
}

.flag-sm-LA {
    background-position: -144px -176px
}

.flag-sm-LB {
    background-position: -168px -176px
}

.flag-sm-LC {
    background-position: -192px 0
}

.flag-sm-LI {
    background-position: 0 0
}

.flag-sm-LK {
    background-position: -192px -32px
}

.flag-sm-LR {
    background-position: -192px -48px
}

.flag-sm-LS {
    background-position: -192px -64px
}

.flag-sm-LT {
    background-position: -192px -80px
}

.flag-sm-LU {
    background-position: -192px -96px
}

.flag-sm-LV {
    background-position: -192px -112px
}

.flag-sm-LY {
    background-position: -192px -128px
}

.flag-sm-MA {
    background-position: -192px -144px
}

.flag-sm-MC {
    background-position: -192px -160px
}

.flag-sm-MD {
    background-position: -192px -176px
}

.flag-sm-ME {
    background-position: 0 -192px
}

.flag-sm-MG {
    background-position: -24px -192px
}

.flag-sm-MH {
    background-position: -48px -192px
}

.flag-sm-MK {
    background-position: -72px -192px
}

.flag-sm-ML {
    background-position: -96px -192px
}

.flag-sm-MM {
    background-position: -120px -192px
}

.flag-sm-MN {
    background-position: -144px -192px
}

.flag-sm-MR {
    background-position: -168px -192px
}

.flag-sm-MT {
    background-position: -192px -192px
}

.flag-sm-MU {
    background-position: -216px 0
}

.flag-sm-MV {
    background-position: -216px -16px
}

.flag-sm-MW {
    background-position: -216px -32px
}

.flag-sm-MX {
    background-position: -216px -48px
}

.flag-sm-MY {
    background-position: -216px -64px
}

.flag-sm-MZ {
    background-position: -216px -80px
}

.flag-sm-NA {
    background-position: -216px -96px
}

.flag-sm-NE {
    background-position: -216px -112px
}

.flag-sm-NG {
    background-position: -216px -128px
}

.flag-sm-NI {
    background-position: -216px -144px
}

.flag-sm-NL {
    background-position: -216px -160px
}

.flag-sm-NO {
    background-position: -216px -176px
}

.flag-sm-NP {
    background-position: -216px -192px
}

.flag-sm-NR {
    background-position: 0 -208px
}

.flag-sm-NZ {
    background-position: -24px -208px
}

.flag-sm-OM {
    background-position: -48px -208px
}

.flag-sm-PA {
    background-position: -72px -208px
}

.flag-sm-PE {
    background-position: -96px -208px
}

.flag-sm-PG {
    background-position: -120px -208px
}

.flag-sm-PH {
    background-position: -144px -208px
}

.flag-sm-PK {
    background-position: -168px -208px
}

.flag-sm-PL {
    background-position: -192px -208px
}

.flag-sm-PT {
    background-position: -216px -208px
}

.flag-sm-PW {
    background-position: 0 -224px
}

.flag-sm-PY {
    background-position: -24px -224px
}

.flag-sm-QA {
    background-position: -48px -224px
}

.flag-sm-RO {
    background-position: -72px -224px
}

.flag-sm-RS {
    background-position: -96px -224px
}

.flag-sm-RU {
    background-position: -120px -224px
}

.flag-sm-RW {
    background-position: -144px -224px
}

.flag-sm-SA {
    background-position: -168px -224px
}

.flag-sm-SB {
    background-position: -192px -224px
}

.flag-sm-SC {
    background-position: -216px -224px
}

.flag-sm-SD {
    background-position: -240px 0
}

.flag-sm-SE {
    background-position: -240px -16px
}

.flag-sm-SG {
    background-position: -240px -32px
}

.flag-sm-SI {
    background-position: -240px -48px
}

.flag-sm-SK {
    background-position: -240px -64px
}

.flag-sm-SL {
    background-position: -240px -80px
}

.flag-sm-SM {
    background-position: -240px -96px
}

.flag-sm-SN {
    background-position: -240px -112px
}

.flag-sm-SO {
    background-position: -240px -128px
}

.flag-sm-SR {
    background-position: -240px -144px
}

.flag-sm-SS {
    background-position: -240px -160px
}

.flag-sm-ST {
    background-position: -240px -176px
}

.flag-sm-SV {
    background-position: -240px -192px
}

.flag-sm-SY {
    background-position: -240px -208px
}

.flag-sm-SZ {
    background-position: -240px -224px
}

.flag-sm-TD {
    background-position: 0 -240px
}

.flag-sm-TG {
    background-position: -24px -240px
}

.flag-sm-TH {
    background-position: -48px -240px
}

.flag-sm-TJ {
    background-position: -72px -240px
}

.flag-sm-TL {
    background-position: -96px -240px
}

.flag-sm-TM {
    background-position: -120px -240px
}

.flag-sm-TN {
    background-position: -144px -240px
}

.flag-sm-TO {
    background-position: -168px -240px
}

.flag-sm-TR {
    background-position: -192px -240px
}

.flag-sm-TT {
    background-position: -216px -240px
}

.flag-sm-TV {
    background-position: -240px -240px
}

.flag-sm-TW {
    background-position: -264px 0
}

.flag-sm-TZ {
    background-position: -264px -16px
}

.flag-sm-UA {
    background-position: -264px -32px
}

.flag-sm-UG {
    background-position: -264px -48px
}

.flag-sm-EN, .flag-sm-GB {
    background-position: -264px -64px
}

.flag-sm-US {
    background-position: -264px -80px
}

.flag-sm-UY {
    background-position: -264px -96px
}

.flag-sm-UZ {
    background-position: -264px -112px
}

.flag-sm-VA {
    background-position: -264px -128px
}

.flag-sm-VC {
    background-position: -264px -144px
}

.flag-sm-VE {
    background-position: -264px -160px
}

.flag-sm-VN {
    background-position: -264px -176px
}

.flag-sm-VU {
    background-position: -264px -192px
}

.flag-sm-WS {
    background-position: -264px -208px
}

.flag-sm-XK {
    background-position: -264px -224px
}

.flag-sm-YE {
    background-position: -264px -240px
}

.flag-sm-ZA {
    background-position: 0 -256px
}

.flag-sm-ZM {
    background-position: -24px -256px
}

.flag-sm-ZW {
    background-position: -48px -256px
}

.flag-md {
    background-image: url(../images/flags-47f8c7.html?v=20210311164332);
    width: 70px;
    height: 47px;
    line-height: 47px
}

.flag-md-AD {
    background-position: -70px 0
}

.flag-md-AE {
    background-position: -560px -423px
}

.flag-md-AF {
    background-position: 0 -47px
}

.flag-md-AG {
    background-position: -70px -47px
}

.flag-md-SQ {
    background-position: -140px 0
}

.flag-md-AM {
    background-position: -140px -47px
}

.flag-md-AR {
    background-position: 0 -94px
}

.flag-md-AT {
    background-position: -70px -94px
}

.flag-md-AU {
    background-position: -140px -94px
}

.flag-md-AZ {
    background-position: 0 -141px
}

.flag-md-BA {
    background-position: -70px -141px
}

.flag-md-BB {
    background-position: -140px -141px
}

.flag-md-BD {
    background-position: -210px 0
}

.flag-md-BE {
    background-position: -210px -47px
}

.flag-md-BF {
    background-position: -210px -94px
}

.flag-md-BG {
    background-position: -210px -141px
}

.flag-md-BH {
    background-position: 0 -188px
}

.flag-md-BI {
    background-position: -70px -188px
}

.flag-md-BJ {
    background-position: -140px -188px
}

.flag-md-BN {
    background-position: -210px -188px
}

.flag-md-BO {
    background-position: -280px 0
}

.flag-md-BR {
    background-position: -280px -47px
}

.flag-md-BS {
    background-position: -280px -94px
}

.flag-md-BT {
    background-position: -280px -141px
}

.flag-md-BW {
    background-position: -280px -188px
}

.flag-md-BY {
    background-position: 0 -235px
}

.flag-md-BZ {
    background-position: -70px -235px
}

.flag-md-CA {
    background-position: -140px -235px
}

.flag-md-CD {
    background-position: -210px -235px
}

.flag-md-CF {
    background-position: -280px -235px
}

.flag-md-CG {
    background-position: 0 -282px
}

.flag-md-CH {
    background-position: -70px -282px
}

.flag-md-CI {
    background-position: -140px -282px
}

.flag-md-CL {
    background-position: -210px -282px
}

.flag-md-CM {
    background-position: -280px -282px
}

.flag-md-CN {
    background-position: -350px 0
}

.flag-md-CO {
    background-position: -350px -47px
}

.flag-md-CR {
    background-position: -350px -94px
}

.flag-md-CU {
    background-position: -350px -141px
}

.flag-md-CV {
    background-position: -350px -188px
}

.flag-md-CY {
    background-position: -350px -235px
}

.flag-md-CZ {
    background-position: -350px -282px
}

.flag-md-DE {
    background-position: 0 -329px
}

.flag-md-DJ {
    background-position: -70px -329px
}

.flag-md-DK {
    background-position: -140px -329px
}

.flag-md-DM {
    background-position: -210px -329px
}

.flag-md-DO {
    background-position: -280px -329px
}

.flag-md-DZ {
    background-position: -350px -329px
}

.flag-md-EC {
    background-position: -420px 0
}

.flag-md-EE {
    background-position: -420px -47px
}

.flag-md-EG {
    background-position: -420px -94px
}

.flag-md-ER {
    background-position: -420px -141px
}

.flag-md-ES {
    background-position: -420px -188px
}

.flag-md-ET {
    background-position: -420px -235px
}

.flag-md-FI {
    background-position: -420px -282px
}

.flag-md-FJ {
    background-position: -420px -329px
}

.flag-md-FM {
    background-position: 0 -376px
}

.flag-md-FR {
    background-position: -70px -376px
}

.flag-md-GA {
    background-position: -140px -376px
}

.flag-md-GD {
    background-position: -210px -376px
}

.flag-md-GE {
    background-position: -280px -376px
}

.flag-md-GH {
    background-position: -350px -376px
}

.flag-md-GM {
    background-position: -420px -376px
}

.flag-md-GN {
    background-position: 0 -423px
}

.flag-md-GQ {
    background-position: -70px -423px
}

.flag-md-GR {
    background-position: -140px -423px
}

.flag-md-GT {
    background-position: -210px -423px
}

.flag-md-GW {
    background-position: -280px -423px
}

.flag-md-GY {
    background-position: -350px -423px
}

.flag-md-HN {
    background-position: -420px -423px
}

.flag-md-HR {
    background-position: -490px 0
}

.flag-md-HT {
    background-position: -490px -47px
}

.flag-md-HU {
    background-position: -490px -94px
}

.flag-md-ID {
    background-position: -490px -141px
}

.flag-md-IE {
    background-position: -490px -188px
}

.flag-md-IL {
    background-position: -490px -235px
}

.flag-md-IN {
    background-position: -490px -282px
}

.flag-md-IQ {
    background-position: -490px -329px
}

.flag-md-FA, .flag-md-IR {
    background-position: -490px -376px
}

.flag-md-IS {
    background-position: -490px -423px
}

.flag-md-IT {
    background-position: 0 -470px
}

.flag-md-JM {
    background-position: -70px -470px
}

.flag-md-JO {
    background-position: -140px -470px
}

.flag-md-JP {
    background-position: -210px -470px
}

.flag-md-KE {
    background-position: -280px -470px
}

.flag-md-KG {
    background-position: -350px -470px
}

.flag-md-KH {
    background-position: -420px -470px
}

.flag-md-KI {
    background-position: -490px -470px
}

.flag-md-KM {
    background-position: -560px 0
}

.flag-md-KN {
    background-position: -560px -47px
}

.flag-md-KP {
    background-position: -560px -94px
}

.flag-md-KR {
    background-position: -560px -141px
}

.flag-md-KW {
    background-position: -560px -188px
}

.flag-md-KZ {
    background-position: -560px -235px
}

.flag-md-LA {
    background-position: -560px -282px
}

.flag-md-LB {
    background-position: -560px -329px
}

.flag-md-LC {
    background-position: -560px -376px
}

.flag-md-LI {
    background-position: 0 0
}

.flag-md-LK {
    background-position: -560px -470px
}

.flag-md-LR {
    background-position: 0 -517px
}

.flag-md-LS {
    background-position: -70px -517px
}

.flag-md-LT {
    background-position: -140px -517px
}

.flag-md-LU {
    background-position: -210px -517px
}

.flag-md-LV {
    background-position: -280px -517px
}

.flag-md-LY {
    background-position: -350px -517px
}

.flag-md-MA {
    background-position: -420px -517px
}

.flag-md-MC {
    background-position: -490px -517px
}

.flag-md-MD {
    background-position: -560px -517px
}

.flag-md-ME {
    background-position: 0 -564px
}

.flag-md-MG {
    background-position: -70px -564px
}

.flag-md-MH {
    background-position: -140px -564px
}

.flag-md-MK {
    background-position: -210px -564px
}

.flag-md-ML {
    background-position: -280px -564px
}

.flag-md-MM {
    background-position: -350px -564px
}

.flag-md-MN {
    background-position: -420px -564px
}

.flag-md-MR {
    background-position: -490px -564px
}

.flag-md-MT {
    background-position: -560px -564px
}

.flag-md-MU {
    background-position: -630px 0
}

.flag-md-MV {
    background-position: -630px -47px
}

.flag-md-MW {
    background-position: -630px -94px
}

.flag-md-MX {
    background-position: -630px -141px
}

.flag-md-MY {
    background-position: -630px -188px
}

.flag-md-MZ {
    background-position: -630px -235px
}

.flag-md-NA {
    background-position: -630px -282px
}

.flag-md-NE {
    background-position: -630px -329px
}

.flag-md-NG {
    background-position: -630px -376px
}

.flag-md-NI {
    background-position: -630px -423px
}

.flag-md-NL {
    background-position: -630px -470px
}

.flag-md-NO {
    background-position: -630px -517px
}

.flag-md-NP {
    background-position: -630px -564px
}

.flag-md-NR {
    background-position: 0 -611px
}

.flag-md-NZ {
    background-position: -70px -611px
}

.flag-md-OM {
    background-position: -140px -611px
}

.flag-md-PA {
    background-position: -210px -611px
}

.flag-md-PE {
    background-position: -280px -611px
}

.flag-md-PG {
    background-position: -350px -611px
}

.flag-md-PH {
    background-position: -420px -611px
}

.flag-md-PK {
    background-position: -490px -611px
}

.flag-md-PL {
    background-position: -560px -611px
}

.flag-md-PT {
    background-position: -630px -611px
}

.flag-md-PW {
    background-position: -700px 0
}

.flag-md-PY {
    background-position: -700px -47px
}

.flag-md-QA {
    background-position: -700px -94px
}

.flag-md-RO {
    background-position: -700px -141px
}

.flag-md-RS {
    background-position: -700px -188px
}

.flag-md-RU {
    background-position: -700px -235px
}

.flag-md-RW {
    background-position: -700px -282px
}

.flag-md-SA {
    background-position: -700px -329px
}

.flag-md-SB {
    background-position: -700px -376px
}

.flag-md-SC {
    background-position: -700px -423px
}

.flag-md-SD {
    background-position: -700px -470px
}

.flag-md-SE {
    background-position: -700px -517px
}

.flag-md-SG {
    background-position: -700px -564px
}

.flag-md-SI {
    background-position: -700px -611px
}

.flag-md-SK {
    background-position: 0 -658px
}

.flag-md-SL {
    background-position: -70px -658px
}

.flag-md-SM {
    background-position: -140px -658px
}

.flag-md-SN {
    background-position: -210px -658px
}

.flag-md-SO {
    background-position: -280px -658px
}

.flag-md-SR {
    background-position: -350px -658px
}

.flag-md-SS {
    background-position: -420px -658px
}

.flag-md-ST {
    background-position: -490px -658px
}

.flag-md-SV {
    background-position: -560px -658px
}

.flag-md-SY {
    background-position: -630px -658px
}

.flag-md-SZ {
    background-position: -700px -658px
}

.flag-md-TD {
    background-position: 0 -705px
}

.flag-md-TG {
    background-position: -70px -705px
}

.flag-md-TH {
    background-position: -140px -705px
}

.flag-md-TJ {
    background-position: -210px -705px
}

.flag-md-TL {
    background-position: -280px -705px
}

.flag-md-TM {
    background-position: -350px -705px
}

.flag-md-TN {
    background-position: -420px -705px
}

.flag-md-TO {
    background-position: -490px -705px
}

.flag-md-TR {
    background-position: -560px -705px
}

.flag-md-TT {
    background-position: -630px -705px
}

.flag-md-TV {
    background-position: -700px -705px
}

.flag-md-TW {
    background-position: -770px 0
}

.flag-md-TZ {
    background-position: -770px -47px
}

.flag-md-UA {
    background-position: -770px -94px
}

.flag-md-UG {
    background-position: -770px -141px
}

.flag-md-EN, .flag-md-GB {
    background-position: -770px -188px
}

.flag-md-US {
    background-position: -770px -235px
}

.flag-md-UY {
    background-position: -770px -282px
}

.flag-md-UZ {
    background-position: -770px -329px
}

.flag-md-VA {
    background-position: -770px -376px
}

.flag-md-VC {
    background-position: -770px -423px
}

.flag-md-VE {
    background-position: -770px -470px
}

.flag-md-VN {
    background-position: -770px -517px
}

.flag-md-VU {
    background-position: -770px -564px
}

.flag-md-WS {
    background-position: -770px -611px
}

.flag-md-XK {
    background-position: -770px -658px
}

.flag-md-YE {
    background-position: -770px -705px
}

.flag-md-ZA {
    background-position: 0 -752px
}

.flag-md-ZM {
    background-position: -70px -752px
}

.flag-md-ZW {
    background-position: -140px -752px
}

.flag-md-XX, .flag-sm-XX {
    background-position: -72px -256px
}

body.light-mode .payment {
    background-image: url(../img/payment-light-bg-new.png?v=20210311164333)
}

body.light-mode .provider-o {
    background-image: url(../img/provider-light-bg-new.png?v=20210311164333)
}

body.light-mode .bank {
    background-image: url(../img/bank-light-bgf8c7.png?v=20210311164332)
}

body.light-mode .coin {
    background-image: url(../img/coin-light-bgf8c7.png?v=20210311164332)
}

body.light-mode .other-logos {
    background-image: url(../img/other-logos-light-bgf8c7.png?v=20210311164332)
}

body.dark-mode .payment {
    background-image: url(../img/payment-dark-bg-new.png?v=20210311164333)
}

body.dark-mode .provider-o {
    background-image: url(../img/provider-dark-bgnews2.png?v=20210311164342)
}

body.dark-mode .bank {
    background-image: url(../img/bank-dark-bgf8c7.png?v=20210311164332)
}

body.dark-mode .coin {
    background-image: url(../img/coin-dark-bgf8c7.png?v=20210311164332)
}

body.dark-mode .other-logos {
    background-image: url(../img/other-logos-dark-bgf8c7.png?v=20210311164332)
}

.payment {
    display: inline-block;
    height: 40px;
    padding: 0 !important;
    background-repeat: no-repeat
}

.payment.apcopaypp, .payment.apcopaypp_master, .payment.apcopaypp_visa, .payment.atm, .payment.bocash, .payment.omnipay, .payment.qr_cepbank, .payment.upay {
    width: 0 !important;
    background-position: 0 0
}

.payment.cc, .payment.mastercard {
    width: 49px !important;
    background-position: -11px 0
}

.payment.maestro {
    width: 49px !important;
    background-position: -65px 0
}

.payment.visa {
    width: 55px !important;
    background-position: -121px 0
}

.payment.visa-electron {
    width: 55px !important;
    background-position: -188px 0
}

.payment.cepbank {
    width: 40px !important;
    background-position: -251px 0
}

.payment.iscep {
    width: 92px !important;
    background-position: -301px 0
}

.payment.neteller {
    width: 121px !important;
    background-position: -405px 0
}

.payment.ukash {
    width: 84px !important;
    background-position: -533px 0
}

.payment.ecopayz {
    width: 119px !important;
    background-position: -629px 0
}

.payment.skrill {
    width: 74px !important;
    background-position: -759px 0
}

.payment.tlnakit {
    width: 90px !important;
    background-position: -843px 0
}

.payment.banktransfer {
    width: 38px !important;
    background-position: -939px 0
}

.payment.clickpay {
    width: 109px !important;
    background-position: -988px 0
}

.payment.webmoney {
    width: 131px !important;
    background-position: -1109px 0
}

.payment.payzwin {
    width: 120px !important;
    background-position: -1252px 0
}

.payment.astropay {
    width: 113px !important;
    background-position: -1382px 0
}

.payment.bitcoin, .payment.manual_bitcoin, .payment.manual_coin {
    width: 129px !important;
    background-position: -1504px 0
}

.payment.otopay {
    width: 59px !important;
    background-position: -1647px 0
}

.payment.upaycard {
    width: 114px !important;
    background-position: -1717px 0
}

.payment.paykasa {
    width: 148px !important;
    background-position: -1840px 0
}

.payment.gilpay {
    width: 88px !important;
    background-position: -1991px 0
}

.payment.akbank-direkt {
    width: 66px !important;
    background-position: -2085px 0
}

.payment.yapikredi {
    width: 137px !important;
    background-position: -2157px 0
}

.payment.eft {
    width: 110px !important;
    background-position: -2157px 0
}

.payment.americanexpress {
    width: 36px !important;
    background-position: -2269px 0
}

.payment.klasbahisp {
    width: 89px !important;
    background-position: -2708px 0
}

.payment.epro {
    width: 63px !important;
    background-position: -2797px 0
}

.payment.apcopay {
    width: 85px !important;
    background-position: -2861px 0
}

.payment.gpaysafe {
    width: 108px !important;
    background-position: -3076px 0
}

.payment.cashlink {
    width: 117px !important;
    background-position: -2586px 0
}

.payment.hbt {
    width: 86px !important;
    background-position: -2309px 0
}

.payment.hbtqr {
    width: 86px !important;
    background-position: -2395px 0
}

.payment.envoy {
    width: 128px !important;
    background-position: -4370px 0
}

.payment.envoy_papara_old {
    width: 115px !important;
    background-position: -4592px 0
}

.payment.envoy_papara {
    width: 133px !important;
    background-position: -4843px 0
}

.payment.envoy-hizliqr, .payment.envoy_fast_qr, .payment.envoyfastqr, .payment.envoyhizliqr, .payment.manualqr-envoy, .payment.manualqr-prestijbet {
    width: 130px !important;
    background-position: -4712px 0
}

.payment.manualqr-default, .payment.manualqrcode {
    width: 57px !important;
    background-position: -3478px 0
}

.payment.coinpayments {
    width: 97px !important;
    background-position: -2484px 0
}

.payment.paygiga {
    width: 145px !important;
    background-position: -3190px 0
}

.payment.credit_card, .payment.manualcreditcard, .payment.payznet, .payment.voucher {
    width: 55px !important;
    background-position: -121px 0
}

.payment.epara, .payment.papara {
    width: 95px !important;
    background-position: -3535px 0
}

.payment.maldopay, .payment.maldopay_cepbank {
    width: 129px !important;
    background-position: -2947px 0
}

.payment.jeton {
    width: 100px !important;
    background-position: -3633px 0
}

.payment.bestpay_crypto, .payment.bestpay_qr {
    width: 42px !important;
    background-position: -3739px 0
}

.payment.exchange_eft {
    width: 103px !important;
    background-position: -3788px 0
}

.payment.exchange_cc {
    width: 150px !important;
    background-position: -6346px 0
}

.payment.england_coin, .payment.goldpay {
    width: 50px !important;
    background-position: -3894px 0
}

.payment.garanticash {
    width: 134px !important;
    background-position: -3950px 0
}

.payment.qnbcash {
    width: 154px !important;
    background-position: -4085px 0
}

.payment.paytopays {
    width: 123px !important;
    background-position: -4250px 0
}

.payment.klasgaming {
    width: 82px !important;
    height: 40px !important;
    background-position: -2708px 0
}

.payment.fast_papara {
    width: 90px !important;
    background-position: -4500px 0
}

.payment.mobile_payment {
    width: 110px !important;
    background-position: -4981px 0
}

.payment.cmt_wallet, .payment.paymygame {
    width: 86px !important;
    background-position: -5097px 0
}

.payment.envoy_cmt_wallet {
    width: 130px !important;
    background-position: -5187px 0
}

.payment.allpayqr {
    width: 142px !important;
    background-position: -6055px 0
}

.payment.hemenode_havale {
    width: 84px !important;
    background-position: -5535px 0
}

.payment.hemenode_papara {
    width: 84px !important;
    background-position: -5707px 0
}

.payment.hemenode_vippapara {
    width: 90px !important;
    background-position: -5875px 0
}

.payment.jet_cmt {
    width: 90px !important;
    background-position: -5965px 0
}

.payment.fast_credit_card {
    width: 114px !important;
    background-position: -6196px 0
}

.payment.nsoft, .payment.vivogaming {
    width: 0;
    background-position: 0 0
}

.payment.paynow {
    width: 108px !important;
    background-position: -6502px 0
}

.payment.bankwire_transfer {
    width: 56px !important;
    background-position: -6611px 0
}

.payment.neuroncash_evoucher {
    width: 116px !important;
    background-position: -6670px 0
}

.payment.pm_evoucher {
    width: 116px !important;
    background-position: -6789px 0
}

.payment.envoy_credit_card {
    width: 127px !important;
    background-position: -7054px 0
}

.payment.mefete {
    width: 124px !important;
    background-position: -6922px 0
}

.payment.maksipara, .payment.maksipara_draw {
    width: 165px !important;
    background-position: -7194px 0
}

.payment.maksibanka, .payment.maksibanka_draw {
    width: 180px !important;
    background-position: -7358px 0
}

.payment.klas_papara, .payment.klas_papara_draw {
    width: 105px !important;
    background-position: -7540px 0
}

.payment.trpayments {
    width: 110px !important;
    background-position: -7645px 0
}

.payment.bitforeks {
    width: 129px !important;
    background-position: -7755px 0
}

.payment.insta_cc, .payment.insta_cc_draw {
    width: 92px !important;
    background-position: -7884px 0
}

.payment.insta_mefete, .payment.insta_mefete_draw {
    width: 102px !important;
    background-position: -8069px 0
}

.payment.insta_papara, .payment.insta_papara_draw {
    width: 92px !important;
    background-position: -7977px 0
}

.payment.erpapay-old, .payment.erpapay_draw-old {
    width: 111px !important;
    background-position: -8171px 0
}

.payment.erpapay, .payment.erpapay_draw {
    width: 85px !important;
    background-position: -8869px 0
}

.payment.multipay_kk_borc {
    width: 80px !important;
    background-position: -8453px 0
}

.payment.multipay_fatura {
    width: 86px !important;
    background-position: -8284px 0
}

.payment.multipay_havale, .payment.multipay_havale_draw {
    width: 81px !important;
    background-position: -8370px 0
}

.payment.Irgate, .payment.Irgate_draw {
    width: 195px !important;
    background-position: -9295px 0;
}

.payment.multipay_mefete {
    width: 85px !important;
    background-position: -8534px 0
}

.payment.multipay_paycell, .payment.multipay_paycell_draw {
    width: 83px !important;
    background-position: -8701px 0
}

.payment.multipay_payfix, .payment.multipay_payfix_draw {
    width: 83px !important;
    background-position: -8786px 0
}

.payment.multipay_papara, .payment.multipay_papara_draw {
    width: 80px !important;
    background-position: -8620px 0
}

.payment.multipay {
    width: 121px !important;
    background-position: -9173px 0
}

.payment.multipay_draw {
    width: 102px !important;
    background-position: -8955px 0
}

.provider-o {
    display: inline-block;
    background-size: auto 100%;
    height: 45px;
    padding: 0 !important;
    background-repeat: no-repeat
}

.provider-o._1x2_gaming, .provider-o.p1x2-gaming, .provider-o.virtualbet {
    width: 102px !important;
    background-position: -9266px 0
}

.provider-o.bet-games, .provider-o.bet-on-games, .provider-o.bet_on_games, .provider-o.beton {
    width: 190px !important;
    background-position: -808px 0
}

.provider-o.bet-on-games {
    width: 47px;
    background-position: -220px 0
}

.provider-o.betco {
    width: 205px !important;
    background-position: -432px 0
}

.provider-o.betinvest {
    width: 161px !important;
    background-position: -642px 0
}

.provider-o.betradar {
    width: 179px !important;
    background-position: -11331px 0
}

.provider-o.betsoft {
    width: 100px !important;
    background-position: -1083px 0
}

.provider-o.booming, .provider-o.booming-games, .provider-o.booming_games {
    width: 130px !important;
    background-position: -1543px 0
}

.provider-o.endorphina {
    width: 113px !important;
    background-position: -2203px 0
}

.provider-o.evo, .provider-o.evolution, .provider-o.evolution_live {
    width: 130px !important;
    background-position: -2323px 0
}

.provider-o.ezugi {
    width: 95px !important;
    background-position: -2620px 0
}

.provider-o.kiron, .provider-o.kiron_virtual_racing {
    width: 160px !important;
    background-position: -4554px 0
}

.provider-o.live-slots, .provider-o.live_slots, .provider-o.liveslots {
    width: 92px !important;
    background-position: -4954px 0
}

.provider-o.lucky, .provider-o.lucky-streak, .provider-o.lucky_streak {
    width: 78px !important;
    background-position: -5046px 0
}

.provider-o.microgaming {
    width: 170px !important;
    background-position: -5122px 0
}

.provider-o.netelive, .provider-o.netent, .provider-o.netent_live, .provider-o.netentlive {
    width: 126px !important;
    background-position: -5431px 0
}

.provider-o.novomatic {
    width: 220px !important;
    background-position: -5742px 0
}

.provider-o.playtech {
    width: 190px !important;
    background-position: -6595px 0
}

.provider-o.pragmatic-play, .provider-o.pragmaticplay {
    width: 144px !important;
    background-position: -6788px 0
}

.provider-o.tombala-live {
    width: 220px !important;
    background-position: -21531px 0
}

.provider-o.tomhorn, .provider-o.tomhorn-gaming {
    width: 127px !important;
    background-position: -9022px 0
}

.provider-o.spinomenal, .provider-o.vivogaming_spinomenal {
    width: 220px !important;
    background-position: -8386px 0
}

.provider-o.vivo, .provider-o.vivo-gaming, .provider-o.vivogaming {
    width: 73px !important;
    background-position: -9369px 0
}

.provider-o.xpro, .provider-o.xpro-gaming, .provider-o.xprogaming {
    width: 107px !important;
    background-position: -9922px 0
}

.provider-o.ygg-drasil, .provider-o.yggdrasil {
    width: 177px !important;
    background-position: -10026px 0
}

.provider-o.pokerklas {
    width: 200px !important;
    background-position: -10494px 0
}

.provider-o.livegamesio, .provider-o.tombala_livegames {
    width: 150px !important;
    background-position: -4808px 0
}

.provider-o.amatic {
    width: 95px !important;
    background-position: -10199px 0
}

.provider-o.sbtech {
    width: 91px !important;
    background-position: -4673px 0
}

.provider-o.iron-dog-studio, .provider-o.iron_dog_studio, .provider-o.irondog {
    width: 220px !important;
    background-position: -3947px 0
}

.provider-o.qtech, .provider-o.virtual_bet {
    width: 420px !important;
    background-position: -17345px 0
}

.provider-o.august, .provider-o.august_gaming {
    width: 130px !important;
    background-position: -194px 0
}

.provider-o.booongo {
    width: 171px !important;
    background-position: -1669px 0
}

.provider-o.blueprint, .provider-o.blueprint_gaming {
    width: 175px !important;
    background-position: -1324px 0
}

.provider-o.elk, .provider-o.elk_studios {
    width: 105px !important;
    background-position: -2092px 0
}

.provider-o.evoplay {
    width: 167px !important;
    background-position: -2454px 0
}

.provider-o.fantasma, .provider-o.fantasma_games {
    width: 122px !important;
    background-position: -2711px 0
}

.provider-o.nolimit_city {
    width: 155px !important;
    background-position: -5589px 0
}

.provider-o.quickspin {
    width: 170px !important;
    background-position: -7267px 0
}

.provider-o.rakki, .provider-o.rakki_games {
    width: 95px !important;
    background-position: -7434px 0
}

.provider-o.resolver_gaming {
    width: 146px !important;
    background-position: -3978px 0
}

.provider-o.sur, .provider-o.sur_games {
    width: 69px !important;
    background-position: -8739px 0
}

.provider-o.thunderkick {
    width: 156px !important;
    background-position: -3813px 0
}

.provider-o.habanero {
    width: 203px;
    background-position: -3748px 0
}

.provider-o.iron-dog-studio {
    width: 220px !important;
    background-position: -3947px 0
}

.provider-o.isoftbet {
    width: 200px !important;
    background-position: -4164px 0
}

.provider-o.soft_swiss, .provider-o.softswiss {
    width: 138px !important;
    background-position: -1184px 0
}

.provider-o.egt {
    width: 88px !important;
    background-position: -2005px 0
}

.provider-o.playngo {
    width: 145px !important;
    background-position: -6238px 0
}

.provider-o.playson {
    width: 200px !important;
    background-position: -6388px 0
}

.provider-o.wacs {
    width: 170px !important;
    background-position: -9442px 0
}

.provider-o.wazdan {
    width: 215px !important;
    background-position: -9616px 0
}

.provider-o.pariplay {
    width: 130px;
    background-position: -6109px 0
}

.provider-o.authentic, .provider-o.authentic_live {
    width: 199px;
    background-position: -11515px 0
}

.provider-o.hacksaw {
    width: 139px;
    background-position: -11713px 0;
}
.provider-o.bbgames {
    width: 50px;
    background-position: -11853px 0;
}
.provider-o.dragoon_soft {
    width: 262px;
    background-position: -11900px 0;
}
.provider-o.maverick {
    width: 150px;
    background-position: -12210px 0;
}
.provider-o.mobilots {
    width: 170px;
    background-position: -12360px 0;
}
.provider-o.omi_gaming {
    width: 129px;
    background-position: -12525px 0;
}
.provider-o.playpearls {
    width: 250px;
    background-position: -12655px 0;
}
.provider-o.slotmill {
    width: 230px;
    background-position: -12960px 0;
}

.provider-o.spear_head {
    width: 111px;
    background-position: -13235px 0;
}

.provider-o.woohoo {
    width: 205px;
    background-position: -13345px 0;
}

.provider-o.snowborn {
    width: 70px;
    background-position: -13683px 0;
}

.provider-o.revolver_gaming {
    width: 101px;
    background-position: -13750px 0;
}

.provider-o.lady_luck {
    width: 137px;
    background-position: -13550px 0;
}


.provider-o.splitrock {
    width: 133px;
    background-position: -8606px 0
}

.provider-o.gamefish_global {
    width: 100px;
    background-position: -3227px 0
}

.provider-o.boomerang {
    width: 52px;
    background-position: -11278px 0
}

.provider-o.chance_interactive {
    width: 170px;
    background-position: -1837px 0
}

.provider-o.lightning_box {
    width: 90px;
    background-position: -4718px 0
}

.provider-o.games_lab {
    width: 190px;
    background-position: -3330px 0
}

.provider-o.fugaso {
    width: 185px;
    background-position: -2829px 0
}

.provider-o.sevenstar {
    width: 138px;
    background-position: -8009px 0
}

.provider-o.betsolution {
    width: 199px;
    background-position: -10293px 0
}

.provider-o.netgame {
    width: 122px;
    background-position: -11155px 0
}

.provider-o.Qtech {
    width: 200px !important;
    background-position: -13946px 0;
}

.provider-o.slotegrator {
    width: 50px;
    background-position: -6928px 0
}

.provider-o.redrake {
    width: 96px;
    background-position: -7740px 0
}

.provider-o.gameart {
    width: 214px;
    background-position: -3013px 0
}

.provider-o.redtiger {
    width: 170px;
    background-position: -7835px 0
}

.provider-o.one_touch {
    width: 150px;
    background-position: -5960px 0
}

.provider-o.push_gaming {
    width: 160px;
    background-position: -6932px 0
}

.provider-o.kalamba_games {
    width: 190px;
    background-position: -4362px 0
}

.provider-o.atmosfera {
    width: 195px;
    background-position: 0 0
}

.provider-o.realtime_gaming {
    width: 190px;
    background-position: -7550px 0
}

.provider-o.aristocrat {
    width: 131px;
    background-position: -10695px 0
}

.provider-o.commercial_gaming {
    width: 116px;
    background-position: -10825px 0
}

.provider-o.spribe {
    width: 80px;
    background-position: -10952px 0
}

.provider-o.relaxgaming {
    width: 122px;
    background-position: -11033px 0
}



.bank {
    display: inline-block;
    height: 40px;
    padding: 0 !important;
    background-repeat: no-repeat
}

.bank.akbank, .bank.akbankQR {
    width: 138px;
    background-position: 0 0
}

.bank.cepteteb, .bank.ceptetebQR {
    width: 105px;
    background-position: -138px 0
}

.bank.denizbank, .bank.denizbankQR {
    width: 159px;
    background-position: -243px 0
}

.bank.enpara {
    width: 107px;
    background-position: -412px 0
}

.bank.finansbank, .bank.finansbankQR, .bank.finansQR {
    width: 100px;
    background-position: -1292px 0
}

.bank.garanti, .bank.garantiQR {
    width: 109px;
    background-position: -522px 0
}

.bank.halkbank, .bank.halkbankQR {
    width: 163px;
    background-position: -638px 0
}

.bank.hsbc, .bank.hsbcQR {
    width: 134px;
    background-position: -810px 0
}

.bank.ingbank, .bank.ingbankQR {
    width: 120px;
    background-position: -946px 0
}

.bank.isbank, .bank.isbankasi, .bank.isbankQR {
    width: 114px;
    background-position: -1618px 0
}

.bank.kuveytturk, .bank.kuveytturkQR {
    width: 140px;
    background-position: -1070px 0
}

.bank.pttbank {
    width: 68px;
    background-position: -1220px 0
}

.bank.sekerbank, .bank.sekerbankQR {
    width: 135px;
    background-position: -1396px 0
}

.bank.teb, .bank.tebQR {
    width: 76px;
    background-position: -1535px 0
}

.bank.vakifbank, .bank.vakifbankQR {
    width: 102px;
    background-position: -1735px 0
}

.bank.yapikredi, .bank.yapikrediQR {
    width: 119px;
    background-position: -1846px 0
}

.bank.ziraat, .bank.ziraatbankasi, .bank.ziraatQR {
    width: 127px;
    background-position: -1971px 0
}

.bank.papara {
    width: 107px;
    background-position: -2112px 0
}

.bank.dfastpay {
    width: 80px;
    background-position: -2227px 0
}

.bank.garantione, .bank.gone {
    width: 73px;
    background-position: -2307px 0
}

.coin {
    display: inline-block;
    height: 40px;
    padding: 0 !important;
    background-repeat: no-repeat
}

.coin.adc {
    width: 40px;
    background-position: 0 0
}

.coin.bch {
    width: 64px;
    background-position: -40px 0
}

.coin.bcn {
    width: 40px;
    background-position: -104px 0
}

.coin.bitb {
    width: 37px;
    background-position: -144px 0
}

.coin.blk {
    width: 40px;
    background-position: -181px 0
}

.coin.brk {
    width: 40px;
    background-position: -221px 0
}

.coin.btc {
    width: 40px;
    background-position: -261px 0
}

.coin.cloak {
    width: 39px;
    background-position: -301px 0
}

.coin.crw {
    width: 40px;
    background-position: -340px 0
}

.coin.cure {
    width: 40px;
    background-position: -380px 0
}

.coin.dash {
    width: 67px;
    background-position: -420px 0
}

.coin.dcr {
    width: 52px;
    background-position: -487px 0
}

.coin.dgb {
    width: 40px;
    background-position: -539px 0
}

.coin.doge {
    width: 40px;
    background-position: -579px 0
}

.coin.ebst {
    width: 53px;
    background-position: -619px 0
}

.coin.etc {
    width: 26px;
    background-position: -672px 0
}

.coin.eth {
    width: 26px;
    background-position: -698px 0
}

.coin.exp {
    width: 35px;
    background-position: -724px 0
}

.coin.flc {
    width: 40px;
    background-position: -759px 0
}

.coin.game {
    width: 40px;
    background-position: -799px 0
}

.coin.gbyte {
    width: 40px;
    background-position: -839px 0
}

.coin.gcr {
    width: 40px;
    background-position: -879px 0
}

.coin.gld {
    width: 40px;
    background-position: -919px 0
}

.coin.grc {
    width: 40px;
    background-position: -959px 0
}

.coin.grs {
    width: 40px;
    background-position: -999px 0
}

.coin.kmd {
    width: 40px;
    background-position: -1039px 0
}

.coin.leo {
    width: 40px;
    background-position: -1079px 0
}

.coin.lsk {
    width: 25px;
    background-position: -1119px 0
}

.coin.ltc {
    width: 40px;
    background-position: -1144px 0
}

.coin.ltct {
    width: 40px;
    background-position: -1184px 0
}

.coin.mue {
    width: 42px;
    background-position: -1224px 0
}

.coin.nav {
    width: 135px;
    background-position: -1266px 0
}

.coin.neo {
    width: 39px;
    background-position: -1401px 0
}

.coin.nlc2 {
    width: 39px;
    background-position: -1440px 0
}

.coin.nmc {
    width: 39px;
    background-position: -1479px 0
}

.coin.nvst {
    width: 47px;
    background-position: -1518px 0
}

.coin.nxs {
    width: 41px;
    background-position: -1565px 0
}

.coin.nxt {
    width: 40px;
    background-position: -1606px 0
}

.coin.onx {
    width: 40px;
    background-position: -1646px 0
}

.coin.pink {
    width: 34px;
    background-position: -1686px 0
}

.coin.pivx {
    width: 33px;
    background-position: -1720px 0
}

.coin.posw {
    width: 40px;
    background-position: -1753px 0
}

.coin.pot {
    width: 40px;
    background-position: -1793px 0
}

.coin.ppc {
    width: 40px;
    background-position: -1833px 0
}

.coin.proc {
    width: 40px;
    background-position: -1873px 0
}

.coin.pura {
    width: 40px;
    background-position: -1913px 0
}

.coin.qrk {
    width: 41px;
    background-position: -1953px 0
}

.coin.qtum {
    width: 43px;
    background-position: -1994px 0
}

.coin.rec {
    width: 40px;
    background-position: -2037px 0
}

.coin.sbd {
    width: 37px;
    background-position: -2077px 0
}

.coin.sib {
    width: 40px;
    background-position: -2114px 0
}

.coin.smart {
    width: 35px;
    background-position: -2154px 0
}

.coin.steem {
    width: 37px;
    background-position: -2189px 0
}

.coin.strat {
    width: 44px;
    background-position: -2226px 0
}

.coin.stv {
    width: 40px;
    background-position: -2270px 0
}

.coin.sys {
    width: 40px;
    background-position: -2310px 0
}

.coin.ubq {
    width: 40px;
    background-position: -2350px 0
}

.coin.vox {
    width: 35px;
    background-position: -2390px 0
}

.coin.vtc {
    width: 40px;
    background-position: -2425px 0
}

.coin.waves {
    width: 40px;
    background-position: -2465px 0
}

.coin.xcp {
    width: 40px;
    background-position: -2505px 0
}

.coin.xem {
    width: 40px;
    background-position: -2545px 0
}

.coin.xmr {
    width: 40px;
    background-position: -2585px 0
}

.coin.xvg {
    width: 48px;
    background-position: -2625px 0
}

.coin.xzc {
    width: 40px;
    background-position: -2673px 0
}

.coin.zec {
    width: 40px;
    background-position: -2713px 0
}

.coin.zen {
    width: 34px;
    background-position: -2753px 0
}

.coin.zic {
    width: 35px;
    background-position: -2788px 0
}

.coin.xrp {
    width: 37px;
    background-position: -2825px 0
}

.coin.usdt, .coin.usdterc20 {
    width: 46px;
    background-position: -2862px 0
}

.coin.trx {
    width: 40px;
    background-position: -2908px 0
}

.provider-m {
    background: url(../img/provider-minif8c7.png?v=20210311164332) no-repeat;
    background-size: auto 100%;
    display: inline-block;
    height: 30px
}

.provider-m._1x2_gaming, .provider-m.p1x2-gaming, .provider-m.virtualbet {
    width: 25px;
    background-position: -2315px 0
}

.provider-m.bet-games {
    width: 30px;
    background-position: -179px 0
}

.provider-m.bet-on-games, .provider-m.bet_on_games, .provider-m.beton {
    width: 170px;
    background-position: -160px 0
}

.provider-m.betradar {
    width: 35px;
    background-position: -215px 0
}

.provider-m.betco {
    width: 30px !important;
    background-position: -100px 0
}

.provider-m.betinvest {
    width: 25px !important;
    background-position: -131px 0
}

.provider-m.betsoft {
    width: 27px;
    background-position: -253.3px 0
}

.provider-m.booming, .provider-m.booming-games, .provider-m.booming_games {
    width: 55px;
    background-position: -381px 0
}

.provider-m.endorphina {
    width: 25px;
    background-position: -634px 0
}

.provider-m.evo, .provider-m.evolution, .provider-m.evolution_live {
    width: 20px;
    background-position: -661px 0
}

.provider-m.ezugi {
    width: 35px;
    background-position: -723px 0
}

.provider-m.kiron, .provider-m.kiron_virtual_racing {
    width: 30px;
    background-position: -1143px 0
}

.provider-m.live-slots, .provider-m.live_slots, .provider-m.liveslots {
    width: 35px;
    background-position: -1231px 0
}

.provider-m.lucky, .provider-m.lucky-streak, .provider-m.lucky_streak {
    width: 30px;
    background-position: -1268px 0
}

.provider-m.microgaming {
    width: 32px;
    background-position: -1299px 0
}

.provider-m.netelive, .provider-m.netent, .provider-m.netent_live, .provider-m.netentlive {
    width: 30px;
    background-position: -1419px 0
}

.provider-m.novomatic {
    width: 30px;
    background-position: -1565px 0
}

.provider-m.playtech {
    width: 38px;
    background-position: -1732px 0
}

.provider-m.pragmatic-play, .provider-m.pragmaticplay {
    width: 24px;
    background-position: -1771px 0
}

.provider-m.tombala-live {
    width: 0;
    background-position: 0 0
}

.provider-m.tomhorn, .provider-m.tomhorn-gaming {
    width: 30px;
    background-position: -2254px 0
}

.provider-m.vivo, .provider-m.vivo-gaming, .provider-m.vivogaming {
    width: 30px;
    background-position: -2341px 0
}

.provider-m.xpro, .provider-m.xpro-gaming, .provider-m.xprogaming {
    width: 30px;
    background-position: -2606px 0
}

.provider-m.ygg-drasil, .provider-m.yggdrasil {
    width: 30px;
    background-position: -2634px 0
}

.provider-m.spinomenal, .provider-m.vivogaming_spinomenal {
    width: 30px;
    background-position: -2082px 0
}

.provider-m.habanero {
    width: 203px;
    background-position: -3748px 0
}

.provider-m.pariplay {
    width: 26px
}

.provider-m.worldmatch {
    width: 336px;
    background-position: -9208px 0
}

.provider-m.goldenrace {
    width: 210px;
    background-position: -3478px 0
}

.provider-m.mrslotty {
    width: 142px;
    background-position: -4884px 0
}

.provider-m.redtiger {
    width: 32px;
    background-position: -1975px 0
}

.provider-m.amatic {
    width: 25px;
    background-position: -2666px 0
}

.provider-m.august, .provider-m.august_gaming {
    width: 35px;
    background-position: -38px 0
}

.provider-m.booongo {
    width: 30px;
    background-position: -437px 0
}

.provider-m.blueprint, .provider-m.blueprint_gaming {
    width: 30px;
    background-position: -317px 0
}

.provider-m.elk, .provider-m.elk_studios {
    width: 70px;
    background-position: -574px 0
}

.provider-m.evoplay {
    width: 45px;
    background-position: -679px 0
}

.provider-m.fantasma, .provider-m.fantasma_games {
    width: 54px;
    background-position: -769px 0
}

.provider-m.nolimit_city {
    width: 55px;
    background-position: -1497px 0
}

.provider-m.quickspin {
    width: 15px;
    background-position: -1853px 0
}

.provider-m.rakki, .provider-m.rakki_games {
    width: 43px;
    background-position: -1869px 0
}

.provider-m.resolver_gaming {
    width: 20px;
    background-position: -683px 0
}

.provider-m.sur, .provider-m.sur_games {
    width: 35px;
    background-position: -2144px 0
}

.provider-m.thunderkick {
    width: 20px;
    background-position: -709px 0
}

.provider-m.iron-dog-studio, .provider-m.iron_dog_studio, .provider-m.irondog {
    width: 55px;
    background-position: -1034px 0
}

.provider-m.qtech, .provider-m.virtual_bet {
    width: 98px;
    background-position: -6694px 0
}

.provider-m.soft_swiss, .provider-m.softswiss {
    width: 35px;
    background-position: -281px 0
}

.provider-m.egt {
    width: 45px;
    background-position: -524px 0
}

.provider-m.isoftbet {
    width: 12px;
    background-position: -1097px 0
}

.provider-m.playngo {
    width: 45px;
    background-position: -1650px 0
}

.provider-m.playson {
    width: 30px;
    background-position: -1696px 0
}

.provider-m.wacs {
    width: 55px;
    background-position: -2379px 0
}

.provider-m.wazdan {
    width: 70px;
    background-position: -2449px 0
}

.provider-m.pariplay {
    width: 25px;
    background-position: -1625px 0
}

.provider-m.authentic, .provider-m.authentic_live {
    width: 28px;
    background-position: -72px 0
}



.provider-m.livegamesio, .provider-m.tombala_livegames {
    width: 30px;
    background-position: -1203px 0
}

.provider-m.gamefish_global {
    width: 25px;
    background-position: -892px 0
}

.provider-m.boomerang {
    width: 29px;
    background-position: -349px 0
}

.provider-m.chance_interactive {
    width: 46px;
    background-position: -467px 0
}

.provider-m.lightning_box {
    width: 28px;
    background-position: -1174px 0
}

.provider-m.games_lab {
    width: 25px;
    background-position: -920px 0
}

.provider-m.fugaso {
    width: 35px;
    background-position: -823px 0
}

.provider-m.sevenstar {
    width: 100px;
    background-position: -7356px 0
}

.provider-m.betsolution {
    width: 25px;
    background-position: -2766px 0
}

.provider-m.netgame {
    width: 30px;
    background-position: -1452px 0
}

.provider-m.slotegrator {
    width: 22px;
    background-position: -1176px 0
}

.provider-m.redrake {
    width: 38px;
    background-position: -1935px 0
}

.provider-m.gameart {
    width: 36px;
    background-position: -857px 0
}

.provider-m.one_touch {
    width: 28px;
    background-position: -1596px 0
}

.provider-m.push_gaming {
    width: 29px;
    background-position: -1795px 0
}

.provider-m.kalamba_games {
    width: 30px;
    background-position: -1110px 0
}

.provider-m.atmosfera {
    width: 38px;
    background-position: 0 0
}

.provider-m.realtime_gaming {
    width: 22px;
    background-position: -1911px 0
}

.provider-m.splitrock {
    width: 33px;
    background-position: -2112px 0
}

.provider-m.aristocrat {
    width: 30px;
    background-position: -2692px 0
}

.provider-m.commercial_gaming {
    width: 24px;
    background-position: -2720px 0
}

.provider-m.spribe {
    width: 18px;
    background-position: -2748px 0
}

.provider-m.relaxgaming {
    width: 29px;
    background-position: -2791px 0
}

.other-logos {
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    padding: 0 !important
}

.other-logos.plus18 {
    width: 38px;
    background-position: 0 0
}

.other-logos.gamblingtherapy {
    width: 95px;
    background-position: -81px 0
}

.other-logos.begambleaware {
    width: 70px;
    background-position: -180px 0
}

.other-logos.gamcare {
    width: 42px;
    background-position: -39px 0
}