@charset "UTF-8";
.formError {
    z-index: 990;
}
.formError .formErrorContent {
    z-index: 991;
}
.formError .formErrorArrow {
    z-index: 996;
}
.ui-dialog .formError {
    z-index: 5000;
}
.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}
.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}
.inputContainer {
    position: relative;
    float: left;
}
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
}
.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}
.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}
.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}
.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}
.greenPopup .formErrorContent {
    background: #33be40;
}
.blackPopup .formErrorContent {
    background: #393939;
    color: #fff;
}
.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}
body.rtl .formError .formErrorArrow,
body[dir="rtl"] .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px;
}
.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}
.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #33be40;
}
.blackPopup .formErrorArrow div {
    background: #393939;
    color: #fff;
}
.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}
.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}
.formError .formErrorArrow .line8 {
    width: 11px;
}
.formError .formErrorArrow .line7 {
    width: 9px;
}
.formError .formErrorArrow .line6 {
    width: 7px;
}
.formError .formErrorArrow .line5 {
    width: 5px;
}
.formError .formErrorArrow .line4 {
    width: 3px;
}
.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}
.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
#notifier-box {
    position: fixed;
    top: 10px;
    right: 20px;
    z-index: 9999;
}
div.message-box {
    background: #111;
    background: rgba(0, 0, 0, 0.8);
    margin: 0 0 10px 0;
    padding: 10px;
    width: 300px;
    color: #888;
    font-size: 13px;
    font-family: "PT Sans Narrow", Ubuntu, Tahoma, Arial, sans-serif;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
    text-shadow: 0 1px 0 #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
div.message-box:hover {
    background: #111;
    background: rgba(0, 0, 0, 0.9);
}
div.message-box div.success {
    color: #61cd07;
    font-size: 14px;
    font-family: "PT Sans Narrow", Ubuntu, Tahoma, Arial, sans-serif;
    margin: 0 0 10px 0;
}
div.message-box div.error {
    color: #fc0f0f;
    font-size: 14px;
    font-family: "PT Sans Narrow", Ubuntu, Tahoma, Arial, sans-serif;
    margin: 0 0 10px 0;
}
div.message-box a.message-close {
    background: #000 url(../images/message-close.png) center no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    -o-opacity: 0.2;
    opacity: 0.2;
}
div.message-box:hover a.message-close {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
}
div.message-box a.message-close:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
div.message-box div.message-body {
    overflow: hidden;
}
div.message-box div.message-body div.thumb {
    width: 48px;
    height: 48px;
    margin: 0 10px 0 0;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
div.message-box div.message-body div.thumb img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
} /*! jQuery UI - v1.10.2 - 2013-04-22
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.button.css, jquery.ui.dialog.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
}
.ui-front {
    z-index: 1000000 !important;
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}
.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none;
}
.ui-button-icon-only {
    width: 2.2em;
}
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
input.ui-button {
    padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: 0.5em;
}
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: 0.5em;
}
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}
button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 18px;
    margin: -20px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    background: 0 0;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    background: #333;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
    border: 1px solid rgba(255, 255, 255, 0.09);
}
.ui-widget-header {
    font-size: 22px;
    font-family: Montserrat;
    color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: url(../images/close2.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none;
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: none;
    background: url(../images/close2.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: none;
    background: url(../images/close2.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../images/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    font-weight: 400;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    background-image: none;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../images/ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../images/ui/ui-icons_888888_256x240.png);
}
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(../images/ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../images/ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../images/ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui/ui-icons_cd0a0a_256x240.png);
}
#rules_content.ui-widget-content {
    padding: 0;
}
.ui-icon-blank {
    background-position: 16px 16px;
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #aaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: 0.3;
    border-radius: 8px;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-state-active,
.ui-state-hover {
    color: #fff;
    text-decoration: none;
    background-color: #08c;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}
:root {
    --text-color: #fdf1c7;
    --text-hover-color: #ffb400;
    --border-color: #ffb800;
    --border-light-color: #f5e2af;
}
:root {
    --main-padding: 20px;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
.fullscreen-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    overflow: hidden;
    background: url(../images/bg/main_bg_full_l.jpeg) no-repeat top center/contain;
    background-size: contain;
}
.fullscreen-bg video {
    min-height: 2000px;
    min-width: 2560px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg video {
        height: 300%;
        top: -100%;
    }
}
html {
    height: 100%;
    min-height: 100%;
}
body {
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    background-color: #060815;
}
a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-size: 12px;
}
input,
select,
textarea {
    color: #0f0704;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
}
::-webkit-input-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
:-moz-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
::-moz-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
:-ms-input-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
textarea::-webkit-input-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
textarea:-moz-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
textarea::-moz-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
textarea:-ms-input-placeholder {
    color: #0f0704;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}
#general {
    position: relative;
    display: block;
    width: 100%;
    max-width: 2560px;
    min-width: 1320px;
    min-height: 100%;
    background: url(../images/bg/bg_back_new.jpeg) no-repeat top center;
    overflow: hidden;
    margin: 0 auto;
}
#general::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    content: "";
    background: url(../images/bg/bg__footer_min.jpg) no-repeat center/cover;
}
#lady {
    display: none;
    position: absolute;
    top: 60px;
    left: calc(50% - 210px);
    width: 580px;
}
#logo {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 170px;
    padding-top: 70px;
    cursor: pointer;
}
#logo img {
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    pointer-events: none;
    transition: all linear 0.2s;
}
#logo:hover img {
    transform: scale(0.95);
}
#general .wrapper {
    position: relative;
    display: flex;
    width: 1300px;
    margin: 0 auto;
    min-height: 100vh;
    flex-direction: column;
}
.wrapper .inner {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.wrapper .inner.content {
    flex-grow: 3;
    padding-top: 30px;
    margin-top: 450px;
}
.wrapper .inner.content:before {
    position: absolute;
    left: -65px;
    top: 0;
    width: calc(100% + 150px);
    height: 80px;
    background: url(../images/bg/main_top_bg.png) no-repeat top center;
    content: "";
}
.wrapper .inner.content:after {
    position: absolute;
    left: -60px;
    top: 75px;
    width: calc(100% + 150px);
    height: calc(100% - 75px);
    background: url(../images/bg/content_new_bg.png) repeat-y top center;
    content: "";
}
.wrapper .inner.header {
    position: fixed;
    height: 80px;
    width: 1300px;
    z-index: 20;
}
.wrapper .inner.header:before {
    position: absolute;
    left: -50px;
    top: 0;
    width: calc(100% + 120px);
    height: 100%;
    background: url(../images/bg/header.png) no-repeat center/100% 100%;
    content: "";
}
.wrapper .inner.header .menu {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    padding: 0 40px;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.wrapper .inner.header .left,
.wrapper .inner.header .right {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}
.wrapper .inner.header .menu_link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100%;
    font-size: 14px;
    color: var(--text-color);
    transition: all ease 0.2s;
}
.wrapper .inner.header .menu_link .profile_block p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wrapper .inner.header .menu_link .profile_block p + p {
    margin-top: 5px;
}
.wrapper .inner.header .menu_link .profile_block a {
    display: inline-block;
    color: #a2928c;
    transition: all ease 0.2s;
    text-decoration: underline;
}
.wrapper .inner.header .menu_link .profile_block a + a {
    margin-left: 5px;
}
.wrapper .inner.header .menu_link .profile_block a:hover {
    color: var(--text-hover-color);
}
.wrapper .inner.header .menu_link + .menu_link:before {
    position: absolute;
    left: -20px;
    width: 45px;
    height: 1px;
    background: linear-gradient(270deg, rgba(235, 215, 163, 0) 0, rgba(235, 215, 163, 0.52) 49.69%, rgba(235, 215, 163, 0) 100.42%);
    transform: rotate(90deg);
    content: "";
}
.wrapper .inner.header .menu_link > img {
    width: 40px;
    margin-right: 10px;
    transition: all ease 0.2s;
}
.wrapper .inner.header a.menu_link:hover {
    color: var(--text-hover-color);
}
.wrapper .inner.header a.menu_link:hover img {
    transform: scale(0.9);
}
.wrapper .inner.header .desc {
    position: relative;
    display: block;
    align-self: center;
}
.wrapper .inner.header .desc span {
    position: relative;
    display: block;
    color: #fff7d2;
    font-size: 14px;
    transition: all 0.2s ease;
}
.wrapper .inner.header .desc p {
    position: relative;
    display: block;
    color: #a2928c;
    font-size: 10px;
    transition: all 0.2s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}
.wrapper .inner.header li {
    position: relative;
    display: block;
}
.wrapper .inner.header li a {
    position: relative;
    display: grid;
    grid-template-columns: 60px 1fr;
}
.wrapper .inner.header li a img {
    position: relative;
    display: block;
    align-self: center;
    justify-self: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.wrapper .inner.header li a:hover img {
    transform: scale(0.9);
}
.wrapper .inner.header li a:hover .desc p,
.wrapper .inner.header li a:hover .desc span {
    color: #ffb400;
}
.wrapper .inner.header .lang {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 1;
}
.wrapper .inner.header .lang .current {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #53372d;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.wrapper .inner.header .lang .current img {
    position: relative;
    display: block;
    max-width: 100%;
}
.wrapper .inner.header .lang .current:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 8px;
    background: url(../images/ico-select.png) no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 8px);
    pointer-events: none;
}
.wrapper .inner.header .lang .sub {
    position: absolute;
    display: block;
    width: 40px;
    top: 100%;
    left: 0;
    padding-top: 5px;
    transform: perspective(600px) rotateY(-90deg);
    transform-origin: top;
    transition: all 0.2s ease;
    visibility: hidden;
    opacity: 0;
}
.wrapper .inner.header .lang .sub a {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #53372d;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #211916;
    color: var(--text-color);
}
.wrapper .inner.header .lang .sub a img {
    position: relative;
    display: block;
    max-width: 100%;
    transition: all 0.2s ease;
}
.wrapper .inner.header .lang .sub a + a {
    margin-top: 5px;
}
.wrapper .inner.header .lang .sub a:hover img {
    transform: scale(0.9);
}
.wrapper .inner.header .lang:hover .sub {
    opacity: 1;
    visibility: visible;
    transform: perspective(600px) rotateY(0);
}
.wrapper .inner.footer {
    position: relative;
    height: 150px;
}
.wrapper .inner.footer .grid {
    position: relative;
    display: grid;
    width: 100%;
    height: 150px;
    grid-template-columns: 288px 1fr auto;
    grid-gap: 74px;
}
.wrapper .inner.footer .logo {
    position: relative;
    display: block;
    width: 253px;
    height: 218px;
}
.wrapper .inner.footer .logo::before {
    content: "";
    position: absolute;
    display: block;
    width: 253px;
    height: 218px;
    background: url(../images/logo.png) no-repeat 100% 100% / cover;
    bottom: 70px;
    left: 17px;
    pointer-events: none;
    transition: all 0.2s ease;
}
.wrapper .inner.footer .logo:hover:before {
    transform: scale(0.9);
}
.wrapper .inner.footer ul.social {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 14px;
}
.wrapper .inner.footer ul.social li {
    position: relative;
    display: block;
    width: 176px;
    height: 105px;
    margin-right: 24px;
}
.wrapper .inner.footer ul.social li .text {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    color: #d1c0af;
    font-size: 10px;
    bottom: 28px;
    left: 0;
}
.wrapper .inner.footer ul.social li a {
    position: absolute;
    display: flex;
    width: 81px;
    height: 31px;
    top: 100%;
    left: 50%;
    margin: -22px 0 0 -40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 10px;
    z-index: 1;
    padding-bottom: 1px;
}
.wrapper .inner.footer ul.social li a:after {
    content: "";
    position: absolute;
    display: block;
    width: 81px;
    height: 31px;
    background: url(../images/f-btn.png) no-repeat;
    top: 1px;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease;
}
.wrapper .inner.footer ul.social li a:hover:after {
    filter: brightness(1.4);
}
.wrapper .inner.footer ul.social li.vk {
    background: url(../images/f-discord.png) no-repeat;
}
.wrapper .inner.footer ul.social li.fb {
    background: url(../images/f-facebook.png) no-repeat;
}
.wrapper .inner.footer ul.social li.tg {
    background: url(../images/f-facebook.png) no-repeat;
}
.wrapper .inner.footer ul.social li.tube {
    background: url(../images/f-google.png) no-repeat;
}
.wrapper .inner.footer .copyright {
    position: relative;
    display: block;
    align-self: center;
    justify-self: end;
    text-align: right;
}
.wrapper .inner.footer .copyright .link,
.wrapper .inner.footer .copyright a {
    cursor: pointer;
    text-align: right;
    color: #a2928c;
    transition: all ease 0.2s;
    text-decoration: underline;
}
.wrapper .inner.footer .copyright .link:hover,
.wrapper .inner.footer .copyright a:hover {
    color: var(--text-hover-color);
}
.wrapper .inner.footer .copyright .desc {
    position: relative;
    display: block;
    text-align: right;
    color: #433e39;
    font-size: 12px;
    line-height: 15px;
}
.wrapper .inner.footer .copyright .coolness {
    position: relative;
    display: block;
    width: 122px;
    height: 31px;
    background: url(../images/coolness.png) no-repeat;
    margin: 12px 0 0 auto;
}
.wrapper .inner.footer .copyright .coolness:hover {
    opacity: 0.6;
}
.content .grid-box {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns: 300px 1fr 280px;
    z-index: 3;
}
.content .grid-box .content-row {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px;
}
.content .grid-box .content-row::before {
    position: absolute;
    left: -50%;
    top: -40px;
    width: 200%;
    height: 80px;
    background: radial-gradient(50% 50% at 50% 50%, #760000 0, rgba(255, 0, 0, 0) 100%);
    mix-blend-mode: soft-light;
    opacity: 0.4;
}
.content .grid-box .content-row .content-block {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    min-height: 1100px;
    margin: 0 auto;
    padding: 0 30px 30px;
    max-width: 100%;
}
.content .grid-box .content-row .content-block .content-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}
.content .grid-box .content-row .content-block .content-scroll .news {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}
.ctn p,
.news p {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 5px;
}
.content .grid-box .content-row .content-block .content-scroll .news + .news {
    margin-top: 28px;
}
.content .grid-box .content-row .content-block .content-scroll .news .image {
    position: relative;
    display: block;
    width: 584px;
    margin: 0 auto;
    padding-top: 22px;
}
.content .grid-box .content-row .content-block .content-scroll .news .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.content .grid-box .content-row .content-block .content-scroll .news .image:before {
    content: "";
    position: absolute;
    display: block;
    width: 612px;
    height: 41px;
    background: url(../images/image-news.png) no-repeat center;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.content .grid-box .content-row .content-block .content-scroll .news .title {
    position: relative;
    display: block;
    width: 100%;
    margin: 30px auto 5px;
    padding-left: 30px;
    color: #0f0704;
    font-size: 16px;
    font-weight: 700;
}
.content .grid-box .content-row .content-block .content-scroll .news .title:before {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 33px;
    background: url(../images/news-arrow.png) no-repeat;
    top: -5px;
    left: 0;
}
.content .grid-box .content-row .content-block .content-scroll .news .date {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-left: 30px;
    color: #534a46;
    font-size: 11px;
}
.content .grid-box .content-row .content-block .content-scroll .news .date span {
    color: #0f0704;
}
.content .grid-box .content-row .content-block .content-scroll .news .text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 0;
    color: #000;
    font-size: 12px;
    line-height: 1.2;
}
.content .grid-box .content-row .content-block .content-scroll .news .text img {
    position: relative;
    max-width: 100%;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ol.custom-list,
.content .grid-box .content-row .content-block .content-scroll .news .text ul.custom-list {
    position: relative;
    display: block;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ol.custom-list li,
.content .grid-box .content-row .content-block .content-scroll .news .text ul.custom-list li {
    position: relative;
    display: block;
}
.ctn ol,
.ctn ul,
.news ol,
.news ul {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ctn li,
.news li {
    margin-top: 3px;
    margin-bottom: 3px;
}
.ctn a {
    color: inherit;
    font-size: inherit;
}
.ctn {
    line-height: 1.2;
}
.content .grid-box .content-row .content-block .content-scroll .news .text a {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}
.content .grid-box .content-row .content-block .content-scroll .news .text a:hover {
    text-decoration: none;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ul.list {
    position: relative;
    display: grid;
    padding: 16px 30px 18px;
    grid-template-columns: auto auto auto;
    grid-gap: 12px 42px;
    background: #c3bdad;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ul.list li {
    position: relative;
    display: block;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ul.list li a {
    position: relative;
    display: inline-block;
    color: #5f761f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}
.content .grid-box .content-row .content-block .content-scroll .news .text ul.list li a:hover {
    text-decoration: none;
}
.content .grid-box .content-row .content-block .content-scroll .news .info {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px auto 0;
    background: url(../images/info-arrows.png) no-repeat center;
}
.content .grid-box .content-row .content-block .content-scroll .news .info a,
.content .grid-box .content-row .content-block .content-scroll .news .info button {
    position: relative;
    display: flex;
    width: 144px;
    height: 36px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff7d2;
    border: none;
    background: 0 0;
    cursor: pointer;
    font-size: 10px;
    z-index: 1;
    margin: 0 auto;
    top: 1px;
}
.content .grid-box .content-row .content-block .content-scroll .news .info a:before,
.content .grid-box .content-row .content-block .content-scroll .news .info button:before {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 72px;
    top: -18px;
    left: -14px;
    background: url(../images/btn-more.png) no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
    pointer-events: none;
}
.content .grid-box .content-row .content-block .content-scroll .news .info a:hover:before,
.content .grid-box .content-row .content-block .content-scroll .news .info button:hover:before {
    filter: brightness(1.4);
}
.content .grid-box .content-row .content-block .content-scroll .page-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .title {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 5px;
    color: #0f0704;
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .title:before {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 33px;
    background: url(../images/news-arrow.png) no-repeat;
    top: -5px;
    left: 0;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .date {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-left: 30px;
    color: #534a46;
    font-size: 11px;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .date span {
    color: #0f0704;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 0;
    color: #000;
    font-size: 12px;
    line-height: 19px;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text img {
    position: relative;
    max-width: 100%;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text ol,
.content .grid-box .content-row .content-block .content-scroll .page-item .text ul {
    position: relative;
    display: block;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text ol li,
.content .grid-box .content-row .content-block .content-scroll .page-item .text ul li {
    position: relative;
    display: block;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text a {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .text a:hover {
    text-decoration: none;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .info {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px auto 0;
    background: url(../images/info-arrows.png) no-repeat center;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .info a {
    position: relative;
    display: flex;
    width: 144px;
    height: 36px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff7d2;
    font-size: 10px;
    z-index: 1;
    margin: 0 auto;
    top: 1px;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .info a:before {
    content: "";
    position: absolute;
    display: block;
    width: 172px;
    height: 72px;
    top: -18px;
    left: -14px;
    background: url(../images/btn-more.png) no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
    pointer-events: none;
}
.content .grid-box .content-row .content-block .content-scroll .page-item .info a:hover:before {
    filter: brightness(1.4);
}
.content .grid-box .left-row {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 5px 0 20px;
    z-index: 1;
    min-height: 0;
}
.content .grid-box .left-row .side-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .left-row .side-box + .side-box {
    margin-top: 5px;
}
.content .grid-box .left-row .side-box .side-title {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 55px;
}
.content .grid-box .left-row .side-box .side-title span,
.content .grid-box .left-row .side-box .side-title > a {
    position: relative;
    display: block;
    text-align: center;
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
    text-transform: uppercase;
}
.content .grid-box .left-row .side-box .side-title > a:hover {
    text-shadow: 0 0 4px var(--text-color);
}
.content .grid-box .left-row .side-box .side-title p {
    position: relative;
    display: block;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
    margin-top: 2px;
}
.content .grid-box .left-row .side-box .side-title:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.content .grid-box .left-row .side-box .side-title.title-1:before {
    background: url(../images/title-1.png) no-repeat center top;
    height: 201px;
    top: -53px;
    left: 3px;
}
.content .grid-box .left-row .side-box .side-title.title-2:before {
    background: url(../images/title-2.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .left-row .side-box .side-title.title-3:before {
    background: url(../images/title-3.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .left-row .side-box .side-title.title-4:before {
    background: url(../images/title-4.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .left-row .side-box .side-title.title-5:before {
    background: url(../images/title-5.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .left-row .side-box .side-title.title-6:before {
    background: url(../images/title-6.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .left-row .side-box .nav {
    position: relative;
    display: block;
    width: 100%;
    margin: 56px 0 0;
    padding-left: 32px;
}
.content .grid-box .left-row .side-box .nav .arrow {
    position: absolute;
    display: block;
    width: 14px;
    height: 100%;
    top: 0;
    left: 32px;
    background: url(../images/nav-line.png) no-repeat;
    background-size: 100% 100% !important;
}
.content .grid-box .left-row .side-box .nav .arrow span {
    position: absolute;
    display: block;
    width: 44px;
    height: 23px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    top: 7px;
    left: -13px;
    background: url(../images/nav-arrow.png) no-repeat;
}
.content .grid-box .left-row .side-box .nav ul {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 36px;
}
.content .grid-box .left-row .side-box .nav ul li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
}
.content .grid-box .left-row .side-box .nav ul li a,
.content .grid-box .left-row .side-box .nav ul li > span {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #fff7d2;
    font-size: 13px;
    height: 100%;
    width: 100%;
}
.content .grid-box .left-row .side-box .nav ul li a:before,
.content .grid-box .left-row .side-box .nav ul li > span:not(.info-span):before {
    margin-right: 5px;
    content: url(../images/stat-forum-arrow.png);
}
.content .grid-box .left-row .side-box .nav ul li > span > img {
    margin-left: 5px;
}
.content .grid-box .left-row .side-box .nav ul li a:hover {
    color: #ffb400;
}
.content .grid-box .left-row .side-box .posts {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 1px 0 10px;
}
.content .grid-box .left-row .side-box .posts .item {
    position: relative;
    display: flex;
    width: 100%;
    height: 55px;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 0 60px;
    background: rgba(36, 30, 25, 0.6);
}
.content .grid-box .left-row .side-box .posts .item.char:before {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 100%;
    background: url(../images/ico-post.png) no-repeat center;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.content .grid-box .left-row .side-box .posts .item.char:hover:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.content .grid-box .left-row .side-box .posts .item + .item {
    margin-top: 5px;
}
.content .grid-box .left-row .side-box .posts .item .image {
    position: absolute;
    display: block;
    width: 60px;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-align: center;
    line-height: 80px;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.content .grid-box .left-row .side-box .posts .item .image img {
    max-width: 100%;
    max-height: 50px;
}
.content .grid-box .left-row .side-box .posts .item .title {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff7d2;
    font-size: 12px;
}
.content .grid-box .left-row .side-box .posts .item .title a {
    position: relative;
    display: block;
    width: 100%;
    color: #fff7d2;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}
.content .grid-box .left-row .side-box .posts .item .date {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888579;
    font-size: 10px;
    margin-top: 3px;
}
.content .grid-box .left-row .side-box .posts .item .date span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    color: #ffcb4e;
}
.content .grid-box .left-row .side-box .posts .item .link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}
.content .grid-box .left-row .side-box .posts .item .link a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.content .grid-box .left-row .side-box .posts .item:hover {
    background: #241e19;
}
.content .grid-box .left-row .side-box .posts .item:hover .image {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.content .grid-box .right-row {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 10px 0 5px;
    z-index: 1;
    min-height: 0;
}
.content .grid-box .right-row .side-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .right-row .side-box + .side-box {
    margin-top: 5px;
}
.content .grid-box .right-row .side-box .side-title {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 55px;
}
.content .grid-box .right-row .side-box .side-title span,
.content .grid-box .right-row .side-box .side-title > a {
    position: relative;
    display: block;
    text-align: center;
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
    text-transform: uppercase;
    transition: all ease 0.2s;
}
.content .grid-box .right-row .side-box .side-title > a:hover {
    text-shadow: 0 0 4px var(--text-color);
}
.content .grid-box .right-row .side-box .side-title p {
    position: relative;
    display: block;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
    margin-top: 2px;
}
.content .grid-box .right-row .side-box .side-title:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.content .grid-box .right-row .side-box .side-title.title-1:before {
    background: url(../images/title-1.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .right-row .side-box .side-title.title-2:before {
    background: url(../images/title-2.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .right-row .side-box .side-title.title-3:before {
    background: url(../images/title-3.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .right-row .side-box .side-title.title-4:before {
    background: url(../images/title-4.png) no-repeat center top;
    height: 201px;
    top: -53px;
    left: -3px;
}
.content .grid-box .right-row .side-box .side-title.title-5:before {
    background: url(../images/title-5.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .right-row .side-box .side-title.title-6:before {
    background: url(../images/title-6.png) no-repeat center top;
    height: 201px;
    top: -53px;
}
.content .grid-box .right-row .side-box .status {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0 0;
}
.content .grid-box .right-row .side-box .status .item {
    position: relative;
    display: grid;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    grid-template-columns: 60px 1fr;
    padding-bottom: 30px;
}
.content .grid-box .right-row .side-box .status .item:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 38px;
    background: url(../images/status.png) no-repeat top;
    bottom: -5px;
    left: 0;
}
.content .grid-box .right-row .side-box .status .item .online {
    position: relative;
    display: block;
    width: 100%;
}
.content .grid-box .right-row .side-box .status .item .online .ico {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .right-row .side-box .status .item .online .ico img {
    position: relative;
    display: block;
    margin: 0 auto;
}
.content .grid-box .right-row .side-box .status .item .online .count {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffcb4e;
    font-size: 10px;
    margin: 10px 0 auto;
}
.content .grid-box .right-row .side-box .status .item .desc {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
}
.content .grid-box .right-row .side-box .status .item .desc .title {
    position: relative;
    display: block;
    color: #fff7d2;
    font-size: 14px;
}
.content .grid-box .right-row .side-box .status .item .desc .title a {
    color: #fff7d2;
    font-size: 14px;
}
.content .grid-box .right-row .side-box .status .item .desc .title a:hover {
    text-decoration: underline;
}
.content .grid-box .right-row .side-box .status .item .desc .text {
    position: relative;
    display: block;
    color: #a2928c;
    font-size: 10px;
    margin-top: 4px;
}
.content .grid-box .right-row .side-box .status .item .desc .load {
    position: relative;
    display: block;
    width: 190px;
    height: 14px;
    border-top: 1px solid #372e27;
    border-bottom: 1px solid #372e27;
    margin: 9px auto 0;
    overflow: hidden;
}
.content .grid-box .right-row .side-box .status .item .desc .load .line {
    position: absolute;
    display: block;
    width: 0;
    height: 6px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/load.png) no-repeat;
}
.content .grid-box .right-row .side-box .ranked-player {
    position: relative;
    display: block;
    width: 266px;
    margin: 0 auto;
    padding: 30px 0 0;
}
.content .grid-box .right-row .side-box .ranked-player .thead {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 34px 8px 34px;
    grid-gap: 3px;
    margin: 0 auto 8px;
}
.content .grid-box .right-row .side-box .ranked-player .thead .name {
    position: relative;
    display: block;
    align-self: center;
    color: #a2928c;
    font-size: 12px;
    padding-left: 21px;
}
.content .grid-box .right-row .side-box .ranked-player .thead .pvp {
    position: relative;
    display: block;
    align-self: center;
    justify-self: end;
    text-align: right;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .thead .slash {
    position: relative;
    display: block;
    align-self: center;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .thead .pk {
    position: relative;
    display: block;
    align-self: center;
    justify-self: start;
    text-align: left;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody {
    position: relative;
    display: none;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .right-row .side-box .ranked-player .tbody.active {
    display: block;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item {
    position: relative;
    display: grid;
    width: 100%;
    height: 38px;
    grid-template-columns: 38px 1fr 34px 8px 34px;
    grid-gap: 3px;
    border-left: 4px solid #2c2c27;
    padding-left: 5px;
    background: rgba(36, 30, 25, 0.6);
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item + .item {
    margin-top: 2px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .num {
    position: relative;
    display: block;
    align-self: center;
    justify-self: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(1) {
    border-left: 4px solid #ff9e35;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(1) .num {
    font-size: 0;
    background: url(../images/top-1.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(2) {
    border-left: 4px solid #9a9a9a;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(2) .num {
    font-size: 0;
    background: url(../images/top-2.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(3) {
    border-left: 4px solid #ed7e52;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(3) .num {
    font-size: 0;
    background: url(../images/top-3.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(1) {
    animation-delay: 0s;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(2) {
    animation-delay: 0.1s;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(3) {
    animation-delay: 0.2s;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(4) {
    animation-delay: 0.3s;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item:nth-child(5) {
    animation-delay: 0.4s;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .name {
    position: relative;
    display: block;
    align-self: center;
    color: #fff;
    font-size: 12px;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .name a {
    color: #fff;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .pvp {
    position: relative;
    display: block;
    align-self: center;
    justify-self: end;
    text-align: right;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .slash {
    position: relative;
    display: block;
    align-self: center;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-player .tbody .item .pk {
    position: relative;
    display: block;
    align-self: center;
    justify-self: start;
    text-align: left;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .tabs-players {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    grid-gap: 6px;
    margin: 11px auto 0;
}
.content .grid-box .right-row .side-box .tabs-players a {
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #372e27;
}
.content .grid-box .right-row .side-box .tabs-players a.active,
.content .grid-box .right-row .side-box .tabs-players a:hover {
    border: 2px solid #ffcb4e;
}
.content .grid-box .right-row .side-box .ranked-clan {
    position: relative;
    display: block;
    width: 266px;
    margin: 0 auto;
    padding: 30px 0 0;
}
.content .grid-box .right-row .side-box .ranked-clan .thead {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 80px;
    grid-gap: 3px;
    margin: 0 auto 8px;
}
.content .grid-box .right-row .side-box .ranked-clan .thead .name {
    position: relative;
    display: block;
    align-self: center;
    color: #a2928c;
    font-size: 12px;
    padding-left: 21px;
}
.content .grid-box .right-row .side-box .ranked-clan .thead .level {
    position: relative;
    display: block;
    align-self: center;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody {
    position: relative;
    display: none;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody.active {
    display: block;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item {
    position: relative;
    display: grid;
    width: 100%;
    height: 38px;
    grid-template-columns: 38px 1fr 80px;
    grid-gap: 3px;
    border-left: 4px solid #2c2c27;
    padding-left: 5px;
    background: rgba(36, 30, 25, 0.6);
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item + .item {
    margin-top: 2px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item .num {
    position: relative;
    display: block;
    align-self: center;
    justify-self: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(1) {
    border-left: 4px solid #ff9e35;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(1) .num {
    font-size: 0;
    background: url(../images/top-1.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(2) {
    border-left: 4px solid #9a9a9a;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(2) .num {
    font-size: 0;
    background: url(../images/top-2.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(3) {
    border-left: 4px solid #ed7e52;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(3) .num {
    font-size: 0;
    background: url(../images/top-3.png) no-repeat center;
    width: 20px;
    height: 15px;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(1) {
    animation-delay: 0s;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(2) {
    animation-delay: 0.1s;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(3) {
    animation-delay: 0.2s;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(4) {
    animation-delay: 0.3s;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item:nth-child(5) {
    animation-delay: 0.4s;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item .name {
    position: relative;
    display: block;
    align-self: center;
    color: #fff;
    font-size: 12px;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item .name a {
    color: #fff;
}
.content .grid-box .right-row .side-box .ranked-clan .tbody .item .level {
    position: relative;
    display: block;
    align-self: center;
    text-align: center;
    color: #a2928c;
    font-size: 12px;
}
.content .grid-box .right-row .side-box .tabs-clan {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    grid-gap: 6px;
    margin: 11px auto 0;
}
.content .grid-box .right-row .side-box .tabs-clan a {
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #372e27;
}
.content .grid-box .right-row .side-box .tabs-clan a.active,
.content .grid-box .right-row .side-box .tabs-clan a:hover {
    border: 2px solid #ffcb4e;
}
.modal-body {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(29, 29, 30, 0.77);
    z-index: 1000;
}
.modal-body .modal-overflow {
    position: absolute;
    display: grid;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
}
.modal-body .modal-overflow a.modal-hide {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.modal-body .modal-overflow .modal-content {
    position: relative;
    display: none;
    align-self: center;
    justify-self: center;
    width: 100%;
    max-width: 722px;
    background: #0e0f10 url(../images/bg-modal.png) no-repeat center;
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
    padding: 0 50px 45px;
}
.modal-body .modal-overflow .modal-content:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 46px;
    background: url(../images/modal-top.png) repeat-x center;
    top: -42px;
    left: 0;
}
.modal-body .modal-overflow .modal-content .modal-title {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 55px 10px 0;
    text-align: center;
}
.modal-body .modal-overflow .modal-content .modal-title span {
    position: relative;
    display: block;
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
}
.modal-body .modal-overflow .modal-content .modal-title span + span {
    margin-top: 10px;
}
.modal-body .modal-overflow .modal-content .modal-title p {
    position: relative;
    display: block;
    color: #c3bdad;
    font-size: 14px;
    margin-top: 10px;
}
.modal-body .modal-overflow .modal-content .modal-title b {
    color: #ffcb4e;
}
.modal-body .modal-overflow .modal-content .modal-title a.modal-close {
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    background: url(../images/modal-close.png) no-repeat;
    top: 41px;
    right: -20px;
    z-index: 1;
}
.modal-body .modal-overflow .modal-content .modal-title a.modal-close:hover {
    transform: rotate(360deg);
}
.modal-body .modal-overflow .modal-content .modal-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 594px;
    padding: 15px 0 0;
    margin: 0 auto;
}
.modal-box ul {
    color: #c3bdad;
    font-size: 14px;
    margin: 15px 0;
}
.modal-box ul b {
    color: #ffcb4e;
}
#moadl-loads .files-page {
    position: relative;
    display: block;
    width: 100%;
    max-width: 614px;
    margin: 0 auto;
}
#moadl-loads .files-page .files-items {
    position: relative;
    display: block;
    width: 100%;
    margin: 18px auto 0;
}
#moadl-loads .files-page .files-items .item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
#moadl-loads .files-page .files-items .item + .item {
    margin-top: 30px;
}
#moadl-loads .files-page .files-items .item .title {
    position: relative;
    display: block;
    color: #ffcb4e;
    font-size: 12px;
    font-weight: 700;
    padding: 16px 29px;
    background: #1a1c1e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#moadl-loads .files-page .files-items .item .text {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr auto;
    grid-gap: 15px;
    margin: 21px auto 0;
    padding: 0 18px;
    line-height: 20px;
}
#moadl-loads .files-page .files-items .item .text .desc {
    position: relative;
    display: block;
    align-self: center;
    color: #a2928c;
    font-size: 12px;
}
#moadl-loads .files-page .files-items .item .text a {
    position: relative;
    display: block;
    width: max-content;
    padding-left: 40px;
    color: #ffcb4e;
    font-size: 12px;
}
#moadl-loads .files-page .files-items .item .text a img {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#moadl-loads .files-page .files-items .item .text a:hover {
    text-decoration: underline;
}
#moadl-loads .files-page .files-items .item ul.list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 15px auto 0;
}
#moadl-loads .files-page .files-items .item ul.list li {
    position: relative;
    display: block;
    margin: 6px 7px;
}
#moadl-loads .files-page .files-items .item ul.list li a {
    position: relative;
    display: flex;
    width: 131px;
    height: 38px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff7d2;
    font-size: 12px;
    z-index: 1;
}
#moadl-loads .files-page .files-items .item ul.list li a:before {
    content: "";
    position: absolute;
    display: block;
    width: 143px;
    height: 52px;
    top: -6px;
    left: -6px;
    background: url(../images/btn-files-1.png) no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
}
#moadl-loads .files-page .files-items .item ul.list li a.btn-1:before {
    background: url(../images/btn-files-1.png) no-repeat;
}
#moadl-loads .files-page .files-items .item ul.list li a.btn-2:before {
    background: url(../images/btn-files-2.png) no-repeat;
}
#moadl-loads .files-page .files-items .item ul.list li a:hover:before {
    filter: brightness(1.5);
}
.stat-list {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}
.stat-list a {
    position: relative;
    display: flex;
    width: max-content;
    max-width: unset;
    height: 32px;
    color: #fff7d2;
    font-size: 12px;
    padding: 0 10px 1px;
    border: 2px solid #07253d;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    min-width: 120px;
    margin: 3px;
    border: 0 solid #483d37;
    color: #fff;
    background: #3d1806;
}
.stat-list a:hover {
    background: #07253d;
    color: #fff;
}
.stat-list a:hover {
    background: #802b01;
}
.stat-list a.activ {
    background: #802b01;
    color: #fff;
}
.stat-menu {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px auto 0;
}
.stat-menu li {
    position: relative;
    display: block;
    margin: 3px;
}
.stat-menu li a {
    position: relative;
    display: flex;
    width: max-content;
    max-width: unset;
    height: 28px;
    color: #fff7d2;
    font-size: 12px;
    padding: 0 10px 1px;
    border: 2px solid #07253d;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    border: 0 solid #483d37;
    color: #fff;
    background: #3d1806;
}
.stat-menu li a:hover {
    background: #07253d;
    color: #fff;
}
.stat-menu li a:hover {
    background: #802b01;
}
.stat-menu li a.activ {
    background: #802b01;
    color: #fff;
}
.stats-title {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #0f0704;
    font-size: 14px;
    margin: 15px auto;
    text-transform: uppercase;
    font-weight: 700;
}
.stats-title span {
    color: #0f0704;
}
.l2title {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #0f0704;
    font-size: 14px;
    margin: 15px auto;
    text-transform: uppercase;
}
.raits-stats {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, 70px);
    grid-gap: 10px;
    justify-content: center;
}
.raits-stats .item {
    position: relative;
    display: block;
}
.raits-stats .item span {
    position: relative;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #07253d;
    border: 2px solid #07253d;
    font-size: 26px;
    margin: 0 auto;
}
.raits-stats .item p {
    position: relative;
    display: flex;
    width: 100%;
    white-space: nowrap;
    justify-content: center;
    color: #0f0704;
    font-size: 14px;
    margin: 7px auto 0;
}
.stats-stats {
    position: relative;
    display: flex;
    width: 100%;
    grid-gap: 2px;
}
.stats-stats .item {
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    margin: 1px;
}
.stats-stats .item span {
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 2px;
    color: #fff;
    font-size: 11px;
    background: #07253d;
    text-align: center;
}
.stats-stats .item p {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #483d37;
    border-top: none;
    color: #0f0704;
    font-size: 16px;
    padding: 10px 5px;
}
#l2,
#l2char,
#l2top,
.all-table-box {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px 2px;
}
#l2 thead tr,
#l2char thead tr,
#l2top thead tr,
.all-table-box thead tr {
    background: #07253d;
}
#l2 thead tr th,
#l2char thead tr th,
#l2top thead tr th,
.all-table-box thead tr th {
    padding: 7px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
#l2 thead tr th.name,
#l2char thead tr th.name,
#l2top thead tr th.name,
.all-table-box thead tr th.name {
    text-align: left;
    padding-left: 15px;
}
#l2 tbody tr,
#l2char tbody tr,
#l2top tbody tr,
.all-table-box tbody tr {
    background: #d1c0af;
}
#l2 tbody tr td,
#l2char tbody tr td,
#l2top tbody tr td,
.all-table-box tbody tr td {
    padding: 7px 2px;
    color: #0f0704;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-family: Montserrat, sans-serif;
}
#l2 tbody tr td.name,
#l2char tbody tr td.name,
#l2top tbody tr td.name,
.all-table-box tbody tr td.name {
    text-align: left;
    padding-left: 15px;
}
#l2 tbody tr td.name small,
#l2char tbody tr td.name small,
#l2top tbody tr td.name small,
.all-table-box tbody tr td.name small {
    font-size: 10px;
    color: #07253d;
}
#l2 tbody tr td.name b,
#l2char tbody tr td.name b,
#l2top tbody tr td.name b,
.all-table-box tbody tr td.name b {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}
#l2 tbody tr td a,
#l2char tbody tr td a,
#l2top tbody tr td a,
.all-table-box tbody tr td a {
    color: #ff5e56;
}
#l2 tbody tr td a:hover,
#l2char tbody tr td a:hover,
#l2top tbody tr td a:hover,
.all-table-box tbody tr td a:hover {
    text-decoration: underline;
}
#l2 tbody tr td .l2offline,
#l2char tbody tr td .l2offline,
#l2top tbody tr td .l2offline,
.all-table-box tbody tr td .l2offline {
    color: red;
}
#l2 tbody tr td .l2online,
#l2char tbody tr td .l2online,
#l2top tbody tr td .l2online,
.all-table-box tbody tr td .l2online {
    color: #0f0;
}
.referal tbody tr:first-child {
    background: #07253d;
}
.referal tbody tr:first-child th {
    padding: 7px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.referal tbody tr:first-child th.name {
    padding-left: 15px;
}
#l2castle {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px 5px;
}
#l2castle tbody tr {
    background: #d1c0af;
}
#l2castle tbody tr td {
    padding: 7px 2px;
    color: #0f0704;
    font-size: 14px;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
}
#l2castle tbody tr td.l2left {
    width: 180px;
    text-align: center;
    padding: 7px;
}
#l2castle tbody tr td.l2right {
    padding: 7px 15px;
}
#l2castle tbody tr td a {
    color: #ff5e56;
}
#l2castle tbody tr td a:hover {
    text-decoration: underline;
}
#l2castle tbody tr td .l2offline {
    color: red;
}
#l2castle tbody tr td .l2online {
    color: #0f0;
}
.title-row {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    color: #0f0704;
    font-size: 18px;
    font-weight: 700;
}
.content .grid-box .content-row .all-form-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .content-row .all-form-box .item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.content .grid-box .content-row .all-form-box .item + .item {
    margin-top: 8px;
}
.content .grid-box .content-row .all-form-box .item .img-code {
    position: absolute;
    display: flex;
    height: 100%;
    top: 0;
    left: 10px;
    align-items: center;
    z-index: 1;
}
.content .grid-box .content-row .all-form-box .item .img-code img {
    position: relative;
    display: block;
}
.content .grid-box .content-row .all-form-box .all-button,
.content .grid-box .content-row .all-form-box button,
.content .grid-box .content-row .all-form-box input[type="submit"] {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
}
.content .grid-box .content-row .all-form-box .forget-link {
    position: relative;
    display: block;
    width: max-content;
    font-size: 14px;
    color: #0f0704;
    text-decoration: underline;
    margin: 20px auto 0;
}
.content .grid-box .content-row .all-form-box .forget-link:hover {
    text-decoration: none;
}
.content .grid-box .content-row .cab-form-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content .grid-box .content-row .cab-form-box table {
    width: 100%;
}
.content .grid-box .content-row .cab-form-box input[type="date"],
.content .grid-box .content-row .cab-form-box input[type="datetime"],
.content .grid-box .content-row .cab-form-box input[type="email"],
.content .grid-box .content-row .cab-form-box input[type="month"],
.content .grid-box .content-row .cab-form-box input[type="number"],
.content .grid-box .content-row .cab-form-box input[type="password"],
.content .grid-box .content-row .cab-form-box input[type="range"],
.content .grid-box .content-row .cab-form-box input[type="search"],
.content .grid-box .content-row .cab-form-box input[type="tel"],
.content .grid-box .content-row .cab-form-box input[type="text"],
.content .grid-box .content-row .cab-form-box input[type="time"],
.content .grid-box .content-row .cab-form-box input[type="url"],
.content .grid-box .content-row .cab-form-box input[type="week"] {
    margin-bottom: 10px;
}
.content .grid-box .content-row .cab-form-box .all-button,
.content .grid-box .content-row .cab-form-box button,
.content .grid-box .content-row .cab-form-box input[type="submit"] {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
}
.content .grid-box .content-row .cab-form-box select {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto 10px;
}
.content .grid-box .content-row .cab-form-box label {
    position: relative;
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 5px;
    text-align: center;
    color: #0f0704;
    font-size: 12px;
}
.content .grid-box .content-row #chaccmail form table br,
.content .grid-box .content-row #chaccpass form table br,
.content .grid-box .content-row #changerchar form br,
.content .grid-box .content-row #changersid form br,
.content .grid-box .content-row #charname form br,
.content .grid-box .content-row #namesid form br,
.content .grid-box .content-row #sexsid form br {
    display: none;
}
.content .grid-box .content-row #changerchar label,
.content .grid-box .content-row #changersid label,
.content .grid-box .content-row #charname label,
.content .grid-box .content-row #namesid label,
.content .grid-box .content-row #sexsid label {
    position: relative;
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 5px;
    text-align: center;
    color: #0f0704;
    font-size: 12px;
}
.content .grid-box .content-row #changerchar br,
.content .grid-box .content-row #changersid br,
.content .grid-box .content-row #charname br,
.content .grid-box .content-row #namesid br,
.content .grid-box .content-row #sexsid br {
    display: none;
}
.content .grid-box .content-row #changerchar #charList {
    margin-bottom: 10px;
}
.content .grid-box .content-row #sexchar {
    margin-top: 20px;
}
.content .grid-box .content-row #sexchar form {
    text-align: center;
}
.content .grid-box .content-row #sexchar form span {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.content .grid-box .content-row #sexchar br {
    display: none;
}
.content .grid-box .content-row #charname form {
    text-align: center;
}
.content .grid-box .content-row #chaccmail form h4,
.content .grid-box .content-row #chaccpass form h4 {
    position: relative;
    display: block;
    color: #0f0704;
    font-size: 18px;
    margin: 20px auto;
    text-align: center;
}
.content .grid-box .content-row #alpha {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 400px;
    margin: 20px auto 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.content .grid-box .content-row #alpha a {
    position: relative;
    display: flex;
    width: 24px;
    height: 24px;
    border: 1px solid #07253d;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #0f0704;
    font-size: 14px;
    margin: 2px;
}
.content .grid-box .content-row #alpha a:hover {
    background: #0f0704;
    color: #fff;
}
.content .grid-box .content-row #swdelete {
    position: relative;
    display: block;
    width: max-content;
    margin: 20px auto 10px;
    color: #0f0704;
}
.content .grid-box .content-row .referal {
    width: 100% !important;
}
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    width: 100%;
    background: rgba(2, 2, 2, 0.42);
    border: 1px solid #292929;
    color: #fff;
    position: relative;
    padding: 17px 20px;
    position: relative;
    font-size: 16px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    margin-bottom: 20px;
}
select {
    position: relative;
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
    color: #0f0704;
    font-size: 14px;
    text-align-last: center;
    padding: 0 30px;
    background: url(../images/select.png) no-repeat center right 23px;
    border: 2px solid #07253d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    -moz-appearance: none;
}

#item_content select {
    display: inline-block;
}
option {
    background: #d1c0af;
}
div#Info {
    position: relative;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 15px;
    text-align: center;
    line-height: 21px;
}
#l2 #l2button {
    height: 32px;
    font-size: 12px;
}
.l2money {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px auto;
}
#l2 th.serv {
    padding: 10px;
    background: #07253d;
    color: #fff;
    font-size: 14px;
}
.scrollbar-track {
    background: rgba(76, 61, 35, 0.25) !important;
    border: 1px solid rgba(105, 87, 60, 0.32) !important;
    box-shadow: inset 1px 1px 5px rgba(51, 40, 19, 0.68) !important;
    border-radius: 4px !important;
}
.scrollbar-thumb {
    box-shadow: inset 1px 0 4px rgba(255, 255, 255, 0.19) !important;
    background: linear-gradient(155.94deg, #442e0c 30.94%, #442e0c 30.95%) !important;
}
.slider-pagination {
    position: static;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 7px;
    background: rgba(255, 255, 255, 0.19);
    border-radius: 3px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    opacity: 1 !important;
    margin: 0 5px;
    flex-shrink: 0;
    transition: 0.3s all;
    position: relative;
    z-index: 0;
}
.slider-pagination .swiper-pagination-bullet:after {
    display: block;
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    bottom: -6px;
    left: 0;
    opacity: 0;
}
.slider-pagination .swiper-pagination-bullet:hover {
    background-color: #50ac50;
    opacity: 1 !important;
}
.slider-pagination .swiper-pagination-bullet-active {
    width: 54px;
    background-color: #50ac50;
    opacity: 1 !important;
}
[data-slider-pagination="header"] {
    position: absolute;
    top: 40px !important;
    bottom: auto !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 10;
    display: inline-flex;
    height: auto !important;
}
[data-streams="true"] .header-dot:nth-last-child(1) {
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 4px 10px 5px;
}
[data-streams="true"] .header-dot:nth-last-child(1):before {
    content: "Streams";
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.streams .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: all !important;
}
.arrows {
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrows__arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s all;
    color: #fff;
    outline: 0;
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgbSURBVHgBlVd/TFX3FT/3e++79z2QxwMKFNyWJ1Yb0QkUN6RY0dqVdH8skHW26dbC65ZmWZbxSLosWbJ0NsuyrVmEbnHtHw601XZ1a6jLpnabCna1jdQgdgIF2qdCESnwnrzf7/7YOefe93SNte7yvrk/v9/zOZ/zOed8keA2jt7eVh9cgdpMOtKaSCab47GYXwjh0zQNVFULq5o27FI859ya6+QjXX/pv501pVu9PNEb9CVFtDMWjQXHJmd9o5OfwPSVKFyL6ZDRTbBMCxQFoKzYA5XlXlh3Vyms8d8RUt1anyJg30OBvtD/bfidN37SGY8nfv7WmQ98x06OQySaYkOSkAC95W8sywLTMAEhOAtJUOR1wwNNVbC5vioku1y7Hvz2nr7bNnzu2LO7L8/OB3/XexxCl+ZBlgVomhsNmWwIqYVUMonPZTbOIOiPgJgm3xd5PfDDwFaoKPV1Nz/S3fW5hsff+m3v0eNnO/b9aRDSGRO9Qw8lwUYkyfaWjNCzVNpmgZ4pigwmGjZ0A3Rdx2sTPG4Vnni4ATbVVPU1tf06cKMdcePNR+/u2f3u2amOF/cfZ6OaquKCimNQwsUMNiDwnryT2aDCjGS9deEcVVOBhJdMZeCF/YNw+r2pjveOPrv7poanR/Z2XF2IBLtfOOzQZUEmk2Ej5C2R4ya6WVAKuHCQp1WrKnL0En06zsGpPE9FEDICfaX/DCyGo8GxgeeC/0P17GivHww4sTPwS//C0jI/pknoBi9O6Mlr/LER9g5HU0M1NNb4IPRxCv72z/MQiyUYFFFNH8tCRubSfP/FymLo+cWTYSUPVq2q6wqzx0hO+5F/DPmvzkdwYYs9NAyD6SXpGIbOgxjIpDNsfHP9WmjY4IbRc6cAYqPw5GONHFMD39F88tg0DWTIZDCXZhbh5OkLPmHmBXNUI/6OvQeO0tmJIfAwUMGSZOXiQh4QdV+tvwsaN6hwceIs0o/KNuKwND0Ej+9sZJrB0UAaQRJ75ARR++rr/yYQnUsf9frEJxdeah0anvDPXV0CWZIxRjpSY3DaEGqUlSMgmZW6qbYKmjbIMP/xGHg0BYfM5wLfnXD46IjtLdjqV1UXh4cyQKAA5xeuwfujF316UqkVKIttA2+PMFIDqQEnjhRDQs00IxBC/0DzBthe74LoUghplXPDlb8SDr05B7NXI0wtFRlbExK4XC6HRcFgTg+Nk3RaFXxZMzE1w0YkRxCEzl7ARk2xbbl/I3xlrQ7LS5eRXiVHf8IqhYN/nYFoLIVzCb+dKMQOOUDsuXANVVY474fPTxGwZjRs1Y5PTtsf4uBgUDogAJpI8dmx9W5oWm9BMjqDtIpcQkT0Cug79AEsx9IsLBIjHaRiSaLv7AIEXN0s/s3Nh+nar+AzXyyeYDVTTCnG9LGmakxZ46bVcH8NKjmziIsrziIAUaMc/vjaJMQTOuR7NAZM81mQZNIkQdl0m9mQ4bPlaJwA+AQ4QqDqo6N3NuXCqb0Aw/+5BAvxFRxLtypYxXRdnBeFe6rvwBjatNuVy+J6Tnow0GsdjdEz5key2bCce6p14fw8zanFgikhdEQXAYpcS0BP3wjMRkqwkKisYrcqQ747Aw9vU6Gxroy9Ay4qWV2ofGbNcOAtXC/DBvPzPYSCCogUKi3xcSzJKInBBgC5bhSNp+H5l8dgfLaQxUaUEwBvngHfaVFhc21JtghyBtA8YosUnaU6C2Q1llh8OSzQv4FNdWuZAjZKqeD0XJqsqgqoSOe1aBJefOV9OPuhB1Wq2MaRcm++BN/9RgHcW1cICiqXGgSR6XZrXEjAiTOtRWJds7qSrs+hHkT/fZvXO9XGLvZ20bdLHiuUajdStrycgj0vjcCpEZtCt2bHvLBAwFNtPri31ut4jBmA/ZoaBnU0YtNyGsmWhvUITD4pFLc+XLtxdbisxGvTYl43nhWGSROBupIEiZQBv3/5AhwepEwQTuWS4eIVHSZCEczVtBM2JyUNe5dCR3lpMdR+uSpUXv1YvyhaFQhjCvW0P7rD3tpIdm3ldECmuN5K15uZgp4auN/a+/qHcODIImDbhvOTCXj+4GWYvBx1DNrxJFXToPkZFNcTO7ejDWkffcO5YIp499e2bex87Y1TvkszCywu0ynyVKczmNusepogC4cZCw7+fRoiy0k4PRKBhbCBue/KvSOhshNIPXWsyvJiaNlxT8gUel+uO1F/xMV3/TTYBnlul92vTKfqSLYH2WsCRJsAuwEIODywAIsR3K1oLtYIb3tIG4Y9CHDBCg/86pl29BZ2VawLhHKG6ahu/nF3SdGKnse/tYXVzYJwKh13Jif22S5lct/FnMV9rKDWaZk2QFnk5nH/Rop/9L2vA2qop2JjoO960D51DP756b4zw1Pt+w+9g/mbRKpt+ohiVjoZcAoN77soBEI43c1kAKaz/9KwmQQebYaW7fX71m19uuNGOzfd3p54Ndh9ZX6p87k/HMMYpjg/hbOVFc4WyHKKAp2z+22+tuzCs/LOIuh6qgW+sLKsp+7BnwU/beMzN/T/OvCDjlQ688zbQ5P+NwcnIIwior0XeZatwbzbdESUTb0irwYPba+G+xruDqtu964tbb/pvtn6t/wX5kjv9/1pPdmhZ5LtY5Nz/tGJeZhbSMDsfBTz1d7OqC4BhV4VvlRRANVrymDdmsqw5vb06MLb3RboDn/W2rc0fONxcPc3WzOp1LaMnqpJp1O16VTKl0olKZ7hPLcnpOXlDeTnFfbrCgwHuvrDn7fefwF4eEVt28uF2QAAAABJRU5ErkJggg==);
}
.arrows__arrow:hover:not(.swiper-button-disabled) {
    transform: scale(1.03);
}
.arrows__arrow.swiper-button-disabled {
    box-shadow: none;
    cursor: default;
    opacity: 0.5;
}
.arrows__arrow_next {
    transform: rotateY(180deg);
}
.arrows__arrow_next:hover:not(.swiper-button-disabled) {
    transform: scale(1.03) rotateY(180deg);
}
.stream {
    width: 100%;
    height: 150px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    transition: all ease 0.2s;
}
.stream img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stream:hover {
    transform: scale(1.02);
}
.stream__content {
    max-width: 120px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.03em;
    color: rgba(255, 255, 255, 0.6);
}
.stream__link {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #ffb939;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4588235294);
}
.stream__link:hover {
    text-decoration: underline;
}
.stream iframe {
    width: 100%;
    height: 100%;
    display: block;
}
.streams {
    position: relative;
    width: 665px;
    margin-bottom: 40px;
}
.streams .arrows__arrow {
    position: absolute;
    top: calc(50% - 15px);
    left: -5px;
    z-index: 1;
}
.streams .arrows__arrow.arrows__arrow_next {
    left: auto;
    right: -5px;
}
.streams__content {
    border-radius: 3px;
    overflow: hidden;
    width: calc(100% - 20px);
    margin: auto 10px;
}
.heading {
    width: 100%;
    position: relative;
    z-index: 0;
    display: block;
    text-align: center;
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.heading:before {
    display: block;
    content: "";
    background: url(../images/heading.png@v2) no-repeat center center;
    width: 699px;
    height: 201px;
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -120px);
    pointer-events: none;
}
.srv {
    width: 100%;
    max-width: 250px;
    cursor: default;
    position: relative;
    z-index: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
}
.srv_bb {
    border-bottom: 1px solid #4a4a4b;
}
.srv__info {
    display: flex;
    align-items: center;
    min-height: 70px;
    opacity: 0.6;
    filter: saturate(0.5);
    box-sizing: border-box;
    padding: 6px 0;
}
.srv__ico {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 0;
    margin-right: 10px;
}
.srv__pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.srv__img {
    max-width: 100%;
}
.srv__content {
    position: relative;
    z-index: 2;
    line-height: 16px;
    flex-grow: 1;
    min-width: 0;
}
.srv__title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fcfcfb;
}
.srv__desc {
    color: #707070;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.srv__online {
    flex-basis: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 16px;
}
.srv__count {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.srv__status {
    color: #a6b755;
    font-size: 12px;
    font-weight: 400;
}
.srv__select {
    text-shadow: -1.4px -2.6px 3px rgba(0, 0, 0, 0.52);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.srv__note {
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0 5px 1px;
    display: inline-block;
    background-color: #d20000;
    border-radius: 2px;
    box-shadow: 0 0 10px #d20000;
    position: relative;
    top: -1px;
}
.srv__input {
    display: none;
}
.srv__input:checked ~ .srv__info .srv__select:after {
    background: url(../images/btns/btn_min_hover.jpg) no-repeat;
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.3));
}
.srv__input:checked ~ .srv__info {
    opacity: 1;
    filter: saturate(1);
}
.border-right:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    top: 5px;
    right: 0;
    box-sizing: border-box;
    border-right: 2px solid rgba(71, 71, 71, 0.361);
}
.mdl {
    box-sizing: border-box !important;
    padding: 5px 20px 15px 20px;
    background: #161410 url(../images/modal/bg.jpg@ver=0) no-repeat center top;
    width: 1100px;
    margin-left: 3px;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    border: 2px solid #262420;
}
.gw-modal-close {
    background: #1a1a1a url(../images/close.png) no-repeat center center;
    width: 35px;
    height: 35px;
    border: 1px solid #39352e;
    display: inline-block;
    margin-left: auto;
    z-index: 5;
    cursor: pointer;
    transition: 0.3s all;
    flex-shrink: 0;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 80px;
}
.gw-modal-close:hover {
    transform: rotate(180deg);
}
.fancybox-content .gw-modal-close {
    top: 10px;
    right: 10px;
}
.m-heading_p {
    padding: 10px 0;
}
.m-heading__title {
    color: #fd8f02;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.m-heading__title_yellow {
    color: #d3b23e;
}
.m-heading__desc {
    color: #7f7f7f;
    font-size: 11px;
    font-weight: 100;
    line-height: 18px;
    min-height: 40px;
}
.selection {
    width: 260px;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 20px;
    position: relative;
    z-index: 0;
}
.p-header {
    color: #fffefd;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 50px;
    padding: var(--margin);
}
.p-header_bb {
    border-bottom: 2px solid #252421;
}
.p-header_p {
    padding: 10px;
}
.p-header_p_b {
    padding-bottom: 10px;
}
.p-header__title {
    color: #fffefd;
    font-size: 18px;
    font-weight: 900;
}
.p-header__notice {
    color: #99a6b1;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    margin-left: 25px;
}
.p-header__link {
    color: #b3cc2a;
    text-decoration: underline;
}
.p-header__link:hover {
    text-decoration: none;
}
.about__inner {
    display: flex;
}
.about__list {
    width: calc(100% - 260px);
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: -40px;
    min-height: 600px;
}
.content__title {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 15px 0 5px;
}
.about__container {
    max-width: 750px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    animation: fadeInleft 0.5s ease;
}
.about__bt {
    margin-bottom: 10px;
}
.about__back {
    text-shadow: 0 5px 3px rgba(0, 0, 0, 0.24);
    color: #969696;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-top: -10px;
    cursor: pointer;
}
.about__back:hover {
    color: #b8b8b8;
}
.fancybox-content {
    padding: 0;
    background: 0 0;
    overflow: hidden;
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.7;
}
.fancybox-is-open .fancybox-content {
    animation: fadeInDown 0.5s ease;
}
.fancybox-is-closing .fancybox-content {
    animation: fadeOutDown 0.5s ease;
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInleft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.gwbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    transition: 0.2s all;
    width: 186px;
    height: 49px;
    flex-shrink: 0;
    text-shadow: none;
    position: relative;
    z-index: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    margin: 20px 0;
}
.gwbtn:after {
    content: "";
    display: block;
    position: absolute;
    top: -14px;
    left: -21px;
    z-index: 0;
    transition: 0.2s all;
    background: transparent url(../images/btn/btn.png) no-repeat center center;
    width: 227px;
    height: 101px;
}
.gwbtn:hover:after {
    filter: brightness(120%);
}
.gwbtn__content {
    position: relative;
    z-index: 5;
    display: inline-block;
}
.gwbtn__desc {
    color: #ceb980;
    font-size: 11px;
    font-weight: 400;
}
.gwbtn__pic {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 5;
}
.gwbtn__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mainaction {
    text-align: center;
    margin-top: 220px;
}
.knopa-tab a {
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #372e27;
}
.knopa-tab a.active,
.knopa-tab a:hover {
    border: 2px solid #ffcb4e;
}
.knopa-tab {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    grid-gap: 6px;
    margin: 11px auto 0;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #221f28;
    padding: 5px;
    opacity: 0.9;
    font: normal 10px Tahoma, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
}
#tooltip img {
    max-width: 90px;
}
#tooltip div,
#tooltip h3 {
    margin: 0;
}
#lean_overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
#add_to_card_windows,
#auction_bet,
#buy_windows,
#select_server {
    width: 404px;
    padding-bottom: 2px;
    padding: 30px;
    display: none;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
}
#select_server span {
    color: #ffcb4e !important;
}
#item_filter_overlay {
    position: absolute;
    height: 400px;
    width: 300px;
    display: none;
    z-index: 9999;
}
#select_server select {
    color: #fff;
    text-align: left;
    padding: 0 30px;
    font-size: 12px;
    text-align-last: auto;
    margin-top: 10px;
}
#select_server select option {
    background: #fff;
    color: #000;
}
#item_filter {
    width: 300px;
    height: 710px;
    padding-bottom: 2px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.66);
    background: #333;
    color: #fff;
}
.item_filter_content {
    height: 600px;
    width: 285px;
    margin: 15px;
    overflow: auto;
}
.modal-header h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}
.modal-header2 {
    padding: 15px;
}
.modal-header2 h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffcb4e;
}
.close {
    position: absolute;
    top: 17px;
    right: 12px;
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/close.png);
    z-index: 2;
}
.form {
    margin: 0 auto;
}
.modal-header h2 .close {
    top: 0;
    right: 0;
}
.right {
    float: right;
}
.left {
    float: left;
}
.fixed {
    position: fixed;
    top: 50px;
    left: 50px;
}
.QapTcha {
    width: 215px;
}
.QapTcha .clr {
    clear: both;
}
.QapTcha .bgSlider {
    width: 215px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, 0.1);
}
.QapTcha .slider {
    width: 30px;
    height: 30px;
    background: transparent url(../images/bg_draggable_qaptcha.jpg) no-repeat;
    background-size: 30px 30px;
    cursor: e-resize;
    position: relative;
    top: 0;
    left: 0;
}
.QapTcha .txtStatus {
    width: 215px;
    margin-top: 7px;
    text-align: left;
    color: #bb2828;
    font-family: Verdana;
    font-size: 10px;
    clear: both;
    padding-bottom: 10px;
}
.QapTcha .dropSuccess {
    color: #4e8b37;
}
.QapTcha .dropError {
    color: #bb2828;
}
.ranking-table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
    line-height: 26px;
}
.ranking-table tbody tr:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.4);
}
.e_note,
.i_note,
.s_note,
.w_note {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 40px;
    background-repeat: no-repeat;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    text-align: left;
}
.i_note {
    color: #00529b;
    background-color: #bde5f8;
    background-image: url(../images/info.png);
    background-position: left center;
}
.s_note {
    color: #4f8a10;
    background-color: #e8efd3;
    background-image: url(../images/success.png);
    background-position: left center;
}
.w_note {
    color: #9f6000;
    background-color: #feefb3;
    background-image: url(../images/warning.png);
    background-position: left center;
}
.e_note {
    color: #432901;
    background-color: #f7e0cc;
    background-image: url(../images/error.png);
    background-position: left center;
}
#helm{
	position:absolute; 
	left:73px; 
	top:58px; 
	width:56px; 
	height:66px; 
}

#wings{
	position:absolute; 
	left:272px;	
	top:59px; 	
	width:127px; 
	height:110px; 
}

#pendant{
	position:absolute; 
	left:233px;	
	top:80px; 	
	width:29px; 
	height:29px; 
}

#sword{
	position:absolute; 
	left:6px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#armor{
	position:absolute; 
	left:40px; 
	top:138px; 
	width:82px; 
	height:98px; 
}

#shield{
	position:absolute; 
	left:330px; 
	top:242px; 
	width:69px; 
	height:129px; 
}

#gloves{
	position:absolute; 
	left:271px;	
	top:178px;	
	width:85px;	
	height:55px; 
}
#pants{
	position:absolute; 
	left:89px;	
	top:297px;	
	width:58px; 
	height:74px; 
}
#ring_left{
	position:absolute; 
	left:102px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}
#ring_right{
	position:absolute; 
	left:272px;	
	top:252px; 	
	width:29px; 
	height:29px; 
}

#boots{
	position:absolute; 
	left:258px;	
	top:297px; 	
	width:58px; 
	height:74px; 
}
.inv {
    table-layout: fixed;
    background-color: #212121;
    border: 1px solid #100f0d;
    margin: 0;
    padding: 0;
}
.waretitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #610000;
    font-style: oblique;
    font-weight: 700;
    color: #fff;
}
.item_table {
    width: 200px;
    border: 0;
    margin: auto;
}
.item_table td {
    padding: 3px;
}
.item_image {
    text-align: center;
    height: 140px;
    width: 136px;
}
.items {
    text-align: center;
}
.items a {
    color: #fff;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    padding-bottom: 5px;
}
.items a:hover {
    color: #000;
}
#item_buy {
    width: 100%;
}
#item_buy_left {
    float: left;
    padding-right: 5px;
}
#item_buy_right {
    padding: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#item_buy_right .full {
    margin: 1px;
    padding: 1px;
    width: 488px;
    background-color: #76403f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    height: 18px;
    line-height: 18px;
}
#item_buy_right .opt_title {
    margin: 1px;
    padding-left: 1px;
    width: 60%;
    float: left;
    font-size: 12px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    height: 20px;
    line-height: 20px;
}
#item_buy_right .opt {
    margin: 1px;
    padding-left: 1px;
    width: 39%;
    float: left;
    font-size: 12px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    height: 20px;
    line-height: 20px;
}
#item_buy_right .opt select {
    border: 0;
    border-radius: 0;
    width: 60%;
    font-size: 12px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;
    color: #fff;
    margin-top: 1px;
    padding: 0;
    -webkit-appearance: none;
}
#item_buy_right .opt input[type="number"] {
    width: 35px;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;
    color: #fff;
    margin-top: 1px;
    padding: 0;
    -webkit-appearance: none;
}
#item_image_bg {
    position: relative;
    width: 129px;
    height: 184px;
}
#item_image_bg img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.item_info {
    margin-top: 2px;
    width: 129px;
    height: 36px;
    line-height: 36px;
    z-index: 500;
}
.item_info .info {
    padding-left: 5px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    text-shadow: #000 0 1px 0;
}
.item_info .info .btimes {
    color: #ed7876;
}
.item_info .info .goldcr {
    color: #ffaf04;
}
.item_info .info .normalcr {
    color: #d9a08a;
}
#buy_buttons {
    text-align: center;
}
#buy_buttons button {
    margin: 2px;
    padding: 12px 20px;
}
.buy_button {
    background: url(../images/slect_btn.png);
    width: 155px;
    height: 42px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    border: 0;
    float: right;
}
.buy_button:hover {
    cursor: pointer;
}
.payment-method-button {
    margin: 4px;
    background-color: #efefef;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    overflow: auto;
    float: left;
}
.payment-method-button label {
    float: left;
}
.payment-method-button label span {
    text-align: center;
    padding: 3px 0;
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    cursor: pointer;
}
.payment-method-button label input {
    position: absolute;
    top: -20px;
}
.auction_bet_button {
    margin: 0 auto;
    background: #600;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    text-align: center;
    padding: 3px 0;
    display: block;
    width: 220px;
    height: 35px;
    cursor: pointer;
}
.span_red {
    background: #600;
    color: #fff;
}
.cabnew li.w-coins,
.cabnew li.wcoins {
    color: #c60;
    font-weight: 700;
}
.cabnew li.zz-coins,
.cabnew li.zzcoins {
    color: #039;
    font-weight: 700;
}
.offline {
    color: red;
}
.online {
    color: green;
}
.timernew {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
#timer_div_title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    color: #e0e0e0;
    text-transform: uppercase;
    font-family: Montserrat;
}
#timer_div_time {
    display: flex;
}
.timmer_inner_block {
    flex: auto;
    font-size: 14px;
    color: #ffc675;
    font-family: Montserrat;
    padding: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4);
    margin: 0 5px;
}
#timer_div_time .timmer_inner_block .title {
    text-align: center;
}
#timer_div_time .timmer_inner_block .count {
    text-align: center;
    font-size: 40px;
}
.add_to_card {
    font-size: 12px;
    background: #eaebec;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    width: 100%;
}
.add_to_card th {
    padding: 15px 20px 16px 20px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
.add_to_card th:first-child {
    text-align: left;
    padding-left: 20px;
}
.add_to_card tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.add_to_card tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.add_to_card tr {
    text-align: center;
    padding-left: 20px;
}
.add_to_card td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}
.add_to_card td {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.add_to_card tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.add_to_card tr:last-child td {
    border-bottom: 0;
}
.add_to_card tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.add_to_card tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.add_to_card tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
.ticket {
    font-size: 12px;
    background: #eaebec;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.ticket th {
    padding: 15px 10px 16px 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
.ticket th:first-child {
    text-align: left;
    padding-left: 10px;
}
.ticket tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.ticket tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.ticket tr {
    text-align: center;
    padding-left: 20px;
}
.ticket td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}
.ticket td {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.ticket tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.ticket tr:last-child td {
    border-bottom: 0;
}
.ticket tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.ticket tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ticket tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
.discount_notice {
    margin: 20px auto;
    left: 200px;
    width: 280px;
    height: auto;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 90;
    opacity: 0.9;
}
.discount_notice .content {
    padding: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6a2f3c;
    font-weight: 700;
    position: relative;
    display: block;
}
.ribbon-discount-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #bfdc7a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfdc7a), to(#8ebf45));
    background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -moz-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -ms-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);
    color: #6a6340;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.ribbon-green:after,
.ribbon-green:before {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}
.ribbon-green:before {
    left: 0;
}
.ribbon-green:after {
    right: 0;
}
​ .PriorityZero {
    background-color: #e68a8a;
}
.PriorityOne {
    background-color: #cc4040;
}
.PriorityTwo {
    background-color: red;
}
.PriorityThree {
    background-color: #900;
}
.plans {
    list-style: none;
    margin: 0;
    padding: 10px 20px;
}
.plan {
    background: #fff;
    border-radius: 6px;
    height: 60px;
    margin: 10px 0;
    opacity: 1;
    padding: 4px 25px;
    width: 100%;
}
.price {
    border-radius: 100%;
    cursor: default;
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
    margin: 8px 10px 0 0;
    text-align: center;
    width: 46px;
}
.price-green {
    background-color: #e1f1d1;
    color: #52b327;
    font-weight: 700;
}
.price-red {
    background-color: #f1e1d1;
    color: #b35227;
}
.news p.plan-description {
    font-size: 12px;
}
.details {
    color: #222;
    display: block;
    float: left;
    height: 46px;
    margin: 8px 0;
    padding: 0 10px;
}
.plan-title {
    font-size: 14px;
    font-weight: 800;
    font-weight: 600;
    margin: 12px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.plan-description {
    color: #666;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.wh_items {
    width: 261px;
    margin: 2px auto;
    padding-top: 6px;
    padding-left: 3px;
    display: inline-block;
    vertical-align: top;
    height: 490px;
    margin-right: 30px;
}
.square {
    cursor: pointer;
    position: absolute;
    opacity: 0.8;
}
.square.active {
    border: 2px solid var(--border-color);
}
.square:hover {
    padding: 1px;
    opacity: 1;
}
.square img {
    width: 100%;
    height: 100%;
}
.f16 .flag {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-top;
    line-height: 16px;
    background: url(../images/flags.png) no-repeat;
}
.f16 ._African_Union {
    background-position: 0 -16px;
}
.f16 ._Arab_League {
    background-position: 0 -32px;
}
.f16 ._ASEAN {
    background-position: 0 -48px;
}
.f16 ._CARICOM {
    background-position: 0 -64px;
}
.f16 ._CIS {
    background-position: 0 -80px;
}
.f16 ._Commonwealth {
    background-position: 0 -96px;
}
.f16 ._England {
    background-position: 0 -112px;
}
.f16 ._European_Union,
.f16 .eu {
    background-position: 0 -128px;
}
.f16 ._Islamic_Conference {
    background-position: 0 -144px;
}
.f16 ._Kosovo {
    background-position: 0 -160px;
}
.f16 ._NATO {
    background-position: 0 -176px;
}
.f16 ._Northern_Cyprus {
    background-position: 0 -192px;
}
.f16 ._Northern_Ireland {
    background-position: 0 -208px;
}
.f16 ._Olimpic_Movement {
    background-position: 0 -224px;
}
.f16 ._OPEC {
    background-position: 0 -240px;
}
.f16 ._Red_Cross {
    background-position: 0 -256px;
}
.f16 ._Scotland {
    background-position: 0 -272px;
}
.f16 ._Somaliland {
    background-position: 0 -288px;
}
.f16 ._Tibet {
    background-position: 0 -304px;
}
.f16 ._United_Nations {
    background-position: 0 -320px;
}
.f16 ._Wales {
    background-position: 0 -336px;
}
.f16 .ad {
    background-position: 0 -352px;
}
.f16 .ae {
    background-position: 0 -368px;
}
.f16 .af {
    background-position: 0 -384px;
}
.f16 .ag {
    background-position: 0 -400px;
}
.f16 .ai {
    background-position: 0 -416px;
}
.f16 .al {
    background-position: 0 -432px;
}
.f16 .am {
    background-position: 0 -448px;
}
.f16 .ao {
    background-position: 0 -464px;
}
.f16 .aq {
    background-position: 0 -480px;
}
.f16 .ar {
    background-position: 0 -496px;
}
.f16 .as {
    background-position: 0 -512px;
}
.f16 .at {
    background-position: 0 -528px;
}
.f16 .au {
    background-position: 0 -544px;
}
.f16 .aw {
    background-position: 0 -560px;
}
.f16 .ax {
    background-position: 0 -576px;
}
.f16 .az {
    background-position: 0 -592px;
}
.f16 .ba {
    background-position: 0 -608px;
}
.f16 .bb {
    background-position: 0 -624px;
}
.f16 .bd {
    background-position: 0 -640px;
}
.f16 .be {
    background-position: 0 -656px;
}
.f16 .bf {
    background-position: 0 -672px;
}
.f16 .bg {
    background-position: 0 -688px;
}
.f16 .bh {
    background-position: 0 -704px;
}
.f16 .bi {
    background-position: 0 -720px;
}
.f16 .bj {
    background-position: 0 -736px;
}
.f16 .bm {
    background-position: 0 -752px;
}
.f16 .bn {
    background-position: 0 -768px;
}
.f16 .bo {
    background-position: 0 -784px;
}
.f16 .br {
    background-position: 0 -800px;
}
.f16 .bs {
    background-position: 0 -816px;
}
.f16 .bt {
    background-position: 0 -832px;
}
.f16 .bw {
    background-position: 0 -848px;
}
.f16 .by {
    background-position: 0 -864px;
}
.f16 .bz {
    background-position: 0 -880px;
}
.f16 .ca {
    background-position: 0 -896px;
}
.f16 .cg {
    background-position: 0 -912px;
}
.f16 .cf {
    background-position: 0 -928px;
}
.f16 .cd {
    background-position: 0 -944px;
}
.f16 .ch {
    background-position: 0 -960px;
}
.f16 .ci {
    background-position: 0 -976px;
}
.f16 .ck {
    background-position: 0 -992px;
}
.f16 .cl {
    background-position: 0 -1008px;
}
.f16 .cm {
    background-position: 0 -1024px;
}
.f16 .cn {
    background-position: 0 -1040px;
}
.f16 .co {
    background-position: 0 -1056px;
}
.f16 .cr {
    background-position: 0 -1072px;
}
.f16 .cu {
    background-position: 0 -1088px;
}
.f16 .cv {
    background-position: 0 -1104px;
}
.f16 .cy {
    background-position: 0 -1120px;
}
.f16 .cz {
    background-position: 0 -1136px;
}
.f16 .de {
    background-position: 0 -1152px;
}
.f16 .dj {
    background-position: 0 -1168px;
}
.f16 .dk {
    background-position: 0 -1184px;
}
.f16 .dm {
    background-position: 0 -1200px;
}
.f16 .do {
    background-position: 0 -1216px;
}
.f16 .dz {
    background-position: 0 -1232px;
}
.f16 .ec {
    background-position: 0 -1248px;
}
.f16 .ee {
    background-position: 0 -1264px;
}
.f16 .eg {
    background-position: 0 -1280px;
}
.f16 .eh {
    background-position: 0 -1296px;
}
.f16 .er {
    background-position: 0 -1312px;
}
.f16 .es {
    background-position: 0 -1328px;
}
.f16 .et {
    background-position: 0 -1344px;
}
.f16 .fi {
    background-position: 0 -1360px;
}
.f16 .fj {
    background-position: 0 -1376px;
}
.f16 .fm {
    background-position: 0 -1392px;
}
.f16 .fo {
    background-position: 0 -1408px;
}
.f16 .fr {
    background-position: 0 -1424px;
}
.f16 .bl,
.f16 .cp,
.f16 .mf,
.f16 .yt {
    background-position: 0 -1424px;
}
.f16 .ga {
    background-position: 0 -1440px;
}
.f16 .gb {
    background-position: 0 -1456px;
}
.f16 .sh {
    background-position: 0 -1456px;
}
.f16 .gd {
    background-position: 0 -1472px;
}
.f16 .ge {
    background-position: 0 -1488px;
}
.f16 .gg {
    background-position: 0 -1504px;
}
.f16 .gh {
    background-position: 0 -1520px;
}
.f16 .gi {
    background-position: 0 -1536px;
}
.f16 .gl {
    background-position: 0 -1552px;
}
.f16 .gm {
    background-position: 0 -1568px;
}
.f16 .gn {
    background-position: 0 -1584px;
}
.f16 .gp {
    background-position: 0 -1600px;
}
.f16 .gq {
    background-position: 0 -1616px;
}
.f16 .gr {
    background-position: 0 -1632px;
}
.f16 .gt {
    background-position: 0 -1648px;
}
.f16 .gu {
    background-position: 0 -1664px;
}
.f16 .gw {
    background-position: 0 -1680px;
}
.f16 .gy {
    background-position: 0 -1696px;
}
.f16 .hk {
    background-position: 0 -1712px;
}
.f16 .hn {
    background-position: 0 -1728px;
}
.f16 .hr {
    background-position: 0 -1744px;
}
.f16 .ht {
    background-position: 0 -1760px;
}
.f16 .hu {
    background-position: 0 -1776px;
}
.f16 .id {
    background-position: 0 -1792px;
}
.f16 .mc {
    background-position: 0 -1792px;
}
.f16 .ie {
    background-position: 0 -1808px;
}
.f16 .il {
    background-position: 0 -1824px;
}
.f16 .im {
    background-position: 0 -1840px;
}
.f16 .in {
    background-position: 0 -1856px;
}
.f16 .iq {
    background-position: 0 -1872px;
}
.f16 .ir {
    background-position: 0 -1888px;
}
.f16 .is {
    background-position: 0 -1904px;
}
.f16 .it {
    background-position: 0 -1920px;
}
.f16 .je {
    background-position: 0 -1936px;
}
.f16 .jm {
    background-position: 0 -1952px;
}
.f16 .jo {
    background-position: 0 -1968px;
}
.f16 .jp {
    background-position: 0 -1984px;
}
.f16 .ke {
    background-position: 0 -2000px;
}
.f16 .kg {
    background-position: 0 -2016px;
}
.f16 .kh {
    background-position: 0 -2032px;
}
.f16 .ki {
    background-position: 0 -2048px;
}
.f16 .km {
    background-position: 0 -2064px;
}
.f16 .kn {
    background-position: 0 -2080px;
}
.f16 .kp {
    background-position: 0 -2096px;
}
.f16 .kr {
    background-position: 0 -2112px;
}
.f16 .kw {
    background-position: 0 -2128px;
}
.f16 .ky {
    background-position: 0 -2144px;
}
.f16 .kz {
    background-position: 0 -2160px;
}
.f16 .la {
    background-position: 0 -2176px;
}
.f16 .lb {
    background-position: 0 -2192px;
}
.f16 .lc {
    background-position: 0 -2208px;
}
.f16 .li {
    background-position: 0 -2224px;
}
.f16 .lk {
    background-position: 0 -2240px;
}
.f16 .lr {
    background-position: 0 -2256px;
}
.f16 .ls {
    background-position: 0 -2272px;
}
.f16 .lt {
    background-position: 0 -2288px;
}
.f16 .lu {
    background-position: 0 -2304px;
}
.f16 .lv {
    background-position: 0 -2320px;
}
.f16 .ly {
    background-position: 0 -2336px;
}
.f16 .ma {
    background-position: 0 -2352px;
}
.f16 .md {
    background-position: 0 -2368px;
}
.f16 .me {
    background-position: 0 -2384px;
}
.f16 .mg {
    background-position: 0 -2400px;
}
.f16 .mh {
    background-position: 0 -2416px;
}
.f16 .mk {
    background-position: 0 -2432px;
}
.f16 .ml {
    background-position: 0 -2448px;
}
.f16 .mm {
    background-position: 0 -2464px;
}
.f16 .mn {
    background-position: 0 -2480px;
}
.f16 .mo {
    background-position: 0 -2496px;
}
.f16 .mq {
    background-position: 0 -2512px;
}
.f16 .mr {
    background-position: 0 -2528px;
}
.f16 .ms {
    background-position: 0 -2544px;
}
.f16 .mt {
    background-position: 0 -2560px;
}
.f16 .mu {
    background-position: 0 -2576px;
}
.f16 .mv {
    background-position: 0 -2592px;
}
.f16 .mw {
    background-position: 0 -2608px;
}
.f16 .mx {
    background-position: 0 -2624px;
}
.f16 .my {
    background-position: 0 -2640px;
}
.f16 .mz {
    background-position: 0 -2656px;
}
.f16 .na {
    background-position: 0 -2672px;
}
.f16 .nc {
    background-position: 0 -2688px;
}
.f16 .ne {
    background-position: 0 -2704px;
}
.f16 .ng {
    background-position: 0 -2720px;
}
.f16 .ni {
    background-position: 0 -2736px;
}
.f16 .nl {
    background-position: 0 -2752px;
}
.f16 .bq {
    background-position: 0 -2752px;
}
.f16 .no {
    background-position: 0 -2768px;
}
.f16 .bv,
.f16 .nq,
.f16 .sj {
    background-position: 0 -2768px;
}
.f16 .np {
    background-position: 0 -2784px;
}
.f16 .nr {
    background-position: 0 -2800px;
}
.f16 .nz {
    background-position: 0 -2816px;
}
.f16 .om {
    background-position: 0 -2832px;
}
.f16 .pa {
    background-position: 0 -2848px;
}
.f16 .pe {
    background-position: 0 -2864px;
}
.f16 .pf {
    background-position: 0 -2880px;
}
.f16 .pg {
    background-position: 0 -2896px;
}
.f16 .ph {
    background-position: 0 -2912px;
}
.f16 .pk {
    background-position: 0 -2928px;
}
.f16 .pl {
    background-position: 0 -2944px;
}
.f16 .pr {
    background-position: 0 -2960px;
}
.f16 .ps {
    background-position: 0 -2976px;
}
.f16 .pt {
    background-position: 0 -2992px;
}
.f16 .pw {
    background-position: 0 -3008px;
}
.f16 .py {
    background-position: 0 -3024px;
}
.f16 .qa {
    background-position: 0 -3040px;
}
.f16 .re {
    background-position: 0 -3056px;
}
.f16 .ro {
    background-position: 0 -3072px;
}
.f16 .rs {
    background-position: 0 -3088px;
}
.f16 .ru {
    background-position: 0 -3104px;
}
.f16 .rw {
    background-position: 0 -3120px;
}
.f16 .sa {
    background-position: 0 -3136px;
}
.f16 .sb {
    background-position: 0 -3152px;
}
.f16 .sc {
    background-position: 0 -3168px;
}
.f16 .sd {
    background-position: 0 -3184px;
}
.f16 .se {
    background-position: 0 -3200px;
}
.f16 .sg {
    background-position: 0 -3216px;
}
.f16 .si {
    background-position: 0 -3232px;
}
.f16 .sk {
    background-position: 0 -3248px;
}
.f16 .sl {
    background-position: 0 -3264px;
}
.f16 .sm {
    background-position: 0 -3280px;
}
.f16 .sn {
    background-position: 0 -3296px;
}
.f16 .so {
    background-position: 0 -3312px;
}
.f16 .sr {
    background-position: 0 -3328px;
}
.f16 .st {
    background-position: 0 -3344px;
}
.f16 .sv {
    background-position: 0 -3360px;
}
.f16 .sy {
    background-position: 0 -3376px;
}
.f16 .sz {
    background-position: 0 -3392px;
}
.f16 .tc {
    background-position: 0 -3408px;
}
.f16 .td {
    background-position: 0 -3424px;
}
.f16 .tg {
    background-position: 0 -3440px;
}
.f16 .th {
    background-position: 0 -3456px;
}
.f16 .tj {
    background-position: 0 -3472px;
}
.f16 .tl {
    background-position: 0 -3488px;
}
.f16 .tm {
    background-position: 0 -3504px;
}
.f16 .tn {
    background-position: 0 -3520px;
}
.f16 .to {
    background-position: 0 -3536px;
}
.f16 .tr {
    background-position: 0 -3552px;
}
.f16 .tt {
    background-position: 0 -3568px;
}
.f16 .tv {
    background-position: 0 -3584px;
}
.f16 .tw {
    background-position: 0 -3600px;
}
.f16 .tz {
    background-position: 0 -3616px;
}
.f16 .ua {
    background-position: 0 -3632px;
}
.f16 .ug {
    background-position: 0 -3648px;
}
.f16 .us {
    background-position: 0 -3664px;
}
.f16 .uy {
    background-position: 0 -3680px;
}
.f16 .uz {
    background-position: 0 -3696px;
}
.f16 .va {
    background-position: 0 -3712px;
}
.f16 .vc {
    background-position: 0 -3728px;
}
.f16 .ve {
    background-position: 0 -3744px;
}
.f16 .vg {
    background-position: 0 -3760px;
}
.f16 .vi {
    background-position: 0 -3776px;
}
.f16 .vn {
    background-position: 0 -3792px;
}
.f16 .vu {
    background-position: 0 -3808px;
}
.f16 .ws {
    background-position: 0 -3824px;
}
.f16 .ye {
    background-position: 0 -3840px;
}
.f16 .za {
    background-position: 0 -3856px;
}
.f16 .zm {
    background-position: 0 -3872px;
}
.f16 .zw {
    background-position: 0 -3888px;
}
.f16 .sx {
    background-position: 0 -3904px;
}
.f16 .cw {
    background-position: 0 -3920px;
}
.f16 .ss {
    background-position: 0 -3936px;
}
.f16 .nu {
    background-position: 0 -3952px;
}
.item_size_12 {
    font-size: 12px;
}
.item_font_family {
    font-family: tahoma;
}
.item_white {
    color: #fff;
}
.item_light_green {
    color: #0f0;
}
.item_light_blue {
    color: #80b2ff;
}
.item_light_excellent {
    color: #16dc6e;
}
.item_luck {
    color: #80b2ff;
}
.item_light_blue_2 {
    color: #36f;
}
.item_blue {
    color: #06f;
}
.item_pink {
    color: #ff69b4;
}
.item_yellow {
    color: #fade09;
}
.item_yellow_2 {
    color: #fc0;
}
.item_red {
    color: red;
}
.item_dark_red {
    color: maroon;
}
.item_dark_red_background {
    background-color: maroon;
}
.item_purple {
    color: purple;
}
.item_socket {
    color: #b266ff;
}
.item_grey {
    color: grey;
}
.item_yellow_title {
    color: #ffcc19;
}
.item_exe_title,
.item_green {
    color: #16dc6e;
}
.item_socket_title {
    color: #b266ff;
}
.item_socket_exe_title {
    color: #b266ff;
}
.item_ancient_title {
    color: #01df01;
}
.item_ancient_background {
    background-color: #00f;
}
.ranking__item--numNameG {
    width: 65%;
    text-align: left;
}
.ranking__item--numNameG a {
    font-size: 13px;
    color: #9b9ea9;
    display: flex;
    line-height: 45px;
}
.ranking__item--numNameG .ranking__item--num {
    float: left;
}
#top_players .ranking__info--titleFirst {
    width: 55%;
}
#top_players .ranking__item--name a {
    font-size: 13px;
    color: #9b9ea9;
}
#top_players .ranking__item--numName {
    display: flex;
    align-items: center;
    width: 52%;
}
#exception {
    width: 100%;
    height: 0 auto;
    line-height: 25px;
    min-height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    display: none;
    background-color: red;
    position: fixed;
    z-index: 9999;
}
#loading {
    background-image: url(../images/l_bg.png);
    border-radius: 0 0 4px 4px;
    color: #fff;
    display: none;
    position: fixed;
    top: 0;
    left: 48%;
    z-index: 1000;
    padding: 6px;
}
.ui-widget-content {
    font-size: 13px;
}
.ui-dialog .ui-dialog-title {
    padding-bottom: 20px;
}
table {
    width: 100%;
}
.selectserver {
    text-align: center;
    margin-bottom: 15px;
}
.selectserver a {
    padding: 8px 20px;
    background: rgba(0, 0, 0, 0.46);
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
.cabinetmenu {
    margin: 10px auto 20px;
}
.cabinetmenu .button-tab + .button-tab {
    margin-left: 10px;
}
.continew {
    padding: 8px 12px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    border: 2px #353d11 solid;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.continew:hover {
    background: #353d11;
    color: #fff;
}
.custom_button {
    padding: 4px 8px;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    border: 2px #b8922e solid;
    background: 0 0;
}
.custom_button:hover {
    background: #b8922e;
}
.poisk {
    margin-top: 30px;
}
.poisk input {
    width: 60%;
    float: left;
}
.poisk button {
    padding: 15px 35px;
    float: left;
    margin-left: 30px;
    margin: 0 0 0 30px;
}
.cabinetmenu2 {
    margin: 20px auto;
    text-align: center;
}
.cabinetmenu2 a {
    padding: 9px 19px;
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    border: 2px #b8922e solid;
    background: 0 0;
}
.cabinetmenu2 li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}
.cabinetmenu2 a:hover {
    background: #b8922e;
}
.accoptiopn tr:hover td,
.accoptiopn tr:hover th {
    background: 0 0;
}
.accoptiopn ul li {
    list-style: none;
}
.accoptiopn a {
    font-weight: 700;
}
.don-left {
    float: left;
    width: 73%;
}
.donate_item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.donate_item .custom_button {
    padding: 11px 16px;
}
.whlink {
    text-align: center;
}
.whlink .custom_button {
    padding: 11px 16px;
}
input.ui-autocomplete-input {
    width: auto;
    border: 1px solid #ccc;
    color: #fff;
}
#item_filter .custom_button {
    color: #fff;
    cursor: pointer;
}
#inventoryc {
    background-image: url(../../default_assets/images/inventoryc.png);
    width: 395px;
    height: 319px;
    text-align: center;
    display: inline-block;
    position: relative;
}
#inventoryc > img {
    position: absolute;
    top: 75px;
    left: 130px;
    border-radius: 50%;
    border: 3px solid #24314e;
}
#tooltip #inventoryc > img {
    top: 100px;
    left: 150px;
    width: 150px;
}
#inventoryc > div {
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
#in_weapon {
    width: 90px;
    height: 136px;
    bottom: 0;
    left: -6px;
}
#in_shield {
    width: 60px;
    height: 136px;
    bottom: 0;
    right: 8px;
}
#in_helm {
    width: 62px;
    height: 68px;
    top: 2px;
    left: 66px;
}
#in_armor {
    width: 72px;
    height: 110px;
    top: 72px;
    left: 40px;
}
#in_pants {
    width: 62px;
    height: 68px;
    bottom: 8px;
    left: 82px;
}
#in_gloves {
    width: 62px;
    height: 68px;
    top: 116px;
    right: 54px;
}
#in_boots {
    width: 62px;
    height: 68px;
    bottom: 8px;
    right: 82px;
}
#in_wings {
    width: 130px;
    height: 102px;
    top: 8px;
    right: 0;
}
#in_zoo {
    width: 42px;
    height: 42px;
    top: 15px;
    left: 10px;
}
#in_pendant {
    width: 38px;
    height: 38px;
    top: -3px;
    right: 224px;
}
#in_ring1 {
    width: 38px;
    height: 38px;
    bottom: 90px;
    left: 94px;
}
#in_ring2 {
    width: 38px;
    height: 38px;
    bottom: 90px;
    right: 94px;
}
#in_pentagram {
    width: 64px;
    height: 64px;
    bottom: 8px;
    right: 169px;
}
#in_ear1 {
    width: 32px;
    height: 32px;
    top: 72px;
    left: 0;
}
#in_ear2 {
    width: 32px;
    height: 32px;
    top: 72px;
    left: 115px;
}
.wh_items {
    width: 261px;
    margin: 2px auto;
    padding-top: 6px;
    padding-left: 3px;
    display: inline-block;
    vertical-align: top;
    height: 490px;
    margin-right: 30px;
}
.square {
    cursor: pointer;
    position: absolute;
    opacity: 0.8;
}
.square:hover {
    padding: 1px;
    opacity: 1;
}
.square img {
    width: 100%;
    height: 100%;
}
#sell_item {
    display: none;
}
.content .grid-box .left-row .side-box .nav ul li span.span {
    position: relative;
    display: block;
    white-space: nowrap;
    color: #fff7d2;
    font-size: 13px;
    padding: 7px 0;
}
.content .grid-box .left-row .side-box .nav ul li.w-coins span {
    color: #83ba2f;
}
.content .grid-box .left-row .side-box .nav ul li.zz-coins span {
    color: #d3b94b;
}
.lang_shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 9999;
    display: none;
}
.vybor_lang {
    width: 300px;
    position: fixed;
    top: 33%;
    left: 50%;
    display: none;
    margin-left: -153px;
    background: rgba(0, 0, 0, 0.9);
    padding: 20px;
    z-index: 99999;
    color: #fff;
}
.vybor_lang .form__title1 {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.vybor_lang .popup__close {
    position: absolute;
    right: 20px;
    top: 17px;
    color: #fff;
    font-size: 24px;
}
.vybor_lang .popup__close:hover {
    color: #ffb400;
}
.vybor_lang .langdiv img {
    max-width: 25px;
    margin: 0 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.vybor_lang .langdiv {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vybor_lang .langdiv a {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #53372d;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #211916;
    opacity: 0.9;
    color: var(--text-color);
}
.vybor_lang .langdiv a img {
    position: relative;
    display: block;
    max-width: 100%;
    transition: all 0.2s ease;
}
.vybor_lang .langdiv a + a {
    margin-left: 10px;
}
.vybor_lang .langdiv a:hover {
    opacity: 1;
}
.vybor_lang .langdiv img:hover {
    opacity: 0.5;
}
.lang_shadow.active,
.vybor_lang.active {
    display: block;
}
ul.list1 li {
    position: relative;
    display: block;
}
ul.list1 li a {
    position: relative;
    display: inline-block;
    color: #5f761f;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}
ul.list1 {
    position: relative;
    display: grid;
    padding: 16px 30px 18px;
    grid-template-columns: auto auto auto;
    grid-gap: 12px 42px;
    background: #c3bdad;
}
#events {
    margin-top: 30px;
}
.stat__item {
    height: 60px;
    background: #bba58e;
    padding: 0 15px;
    line-height: 60px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.26);
}
.stat__item .stat__item--name {
    float: left;
}
.stat__item .stat__item--num {
    float: right;
    font-size: 14px;
    font-weight: 700;
}
.news .stat__item .stat__item--name p {
    margin: 0;
    padding: 0;
    display: none;
}
.news .stat__item .stat__item--num p {
    padding: 0;
    margin: 0;
}
.stat__item:hover {
    background: #b8922e;
}
.btnnew,
.btnnew2 {
    position: relative;
    display: flex;
    width: 131px;
    height: 38px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff7d2;
    font-size: 12px;
    z-index: 1;
    border: none;
    background: 0 0;
    cursor: pointer;
}
.btnnew:before {
    content: "";
    position: absolute;
    display: block;
    width: 143px;
    height: 52px;
    top: -6px;
    left: -6px;
    background: url(../images/btn-files-1.png) no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
}
.btnnew2:before {
    content: "";
    position: absolute;
    display: block;
    width: 143px;
    height: 52px;
    top: -6px;
    left: -6px;
    background: url(../images/btn-files-2.png) no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
}
.btnnew2:hover:before,
.btnnew:hover:before {
    filter: brightness(1.5);
}
#vote-options:after,
#vote-options:before {
    content: "";
    clear: both;
    display: table;
}
#vote-options {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#vote-options h5 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding-left: 10px;
    line-height: 45px;
    margin-left: 10px;
    float: left;
    margin-left: 10px;
}
#vote-options .img {
    height: 45px;
    line-height: 45px;
    float: left;
}
#vote-options img {
    max-width: 75px;
    vertical-align: sub;
    max-height: 45px;
}
#vote-options button {
    float: right;
}
.rank_img {
    width: 33px;
    height: auto;
}
:root {
    --input-max-width: 312px;
    --warning: #ffc107;
    --success: #28a745;
    --info: #007bff;
    --danger: #dc3545;
}
body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(../images/new/Btn.png) url(../images/new/Btn_Active.png) url(../images/new/Tab_bg.jpeg) url(../images/new/Tab_bg_hover.jpeg) url(../images/new/Char_Item_bg.png) url(../images/icons/Setting_a.png)
        url(../images/new/Btn_bg.jpeg) url(../images/new/Btn_bg_h.jpeg) url(../images/new/Btn_bg_a.jpeg) url(../images/new/Donate_box_active.png) url(../images/new/Pack_btn_a.png) url(../images/icons/sort_active.svg);
}
.flex {
    display: flex;
}
.flex.a_center {
    align-items: center;
}
.flex.a_end {
    align-items: flex-end;
}
.flex.a_start {
    align-items: flex-start;
}
.flex.j_center {
    justify-content: center;
}
.flex.j_between {
    justify-content: space-between;
}
.flex.j_around {
    justify-content: space-around;
}
.flex.j_end {
    justify-content: flex-end;
}
.flex.f_row_wrap {
    flex-flow: row wrap;
}
.flex.f_row_no_wrap {
    flex-flow: row nowrap;
}
.flex.f_column_wrap {
    flex-flow: column wrap;
}
.flex .button-tab + .button-tab {
    margin-left: 10px;
}
.flex .tab_btn + .tab_btn {
    margin-left: 10px;
}
.page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 245px;
    height: 32px;
    margin: 15px auto;
    background: url(../images/new/Title.png) no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    color: #432901;
    white-space: nowrap;
}
.page-title img {
    height: 100%;
}
.page-title.big {
    white-space: nowrap;
    width: 80%;
}
.page-text {
    padding: 20px 0;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
}
.page-text p + p {
    margin-top: 5px;
}
.title-text {
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.form-item.inline {
    display: flex;
    align-items: center;
}
.form-item.inline input,
.form-item.inline select {
    margin: 0;
    width: var(--input-max-width);
}
.form-item + .form-item {
    margin-top: 20px;
}
.form-item a {
    transition: all ease 0.5s;
}
.form-item a:hover {
    text-decoration: underline;
}
.form-item.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-item-label {
    font-size: 14px;
    margin: 0 auto 5px;
    color: var(--text-color);
    max-width: var(--input-max-width);
    text-align: right;
}
.form-text {
    font-size: 16px;
    color: var(--text-color);
    margin-bottom: 15px;
    text-align: center;
}
.form-item-name {
    color: #fff;
    text-shadow: 0 0 4px #a2928c;
    min-width: 230px;
    font-size: 16px;
}
input.input-text,
select.input-text,
textarea.input-text {
    position: relative;
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%;
    max-width: var(--input-max-width);
    height: 40px;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #ffb800;
    border-radius: 5px;
    text-align: left;
    text-align-last: left;
    color: #000;
}
input.input-text.full,
select.input-text.full,
textarea.input-text.full {
    max-width: 100%;
}
input.input-text::-webkit-inner-spin-button,
input.input-text::-webkit-outer-spin-button,
select.input-text::-webkit-inner-spin-button,
select.input-text::-webkit-outer-spin-button,
textarea.input-text::-webkit-inner-spin-button,
textarea.input-text::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.input-text[type="number"],
select.input-text[type="number"],
textarea.input-text[type="number"] {
    -moz-appearance: textfield;
}
input.input-text:disabled,
select.input-text:disabled,
textarea.input-text:disabled {
    color: #615e55;
}
select.input-text {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGjSURBVHgBjZE9SAJhGMef17uj845Si0gIShuqocGtmqqhoq2WoM1oiSiwtaLOIAoacmlpOaGioehjCKnAyyClBjWKEhI6FBI0S63zK83uJEv6gP4v7/C+7//3f3meB4EobodRvqZju4AwQ1f/oht+0dJEuw5HqaWwkOhjTO6IzMUxymz6+fjGaW0L+q+5/XWD7ju0PNepa9LKuO4Wul2tIHekO+TYn2VtR1t69JYAisSgUq3lFaqGjp5BEy8Z2PleTXWl4NKqs0pajkMmi2Db+mDGSYq21dY16n1eJyAEEI/5NQQOnIU1dESSEVARAa6qLKVEgOd/v/WlQUjmbEg6nB/O6z0XJ2wsdAeUmCptuULLE1gGVGRYQ8sJoCgcgk8Izq7ig+MLdjMq1OGwzOl5zymbjPpBXoKJRgxoEv8MiiVK4JJH4yPTBybJLyuArT2T5pr6ZmNpeQ3kxJVP/Ih9FEjwBihjASp6+pJtb4qJ3rtnIB0AqRk5ohxCLxXGgbE1ptj3A8zPdXOCiYfsM2KTQMDqjX1DKwz8Vwcbo4xldfhP4B31lZXcU0kTIwAAAABJRU5ErkJggg==);
    background-color: rgba(255, 255, 255, 0.5);
    background-position: right 12px top 15px;
    background-repeat: no-repeat;
    background-size: 12px 10px;
}
textarea.input-text {
    margin: 0 auto;
    height: 200px;
    max-width: inherit;
}
input.input-text[type="password"]::placeholder,
input.input-text[type="text"]::placeholder {
    color: #615e55;
    opacity: 0.8;
}
input.input-text[type="password"]:focus::placeholder,
input.input-text[type="text"]:focus::placeholder {
    opacity: 0;
}
.button-new {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 175px;
    height: 40px;
    background: url(../images/new/Btn.png) no-repeat center/100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #fef8e5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
    transition: all ease-in-out 0.3s;
}
.button-new.small {
    width: 145px;
    height: 35px;
}
.button-new.auto {
    width: auto;
    padding: 0 10px;
}
.button-new:not(:disabled):hover {
    background: url(../images/new/Btn_Active.png) no-repeat center/100% 100%;
}
.button-new:disabled {
    cursor: auto;
    color: #a09f9c;
}
.tab_btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    cursor: pointer;
    border: none;
    outline: 0;
    background: url(../images/new/Btn_bg.jpeg) no-repeat center/100% 100%;
    box-shadow: 4px 0 7px rgba(0, 0, 0, 0.64), inset 0 0 15px #120e03;
    font-size: 13px;
    line-height: 15px;
    color: var(--text-color);
}
.tab_btn.light {
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.5) 0, rgba(132, 98, 22, 0.53875) 56.77%, rgba(132, 98, 22, 0.58) 100%);
}
.tab_btn.round {
    height: 26px;
    font-size: 12px;
    border-radius: 14px;
    padding: 8px 20px;
    box-shadow: none;
}
.tab_btn:hover {
    background: url(../images/new/Btn_bg_h.jpeg) no-repeat center/100% 100%;
}
.tab_btn.active {
    background: url(../images/new/Btn_bg_a.jpeg) no-repeat center/100% 100%;
}
.button-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 10px 12px;
    height: 34px;
    outline: 0;
    cursor: pointer;
    background: url(../images/new/Tab_bg.jpeg) no-repeat center/cover;
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64);
    border-radius: 5px;
    list-style: none;
    border: 1px solid #f5e2af;
    font-size: 14px;
    line-height: 15px;
    color: #fdf1c7;
    text-shadow: 0.5px 0.5px 1px #000;
    transition: all ease 0.2s;
    text-align: center;
}
.button-tab span {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 2px 5px;
    background: #dc3545;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    min-width: 20px;
    font-weight: 700;
}
.button-tab span.discount {
    border-radius: 0;
    position: absolute;
    left: 41px;
    width: 36px;
    height: 34px;
    transform: rotate(90deg);
    background: url(../images/new/Flag.png) no-repeat center/100% 100%;
}
.button-tab span.discount b {
    margin-top: 0;
    display: inline-block;
    font-size: 8px;
    color: #fff;
    transform: rotate(314deg) translateX(-9px) translateY(-4px);
}
.button-tab.small {
    height: 25px;
    font-size: 14px;
    padding: 5px 10px;
}
.button-tab.icon-trash {
    content: url(../images/icons/trash.svg);
}
.button-tab.active {
    cursor: auto;
    background: linear-gradient(94.59deg, #fecf87 0.69%, #f90 78.12%);
}
.button-tab:disabled {
    cursor: auto;
    color: #a09f9c;
    border: 1px solid #a09f9c;
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64);
}
.button-tab:hover:not(.active):not(:disabled) {
    background: url(../images/new/Tab_bg_hover.jpeg) no-repeat center/cover;
}
.button-bordered {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 30px 8px 20px;
    cursor: pointer;
    border: none;
    outline: 0;
    box-shadow: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBbZDJL0NRFMbPG7z3+lp1g6BNyo3ZAqUxBxWzBBWbbsU/0MRGYvNqwbLWNrURiUjYUEPkERs7w4ZEJBWENCGoDul0vVbbVOq7q3vO75zvy2EgqZV5k7OnRY+Oz1+u4B8xks2MrMPFronefIuKZy2m+lL3/tlDFsxM9+tcA60as4qnoBDRoFYpsLHqc1e+P/8DDnVXXvE8ZVVzMSEcJaARCIgCPWLubISdo5vTNHhw5n5tb6s7oAmx8mxECEcI8GwUuBxiHhvsgK296wRMpSacyxasLwjIWuEbAxDlAfgjWvCSUmlqdtVOZebYcFhxnuiTOfBgKtmJUSLExBqJzQQFhCAUDEI0FAGirIzDNEeABY5Kgy6nDfu9t3LY/4oTBYUUkQHEogZ73/TS78bDdZvx3XO77f98wolwirSFZZCnb7b3Ti5K8T8rb9qMz4938ofHjVJ2BSXloMMt9q5xSUo5KodgHG+eZxQMRON+oDNUA67tmukYXVjLzE8zOblT9aaBS6BVYKhohtrG7iwofccL2YF8vq8VtVpz0tQ3lwXF9QO0xo0hPndYXgAAAABJRU5ErkJggg==)
            no-repeat right 10px top 7px,
        url(../images/new/Btn_bg.jpeg) no-repeat center/100% 100%;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
}
.button-bordered:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBbZDJL0NRFMbPG7z3+lp1g6BNyo3ZAqUxBxWzBBWbbsU/0MRGYvNqwbLWNrURiUjYUEPkERs7w4ZEJBWENCGoDul0vVbbVOq7q3vO75zvy2EgqZV5k7OnRY+Oz1+u4B8xks2MrMPFronefIuKZy2m+lL3/tlDFsxM9+tcA60as4qnoBDRoFYpsLHqc1e+P/8DDnVXXvE8ZVVzMSEcJaARCIgCPWLubISdo5vTNHhw5n5tb6s7oAmx8mxECEcI8GwUuBxiHhvsgK296wRMpSacyxasLwjIWuEbAxDlAfgjWvCSUmlqdtVOZebYcFhxnuiTOfBgKtmJUSLExBqJzQQFhCAUDEI0FAGirIzDNEeABY5Kgy6nDfu9t3LY/4oTBYUUkQHEogZ73/TS78bDdZvx3XO77f98wolwirSFZZCnb7b3Ti5K8T8rb9qMz4938ofHjVJ2BSXloMMt9q5xSUo5KodgHG+eZxQMRON+oDNUA67tmukYXVjLzE8zOblT9aaBS6BVYKhohtrG7iwofccL2YF8vq8VtVpz0tQ3lwXF9QO0xo0hPndYXgAAAABJRU5ErkJggg==)
            no-repeat right 10px top 7px,
        url(../images/new/Btn_bg_h.jpeg) no-repeat center/100% 100%;
}
.button-bordered.active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGmSURBVHgBbZDJL0NRFMbPG7z3+lp1g6BNyo3ZAqUxBxWzBBWbbsU/0MRGYvNqwbLWNrURiUjYUEPkERs7w4ZEJBWENCGoDul0vVbbVOq7q3vO75zvy2EgqZV5k7OnRY+Oz1+u4B8xks2MrMPFronefIuKZy2m+lL3/tlDFsxM9+tcA60as4qnoBDRoFYpsLHqc1e+P/8DDnVXXvE8ZVVzMSEcJaARCIgCPWLubISdo5vTNHhw5n5tb6s7oAmx8mxECEcI8GwUuBxiHhvsgK296wRMpSacyxasLwjIWuEbAxDlAfgjWvCSUmlqdtVOZebYcFhxnuiTOfBgKtmJUSLExBqJzQQFhCAUDEI0FAGirIzDNEeABY5Kgy6nDfu9t3LY/4oTBYUUkQHEogZ73/TS78bDdZvx3XO77f98wolwirSFZZCnb7b3Ti5K8T8rb9qMz4938ofHjVJ2BSXloMMt9q5xSUo5KodgHG+eZxQMRON+oDNUA67tmukYXVjLzE8zOblT9aaBS6BVYKhohtrG7iwofccL2YF8vq8VtVpz0tQ3lwXF9QO0xo0hPndYXgAAAABJRU5ErkJggg==)
            no-repeat right 10px top 7px,
        url(../images/new/Btn_bg_a.jpeg) no-repeat center/100% 100%;
}
.button-bordered:before {
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 2px;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 0.01%, #cf9353 0.02%, #ffd24f 22.4%, #cf9353 48.44%, #a54b09 99.99%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 1.74834px 1.74834px rgba(0, 0, 0, 0.6);
    content: "";
}
.button-bordered:after {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 0.01%, #cf9353 0.02%, #ffd24f 22.4%, #cf9353 48.44%, #a54b09 99.99%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 1.74834px 1.74834px rgba(0, 0, 0, 0.6);
    content: "";
}
i.new_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    transition: all ease-in-out 0.2s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
i.new_icon.big {
    width: 27px;
    height: 27px;
    margin-right: 0;
}
i.new_icon.buy {
    background-image: url(../images/icons/Buy_i.svg);
}
i.new_icon.warehouse {
    background-image: url(../images/icons/Warehouse_i.svg);
}
i.new_icon.donate {
    background-image: url(../images/icons/Ticket_i.svg);
}
i.new_icon.chart {
    background-image: url(../images/icons/Chart_i.svg);
}
i.new_icon.key {
    background-image: url(../images/icons/Key_i.svg);
}
i.new_icon.users {
    background-image: url(../images/icons/Users_i.svg);
}
i.new_icon.settings {
    background-image: url(../images/icons/Setting.png);
}
i.new_icon.craft {
    background-image: url(../images/icons/Craft_i.png);
}
i.new_icon.cup {
    background-image: url(../images/icons/Cup_i.png);
}
.policy-tabs {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin-bottom: 20px;
}
.policy-tab {
    flex-grow: 1;
    font-size: 14px;
    cursor: pointer;
}
.policy-tab + .policy-tab {
    margin-left: 10px;
}
.terms-block .terms-title {
    font-size: 18px;
    margin-bottom: 15px;
}
.terms-block p {
    font-size: 14px;
    margin: 10px 0;
}
.button-checkbox input {
    display: none;
}
.button-checkbox label {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
    max-width: var(--input-max-width);
    font-size: 12px;
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #ffb800;
    text-align: left;
    text-align-last: left;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.5) 0, rgba(132, 98, 22, 0.53875) 56.77%, rgba(132, 98, 22, 0.58) 100%);
    transition: all ease 0.2s;
}
.button-checkbox label:hover {
    opacity: 0.8;
}
.button-checkbox input:checked + label {
    opacity: 1;
    background: linear-gradient(90deg, rgba(142, 116, 75, 0.7) 0, rgba(67, 41, 1, 0.7) 100%);
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64), inset 0 0 15px #120e03;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: 700;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}
.custom-select {
    position: relative;
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%;
    max-width: var(--input-max-width);
    height: 40px;
    font-size: 13px;
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #ffb800;
    border-radius: 5px;
    text-align: left;
    text-align-last: left;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGjSURBVHgBjZE9SAJhGMef17uj845Si0gIShuqocGtmqqhoq2WoM1oiSiwtaLOIAoacmlpOaGioehjCKnAyyClBjWKEhI6FBI0S63zK83uJEv6gP4v7/C+7//3f3meB4EobodRvqZju4AwQ1f/oht+0dJEuw5HqaWwkOhjTO6IzMUxymz6+fjGaW0L+q+5/XWD7ju0PNepa9LKuO4Wul2tIHekO+TYn2VtR1t69JYAisSgUq3lFaqGjp5BEy8Z2PleTXWl4NKqs0pajkMmi2Db+mDGSYq21dY16n1eJyAEEI/5NQQOnIU1dESSEVARAa6qLKVEgOd/v/WlQUjmbEg6nB/O6z0XJ2wsdAeUmCptuULLE1gGVGRYQ8sJoCgcgk8Izq7ig+MLdjMq1OGwzOl5zymbjPpBXoKJRgxoEv8MiiVK4JJH4yPTBybJLyuArT2T5pr6ZmNpeQ3kxJVP/Ih9FEjwBihjASp6+pJtb4qJ3rtnIB0AqRk5ohxCLxXGgbE1ptj3A8zPdXOCiYfsM2KTQMDqjX1DKwz8Vwcbo4xldfhP4B31lZXcU0kTIwAAAABJRU5ErkJggg==);
    background-color: rgba(255, 255, 255, 0.5);
    background-position: right 12px top 15px;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    z-index: 120;
}
.custom-select .custom-select-values {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 12px;
}
.custom-select .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ffb800;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    max-height: 0;
    overflow-y: auto;
    transition: all ease-in-out 0.3s;
    z-index: 125;
}
.custom-select .list .item {
    width: 100%;
    cursor: pointer;
}
.custom-select .list .item > label {
    display: block;
    padding: 8px 10px;
    width: 100%;
    cursor: pointer;
}
.custom-select .list .item + .item {
    border-top: 1px solid #604502;
}
.custom-select .list .item:hover {
    background: rgba(255, 180, 0, 0.2);
}
.custom-select.open .list {
    max-height: 500px;
}
.custom-select.open .list.small {
    max-height: 140px;
}
.custom-radio-btn {
    white-space: nowrap;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #fdf1c7;
    text-shadow: 0.5px 0.5px 1px #000;
    cursor: pointer;
}
.custom-radio-btn span {
    display: flex;
    align-items: center;
    user-select: none;
}
.custom-radio-btn span::before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(../images/new/Radio.png) no-repeat center/100% 100%;
    content: "";
}
.custom-radio-btn input {
    display: none;
}
.custom-radio-btn input:checked + span::before {
    background: url(../images/new/Radio_active.png) no-repeat center/100% 100%;
}
table {
    position: relative;
    width: 100%;
    border-spacing: 0;
}
table td,
table th {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    border: none;
    padding: 8px 12px;
}
table td a,
table th a {
    color: #fff;
}
table td a:hover,
table th a:hover {
    color: var(--text-color);
}
table td:not(:first-child):before,
table th:not(:first-child):before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(0deg, rgba(235, 215, 163, 0) 0, rgba(235, 215, 163, 0.52) 49.69%, rgba(235, 215, 163, 0) 100.42%);
    content: "";
}
table td.bonus-info-col,
table th.bonus-info-col {
    text-decoration: underline;
}
table td.center,
table th.center {
    text-align: center;
}
table th {
    position: relative;
    background: url(../images/new/Table_header_bg.png) no-repeat center/cover;
}
table th.sort {
    cursor: pointer;
    padding-right: 25px;
}
table th.sort::before {
    position: absolute;
    left: calc(100% - 20px);
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background: url(../images/icons/sort.svg) no-repeat center/100% 100%;
    content: "";
}
table th.sort.desc::before {
    transform: rotate(180deg);
}
table th.sort.active::before,
table th.sort:hover::before {
    background: url(../images/icons/sort_active.svg) no-repeat center/100% 100%;
}
table tr {
    position: relative;
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.4) 0, rgba(132, 98, 22, 0.4) 48.44%, rgba(63, 48, 19, 0.4) 100%);
}
table tr::before {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 7.81%, #cf9353 39.06%, #ffd24f 52.6%, #cf9353 64.06%, #a54b09 92.19%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    content: "";
    z-index: 1;
}
table .item_yellow_title {
    color: #ffcc19;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
table .item_exe_title {
    color: #16dc6e;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
table .item_socket_title {
    color: #b266ff;
    text-shadow: 0 0 3px #f5f5f5;
}
table .item_socket_exe_title {
    color: #b266ff;
    text-shadow: 0 0 3px #f5f5f5;
}
table .item_ancient_title {
    color: #01df01;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
table .item_ancient_background {
    background-color: #00f;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
table.market-history-table b,
table.market-table b {
    color: var(--text-hover-color);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    font-weight: 700;
}
table.market-history-table .item_img,
table.market-table .item_img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    object-fit: contain;
}
table.market-history-table .tab_btn,
table.market-table .tab_btn {
    text-decoration: none;
}
table.loading::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
    content: url(../images/loading.gif);
}
table.custom-td tr:before {
    display: none;
}
table.custom-td td:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 7.81%, #cf9353 39.06%, #ffd24f 52.6%, #cf9353 64.06%, #a54b09 92.19%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    content: "";
    z-index: 1;
}
#pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
#pagination a + a {
    margin-left: 15px;
}
#pagination a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    color: #8e744b;
    text-align: center;
    padding: 5px;
}
#pagination a.on,
#pagination a:hover {
    color: #ffd426;
    font-size: 17px;
}
#pagination a.on::after,
#pagination a:hover::after {
    background: #ffd426;
}
#pagination a.prev {
    width: 12px;
    height: 17px;
    margin-right: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIJSURBVHgBjZNNaBNBFMff7EdMmg1uWoRYbINWpBjEooh4ULLH3uJREGrAo4ceBOlpB0HBg5qb3vRaoVgtUWwN2UhaqDW1hihYGzJR+mHJ0vQrTdI0091N2KRNS/N/PJh5zG/+bx4MQBNKhZ+L9XvmKOBH5Fnf7GI6NT76qKcp6NvnJ32xibHXE+FhMRmfCn8ZwT69jg4DpsYey7++R/HCv1kASo2jnV0XoN3dfYc7CJj8+FD+E4/ileUk2I6xYN5OdwgUaKTBaTyI5fm5rxpAqpWKi/NkN3G0dUq9twJkDxQeui9n0jGc28gAQmZXYG89S+wtbqnXHyCmq67QYL+8ujSNS/m1SrUKcMJpYrPVABMKDd6T82oCl7fXq9WKzY6lg1CrS7rpf0nqOzIGUSyWEa+tGLY2F6pFQcv1fH7/s2vtjby6iwWalHmmYGJIc1RzTqJmeck/MEwaIF1DL25jl7AoW7mi6Ya0mM/aifrfKvlxBWTroTfBuCLduIJslrL3uL0MPMcY2SqURMay7bt2yf0uqJAsu7/ft59+KtevepBgpV6nA4DnGeAMEESWBZ/H0x5pgHS9D/1WLl/sQo4W6j0hsoYbx7GwrJZgIVM6GNL1QUkq58+dSosC43O18ZCY28rGEjnpwdNJ5VBI12j078yZDmd6KVP0JlKb0kBgegaaFe7v2fMJdwGT2cpNk7roGAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
#pagination a.prev::after {
    display: none;
}
#pagination a.prev::before {
    position: absolute;
    height: calc(100% + 10px);
    width: 2px;
    right: -15px;
    top: -5px;
    background: linear-gradient(0, rgba(207, 147, 83, 0) 0, #8e744b 49.69%, rgba(207, 147, 83, 0) 100.42%);
    content: "";
}
#pagination a.back {
    width: 24px;
    height: 17px;
    margin-right: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOmSURBVHgBlZVfaFtVHMd/9/9tYraroXMD/5yhbjCEpKDQIYxFXyoi3V7EImqyKfNBMEMGVRFPXuxjKggORZKIUChoCzrGYHrifGh1c1ldxdlak3bUdW0TsyW5ubn35l5PbvrnpunW7vf45fv7fX6/e37nXIBtRJbEFdhmbOZlt0oi3/Qnpm/OkwzBW4IyZABl8wuZc0PRj9w6c7ekH4ZPJS6NnQsbtRo89UxPTnrg/lDoeZy7EyC/VCDj6e8QLwgQ7H4u2dM3GLkjJDOClUK9FL968cdwVS0B2DbwvAQHug7lPKIcCvUNtoDGzg6ghbk/ycxfvyFD15yysscL+548mHzhtdMRfjNAsV5OT02kA1BXoUPiHF0UJbDq5k8bAeQsRovXJ0lu6iLiWQZ4iXdalyWRNsfOtk1CKMAySum5axcCeq2yotrACR7ofCSY6j32ZXiDH5UK0+TGP5eRu5Qg+6Dzoa7Yi5HTuAXSABjqUnrp+qWAqavAMM5XAo7vAN+uA6neN5KtgCGMVHWKLM9fRQw129TcKCb6dkPHjr2x3uOf41WvAyEJrOjCjfTthcsBu240VQpgOAnEnftTvW9+tQHQj6rqDCnnp9G6ygAnd1LIPjrBp9jtZ8hQFBlWleiFCWRbxopKOwMB6tJjqaMnvm4FDJ8K6uUZopdnlbUPQaeweD9YMooddU2wGryzC6YBksQCY6/vgQUcqLZpb0wwDNqIbRbpQqzdm4bJpH2Vda3N35yRxkjiLSTY5ZEdTC7IMtZaqmWLsFDxJ196+9uIO6nh99rzxMMuo+ZxME4d1bwPblYU/Oo7w7E2SDMxrECtSvb4FoMCa65gbDDrPGSXvcm+6JlW0GdhJAv/kV3eAnJX0nQeckte/Mq738faII1IxMOKl79FnnjwVlASrDW9ZjAwmRNGl1U9chKni6v6UPxlpHhL5NHOCrJdBSsaA79nOXz8/fOxNkgTdEQR6zrpelwPyqLdXGWqV+nhjf9hXrltMiE3KDFwBO3xa2T/wwZa1RrrXFIZGJ808Al8Idb2QEZOjhYXy2oo8zeTtGyW3lzOufU+L0cXw1A0TWt5KCPvjeay/0Lo2hzkJOpz/DIPHpmuNGfs3XQSd6Q+PpR89umO10WBgTM/Fyfm8vJhPLg+hTvi/YeRf6dFeg56kKZbcP6X0ifHPhyLbglpxBex7iTPWoHZvB7Cg1eKd/MORLvRbj8QYK1U5INfMdxL4Ghw2z+tzbz/A14gnr+MLF9aAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
#pagination a.back::after {
    display: none;
}
#pagination a.back::before {
    position: absolute;
    height: calc(100% + 10px);
    width: 2px;
    right: -15px;
    top: -5px;
    background: linear-gradient(0, rgba(207, 147, 83, 0) 0, #8e744b 49.69%, rgba(207, 147, 83, 0) 100.42%);
    content: "";
}
#pagination a.next {
    width: 12px;
    height: 17px;
    margin-left: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIbSURBVHgBhZNNaBNBFMffbHbjslvIWlKrrcUGahqSYFet/XAvCQUVUUnxUrw08aYHiVB7zYL4UTzUi3hMPIhQRMGqmFbYgIoHD6aCX1RMYyhUEmiibbNNdna72ZI2m5b2wQwzj/eb93+PNwA1JoZ5DnYxonq4fY0f9rQxqVs3TvA7AZbKNhbujvh7bPd7vQ201UIMdblb4vF3mYVtgXsjfZGTXazoaKVAwRo02UiatJBDwlFXfDIxuwUiCJJIL8sAsoyNVZQVaG/WuI5DZSl6J+DbkmHqfSbZ3304rWoQYPdgwBigjFVooFUaEAqeHjg29+zN1xlTDa8Tv5O+fs8MIDhDESVaUTRdHgBDlQARZCBwVpibeJk0IFSbLjp+iW9mFyWbtcBpNf4l3AQKagmeu/zwEarXOPEgyLNUTrKqWQ6BjqH1EGyxg8Z0XifrAZbRu1UEUMvKhg/pEMkgIEjIm4BX0au8vJSW8Mo8Vw3UNA3YRgdQeztDAxfvxjaAqcdhvpCblYqFjK5/s4LG/S5g7K6Qf/BmrHI3gOknI77swvfn/3Mp0yzta/PqgDskXBBjVR/59uno8N8/P2LZ+V9VwaDrgIMOT97e6h4UzouJ2kfI8mrJsbL8D4qr2OhxRU57x5H8AWefXzg1mqxvitGzD5Oi+O3Lx0gm9ROc7uN5p7fX37NNsMk+TY+FX0SvLH6Wxnccb5Ppwbt+oDU9a7+cfYM5YQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}
#pagination a.next::after {
    display: none;
}
#pagination a.next::before {
    position: absolute;
    height: calc(100% + 10px);
    width: 2px;
    left: -15px;
    top: -5px;
    background: linear-gradient(0, rgba(207, 147, 83, 0) 0, #8e744b 49.69%, rgba(207, 147, 83, 0) 100.42%);
    content: "";
}
#pagination a.forward {
    width: 24px;
    height: 17px;
    margin-left: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAASCAYAAACuLnWgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPASURBVHgBtZVNbBtFFMfffvqjdr0OTeTUJBmnhrYRjTcoVtL0UJukLVJ7SIRC2gPCPsEBpOVQceDA7gEFhUIiLuUCriWkSBxq91AFVVSTqkKBXpIigShqI9WpQtPSxLj+WHt3vew6ie3GiVIOfaudw8z/P7/33sxqAepCFHgOXkBQdQDU5mbnRk92cInrSzd2M34m8PwHZ31zrx/ycD/9snxjV8i40I+8TTQ+c9yN2jxsKND1Mkpev39lJ9OEEOT7jzjxQGCvx+mkQ0cOeuHHm6kdQZQJaG+lcKjXgUjSmCAJaN1H8X09nejytcUG0MT5IN9z2I67Oi2cqpXB5aBgj40K9Xb74ersvW1BpBWsablEp3P5MsiyBgVZBRI04P165Iep07GtBo2i0oUSkTa1668KniYdBl7TxOnJM59uByHMYVIMcW4bgwM+lbcyALrxmCErJCyucMmnajka/SiZ3jQZenSghcL+Vg3Vb5YrUrD42CWOfXhZaoCYEROHOXavig+0ZHmG0owVY0nXQdFoWM56Fv61WMLR6KUq6OL4m8jLAfZyObSprSSmsfAo1yqOvPe91ACpgCaHOSdLxZrt/wxThFJrkc5ApowWVNIdHolOVUGx8WHU7FYwZ11FxMZWJkrVLZADn3g6+p3UANmM5DdnY3biQYTUS+sVmWaCBc12eMGi7g+Ho2IVNH0xgqxEATuIJQOkrWtNEmmBsq1TPPXOJYneDgI0A3JeA0JfNxEGiKB0YOxApLdIrVYrEIoCclHVoVw2+2boSSAYEmigiW0rSX77bqy09mcEtGJlc91Ii2Jt4PT03mbkl0L1VSRi7yMorGA1v4R0Td0omgDa4gRHCy+dOPe1WMm5ZhA4Sn+ayDz8LaSpchXKsHbY5+1fIBhXOHyuBpiJCSifu4+zq3dRfbasnYMmT680OPaVWG2MOWADkIXC7EpqPqApNQBr2QMtvr64ARDCIzUAnhbQ4ycpvPb3HfRM6wxAc0efNDh6QXym+xUAKc+m7vwaUIqF6tW12h3Q9sqx+NDYVKTeYAJWHqXww9TvNYBhcbk90H7oqBR+63Nx6xHQxslx+SfLrkwmWynZ/BBtdif4u0PxodEvI1sNQNk5RVW4QlGtTu1vPwivBo5JR0990gDYyMHILiGiUmEN37o5g1jjtgQHTsbfGL0QgR3i56sif/ePebz4122u3dcF3cHjUvDEx+JO+urtmpsZR/nMKtYJuDL09hcC7BK3rk3wyw/uJTo6/PGewfMiPG/M48n/9dN6Xv1/QiFtAFRZJxMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}
#pagination a.forward::after {
    display: none;
}
#pagination a.forward::before {
    position: absolute;
    height: calc(100% + 10px);
    width: 2px;
    left: -15px;
    top: -5px;
    background: linear-gradient(0, rgba(207, 147, 83, 0) 0, #8e744b 49.69%, rgba(207, 147, 83, 0) 100.42%);
    content: "";
}
#pagination a::after {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: #8e744b;
    border-radius: 1px;
    content: "";
}
.vip-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/new/Vip_bg.png) no-repeat top center/100% 100%;
}
.vip-packs-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    flex-flow: row nowrap;
    margin-bottom: 40px;
}
.vip-packs-block .vip-pack {
    position: relative;
    width: 205px;
    padding-top: 173px;
    overflow: visible;
}
.vip-packs-block .vip-pack .vip-info-list {
    list-style: none;
    padding: 10px 10px 90px;
    min-height: 100%;
}
.vip-packs-block .vip-pack .vip-info-list li {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.vip-packs-block .vip-pack .vip-info-list li:before {
    display: inline-block;
    content: "•";
    margin-right: 5px;
}
.vip-packs-block .vip-pack .vip-info-list li + li {
    margin-top: 5px;
}
.vip-packs-block .vip-pack .vip-price {
    position: absolute;
    left: 0;
    top: 138px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #29323a;
    text-shadow: 0 0 4px #fff;
}
.vip-packs-block .vip-pack .discount {
    position: absolute;
    left: -11px;
    top: 124px;
    width: 50px;
    height: 50px;
    background: url(../images/new/Flag.png) no-repeat center/100% 100%;
    text-align: center;
    z-index: 2;
}
.vip-packs-block .vip-pack .discount b {
    display: inline-block;
    margin-top: 7px;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    transform: rotate(314deg) translateX(-6px);
}
.vip-packs-block .vip-pack .vip-controls {
    display: flex;
    align-items: center;
    position: absolute;
    left: calc(50% - 39px);
    padding: 0 5px;
    bottom: 55px;
    width: 78px;
    height: 24px;
    justify-content: space-between;
    background: url(../images/new/Vip_Controlls.png) no-repeat;
}
.vip-packs-block .vip-pack .vip-controls.center {
    justify-content: center;
}
.vip-packs-block .vip-pack .vip-controls .vip-days {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
}
.vip-packs-block .vip-pack .vip-controls button {
    width: 14px;
    height: 14px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
    background: #573d22;
    border-radius: 10px;
    border: none;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
}
.vip-packs-block .vip-pack .vip-controls button:hover {
    color: var(--text-hover-color);
}
.vip-packs-block .vip-pack .vip-controls p {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-left: 5px;
    font-weight: 600;
    font-size: 11px;
    line-height: 10px;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
}
.vip-packs-block .vip-pack::before {
    position: absolute;
    left: -4px;
    top: 0;
    width: 100%;
    height: 173px;
}
.vip-packs-block .vip-pack .vip-buy {
    position: absolute;
    bottom: -15px;
    left: calc(50% - 77px);
    width: 154px;
    height: 45px;
    padding-top: 2px;
    outline: 0;
    border: none;
    color: var(--text-color);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
    z-index: 1;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all ease 0.2s;
}
.vip-packs-block .vip-pack .vip-buy:hover {
    transform: scale(1.05);
}
.vip-packs-block .vip-pack.vip_bronze .vip-info-list {
    background: url(../images/new/Vip_Bronze_bg.png) no-repeat top center/cover, linear-gradient(89.97deg, rgba(47, 41, 56, 0.8) 0.04%, rgba(56, 40, 48, 0.8) 96.72%);
}
.vip-packs-block .vip-pack.vip_bronze:before {
    left: -5px;
    content: url(../images/new/Vip_Bronze.png);
}
.vip-packs-block .vip-pack.vip_bronze .vip-buy {
    background: url(../images/new/Button_Bronze.png) no-repeat center/100% 100%;
}
.vip-packs-block .vip-pack.vip_silver .vip-info-list {
    background: url(../images/new/Vip_Silver_bg.png) no-repeat top center/cover, linear-gradient(89.97deg, rgba(47, 41, 56, 0.8) 0.04%, rgba(56, 40, 48, 0.8) 96.72%);
}
.vip-packs-block .vip-pack.vip_silver:before {
    top: 10px;
    content: url(../images/new/Vip_Silver.png);
}
.vip-packs-block .vip-pack.vip_silver .vip-buy {
    background: url(../images/new/Button_Silver.png) no-repeat center/100% 100%;
}
.vip-packs-block .vip-pack.vip_gold .vip-info-list {
    background: url(../images/new/Vip_Gold_bg.png) no-repeat top center/cover, linear-gradient(89.97deg, rgba(47, 41, 56, 0.8) 0.04%, rgba(56, 40, 48, 0.8) 96.72%);
}
.vip-packs-block .vip-pack.vip_gold:before {
    content: url(../images/new/Vip_Gold.png);
}
.vip-packs-block .vip-pack.vip_gold .vip-buy {
    padding-top: 0;
    height: 40px;
    background: url(../images/new/Btn.png) no-repeat center/100% 100%;
}
form#buy_vip {
    margin: 10px auto;
    max-width: 350px;
    text-align: center;
}
form#buy_vip .form-item-name {
    min-width: 120px;
    margin-right: 20px;
}
form#buy_vip .form-item span {
    color: var(--text-hover-color);
    font-weight: 700;
    font-size: 18px;
}
.start-packs-blocks {
    position: relative;
    height: 445px;
    padding: 20px 0;
}
.start-packs-blocks.lvl_1 {
    background: url(../images/bg/start_packs_bg.png) no-repeat center/100% 100%;
}
.start-packs-blocks.lvl_2 {
    background: url(../images/bg/start_packs_bg_2.png) no-repeat center -10px/100% 100%;
}
.start-packs-blocks .packs-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row nowrap;
    z-index: 5;
}
.start-packs-blocks .pack-btn {
    height: 30px;
    flex: 1;
    border-radius: 0 0 5px 5px;
    border: none;
    outline: 0;
    color: #fdf1c7;
    font-size: 12px;
    background: url(../images/new/Pack_btn.png) no-repeat center/100% 100%;
    transition: all ease 0.2s;
}
.start-packs-blocks .pack-btn.active {
    background: url(../images/new/Pack_btn_a.png) no-repeat center/100% 100%;
    transform: scale(1.2);
}
.start-packs-blocks .pack-btn.active + .pack-btn {
    padding-left: 10px;
}
.start-packs-blocks .pack-inventory {
    position: absolute;
    top: 60px;
    right: 20px;
    width: 230px;
    height: 350px;
    background: url(../images/bg/start_pack_inventory.png) no-repeat center/100% 100%;
}
.start-packs-blocks .pack-baffs {
    position: absolute;
    left: -45px;
    top: 30px;
}
.start-packs-blocks .pack-baffs .baff-item + .baff-item {
    margin-top: 10px !important;
}
.start-packs-blocks .pack-price {
    margin-top: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #3f3c28;
    text-shadow: 0 0 4px #fff5ce;
}
.start-packs-blocks .pack-items-wrapper {
    position: relative;
    top: 30px;
    left: 0;
    transition: left ease 1s;
}
.start-packs-blocks .packs-level {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
    transition: all ease 0.5s;
}
.start-packs-blocks .packs-level.active {
    opacity: 1;
}
.start-packs-blocks .packs-items {
    position: absolute;
    left: 50%;
    top: 100%;
    height: 300px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.start-packs-blocks .pack-item {
    position: relative;
    opacity: 0;
    left: 0;
    cursor: pointer;
    pointer-events: none;
    transform: scale(0.8) translateY(-2rem);
    transition: all ease 1s;
    width: 210px;
    height: 100%;
    z-index: 1;
}
.start-packs-blocks .pack-item img {
    position: absolute;
    max-height: 280px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.start-packs-blocks .pack-item.active {
    opacity: 1;
    transform: scale(1) translateY(0) translateX(0);
    z-index: 3;
}
.start-packs-blocks .pack-item.next,
.start-packs-blocks .pack-item.prev {
    opacity: 0.8;
    z-index: 2;
}
.start-packs-blocks .pack-item.next {
    transform: scale(0.8) translateY(40px) translateX(30px);
}
.start-packs-blocks .pack-item.prev {
    transform: scale(0.8) translateY(40px) translateX(-30px);
}
.start-packs-blocks #buy_pack {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.start-packs-blocks .pack-slide-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0.8;
    z-index: 5;
}
.start-packs-blocks .pack-slide-btn.prev {
    left: -10px;
    background: url(../images/icons/arrow.png);
}
.start-packs-blocks .pack-slide-btn.next {
    right: -10px;
    background: url(../images/icons/arrow.png);
    transform: translateY(-50%) rotate(180deg);
}
.start-packs-blocks .pack-slide-btn:hover {
    opacity: 1;
}
.start-packs-blocks .pack-inventory-item {
    position: absolute;
    background: url(../images/new/start_pack_cell_bg.png) no-repeat center/100% 100%;
}
.start-packs-blocks .pack-inventory-item.hide {
    display: none;
}
.start-packs-blocks .pack-inventory-item span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
    left: 2px;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    margin: 0;
}
.start-packs-blocks .pack-inventory-item span b {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #fffbef;
    text-shadow: 0 0 4px #26ff56;
    z-index: 5;
}
.start-packs-blocks .pack-inventory-item img {
    max-height: 95%;
    max-width: 95%;
}
.start-packs-blocks .pack-inventory-item[data-type="head"] {
    left: 90px;
    top: 35px;
    width: 55px;
    height: 55px;
}
.start-packs-blocks .pack-inventory-item[data-type="armor"] {
    left: 90px;
    top: 95px;
    width: 55px;
    height: 70px;
}
.start-packs-blocks .pack-inventory-item[data-type="pants"] {
    left: 90px;
    top: 170px;
    width: 55px;
    height: 55px;
}
.start-packs-blocks .pack-inventory-item[data-type="gloves"] {
    left: 30px;
    top: 95px;
    width: 55px;
    height: 55px;
}
.start-packs-blocks .pack-inventory-item[data-type="boots"] {
    left: 90px;
    top: 230px;
    width: 55px;
    height: 55px;
}
.start-packs-blocks .pack-inventory-item[data-type="wings"] {
    left: 150px;
    top: 95px;
    width: 55px;
    height: 55px;
}
.start-packs-blocks .pack-inventory-item[data-type="weapon"] {
    left: 30px;
    top: 155px;
    width: 55px;
    height: 90px;
}
.start-packs-blocks .pack-inventory-item[data-type="shield"] {
    left: 150px;
    top: 155px;
    width: 55px;
    height: 90px;
}
.start-packs-blocks .pack-inventory-item[data-type="pet"] {
    left: 35px;
    top: 35px;
    width: 40px;
    height: 40px;
}
.start-packs-blocks .pack-inventory-item[data-type="skill"] {
    left: 160px;
    top: 35px;
    width: 40px;
    height: 40px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_1"] {
    left: 30px;
    top: 250px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_2"] {
    left: 170px;
    top: 250px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_3"] {
    left: 20px;
    top: 300px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_4"] {
    left: 60px;
    top: 300px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_5"] {
    left: 100px;
    top: 300px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_6"] {
    left: 140px;
    top: 300px;
    width: 35px;
    height: 35px;
}
.start-packs-blocks .pack-inventory-item[data-type="consumables_7"] {
    left: 180px;
    top: 300px;
    width: 35px;
    height: 35px;
}
.modal-body .special-start-pack-items,
.modal-body .start-pack-items {
    display: grid;
    grid-template-columns: repeat(7, 70px);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin: 20px 0;
}
.modal-body .item_info {
    position: relative;
    padding: 5px;
    width: 70px;
    height: 55px;
    border: 1px solid rgba(255, 184, 0, 0.5);
    background: rgba(0, 0, 0, 0.4);
}
.modal-body .item_info b {
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fffbef;
    text-shadow: 0 0 4px #26ff56;
    z-index: 5;
}
.modal-body .item_info img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 95%;
    max-height: 95%;
}
.modal-body .modal-message {
    font-size: 13px;
    color: var(--text-hover-color);
    margin: 10px 0;
    text-align: center;
}
.modal-body .buy-promocode {
    display: inline-flex;
    align-items: center;
    flex-flow: row nowrap;
}
.modal-body .buy-promocode input {
    flex-shrink: 1;
    width: 120px;
}
.modal-body .buy-promocode button {
    height: 40px;
    margin-left: 10px;
}
.modal-body s {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.modal-body s::before {
    display: inline-block;
    position: absolute;
    top: calc(50% - 1px);
    left: -2px;
    width: calc(100% + 4px);
    height: 2px;
    background: #ffcb4e;
    content: "";
}
.baffs-block {
    padding: 10px;
    background: linear-gradient(90deg, rgba(67, 41, 1, 0) 0, rgba(67, 41, 1, 0.5) 51.56%, rgba(67, 41, 1, 0) 100%);
}
#baffs-list {
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 2rem;
    grid-column-gap: 1rem;
}
#baffs-list .baff-item-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.baffs-controls-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    height: 40px;
}
.baffs-controls-block > div {
    display: flex;
    align-items: center;
}
.baffs-controls-block .baffs-buy-block {
    display: none;
}
.baffs-controls-block .all-baffs-days {
    display: none;
    width: 120px;
    margin-left: 20px;
}
.baffs-controls-block .all-baffs-days .item {
    padding: 5px 10px;
}
.baffs-controls-block .baffs-total {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-shadow: 0.5px 0.5px 0 #70581b;
    margin-right: 10px;
}
.baffs-controls-block .baffs-total::after {
    margin: 3px 0 0 8px;
    content: url(../images/icons/coin.png);
}
.baff-item {
    position: relative;
    width: 122px;
    height: 132px;
    background: url(../images/new/Baff_bg.png) no-repeat center/100% 100%;
}
.baff-item .baff-name {
    font-weight: 600;
    font-size: 11px;
    line-height: 10px;
    text-shadow: 0 0 4px #fff5ce;
    text-align: center;
    margin-top: 9px;
    width: 100%;
}
.baff-item .baff-controls {
    position: absolute;
    left: calc(50% - 35px);
    bottom: 5px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.baff-item .baff-controls.center {
    justify-content: center;
}
.baff-item .baff-controls .baff-days {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
    width: 100%;
}
.baff-item .baff-controls button {
    width: 14px;
    height: 14px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
    background: #573d22;
    border-radius: 10px;
    border: none;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
}
.baff-item .baff-controls button:hover {
    color: var(--text-hover-color);
}
.baff-item .baff-controls p {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 11px;
    line-height: 10px;
    color: #3f3c28;
    text-shadow: 0 0 4px #fff5ce;
}
.baff-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    height: 82px;
}
.baff-item.small {
    width: 70px;
    height: 75px;
}
.baff-item.small .baff-days,
.baff-item.small .baff-name {
    margin-top: 0;
    width: 100%;
    font-size: 10px;
    text-align: center;
}
.baff-item.small .baff-days {
    position: relative;
    top: 3px;
}
.baff-item.small img {
    height: 41px;
}
.baff-item span {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 2px 5px;
    background: #dc3545;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    min-width: 20px;
    font-weight: 700;
}
.baff-item span.discount {
    border-radius: 0;
    position: absolute;
    left: -8px;
    width: 53px;
    height: 43px;
    transform: rotate(0);
    background: url(../images/new/Flag.png) no-repeat center/100% 100%;
}
.baff-item span.discount b {
    margin-top: 0;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    transform: rotate(320deg) translateX(-12px) translateY(0);
}
#rank_by_class .tab_btn {
    margin-top: 5px;
}
#rank_by_class .tab_btn + .tab_btn {
    margin-left: 10px;
}
#events {
    margin: 20px 0;
}
#events .event_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64), inset 0 0 5px #120e03;
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.5) 0, rgba(132, 98, 22, 0.53875) 48.44%, rgba(63, 48, 19, 0.58) 100%);
    font-size: 15px;
    font-weight: 700;
    color: var(--text-color);
    border: 1px solid var(--border-color);
    padding: 15px;
}
#events .event_item + .event_item {
    margin-top: 10px;
}
#events .event_time {
    font-weight: 700;
    color: #fff;
}
#sell_item_form .form-item {
    display: flex;
    align-items: center;
}
#sell_item_form .form-item .form-item-name {
    min-width: 150px;
}
.sub-title {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
}
.bg-box {
    position: relative;
    padding: 20px;
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.5) 0, rgba(132, 98, 22, 0.53875) 56.77%, rgba(132, 98, 22, 0.58) 100%);
}
.bg-box::before {
    position: absolute;
    left: 0;
    top: 2px;
    height: 2px;
    width: 100%;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 0.01%, #cf9353 0.02%, #ffd24f 22.4%, #cf9353 48.44%, #a54b09 99.99%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    content: "";
}
.bg-box::after {
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 2px;
    width: 100%;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 0.01%, #cf9353 0.02%, #ffd24f 22.4%, #cf9353 48.44%, #a54b09 99.99%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
    content: "";
}
.referal-block .form-item-label {
    width: 100%;
    max-width: inherit;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
}
.referal-block .referal-input-block {
    width: 100%;
}
.referal-block .referal-input-block input {
    margin: 0 20px 0 0;
    max-width: 70%;
}
.policy-links {
    text-align: center;
    margin: 20px 0;
}
.policy-links > * {
    display: block;
    margin-top: 10px;
    font-size: 15px;
}
.policy-links a {
    text-decoration: underline;
}
.policy-links a:hover {
    color: var(--text-color);
}
.payments-blocks {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: row wrap;
    margin-bottom: 20px;
}
.payments-blocks .bg-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    width: 195px;
    font-size: 18px;
    cursor: pointer;
}
.payments-blocks .bg-box img {
    max-width: 90%;
}
.payments-blocks .bg-box:hover {
    opacity: 0.8;
}
.donate-boxes {
    display: grid;
    grid-template-columns: repeat(5, 120px);
    grid-column-gap: 10px;
    padding: 10px 5px 20px;
}
.donate-boxes input {
    display: none;
}
.donate-boxes input:checked + .donate-box-block::before {
    background: url(../images/new/Donate_Check.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box {
    transition: all ease-in-out 0.3s;
}
.donate-boxes .donate-box:nth-child(2) .donate-box-block {
    background: url(../images/new/Donate_Box_2.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box:nth-child(3) .donate-box-block {
    background: url(../images/new/Donate_Box_3.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box:nth-child(4) .donate-box-block {
    background: url(../images/new/Donate_Box_4.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box:nth-child(5) .donate-box-block {
    background: url(../images/new/Donate_Box_5.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box:hover {
    transform: scale(1.1);
}
.donate-boxes .donate-box-block {
    position: relative;
    cursor: pointer;
    padding: 35px 0 25px;
    background: url(../images/new/Donate_Box_1.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box-block:before {
    display: inline-block;
    position: absolute;
    left: calc(50% - 7px);
    bottom: 0;
    width: 16px;
    height: 16px;
    background: url(../images/new/Donate_Check_Empty.png) no-repeat center/100% 100%;
    content: "";
}
.donate-boxes .donate-box-block span {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    font-size: 16px;
    color: #683c11;
}
.donate-boxes .donate-box-block span + span {
    margin-top: 2px;
}
.donate-boxes .donate-box-block span.reward {
    font-weight: 700;
    font-size: 24px;
    line-height: 16px;
    text-align: center;
    color: #fada46;
    text-shadow: 0 0 4px #f5f5f5;
}
.donate-boxes .donate-box-block span.reward_coin {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #9fdef2;
    margin: 5px 0 11px;
}
.donate-boxes .donate-box-block span.reward_price {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}
.donate-boxes .donate-box-block span.discount {
    position: absolute;
    left: 76px;
    top: -2px;
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
    background: url(../images/new/Flag.png) no-repeat center/100% 100%;
}
.donate-boxes .donate-box-block span.discount b {
    display: inline-block;
    margin-top: 7px;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    transform: rotate(314deg) translateX(-10px);
}
.pay-blocks {
    display: none;
}
.payment-blocks {
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(3, 210px);
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    width: 100%;
}
.payment-blocks.main-order {
    grid-template-columns: repeat(2, 315px);
    margin-left: 3px;
}
.payment-blocks .pay-method-block {
    display: inline-block;
    position: relative;
}
.payment-blocks .pay-method-block .discount {
    position: absolute;
    right: -7px;
    top: 9px;
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
    background: url(../images/new/Flag.png) no-repeat center/100% 100%;
    z-index: 2;
}
.payment-blocks .pay-method-block .discount.main-order {
    right: -8px;
    top: -9px;
    width: 60px;
    height: 60px;
}
.payment-blocks .pay-method-block .discount b {
    display: inline-block;
    margin-top: 10px;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    transform: rotate(314deg) translateX(-6px);
}
.payment-blocks .pay-method-block .discount b.main-order {
    transform: rotate(314deg) translateX(-4px) translateY(6px);
}
.payment-blocks .pay-method-block fieldset {
    height: 100%;
    padding: 10px;
    min-inline-size: min-content;
    border: 2px solid #b7b7b7;
    border-radius: 5px;
    transition: all ease 0.2s;
}
.payment-blocks .pay-method-block fieldset.main-order {
    text-align: center;
    width: 100%;
    height: 315px;
    border: 2px solid #ada2c6;
}
.payment-blocks .pay-method-block fieldset .pay-block-text {
    text-align: center;
    margin-top: 20px;
    color: #8094d2;
    font-size: 23px;
}
.payment-blocks .pay-method-block fieldset img.main-order {
    width: 55%;
    margin-top: 25px;
}
.payment-blocks .pay-method-block fieldset legend {
    padding: 0 10px;
}
.payment-blocks .pay-method-block fieldset legend img {
    height: 35px;
    width: 120px;
}
.payment-blocks .pay-method-block fieldset legend img.payeer {
    height: 25px;
    margin-bottom: 10px;
}
.payment-blocks .pay-method-block fieldset .pay-imgs {
    display: grid;
    grid-template-columns: repeat(5, 30px);
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    align-items: center;
}
.payment-blocks .pay-method-block fieldset .pay-imgs img {
    width: 30px;
}
.payment-blocks .pay-method-block fieldset .pay-imgs img.cryptocloud.visa {
    size: 200px;
    display: none;
}
.payment-blocks .pay-method-block fieldset .pay-imgs img.cryptocloud.mc {
    display: none;
}
.payment-blocks .pay-method-block:hover fieldset {
    transform: scale(1.02);
    border: 1px solid var(--text-hover-color);
}
.payment-blocks .pay-method-block:hover fieldset.main-order {
    border: 2px solid #8094d2;
}
.payment-blocks .pay-method-block:hover .discount {
    transform: scale(1.1) rotate(90deg);
}
.news-preview-item {
    width: 100%;
}
.news-preview-item .news-image-block {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.news-preview-item .news-image-block img {
    max-height: 200px;
    max-width: 100%;
    object-fit: cover;
}
.news-preview-item .news-content-block {
    width: 100%;
}
.news-preview-item .title {
    color: #4a3617;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.news-preview-item .title a {
    color: #4a3617;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
}
.news-preview-item .title a:hover {
    opacity: 0.8;
}
.news-preview-item .date {
    display: inline-block;
    min-width: 90px;
    color: #6a6a6a;
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
}
.news-preview-item .text {
    overflow: hidden;
    width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.news-preview-item .text img {
    max-width: 100%;
}
.news-preview-item .text p + p {
    margin-top: 4px;
}
.news-preview-item .text ul li + li {
    margin-top: 8px;
}
.news-preview-item .news-bottom {
    margin-top: 15px;
}
.news-preview-item + .news-preview-item {
    margin-top: 30px;
    position: relative;
    padding-top: 25px;
}
.news-preview-item + .news-preview-item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 7.81%, #cf9353 39.06%, #ffd24f 52.6%, #cf9353 64.06%, #a54b09 92.19%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 4px #000;
    content: "";
}
.news-text img {
    max-width: 100%;
}
#count-down-block {
    margin: 10px auto 20px;
    text-align: center;
}
#count-down-block .count-title {
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
#count-down-block .count-img {
    max-width: 250px;
    object-fit: contain;
}
#count-down-block .count-date,
#count-down-block .count-time,
#count-down-block b {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 700;
    color: var(--text-color);
}
#count-down-block > div + div {
    margin-top: 12px;
}
#register-banner {
    position: absolute;
    right: -40px;
    top: 80px;
    width: 680px;
    height: 372px;
}
#register-banner .register-btn {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 20px;
    left: 110px;
    width: 296px;
    height: 63px;
    padding-left: 30px;
    background: url(../images/new/Blue_bnt.png) no-repeat center;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: -0.5px -0.5px 0 #33a3e2, 0.5px 0.5px 0 #002c9c;
    transition: all ease 0.5s;
}
#register-banner .register-btn:hover {
    transform: scale(1.05);
}
#promo-banner {
    position: absolute;
    left: -20px;
    top: 80px;
    width: 680px;
    height: 372px;
}
#promo-banner .register-btn {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 20px;
    left: 20px;
    width: 320px;
    height: 63px;
    padding-left: 80px;
    background: url(../images/new/Get_it_red.png) no-repeat center/100% 100%;
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    transition: all ease 0.5s;
}
#promo-banner .register-btn:hover {
    transform: scale(1.05);
}
#contact_form {
    position: absolute;
    left: 70px;
    top: 120px;
    width: 360px;
    height: 300px;
    background: rgba(0, 0, 0, 0.3);
}
#contact_form iframe {
    width: 100%;
    height: 100%;
    margin: 0;
}
.char-search-block {
    position: relative;
    padding: 0 10px;
    margin-bottom: 20px;
    width: 100%;
    z-index: 10;
}
.char-search-block.loading::after {
    display: inline-block;
}
.char-search-block::after {
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: url(../images/loading.gif);
}
.char-search-block input {
    position: relative;
    width: 100%;
    max-width: inherit;
    padding-left: 35px;
}
.char-search-block::before {
    position: absolute;
    left: 20px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    content: url(../images/icons/search.svg);
}
.char-search-block .char-search-list {
    position: absolute;
    top: 100%;
    width: calc(100% - 20px);
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #ffb800;
    border-top: 0;
}
.char-search-block .char-search-list a {
    display: flex;
    align-items: center;
    padding: 5px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
}
.char-search-block .char-search-list a img {
    height: 25px;
    margin-right: 3px;
}
.char-search-block .char-search-list a span {
    display: inline-block;
    margin: 0 2px;
}
.char-search-block .char-search-list a:hover {
    background: rgba(255, 180, 0, 0.2);
}
.char-search-block .char-search-list a + a {
    border-top: 1px solid var(--border-color);
}
#copy {
    position: relative;
    overflow: visible;
}
#copy .tip-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0;
    transition: all ease 0.5s;
}
#copy .tip-text.active {
    top: -30px;
    opacity: 1;
}
.content .grid-box .right-row .side-box.server_time_block {
    margin: 10px auto 20px;
    text-align: center;
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.content .grid-box .right-row .side-box.server_time_block .time {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 700;
    color: var(--text-color);
}
.content .grid-box .right-row .side-box.discord {
    width: 90%;
    margin: 10px auto;
    height: 180px;
    background: radial-gradient(49.58% 59.5% at -13.33% 119.5%, rgba(219, 0, 241, 0.25) 0, rgba(219, 0, 241, 0) 100%), radial-gradient(69.17% 83% at 114.58% 47%, rgba(13, 130, 236, 0.25) 0, rgba(13, 130, 236, 0) 100%), #1c1e25;
    border-radius: 15px;
    transition: all ease 0.2s;
}
.content .grid-box .right-row .side-box.discord .d_logo {
    margin: 10px auto;
    height: 60px;
    width: 100%;
}
.content .grid-box .right-row .side-box.discord .info {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #89879a;
}
.content .grid-box .right-row .side-box.discord .d_avatars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-flow: row nowrap;
}
.content .grid-box .right-row .side-box.discord .d_avatars img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}
.content .grid-box .right-row .side-box.discord .d_avatars img + img {
    margin-left: -20px;
}
.content .grid-box .right-row .side-box.discord:hover {
    transform: scale(1.02);
}
#streams {
    display: block;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 270px;
}
#streams .streams-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    background: url(../images/new/Tab_bg.jpeg) no-repeat center/cover;
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64);
    border-radius: 5px;
    border: 1px solid #f5e2af;
    color: #fdf1c7;
    font-size: 14px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 700;
}
#streams .streams-title span {
    display: inline-block;
    text-align: center;
    padding: 2px;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    min-width: 15px;
}
#streams .streams-title span + span {
    margin-left: 5px;
}
#streams .streams-title span.minimize_stream {
    content: url(../images/icons/maximaze.svg);
}
#streams .streams-title span.minimize_stream.min {
    content: url(../images/icons/minimaze.svg);
}
#streams .streams-title span:hover {
    color: var(--text-hover-color);
    border-color: var(--text-hover-color);
}
#streams .streams-blocks {
    width: 100%;
    overflow: hidden;
    transition: height ease 0.2s;
}
#streams .streams-blocks.hide {
    height: 0;
}
#registration_form {
    position: relative;
    padding-left: 0;
    margin-top: 0;
}
#registration_form .page-title {
    margin-bottom: 20px;
}
#registration_form .form-item {
    max-width: 310px;
    margin: 0 auto;
}
#registration_form .form-item [type="checkbox"] {
    margin-right: 5px;
}
#registration_form .form-item + .form-item {
    margin-top: 20px;
}
#registration_form .free-vip-bage {
    position: absolute;
    left: 0;
    top: -30px;
    width: 240px;
    padding-top: 173px;
    overflow: visible;
}
#registration_form .free-vip-bage .vip-info-list {
    list-style: none;
    padding: 60px 5px 20px 5px;
    min-height: 200px;
    background: url(../images/new/Vip_Silver_bg.png) no-repeat top center/cover, linear-gradient(89.97deg, rgba(47, 41, 56, 0.8) 0.04%, rgba(56, 40, 48, 0.8) 96.72%);
}
#registration_form .free-vip-bage .vip-info-list li {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
#registration_form .free-vip-bage .vip-info-list li:before {
    display: inline-block;
    content: "•";
    margin-right: 5px;
}
#registration_form .free-vip-bage .vip-info-list li + li {
    margin-top: 5px;
}
#registration_form .free-vip-bage::before {
    position: absolute;
    left: -3px;
    top: 15px;
    width: calc(100% + 4px);
    height: 250px;
    background: url(../images/new/Silver_Free_2.png) no-repeat center;
    content: "";
    z-index: 20;
}
.crown_btn {
    position: relative;
}
.crown_btn span {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 2px 5px;
    background: var(--danger);
    border-radius: 50%;
    font-size: 12px;
    min-width: 20px;
    color: #fff;
    font-weight: 700;
}
.alert-msg {
    font-weight: 700;
    color: #dc3545;
    margin-top: 5px;
}
#tooltip .start-packs-blocks {
    padding: 0;
    height: auto;
}
#tooltip .pack-inventory {
    position: relative;
    margin: 0;
    padding: 0;
    top: auto;
    right: auto;
}
#tooltip .baff-item-wrapper .baff-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 10px;
    color: #000;
    text-shadow: 0 0 4px #fff5ce;
    text-align: center;
    margin: 0;
    padding-top: 7px;
    width: 100%;
}
.special-order-block {
    width: 100%;
    height: 235px;
    padding: 15px;
    background: url(../images/new/special_bg.png) no-repeat center/cover;
}
.special-order-block + .special-order-block {
    margin-top: 20px;
}
.special-order-block .special-title {
    text-align: center;
    font-weight: 800;
    font-size: 36px;
    line-height: 28px;
    color: #35f931;
    text-shadow: 1px 1px 0 #017fec, 0 0 20px rgba(0, 255, 87, 0.91);
}
.special-order-block .special-sub-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    padding: 0 10px;
    color: #ebff00;
    opacity: 0.9;
}
.special-order-block .special-sub-title .special-discount {
    position: relative;
    font-weight: 800;
    font-size: 30px;
    line-height: 10px;
    color: #ebff00;
}
.special-order-block .special-sub-title .special-discount span {
    font-size: 24px;
}
.special-order-block .special-sub-title .special-discount:before {
    position: absolute;
    left: -5px;
    height: 2px;
    width: calc(100% + 10px);
    top: calc(50% - 1px);
    background: #ebff00;
    content: "";
}
.special-order-block .special-items-block {
    display: flex;
    justify-content: space-between;
}
.special-order-block .special-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    width: calc(100% - 180px);
}
.special-order-block .special-item {
    position: relative;
    padding-top: 20px;
}
.special-order-block .special-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -10px;
    font-weight: 600;
    font-size: 11px;
    min-height: 24px;
    color: #0ff;
    opacity: 0.9;
    text-shadow: 0 0 3px #cfceff;
    text-align: center;
    line-height: 12px;
    width: 100%;
}
.special-order-block .special-item-block {
    position: relative;
    display: inline-flex;
    width: 85px;
    height: 85px;
    align-items: center;
    justify-content: center;
    background: url(../images/new/special_item_bg.png) no-repeat center/cover;
}
.special-order-block .special-item-block .special-img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.special-order-block .special-item-block .special-days {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(50% - 39px);
    padding: 0 5px;
    bottom: -10px;
    width: 78px;
    height: 24px;
    background: url(../images/new/Vip_Controlls.png) no-repeat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px #fff5ce;
}
.special-order-block .special-price {
    margin-top: 15px;
    text-align: center;
    font-weight: 800;
    font-size: 42px;
    color: #05e1da;
    text-shadow: 1px 1px 0 #017fec, 0 0 10px #f510ec;
}
.guide-link-item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: rgba(36, 30, 25, 0.6);
    margin-top: 8px;
    transition: all ease 0.2s;
    opacity: 0.9;
}
.guide-link-item .image {
    margin-right: 8px;
}
.guide-link-item .image img {
    max-width: 50px;
}
.guide-link-item .image + .guide-link-info {
    width: calc(100% - 58px);
}
.guide-link-item .guide-link-title {
    color: #ffcb4e;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    transition: all ease 0.2s;
}
.guide-link-item .guide-link-sub-title {
    color: #a2928c;
    font-size: 13px;
    margin-top: 2px;
}
.guide-link-item:hover {
    opacity: 1;
}
.guide-link-item:hover .guide-link-title {
    color: #fff;
}
.use-promocode-block {
    width: 50%;
    margin-bottom: 20px;
}
.use-promocode-block input {
    margin-right: 10px;
}
.use-promocode-block button {
    min-width: 130px;
}
.tournament-timer-block {
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    background: rgba(36, 30, 25, 0.7);
    min-width: 200px;
}
.tournament-timer-block .tournament-leaderboard {
    width: 100%;
}
.tournament-timer-block .tournament-leaderboard iframe {
    width: 100% !important;
}
.tournament-timer-block .tournament-timer-title {
    color: #ffcb4e;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}
.tournament-timer-block .tournament-timer-time {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-color);
    text-align: center;
}
.tournament-timer-block .tournament-timer-time + .tournament-timer-title {
    margin-top: 15px;
}
.tournament-timer-block + .tournament-timer-block {
    margin-left: 10px;
}
.tournament-timer-block.full {
    display: flex;
    align-items: center;
    margin: 15px auto 0;
}
.tournament-timer-block.full button {
    margin-top: 15px;
}
.tournament-timer-block.full > div:first-child {
    margin-right: 20px;
}
.tournament-timer-block.full table td:not(:first-child) {
    text-align: center;
}
.socials-lists {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.socials-lists a {
    transition: all ease 0.2s;
}
.socials-lists a + a {
    margin-left: 15px;
}
.socials-lists a:hover {
    opacity: 0.8;
}
.socials-lists img {
    width: 26px;
    height: 26px;
}
.animated05 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -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;
}
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.wow {
    opacity: 1;
}
@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    50%,
    from,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
    animation-iteration-count: infinite;
}
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        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 {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        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 {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        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 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutx {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
        display: none;
    }
}
@keyframes zoomOutx {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
        display: none;
    }
}
.zoomOutx {
    -webkit-animation-name: zoomOutx;
    animation-name: zoomOutx;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default;
}
.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-bar,
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-bar,
.scrollbar-inner > .scroll-element .scroll-element_track {
    opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-outer > .scroll-element {
    background-color: #fff;
}
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
    background-color: #eee;
}
.scrollbar-outer > .scroll-element .scroll-bar,
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track {
    display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #3a0c8f;
    display: block;
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    opacity: 0.7;
}
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-light > .scroll-element {
    background-color: #fff;
}
.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}
.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-rail > .scroll-element {
    background-color: #fff;
}
.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 5px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #ccc;
    opacity: 0;
}
.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #247205;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 5px;
    height: 50px !important;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    background: rgba(16, 22, 20, 0.13);
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px;
}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px;
}
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scrollbar-chrome > .scroll-element {
    background-color: #fff;
}
.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}
.account-menu {
    position: relative;
    display: flex;
    align-items: center;
    margin: 2px auto 20px !important;
    padding: 2px 0 0 !important;
    width: 100%;
}
.account-menu:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 10px);
    background: url(../images/new/Title_big.png) no-repeat center/cover;
    content: "";
}
.account-menu:after {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: -2px;
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 7.81%, #cf9353 39.06%, #ffd24f 52.6%, #cf9353 64.06%, #a54b09 92.19%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 2px 4px #000;
    content: "";
}
.account-menu a {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 8px 30px 8px 8px;
    height: 34px;
    flex-grow: 1;
    overflow: hidden;
    background: url(../images/new/Tab_bg.jpeg) no-repeat center/cover;
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64), inset 0 0 15px #120e03;
    border-radius: 0 0 0 5px;
    list-style: none;
    border: 1px solid #f5e2af;
    font-size: 14px;
    line-height: 15px;
    color: #fdf1c7;
    text-shadow: 0.5px 0.5px 1px #000;
    transition: all ease 0.2s;
}
.account-menu a.active {
    background: linear-gradient(94.59deg, #fecf87 0.69%, #f90 78.12%);
}
.account-menu a:hover:not(.active) {
    background: url(../images/new/Tab_bg_hover.jpeg) no-repeat center/cover;
}
.account-menu a:hover:not(.active) i {
    transform: scale(1.2);
}
.account-menu a + a {
    margin-left: -25px;
}
.account-menu a:last-of-type {
    border-radius: 5px;
    padding: 8px 12px;
}
.acc_user_panel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 32px 0 10px;
}
.vip_item {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    color: var(--text-color);
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.vip_item + .vip_item {
    margin-top: 5px;
}
.vip_item .vip_value {
    margin-left: 5px;
}
.vip_item .vip_value.gold {
    color: #ffd426;
}
.coins_block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    color: #fff;
    font-size: 13px;
    text-shadow: 0.5px 0.5px 0 #70581b;
    background: url(../images/new/Gold_box.png) no-repeat top center/100% 100%;
    transition: all ease 0.2s;
}
.coins_block .coins_curs {
    position: relative;
    padding: 8px 10px;
    height: 100%;
}
.coins_block .coins_curs b {
    display: inline-flex;
    align-items: center;
}
.coins_block .coins_curs b::after {
    content: url(../images/icons/coin.png);
    margin: 3px 0 0 3px;
}
.coins_block .coins_curs:before {
    position: absolute;
    left: 0;
    top: 8px;
    height: calc(100% - 15px);
    width: 1px;
    margin-right: 10px;
    border-right: 1px solid #70581b;
    background: #fdf1c7;
    content: "";
}
.coins_block .coin_name {
    position: absolute;
    left: 0;
    top: -20px;
    color: #ffd426;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
.coins_block:hover {
    transform: translateX(-50%) translateY(-50%) scale(1.05);
}
.coins_block .coins_add {
    position: relative;
    padding: 8px 10px;
    height: 100%;
}
.coins_block .coins_add:before {
    position: absolute;
    left: 0;
    top: 5px;
    height: calc(100% - 10px);
    width: 1px;
    margin-right: 10px;
    border-right: 1px solid #70581b;
    background: #fdf1c7;
    content: "";
}
#coins {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
}
#coins::after {
    content: url(../images/icons/coin.png);
    margin: 3px 0 0 3px;
}
.acc_user_panel__vip_text {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-color);
    text-shadow: 1px 1px 3px #000;
}
.crown_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--text-color);
    text-shadow: 0.5px 0.5px 0 rgba(0, 0, 0, 0.65);
    white-space: nowrap;
    background: url(../images/new/Gold_box.png) no-repeat top center/100% 100%;
    transition: all ease 0.2s;
}
.crown_btn:hover {
    transform: scale(1.05);
}
#acc_chars {
    display: flex;
    flex-flow: column;
    width: 100%;
}
.acc_chars__chars_list {
    display: flex;
    flex-flow: row nowrap;
}
.acc_chars__char_item {
    display: flex;
    flex-flow: column wrap;
    border-radius: 5px;
    width: 100%;
    max-width: 125px;
    padding: 8px;
    border: 1px solid #ffb800;
    background: url(../images/new/Tab_bg.jpeg) no-repeat center/cover;
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    cursor: pointer;
    transition: all ease 0.2s;
}
.acc_chars__char_item.active,
.acc_chars__char_item:hover {
    background: url(../images/new/Tab_bg_hover.jpeg) no-repeat center/cover;
}
.acc_chars__char_item.active .acc_chars__char_img img,
.acc_chars__char_item:hover .acc_chars__char_img img {
    transform: scale(1.05);
}
.acc_chars__char_item + .acc_chars__char_item {
    margin-left: 10px;
}
.acc_chars__char_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.acc_chars__char_img img {
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--border-color);
    width: 80px;
    margin: 5px 0;
    transition: all ease 0.2s;
}
.acc_chars__char_img .item_status {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
}
.acc_chars__char_img .item_status.online {
    background: url(../images/online.png) no-repeat center/cover;
}
.acc_chars__char_img .item_status.offline {
    background: url(../images/offline.png) no-repeat center/cover;
}
.acc_chars__char_info__item__sub_title,
.acc_chars__char_info__item__title {
    margin-bottom: 2px;
    text-align: center;
    font-size: 16px;
    color: var(--text-color);
    font-weight: 700;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
.acc_chars__char_info__item__sub_title {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}
.acc_chars__char_info__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: var(--text-color);
}
.acc_chars__char_info__item b {
    color: #fff;
}
.acc_chars__char_info__item + .acc_chars__char_info__item {
    margin-top: 5px;
}
.acc_chars__char_main {
    position: relative;
    width: 100%;
}
.acc_chars__char_block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all linear 0.3s;
}
.acc_chars__char_block.active {
    visibility: visible;
    opacity: 1;
}
.acc_chars__char_equipment_wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.acc_chars__equipment {
    position: relative;
    width: 380px;
    height: 310px;
    background: url(../images/bg/equip_bg.png) no-repeat center/cover;
}
.acc_chars__equipment > div {
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.acc_chars__equipment .in_weapon {
    width: 70px;
    height: 107px;
    bottom: 101px;
    left: 5px;
}
.acc_chars__equipment .in_shield {
    width: 70px;
    height: 107px;
    bottom: 101px;
    right: 5px;
}
.acc_chars__equipment .in_helm {
    width: 70px;
    height: 70px;
    top: 19px;
    left: 155px;
}
.acc_chars__equipment .in_armor {
    width: 70px;
    height: 105px;
    top: 102px;
    left: 155px;
}
.acc_chars__equipment .in_pants {
    width: 70px;
    height: 70px;
    bottom: 18px;
    left: 155px;
}
.acc_chars__equipment .in_gloves {
    width: 70px;
    height: 70px;
    bottom: 18px;
    left: 5px;
}
.acc_chars__equipment .in_boots {
    width: 70px;
    height: 70px;
    bottom: 18px;
    right: 5px;
}
.acc_chars__equipment .in_wings {
    width: 120px;
    height: 70px;
    top: 19px;
    left: 255px;
}
.acc_chars__equipment .in_zoo {
    width: 70px;
    height: 70px;
    top: 19px;
    left: 5px;
}
.acc_chars__equipment .in_pendant {
    width: 46px;
    height: 46px;
    top: 43px;
    left: 93px;
}
.acc_chars__equipment .in_ring1 {
    width: 46px;
    height: 46px;
    bottom: 17px;
    left: 93px;
}
.acc_chars__equipment .in_ring2 {
    width: 46px;
    height: 46px;
    bottom: 17px;
    left: 241px;
}
.acc_chars__equipment .in_pentagram {
    width: 64px;
    height: 64px;
    bottom: 8px;
    right: 169px;
}
.acc_chars__equipment .in_ear1 {
    width: 32px;
    height: 32px;
    top: 72px;
    left: 0;
}
.acc_chars__equipment .in_ear2 {
    width: 32px;
    height: 32px;
    top: 72px;
    left: 115px;
}
.acc_chars_inventory {
    position: relative;
    width: 244px;
    height: 244px;
    background: url(../images/bg/inventory_bg.jpg) no-repeat center/100%;
    margin-top: 35px;
}
.acc_chars_inventory__items_wrapper {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 240px;
    height: 240px;
}
.acc_chars__info_table {
    position: relative;
}
.acc_chars__info_table:before {
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 2px;
    height: 100%;
    background: var(--text-color);
    content: "";
}
.acc_chars__info_table__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    background: linear-gradient(90deg, rgba(85, 69, 27, 0.5) 0, rgba(132, 98, 22, 0.53875) 48.44%, rgba(63, 48, 19, 0.58) 100%);
    box-shadow: -4px 0 7px rgba(0, 0, 0, 0.64), inset 0 0 5px #120e03;
    font-size: 15px;
    color: var(--text-color);
}
.acc_chars__info_table__item .item_left,
.acc_chars__info_table__item .item_right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    padding: 10px 8px;
}
.acc_chars__info_table__item .item_value {
    color: #fff;
    font-weight: 700;
}
.acc_chars__info_table__item:before,
.acc_chars__info_table__item:last-of-type:after {
    position: absolute;
    left: 0;
    top: -2px;
    height: 2px;
    width: 100%;
    content: "";
    background: linear-gradient(359.98deg, rgba(255, 255, 255, 0.5) 0.02%, rgba(255, 255, 255, 0) 66.66%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 66.67%),
        linear-gradient(90deg, rgba(165, 79, 15, 0) 0, #a54a08 7.81%, #cf9353 39.06%, #ffd24f 52.6%, #cf9353 64.06%, #a54b09 92.19%, rgba(166, 76, 9, 0) 100%);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
.acc_chars__info_table__item:last-of-type:after {
    top: auto;
    bottom: 2px;
}
.acc_chars__info_table__item .item_status {
    display: flex;
    align-items: center;
    font-weight: 400 !important;
}
.acc_chars__info_table__item .item_status:before {
    height: 15px;
    margin-right: 2px;
}
.acc_chars__info_table__item .item_status.online:before {
    content: url(../images/online.png);
}
.acc_chars__info_table__item .item_status.offline:before {
    content: url(../images/offline.png);
}
.market_filters {
    margin: 20px 0 0;
    padding: 10px 0;
    background: linear-gradient(90deg, rgba(67, 41, 1, 0) 0, rgba(67, 41, 1, 0.5) 51.56%, rgba(67, 41, 1, 0) 100%);
}
.market_filters .filters_row {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.market_filters .filters_row + .filters_row {
    margin-top: 10px;
}
.market_filters .filters_row:first-child {
    z-index: 310;
}
.market_filters .filter_item {
    position: relative;
    width: 25%;
}
.market_filters .filter_item .filter_name {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #fdf1c7;
    text-shadow: 0.5px 0.5px 1px #000;
}
.market_filters .filter_item.item_name {
    width: 32%;
}
.market_filters .filter_item.options {
    padding-right: 55px;
    width: 36%;
}
.market_filters .filter_item.level {
    width: 15%;
}
.market_filters .filter_item.classes {
    width: 23%;
}
.market_filters .filter_item.category {
    width: 28%;
}
.market_filters .filter_item.item_name .clear {
    display: none;
    position: absolute;
    right: 10px;
    top: 32px;
    font-size: 16px;
    font-weight: 700;
    color: var(--danger);
    cursor: pointer;
}
.market_filters .filter_item.item_name .clear:hover {
    color: var(--text-color);
}
.market_filters .filter_item .options-switcher {
    position: absolute;
    top: 12px;
    right: -5px;
}
.market_filters .filter_item .options-switcher .button-checkbox {
    width: 50px;
    margin-left: 5px;
}
.market_filters .filter_item .options-switcher .button-checkbox + .button-checkbox {
    margin-top: 5px;
}
.market_filters .filter_item + .filter_item {
    margin-left: 12px;
}
.market_filters .filter_item.search input {
    padding-left: 30px;
}
.market_filters .filter_item.search::before {
    position: absolute;
    left: 10px;
    top: 33px;
    width: 16px;
    height: 16px;
    content: url(../images/icons/search.svg);
}
.market_filters .selected-list {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-top: 20px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    box-shadow: 1px 1px 1px rgba(65, 48, 5, 0.58), 0 0 10px rgba(100, 72, 0, 0.64), inset 1px 1px 2px #301e04;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #ffb800;
    border-radius: 5px;
    text-align: left;
    text-align-last: left;
    background-color: rgba(255, 255, 255, 0.8);
    background-position: right 12px top 15px;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    max-height: 0;
    overflow: hidden;
}
.market_filters .selected-list .item {
    margin: 5px;
    padding: 5px 8px;
    border: 1px solid #604502;
    border-radius: 5px;
    font-size: 10px;
}
.market_filters .selected-list .item i {
    display: inline-block;
    margin-left: 5px;
    color: red;
    cursor: pointer;
    font-weight: 700;
    font-style: normal;
}
.market_filters .selected-list .item i:hover {
    color: var(--text-hover-color);
}
.market_filters .selected-list.open {
    padding: 5px;
    max-height: 500px;
}
.market_filters .filter_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 0 10px;
    flex-grow: 1;
}
.market_filters .filter_actions .buttons {
    display: flex;
    align-items: center;
}
.market_filters .filter_actions .buttons .search {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
}
.market_filters .filter_actions .buttons .search::before {
    position: absolute;
    left: 10px;
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: url(../images/icons/search_light.svg) no-repeat center/100% 100%;
    content: "";
}
.market_filters .filter_actions .buttons button + button {
    margin-left: 5px;
}
.market_filters .filter_options {
    display: flex;
    align-items: center;
}
.market_filters .filter_options .button-checkbox + .button-checkbox {
    margin-left: 5px;
}
.market_filters .found_items {
    margin: 20px 0 5px;
    font-size: 14px;
    color: #fdf1c7;
    font-weight: 700;
    text-shadow: 0.5px 0.5px 2px #000;
}
.market-table td.m-item {
    padding: 0;
    text-align: center;
}
.market-table td.m-item > span {
    display: flex;
    align-items: center;
    padding: 8px 12px;
}
.market-history-table th {
    white-space: nowrap;
}
.market-history-table .i_price {
    white-space: nowrap;
}
.market-history-table .i_price b {
    color: var(--text-hover-color);
}
.market-history-table .actions {
    text-align: center;
}
.market-history-table .actions button + button {
    margin-left: 2px;
}
.modal-body .market-item {
    max-width: 250px;
    border: 1px solid #111;
    background-color: #221f28;
    padding: 5px;
    opacity: 0.9;
    font: normal 10px Tahoma, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
}
.modal-body .old_price {
    color: #fff;
    font-size: 14px;
    min-width: var(--input-max-width);
}
.modal-body .old_price b {
    color: var(--text-hover-color);
}
.modal-body .buy-market-info {
    max-width: 350px;
    margin: 20px auto 0;
}
.modal-body .buy-market-info .m_price,
.modal-body .buy-market-info .m_seller {
    color: #fff;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
}
.modal-body .buy-market-info .m_price b,
.modal-body .buy-market-info .m_seller b {
    color: var(--text-hover-color);
}