*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    background-color: #fff;
    color: #333;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    padding: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 20px
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    color: #777;
    font-weight: 400;
    line-height: 1
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-bottom: 10px;
    margin-top: 20px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-bottom: 10px;
    margin-top: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .lead {
        font-size:21px
    }
}

.small,small {
    font-size: 85%
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism,.text-uppercase,[lang=ar] .initialism,[lang=fa] .initialism {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    background-color: #337ab7;
    color: #fff
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px;
    padding-bottom: 9px
}

ol,ul {
    margin-bottom: 10px;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px;
    margin-top: 0
}

dd,dt {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media(min-width: 768px) {
    .dl-horizontal dt {
        clear:left;
        float: left;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    border-bottom: 1px dotted #777;
    cursor: help
}

.initialism {
    font-size: 90%
}

blockquote {
    border-left: 5px solid #eee;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 10px 20px
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    color: #777;
    display: block;
    font-size: 80%;
    line-height: 1.428571429
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "— "
}

.blockquote-reverse,blockquote.pull-right {
    border-left: 0;
    border-right: 5px solid #eee;
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: " —"
}

address {
    font-style: normal;
    line-height: 1.428571429;
    margin-bottom: 20px
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e
}

code,kbd {
    font-size: 90%;
    padding: 2px 4px
}

kbd {
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #00000040;
    color: #fff
}

kbd kbd {
    box-shadow: none;
    font-size: 100%;
    font-weight: 700;
    padding: 0
}

pre {
    display: block;
    font-size: 13px;
    line-height: 1.428571429;
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333
}

pre code {
    background-color: #0000;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

.container:after {
    clear: both
}

@media(min-width: 768px) {
    .container {
        width:750px
    }
}

@media(min-width: 992px) {
    .container {
        width:970px
    }
}

@media(min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.btn {
    background-image: none;
    border: 1px solid #0000;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

.btn-default.focus,.btn-default:focus {
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    color: #333
}

.btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
    color: #333
}

.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    background-color: #333;
    color: #fff
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

.btn-primary.focus,.btn-primary:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff
}

.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.btn-primary.dropdown-toggle {
    background-color: #286090;
    border-color: #204d74;
    color: #fff
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff
}

.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    background-color: #fff;
    color: #337ab7
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff
}

.btn-success.focus,.btn-success:focus {
    background-color: #449d44;
    border-color: #255625;
    color: #fff
}

.btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle {
    background-color: #449d44;
    border-color: #398439;
    color: #fff
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover {
    background-color: #398439;
    border-color: #255625;
    color: #fff
}

.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    background-color: #fff;
    color: #5cb85c
}

.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    background-color: #31b0d5;
    border-color: #1b6d85;
    color: #fff
}

.btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover {
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff
}

.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    background-color: #fff;
    color: #5bc0de
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

.btn-warning.focus,.btn-warning:focus {
    background-color: #ec971f;
    border-color: #985f0d;
    color: #fff
}

.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover {
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff
}

.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus {
    background-color: #c9302c;
    border-color: #761c19;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff
}

.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    background-color: #fff;
    color: #d9534f
}

.btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: #0000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: #0000
}

.btn-link:focus,.btn-link:hover {
    background-color: #0000;
    color: #23527c;
    text-decoration: underline
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg,[lang=ar] .btn-group-lg>.btn,[lang=fa] .btn-group-lg>.btn {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px 16px
}

.btn-group-sm>.btn,.btn-sm,[lang=ar] .btn-group-sm>.btn,[lang=fa] .btn-group-sm>.btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px
}

.btn-group-xs>.btn,.btn-xs,[lang=ar] .btn-group-xs>.btn,[lang=fa] .btn-group-xs>.btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px
}

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

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-group,.btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    float: left;
    position: relative
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

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

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group.btn-group-lg>.btn+.dropdown-toggle,.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,.btn-lg .caret {
    border-width: 5px 5px 0
}

.dropup .btn-group-lg>.btn .caret,.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-left: 0;
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    border-collapse: initial;
    display: table;
    table-layout: fixed;
    width: 100%
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    border-collapse: initial;
    display: table;
    position: relative
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%
}

.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}

.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn,[lang=ar] .input-group-sm>.input-group-addon,[lang=fa] .input-group-sm>.input-group-addon {
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 10px
}

.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn,[lang=ar] .input-group-lg>.input-group-addon,[lang=fa] .input-group-lg>.input-group-addon {
    border-radius: 6px;
    font-size: 18px;
    padding: 10px 16px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
    z-index: 2
}

.pager {
    list-style: none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center
}

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

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px
}

.pager li>a:focus,.pager li>a:hover {
    background-color: #eee;
    text-decoration: none
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed
}

.badge {
    background-color: #777;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,.btn-xs .badge {
    padding: 1px 5px;
    top: 0
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    background-color: #fff;
    color: #337ab7
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:focus,a.badge:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.alert {
    border: 1px solid #0000;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px
}

.alert h4 {
    color: inherit;
    margin-top: 0
}

.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 {
    color: inherit;
    position: relative;
    right: -21px;
    top: -2px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,.media-body {
    overflow: hidden;
    zoom:1}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-body,.media-left,.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-bottom: 5px;
    margin-top: 0
}

.media-list {
    list-style: none;
    padding-left: 0
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0
}

a.list-group-item,button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover {
    background-color: #f5f5f5;
    color: #555;
    text-decoration: none
}

button.list-group-item {
    text-align: left;
    width: 100%
}

.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    z-index: 2
}

.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    background-color: #dff0d8;
    color: #3c763d
}

a.list-group-item-success,button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover {
    background-color: #d0e9c6;
    color: #3c763d
}

a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover {
    background-color: #3c763d;
    border-color: #3c763d;
    color: #fff
}

.list-group-item-info {
    background-color: #d9edf7;
    color: #31708f
}

a.list-group-item-info,button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover {
    background-color: #c4e3f3;
    color: #31708f
}

a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover {
    background-color: #31708f;
    border-color: #31708f;
    color: #fff
}

.list-group-item-warning {
    background-color: #fcf8e3;
    color: #8a6d3b
}

a.list-group-item-warning,button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover {
    background-color: #faf2cc;
    color: #8a6d3b
}

a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover {
    background-color: #8a6d3b;
    border-color: #8a6d3b;
    color: #fff
}

.list-group-item-danger {
    background-color: #f2dede;
    color: #a94442
}

a.list-group-item-danger,button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover {
    background-color: #ebcccc;
    color: #a94442
}

a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover {
    background-color: #a94442;
    border-color: #a94442;
    color: #fff
}

.list-group-item-heading {
    margin-bottom: 5px;
    margin-top: 0
}

.list-group-item-text {
    line-height: 1.3;
    margin-bottom: 0
}

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

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

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

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

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    background-color: #0000;
    border: 0;
    color: #0000;
    font: 0/0 a;
    text-shadow: none
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media(max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media(min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }

    .hidden-print {
        display: none!important
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font: inherit;
    margin: 0;
    outline: 0!important;
    padding: 0;
    vertical-align: initial
}

* {
    -webkit-text-size-adjust: auto!important
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

a {
    border: 0
}

html {
    overflow-x: hidden
}

body {
    line-height: 1;
    word-wrap: break-word
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    margin: 0
}

:focus {
    outline-color: #0000;
    outline-style: none
}

button::-moz-focus-inner {
    border: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clear {
    clear: both!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    width: 0!important
}

button,input,select,textarea {
    -webkit-appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    vertical-align: middle
}

body,html {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out,background-color 99999s ease-out
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.row:after {
    clear: both
}

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

.col-l-1 {
    width: 8.3333333333%!important
}

.col-l-1,.col-l-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-2 {
    width: 16.6666666667%!important
}

.col-l-3 {
    width: 25%!important
}

.col-l-3,.col-l-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-4 {
    width: 33.3333333333%!important
}

.col-l-5 {
    width: 41.6666666667%!important
}

.col-l-5,.col-l-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-6 {
    width: 50%!important
}

.col-l-7 {
    width: 58.3333333333%!important
}

.col-l-7,.col-l-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-8 {
    width: 66.6666666667%!important
}

.col-l-9 {
    width: 75%!important
}

.col-l-10,.col-l-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-10 {
    width: 83.3333333333%!important
}

.col-l-11 {
    width: 91.6666666667%!important
}

.col-l-11,.col-l-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

.col-l-12 {
    width: 100%!important
}

.col-r-1 {
    width: 8.3333333333%!important
}

.col-r-1,.col-r-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-2 {
    width: 16.6666666667%!important
}

.col-r-3 {
    width: 25%!important
}

.col-r-3,.col-r-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-4 {
    width: 33.3333333333%!important
}

.col-r-5 {
    width: 41.6666666667%!important
}

.col-r-5,.col-r-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-6 {
    width: 50%!important
}

.col-r-7 {
    width: 58.3333333333%!important
}

.col-r-7,.col-r-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-8 {
    width: 66.6666666667%!important
}

.col-r-9 {
    width: 75%!important
}

.col-r-10,.col-r-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-10 {
    width: 83.3333333333%!important
}

.col-r-11 {
    width: 91.6666666667%!important
}

.col-r-11,.col-r-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

.col-r-12 {
    width: 100%!important
}

.col-offset-1 {
    margin-left: 8.3333333333%!important
}

.col-offset-2 {
    margin-left: 16.6666666667%!important
}

.col-offset-3 {
    margin-left: 25%!important
}

.col-offset-4 {
    margin-left: 33.3333333333%!important
}

.col-offset-5 {
    margin-left: 41.6666666667%!important
}

.col-offset-6 {
    margin-left: 50%!important
}

.col-offset-7 {
    margin-left: 58.3333333333%!important
}

.col-offset-8 {
    margin-left: 66.6666666667%!important
}

.col-offset-9 {
    margin-left: 75%!important
}

.col-offset-10 {
    margin-left: 83.3333333333%!important
}

.col-offset-11 {
    margin-left: 91.6666666667%!important
}

.col-offset-12 {
    margin-left: 100%!important
}

.margin-top-0 {
    margin-top: 0
}

.margin-top-5 {
    margin-top: 5px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-25 {
    margin-top: 25px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-35 {
    margin-top: 35px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-55 {
    margin-top: 55px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-top-65 {
    margin-top: 65px
}

.margin-top-70 {
    margin-top: 70px
}

.margin-top-75 {
    margin-top: 75px
}

.margin-top-80 {
    margin-top: 80px
}

.margin-top-85 {
    margin-top: 85px
}

.margin-top-90 {
    margin-top: 90px
}

.margin-top-95 {
    margin-top: 95px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-25 {
    margin-bottom: 25px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-35 {
    margin-bottom: 35px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-45 {
    margin-bottom: 45px
}

.margin-bottom-50 {
    margin-bottom: 50px
}

.margin-bottom-55 {
    margin-bottom: 55px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-bottom-70 {
    margin-bottom: 70px
}

.margin-bottom-75 {
    margin-bottom: 75px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.margin-bottom-85 {
    margin-bottom: 85px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-bottom-95 {
    margin-bottom: 95px
}

.margin-left-0 {
    margin-left: 0
}

.margin-left-5 {
    margin-left: 5px
}

.margin-left-10 {
    margin-left: 10px
}

.margin-left-15 {
    margin-left: 15px
}

.margin-left-20 {
    margin-left: 20px
}

.margin-left-25 {
    margin-left: 25px
}

.margin-left-30 {
    margin-left: 30px
}

.margin-left-35 {
    margin-left: 35px
}

.margin-left-40 {
    margin-left: 40px
}

.margin-left-45 {
    margin-left: 45px
}

.margin-left-50 {
    margin-left: 50px
}

.margin-left-55 {
    margin-left: 55px
}

.margin-left-60 {
    margin-left: 60px
}

.margin-left-65 {
    margin-left: 65px
}

.margin-left-70 {
    margin-left: 70px
}

.margin-left-75 {
    margin-left: 75px
}

.margin-left-80 {
    margin-left: 80px
}

.margin-left-85 {
    margin-left: 85px
}

.margin-left-90 {
    margin-left: 90px
}

.margin-left-95 {
    margin-left: 95px
}

.margin-right-0 {
    margin-right: 0
}

.margin-right-5 {
    margin-right: 5px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-right-20 {
    margin-right: 20px
}

.margin-right-25 {
    margin-right: 25px
}

.margin-right-30 {
    margin-right: 30px
}

.margin-right-35 {
    margin-right: 35px
}

.margin-right-40 {
    margin-right: 40px
}

.margin-right-45 {
    margin-right: 45px
}

.margin-right-50 {
    margin-right: 50px
}

.margin-right-55 {
    margin-right: 55px
}

.margin-right-60 {
    margin-right: 60px
}

.margin-right-65 {
    margin-right: 65px
}

.margin-right-70 {
    margin-right: 70px
}

.margin-right-75 {
    margin-right: 75px
}

.margin-right-80 {
    margin-right: 80px
}

.margin-right-85 {
    margin-right: 85px
}

.margin-right-90 {
    margin-right: 90px
}

.margin-right-95 {
    margin-right: 95px
}

.margin-0 {
    margin: 0
}

.margin-5 {
    margin: 5px
}

.margin-10 {
    margin: 10px
}

.margin-15 {
    margin: 15px
}

.margin-20 {
    margin: 20px
}

.margin-25 {
    margin: 25px
}

.margin-30 {
    margin: 30px
}

.margin-35 {
    margin: 35px
}

.margin-40 {
    margin: 40px
}

.margin-45 {
    margin: 45px
}

.margin-50 {
    margin: 50px
}

.margin-55 {
    margin: 55px
}

.margin-60 {
    margin: 60px
}

.margin-65 {
    margin: 65px
}

.margin-70 {
    margin: 70px
}

.margin-75 {
    margin: 75px
}

.margin-80 {
    margin: 80px
}

.margin-85 {
    margin: 85px
}

.margin-90 {
    margin: 90px
}

.margin-95 {
    margin: 95px
}

.padding-top-0 {
    margin-top: 0
}

.padding-top-5 {
    margin-top: 5px
}

.padding-top-10 {
    margin-top: 10px
}

.padding-top-15 {
    margin-top: 15px
}

.padding-top-20 {
    margin-top: 20px
}

.padding-top-25 {
    margin-top: 25px
}

.padding-top-30 {
    margin-top: 30px
}

.padding-top-35 {
    margin-top: 35px
}

.padding-top-40 {
    margin-top: 40px
}

.padding-top-45 {
    margin-top: 45px
}

.padding-top-50 {
    margin-top: 50px
}

.padding-top-55 {
    margin-top: 55px
}

.padding-top-60 {
    margin-top: 60px
}

.padding-top-65 {
    margin-top: 65px
}

.padding-top-70 {
    margin-top: 70px
}

.padding-top-75 {
    margin-top: 75px
}

.padding-top-80 {
    margin-top: 80px
}

.padding-top-85 {
    margin-top: 85px
}

.padding-top-90 {
    margin-top: 90px
}

.padding-top-95 {
    margin-top: 95px
}

.padding-bottom-0 {
    padding-bottom: 0
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-25 {
    padding-bottom: 25px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-35 {
    padding-bottom: 35px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-55 {
    padding-bottom: 55px
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.padding-bottom-65 {
    padding-bottom: 65px
}

.padding-bottom-70 {
    padding-bottom: 70px
}

.padding-bottom-75 {
    padding-bottom: 75px
}

.padding-bottom-80 {
    padding-bottom: 80px
}

.padding-bottom-85 {
    padding-bottom: 85px
}

.padding-bottom-90 {
    padding-bottom: 90px
}

.padding-bottom-95 {
    padding-bottom: 95px
}

.padding-left-0 {
    padding-left: 0
}

.padding-left-5 {
    padding-left: 5px
}

.padding-right-0 {
    padding-right: 0
}

.padding-right-5 {
    padding-right: 5px
}

.padding-right-10 {
    padding-right: 10px
}

.padding-right-15 {
    padding-right: 15px
}

.padding-right-20 {
    padding-right: 20px
}

.padding-right-25 {
    padding-right: 25px
}

.padding-right-30 {
    padding-right: 30px
}

.padding-right-35 {
    padding-right: 35px
}

.padding-right-40 {
    padding-right: 40px
}

.padding-right-45 {
    padding-right: 45px
}

.padding-right-50 {
    padding-right: 50px
}

.padding-right-55 {
    padding-right: 55px
}

.padding-right-60 {
    padding-right: 60px
}

.padding-right-65 {
    padding-right: 65px
}

.padding-right-70 {
    padding-right: 70px
}

.padding-right-75 {
    padding-right: 75px
}

.padding-right-80 {
    padding-right: 80px
}

.padding-right-85 {
    padding-right: 85px
}

.padding-right-90 {
    padding-right: 90px
}

.padding-right-95 {
    padding-right: 95px
}

.padding-0 {
    padding: 0
}

.padding-5 {
    padding: 5px
}

.padding-10 {
    padding: 10px
}

.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-25 {
    padding: 25px
}

.padding-30 {
    padding: 30px
}

.padding-35 {
    padding: 35px
}

.padding-40 {
    padding: 40px
}

.padding-45 {
    padding: 45px
}

.padding-50 {
    padding: 50px
}

.padding-55 {
    padding: 55px
}

.padding-60 {
    padding: 60px
}

.padding-65 {
    padding: 65px
}

.padding-70 {
    padding: 70px
}

.padding-75 {
    padding: 75px
}

.padding-80 {
    padding: 80px
}

.padding-85 {
    padding: 85px
}

.padding-90 {
    padding: 90px
}

.padding-95 {
    padding: 95px
}

.tabs-wrap {
    display: inline-block
}

.tabs-wrap input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.tabs-wrap .tabs {
    border-radius: 8px;
    box-shadow: 0 4px 4px -2px #00000080;
    overflow: hidden;
    width: 100%
}

.tabs-wrap .tab {
    color: #fff;
    overflow: hidden;
    width: 100%
}

.tabs-wrap .tab-label {
    background: #252933;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
    padding: 1em
}

.tabs-wrap .tab-label:hover {
    background: #101115
}

.tabs-wrap .tab-label:after {
    content: "❯";
    height: 1em;
    text-align: center;
    transition: all .35s;
    width: 1em
}

.tabs-wrap .tab-content {
    background: #292e3c;
    color: #aeaeae;
    max-height: 0;
    padding: 0 1em;
    transition: all .35s
}

.tabs-wrap .tab-content ul {
    list-style: inside
}

.tabs-wrap .tab-content ul li {
    font-size: 12px;
    margin: 5px 0
}

.tabs-wrap .tab-content ul li a {
    color: #dfdcdc
}

.tabs-wrap .tab-content ul li a:active,.tabs-wrap .tab-content ul li a:hover,.tabs-wrap .tab-content ul li a:visited {
    color: #b9b6b6
}

.tabs-wrap .tab-content p {
    font-size: 12px
}

.tabs-wrap .tab-content h1 {
    font-size: 16px;
    line-height: 2;
    margin: 0
}

.tabs-wrap .tab-content h2 {
    font-weight: 600
}

.tabs-wrap .tab-content h2,.tabs-wrap .tab-content h3 {
    font-size: 14px;
    line-height: 2
}

.tabs-wrap .tab-close {
    background: #252933;
    cursor: pointer;
    display: flex;
    font-size: .75em;
    justify-content: flex-end;
    padding: 1em
}

.tabs-wrap .tab-close:hover,.tabs-wrap input:checked+.tab-label {
    background: #101115
}

.tabs-wrap input:checked+.tab-label:after {
    transform: rotate(90deg)
}

.tabs-wrap input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em
}

.hide-profile-menu .profile-menu {
    display: none
}

.hide-profile-menu .full-iframe {
    height: calc(100% - 60px)
}

.ReactModalPortal,.ReactModalPortal+div {
    height: auto!important
}

.digitain-mobile .profile-menu {
    display: none
}

.wisegaming {
    height: calc(100% - 60px);
    z-index: 999999
}

.full-iframe,.wisegaming {
    position: fixed;
    top: 60px;
    width: 100%
}

.full-iframe {
    height: calc(100% - 120px);
    padding: 10px 0 0
}

.full-iframe iframe {
    padding: 0!important
}

.full-iframe.digitain {
    height: calc(100vh - 120px);
    height: 100%;
    position: relative;
    top: 0
}

.full-iframe.digitain #dm-main-container iframe {
    position: relative!important
}

.full-iframe.digitain-esports {
    height: inherit;
    padding: 0;
    position: inherit;
    width: inherit
}

#sport_div_iframe {
    height: 100%
}

#sport_div_iframe #e-sport-root select,.component_select {
    margin: 0
}

.special-background .background-overlay {
    background: #18181866;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.special-background .background-image {
    background-attachment: fixed;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

body {
    font-family: NotoSansRegular,serif;
    padding: 0
}

.error-block,.error-block i,.error-message,.error-message i,.error-message-text,.error-message-text i {
    color: #ed1c24!important
}

.special-background {
    position: relative
}

.special-background .flex-wrap {
    display: flex;
    flex-direction: column
}

.special-background .global-container.mobile-home-page {
    overflow: hidden
}

.global-container {
    padding: 60px 0;
    position: relative
}

.global-container .container-content:after {
    clear: both;
    content: "";
    display: table
}

.global-container .container-content {
    overflow: hidden
}

.no-scroll,.no-scroll body {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.zopim {
    z-index: 50!important
}

a:focus,a:hover {
    color: inherit;
    text-decoration: none
}

.container {
    padding: 0
}

.button {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    outline: none!important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.button:focus {
    outline: 0
}

.button.inactive-button {
    background: #3a3939!important;
    border-color: #3a3939!important;
    cursor: not-allowed
}

.button::-moz-focus-inner {
    border: 0
}

.input {
    background: none;
    border: none;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: auto;
    padding: 0 0 14px;
    text-align: center;
    width: 100%
}

.input::-webkit-input-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif
}

.input:-moz-placeholder,.input::-moz-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    opacity: 1
}

.input:-ms-input-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif
}

.input:invalid,.input:required {
    box-shadow: none
}

.checkbox {
    display: block;
    min-height: 10px;
    min-width: 13px;
    padding: 0 0 0 35px;
    position: relative;
    text-align: left
}

.checkbox input {
    opacity: 0;
    position: absolute
}

.checkbox .icon {
    background: #000;
    border: 1px solid #4d4d4d;
    color: #39b54a;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.checkbox .icon:before {
    content: "";
    display: none
}

.checkbox .text {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0!important;
    padding: 0!important
}

.checkbox .text a {
    color: #fff;
    text-decoration: underline
}

.checkbox input:checked+.icon:before {
    display: block;
    font-size: 18px;
    margin: 1px 0 0
}

.checkbox.subscribe {
    display: inline-block;
    height: 49px;
    min-height: auto;
    min-width: auto;
    padding: 0;
    width: 70px
}

.checkbox.subscribe .icon {
    border: none;
    height: 49px;
    position: static;
    transform: translateY(0);
    width: 70px
}

.checkbox.subscribe .icon img {
    display: block;
    opacity: 1;
    position: absolute;
    transition: opacity .7s ease
}

.checkbox.subscribe .icon img:nth-of-type(2) {
    opacity: 0
}

.checkbox.subscribe input:checked+.icon:before {
    display: none
}

.checkbox.subscribe input:checked+.icon img {
    opacity: 0
}

.checkbox.subscribe input:checked+.icon img:nth-of-type(2) {
    opacity: 1
}

.form-group {
    margin: 0
}

.error-block,.error-message {
    color: #ed1c24;
    display: block;
    font-family: OpenSansItalic,serif;
    font-size: 12px;
    margin: 3px;
    text-align: left
}

.select {
    overflow: hidden;
    position: relative;
    width: 100%
}

.select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    position: absolute;
    right: 5px;
    z-index: 0
}

.select select {
    background: #0000;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    font-size: 16px;
    outline: 0;
    padding: 0 0 14px;
    width: 100%
}

.react-tel-input {
    position: relative;
    width: 100%
}

.react-tel-input .ad {
    background-position: -16px 0
}

.react-tel-input .ae {
    background-position: -32px 0
}

.react-tel-input .af {
    background-position: -48px 0
}

.react-tel-input .ag {
    background-position: -64px 0
}

.react-tel-input .ai {
    background-position: -80px 0
}

.react-tel-input .al {
    background-position: -96px 0
}

.react-tel-input .am {
    background-position: -112px 0
}

.react-tel-input .ao {
    background-position: -128px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .as {
    background-position: -160px 0
}

.react-tel-input .at {
    background-position: -176px 0
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .aw {
    background-position: -208px 0
}

.react-tel-input .az {
    background-position: -224px 0
}

.react-tel-input .ba {
    background-position: -240px 0
}

.react-tel-input .bb {
    background-position: 0 -11px
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input .be {
    background-position: -32px -11px
}

.react-tel-input .bf {
    background-position: -48px -11px
}

.react-tel-input .bg {
    background-position: -64px -11px
}

.react-tel-input .bh {
    background-position: -80px -11px
}

.react-tel-input .bi {
    background-position: -96px -11px
}

.react-tel-input .bj {
    background-position: -112px -11px
}

.react-tel-input .bm {
    background-position: -128px -11px
}

.react-tel-input .bn {
    background-position: -144px -11px
}

.react-tel-input .bo {
    background-position: -160px -11px
}

.react-tel-input .br {
    background-position: -176px -11px
}

.react-tel-input .bs {
    background-position: -192px -11px
}

.react-tel-input .bt {
    background-position: -208px -11px
}

.react-tel-input .bw {
    background-position: -224px -11px
}

.react-tel-input .by {
    background-position: -240px -11px
}

.react-tel-input .bz {
    background-position: 0 -22px
}

.react-tel-input .ca {
    background-position: -16px -22px
}

.react-tel-input .cd {
    background-position: -32px -22px
}

.react-tel-input .cf {
    background-position: -48px -22px
}

.react-tel-input .cg {
    background-position: -64px -22px
}

.react-tel-input .ch {
    background-position: -80px -22px
}

.react-tel-input .ci {
    background-position: -96px -22px
}

.react-tel-input .ck {
    background-position: -112px -22px
}

.react-tel-input .cl {
    background-position: -128px -22px
}

.react-tel-input .cm {
    background-position: -144px -22px
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .co {
    background-position: -176px -22px
}

.react-tel-input .cr {
    background-position: -192px -22px
}

.react-tel-input .cu {
    background-position: -208px -22px
}

.react-tel-input .cv {
    background-position: -224px -22px
}

.react-tel-input .cw {
    background-position: -240px -22px
}

.react-tel-input .cy {
    background-position: 0 -33px
}

.react-tel-input .cz {
    background-position: -16px -33px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .dj {
    background-position: -48px -33px
}

.react-tel-input .dk {
    background-position: -64px -33px
}

.react-tel-input .dm {
    background-position: -80px -33px
}

.react-tel-input .do {
    background-position: -96px -33px
}

.react-tel-input .dz {
    background-position: -112px -33px
}

.react-tel-input .ec {
    background-position: -128px -33px
}

.react-tel-input .ee {
    background-position: -144px -33px
}

.react-tel-input .eg {
    background-position: -160px -33px
}

.react-tel-input .er {
    background-position: -176px -33px
}

.react-tel-input .es {
    background-position: -192px -33px
}

.react-tel-input .et {
    background-position: -208px -33px
}

.react-tel-input .fi {
    background-position: -224px -33px
}

.react-tel-input .fj {
    background-position: -240px -33px
}

.react-tel-input .fk {
    background-position: 0 -44px
}

.react-tel-input .fm {
    background-position: -16px -44px
}

.react-tel-input .fo {
    background-position: -32px -44px
}

.react-tel-input .bl,.react-tel-input .fr,.react-tel-input .mf {
    background-position: -48px -44px
}

.react-tel-input .ga {
    background-position: -64px -44px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .gd {
    background-position: -96px -44px
}

.react-tel-input .ge {
    background-position: -112px -44px
}

.react-tel-input .gf {
    background-position: -128px -44px
}

.react-tel-input .gh {
    background-position: -144px -44px
}

.react-tel-input .gi {
    background-position: -160px -44px
}

.react-tel-input .gl {
    background-position: -176px -44px
}

.react-tel-input .gm {
    background-position: -192px -44px
}

.react-tel-input .gn {
    background-position: -208px -44px
}

.react-tel-input .gp {
    background-position: -224px -44px
}

.react-tel-input .gq {
    background-position: -240px -44px
}

.react-tel-input .gr {
    background-position: 0 -55px
}

.react-tel-input .gt {
    background-position: -16px -55px
}

.react-tel-input .gu {
    background-position: -32px -55px
}

.react-tel-input .gw {
    background-position: -48px -55px
}

.react-tel-input .gy {
    background-position: -64px -55px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .hn {
    background-position: -96px -55px
}

.react-tel-input .hr {
    background-position: -112px -55px
}

.react-tel-input .ht {
    background-position: -128px -55px
}

.react-tel-input .hu {
    background-position: -144px -55px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .ie {
    background-position: -176px -55px
}

.react-tel-input .il {
    background-position: -192px -55px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .io {
    background-position: -224px -55px
}

.react-tel-input .iq {
    background-position: -240px -55px
}

.react-tel-input .ir {
    background-position: 0 -66px
}

.react-tel-input .is {
    background-position: -16px -66px
}

.react-tel-input .it {
    background-position: -32px -66px
}

.react-tel-input .jm {
    background-position: -48px -66px
}

.react-tel-input .jo {
    background-position: -64px -66px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .ke {
    background-position: -96px -66px
}

.react-tel-input .kg {
    background-position: -112px -66px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .ki {
    background-position: -144px -66px
}

.react-tel-input .km {
    background-position: -160px -66px
}

.react-tel-input .kn {
    background-position: -176px -66px
}

.react-tel-input .kp {
    background-position: -192px -66px
}

.react-tel-input .kr {
    background-position: -208px -66px
}

.react-tel-input .kw {
    background-position: -224px -66px
}

.react-tel-input .ky {
    background-position: -240px -66px
}

.react-tel-input .kz {
    background-position: 0 -77px
}

.react-tel-input .la {
    background-position: -16px -77px
}

.react-tel-input .lb {
    background-position: -32px -77px
}

.react-tel-input .lc {
    background-position: -48px -77px
}

.react-tel-input .li {
    background-position: -64px -77px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .lr {
    background-position: -96px -77px
}

.react-tel-input .ls {
    background-position: -112px -77px
}

.react-tel-input .lt {
    background-position: -128px -77px
}

.react-tel-input .lu {
    background-position: -144px -77px
}

.react-tel-input .lv {
    background-position: -160px -77px
}

.react-tel-input .ly {
    background-position: -176px -77px
}

.react-tel-input .ma {
    background-position: -192px -77px
}

.react-tel-input .mc {
    background-position: -208px -77px
}

.react-tel-input .md {
    background-position: -224px -77px
}

.react-tel-input .mg {
    background-position: 0 -88px
}

.react-tel-input .mh {
    background-position: -16px -88px
}

.react-tel-input .mk {
    background-position: -32px -88px
}

.react-tel-input .ml {
    background-position: -48px -88px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .mn {
    background-position: -80px -88px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .mp {
    background-position: -112px -88px
}

.react-tel-input .mq {
    background-position: -128px -88px
}

.react-tel-input .mr {
    background-position: -144px -88px
}

.react-tel-input .ms {
    background-position: -160px -88px
}

.react-tel-input .mt {
    background-position: -176px -88px
}

.react-tel-input .mu {
    background-position: -192px -88px
}

.react-tel-input .mv {
    background-position: -208px -88px
}

.react-tel-input .mw {
    background-position: -224px -88px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .mz {
    background-position: -16px -99px
}

.react-tel-input .na {
    background-position: -32px -99px
}

.react-tel-input .nc {
    background-position: -48px -99px
}

.react-tel-input .ne {
    background-position: -64px -99px
}

.react-tel-input .nf {
    background-position: -80px -99px
}

.react-tel-input .ng {
    background-position: -96px -99px
}

.react-tel-input .ni {
    background-position: -112px -99px
}

.react-tel-input .bq,.react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .no {
    background-position: -144px -99px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .nr {
    background-position: -176px -99px
}

.react-tel-input .nu {
    background-position: -192px -99px
}

.react-tel-input .nz {
    background-position: -208px -99px
}

.react-tel-input .om {
    background-position: -224px -99px
}

.react-tel-input .pa {
    background-position: -240px -99px
}

.react-tel-input .pe {
    background-position: 0 -110px
}

.react-tel-input .pf {
    background-position: -16px -110px
}

.react-tel-input .pg {
    background-position: -32px -110px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .pl {
    background-position: -80px -110px
}

.react-tel-input .pm {
    background-position: -96px -110px
}

.react-tel-input .pr {
    background-position: -112px -110px
}

.react-tel-input .ps {
    background-position: -128px -110px
}

.react-tel-input .pt {
    background-position: -144px -110px
}

.react-tel-input .pw {
    background-position: -160px -110px
}

.react-tel-input .py {
    background-position: -176px -110px
}

.react-tel-input .qa {
    background-position: -192px -110px
}

.react-tel-input .re {
    background-position: -208px -110px
}

.react-tel-input .ro {
    background-position: -224px -110px
}

.react-tel-input .rs {
    background-position: -240px -110px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .rw {
    background-position: -16px -121px
}

.react-tel-input .sa {
    background-position: -32px -121px
}

.react-tel-input .sb {
    background-position: -48px -121px
}

.react-tel-input .sc {
    background-position: -64px -121px
}

.react-tel-input .sd {
    background-position: -80px -121px
}

.react-tel-input .se {
    background-position: -96px -121px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .sh {
    background-position: -128px -121px
}

.react-tel-input .si {
    background-position: -144px -121px
}

.react-tel-input .sk {
    background-position: -160px -121px
}

.react-tel-input .sl {
    background-position: -176px -121px
}

.react-tel-input .sm {
    background-position: -192px -121px
}

.react-tel-input .sn {
    background-position: -208px -121px
}

.react-tel-input .so {
    background-position: -224px -121px
}

.react-tel-input .sr {
    background-position: -240px -121px
}

.react-tel-input .ss {
    background-position: 0 -132px
}

.react-tel-input .st {
    background-position: -16px -132px
}

.react-tel-input .sv {
    background-position: -32px -132px
}

.react-tel-input .sx {
    background-position: -48px -132px
}

.react-tel-input .sy {
    background-position: -64px -132px
}

.react-tel-input .sz {
    background-position: -80px -132px
}

.react-tel-input .tc {
    background-position: -96px -132px
}

.react-tel-input .td {
    background-position: -112px -132px
}

.react-tel-input .tg {
    background-position: -128px -132px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .tj {
    background-position: -160px -132px
}

.react-tel-input .tk {
    background-position: -176px -132px
}

.react-tel-input .tl {
    background-position: -192px -132px
}

.react-tel-input .tm {
    background-position: -208px -132px
}

.react-tel-input .tn {
    background-position: -224px -132px
}

.react-tel-input .to {
    background-position: -240px -132px
}

.react-tel-input .tr {
    background-position: 0 -143px
}

.react-tel-input .tt {
    background-position: -16px -143px
}

.react-tel-input .tv {
    background-position: -32px -143px
}

.react-tel-input .tw {
    background-position: -48px -143px
}

.react-tel-input .tz {
    background-position: -64px -143px
}

.react-tel-input .ua {
    background-position: -80px -143px
}

.react-tel-input .ug {
    background-position: -96px -143px
}

.react-tel-input .en {
    background-position: -112px -143px
}

.react-tel-input .uy {
    background-position: -128px -143px
}

.react-tel-input .uz {
    background-position: -144px -143px
}

.react-tel-input .va {
    background-position: -160px -143px
}

.react-tel-input .vc {
    background-position: -176px -143px
}

.react-tel-input .ve {
    background-position: -192px -143px
}

.react-tel-input .vg {
    background-position: -208px -143px
}

.react-tel-input .vi {
    background-position: -224px -143px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .vu {
    background-position: 0 -154px
}

.react-tel-input .wf {
    background-position: -16px -154px
}

.react-tel-input .ws {
    background-position: -32px -154px
}

.react-tel-input .ye {
    background-position: -48px -154px
}

.react-tel-input .za {
    background-position: -64px -154px
}

.react-tel-input .zm {
    background-position: -80px -154px
}

.react-tel-input .zw {
    background-position: -96px -154px
}

.react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input input[type=tel],.react-tel-input input[type=text] {
    border: none;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    font-size: 16px;
    width: 100%
}

.react-tel-input input[type=tel]::-webkit-input-placeholder,.react-tel-input input[type=text]::-webkit-input-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif
}

.react-tel-input input[type=tel]:-moz-placeholder,.react-tel-input input[type=tel]::-moz-placeholder,.react-tel-input input[type=text]:-moz-placeholder,.react-tel-input input[type=text]::-moz-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

.react-tel-input input[type=tel]:-ms-input-placeholder,.react-tel-input input[type=text]:-ms-input-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif
}

.react-tel-input input[type=tel],.react-tel-input input[type=text] {
    background: none;
    box-shadow: none;
    padding: 0 10px 14px 50px!important;
    position: relative;
    z-index: 1
}

.react-tel-input .flag-dropdown {
    padding: 0;
    position: static;
    width: 100%
}

.react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .selected-flag {
    height: 100%;
    padding: 0 0 0 8px;
    position: relative;
    top: -33px;
    width: 38px;
    z-index: 13
}

.react-tel-input .selected-flag .flag {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/flags.png)!important;
    height: 11px;
    position: absolute;
    top: 5px;
    width: 16px
}

.react-tel-input .selected-flag .arrow {
    border-left: 3px solid #0000;
    border-right: 3px solid #0000;
    border-top: 4px solid #aeaeae;
    height: 0;
    left: 20px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 0
}

.react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #aeaeae;
    border-top: none
}

.react-tel-input .country-list {
    border: 1px solid #4d4d4d;
    border-top: none;
    list-style: none;
    margin: 0;
    max-height: 223px;
    overflow-y: scroll;
    padding: 0;
    text-align: left;
    width: 110%
}

.react-tel-input .country-list::-webkit-scrollbar {
    width: 10px
}

.react-tel-input .country-list::-webkit-scrollbar-track {
    background: none
}

.react-tel-input .country-list::-webkit-scrollbar-thumb {
    background: #aeaeae
}

.react-tel-input .country-list .flag {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/flags.png)!important;
    display: inline-block!important;
    margin: 0 5px 0 0
}

.react-tel-input .country-list .country {
    height: 44px;
    padding: 0 10px
}

.react-tel-input .country-list .country:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.react-tel-input .country-list .country>div,.react-tel-input .country-list .country>span {
    display: inline-block;
    vertical-align: middle
}

.react-tel-input .country-list .country .flag {
    display: inline-block!important
}

.react-tel-input .country-list .country .dial-code {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 11px
}

.react-tel-input .country-list .country.highlight {
    background: #ed1c24
}

.react-tel-input .country-list .country-name {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 11px;
    margin: 0 3px 0 0;
    max-width: 65%
}

.slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-slider .slick-list:focus {
    outline: none
}

.slick-slider .slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list .slick-list,.slick-slider .slick-list .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-slider .slick-list .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-slider .slick-list .slick-track:after,.slick-slider .slick-list .slick-track:before {
    content: "";
    display: table
}

.slick-slider .slick-list .slick-track:after {
    clear: both
}

.slick-loading .slick-slider .slick-list .slick-track {
    visibility: hidden
}

.slick-slider .slick-list .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slider .slick-list .slick-slide {
    float: right
}

.slick-slider button {
    border: none;
    cursor: pointer;
    height: 95.5%;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 20px;
    width: 30px
}

.slick-slider button:before {
    content: "";
    display: inline-block;
    font-family: Icons!important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 14px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    text-transform: none!important;
    top: 50%;
    width: 100%
}

.slick-slider button.slick-next {
    right: -44px
}

.slick-slider button.slick-next:before {
    transform: rotate(180deg)
}

.slick-slider button.slick-prev {
    left: -44px
}

.global-pagination {
    background: #1a1a1a;
    margin: 20px 0 0;
    text-align: center
}

.global-pagination .pagination-wrap {
    display: inline-block;
    padding: 5px 2px
}

.global-pagination .pagination-wrap .pagination {
    margin: 0
}

.global-pagination .pagination-wrap .pagination:after {
    clear: both;
    content: "";
    display: table
}

.global-pagination .pagination-wrap .pagination li {
    display: block;
    float: left;
    margin: 0 0 0 2px
}

.global-pagination .pagination-wrap .pagination li:first-child {
    margin: 0
}

.global-pagination .pagination-wrap .pagination li a {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px
}

.global-pagination .pagination-wrap .pagination li.btn-numbered-page {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

.global-pagination .pagination-wrap .pagination li.btn-numbered-page.active a {
    background: #ed1c24
}

.global-pagination .pagination-wrap .pagination li.btn-first-page,.global-pagination .pagination-wrap .pagination li.btn-next-more {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

.global-pagination .pagination-wrap .pagination li.btn-first-page.disabled {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-first-page.disabled a {
    color: #aeaeae
}

.global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover a {
    cursor: not-allowed
}

.global-pagination .pagination-wrap .pagination li.btn-last-page {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

.global-pagination .pagination-wrap .pagination li.btn-last-page.disabled {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-last-page.disabled a {
    color: #aeaeae
}

.global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover a {
    cursor: not-allowed
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page a {
    overflow: hidden;
    text-indent: -48px
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page a:after {
    color: #fff;
    content: "";
    font-family: Icons!important;
    font-size: 10px;
    left: 19px;
    position: relative
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled a:after {
    color: #aeaeae
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover a {
    cursor: not-allowed
}

.global-pagination .pagination-wrap .pagination li.btn-next-page a {
    overflow: hidden;
    text-indent: -48px
}

.global-pagination .pagination-wrap .pagination li.btn-next-page a:after {
    color: #fff;
    content: "";
    font-family: Icons!important;
    font-size: 10px;
    left: 21px;
    position: relative
}

.global-pagination .pagination-wrap .pagination li.btn-next-page.disabled {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-next-page.disabled a:after {
    color: #aeaeae
}

.global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover {
    background: none
}

.global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover a {
    cursor: not-allowed
}

.progress-bar {
    background: #282727;
    border: 1px solid #4d4d4d;
    height: 28px;
    position: relative;
    width: 180px
}

.progress-bar .percentage {
    background: #ed1c24;
    height: 100%;
    position: relative;
    transition: width .4s linear;
    width: 0
}

.progress-bar .percentage-text {
    display: block;
    height: 100%;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.infinite-scroll {
    clear: both;
    margin: 20px 0;
    position: relative;
    width: 100%
}

.infinite-scroll .game-preloader {
    height: 80px;
    margin: 0 auto;
    width: 80px
}

.infinite-scroll .game-preloader .preloader {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    transform: translate(0);
    width: 100%
}

.infinite-scroll .game-preloader .preloader img {
    height: 100%;
    width: 100%
}

.infinite-scroll button {
    align-items: center;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    display: flex;
    font-size: 13px;
    gap: 6px;
    justify-content: center;
    margin: 0 auto;
    min-width: 100px;
    padding: 0 15px;
    width: auto
}

.infinite-scroll button.loading {
    cursor: wait;
    opacity: .8
}

.infinite-scroll button .btn-spinner {
    animation: btn-spin .8s linear infinite;
    border: 2px solid #ffffff4d;
    border-radius: 50%;
    border-top-color: #fff;
    height: 14px;
    width: 14px
}

.back {
    cursor: pointer;
    display: block;
    left: 15px;
    position: absolute;
    top: 20px;
    z-index: 1
}

.back i {
    color: #4e4e4e;
    font-size: 20px
}

.language-switcher {
    border-bottom: 1px solid #181818;
    padding: 0 0 18px
}

.language-switcher ul li {
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    margin: 0 5px 0 0;
    position: relative;
    width: 25px
}

.language-switcher ul li:last-child {
    margin: 0
}

.language-switcher ul li img {
    display: block;
    height: 100%;
    width: 100%
}

.language-switcher ul li.active:after {
    background-color: #181818;
    bottom: -7px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -11px;
    position: absolute;
    width: 22px
}

.menu-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 8px;
    width: 44px;
    z-index: 1
}

.menu-icon img {
    height: auto;
    width: 24px
}

.profile-menu {
    background: #ed1c24;
    bottom: 0;
    height: 60px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

.profile-menu .center {
    display: flex;
    height: 100%;
    width: 100%
}

.profile-menu .center>div {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 44px;
    position: relative
}

.profile-menu .center>div:not(:last-child):after {
    background: #c61017;
    content: "";
    height: 80%;
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px
}

.profile-menu .center>div .middle,.profile-menu .center>div a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 4px;
    text-decoration: none;
    width: 100%
}

.profile-menu .center>div .middle a {
    padding: 0
}

.profile-menu .center>div i {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px
}

.profile-menu .center>div .animation-wrap>span,.profile-menu .center>div .middle>span,.profile-menu .center>div a>span {
    color: #fff;
    display: block;
    font-size: 9px;
    line-height: 1.2;
    text-align: center
}

.profile-menu .center>div .notifications {
    background: #edee00;
    border-radius: 10px;
    color: #000;
    font-size: 11px;
    min-width: 18px;
    padding: 2px 5px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 4px;
    transform: translateX(16px)
}

.profile-menu .center>div .animate .icon-email,.profile-menu .center>div .animate .notifications {
    -webkit-animation: ring 2s linear infinite;
    -o-animation: ring 2s linear infinite;
    animation: ring 2s linear infinite
}

.auth-btns {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 101
}

.auth-btns:after {
    clear: both;
    content: "";
    display: table
}

.auth-btns button {
    border: none;
    display: block;
    float: left;
    height: 45px;
    padding: 0
}

.auth-btns button.sign-up {
    background: #edee00;
    color: #000;
    width: 60%
}

.auth-btns button.sign-in {
    background: #088c35;
    width: 40%
}

.auth-btns button i {
    margin: 0 9px 0 0
}

.auth-btns button i,.auth-btns button span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.sign-in-popup {
    background-color: #000;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-1.png);
    background-position: 38% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease-in;
    width: 100vw;
    z-index: 120
}

.sign-in-popup.opened {
    transform: translateX(0);
    z-index: 1000000
}

.sign-in-popup.email-message p {
    color: #fff;
    font-size: 14px;
    text-align: center
}

.sign-in-popup.email-message p span {
    display: block
}

.sign-in-popup.email-message p i {
    display: inline-block;
    font-size: 108px
}

.sign-in-popup .sign-in-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    position: relative
}

.sign-in-popup .sign-in-header .back,.sign-in-popup .sign-in-header .close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: auto;
    margin-left: -4px;
    position: relative;
    top: auto;
    width: 48px
}

.sign-in-popup .sign-in-header .back i,.sign-in-popup .sign-in-header .close i {
    color: #fff;
    font-size: 16px
}

.sign-in-popup .sign-in-header .close i {
    background: #28272780;
    border-radius: 50%;
    font-size: 18px;
    padding: 6px
}

.sign-in-popup .sign-in-header h2 {
    border-bottom: none;
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: auto;
    line-height: 1;
    margin: 0 48px 0 0;
    padding: 0;
    text-align: center;
    text-transform: capitalize
}

.sign-in-popup .sign-in-form {
    display: inline-block;
    margin: 45px 0 0;
    vertical-align: middle;
    width: 100%
}

.sign-in-popup .sign-in-form .sign-in-logo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI2LjkxIDI3Ni4zMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMTI2Mjl9LmNscy0ye2ZpbGw6I2ZmZn0uY2xzLTN7ZmlsbDojYzUyNDI2fS5jbHMtNHtmaWxsOiM5MTE5MWJ9LmNscy01e2ZpbGw6Izc1MTQxNn08L3N0eWxlPjwvZGVmcz48dGl0bGU+TWFyc0JhaGlzX09yZ2luYWw8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTI0OS43OCAyNTguMjR2M0gyNDR2MTUuMDloLTMuNnYtMTUuMWgtNS43OHYtM1ptMTkuNTUgMTguMDgtLjY2LTEwLjY0Yy0uMDctMS40LS4wNy0zLjEyLS4xMy01LjA1aC0uMmMtLjQ3IDEuNi0xIDMuNzItMS41MyA1LjM4bC0zLjI2IDEwaC0zLjcybC0zLjI2LTEwLjNjLS4zMy0xLjQtLjg2LTMuNTItMS4yNi01LjEyaC0uMmMwIDEuNjYtLjA3IDMuMzktLjEzIDUuMDVsLS42NiAxMC42NGgtMy40NmwxLjMzLTE4LjA4aDUuMzlsMy4xMiA4Ljg0Yy40IDEuNC43MyAyLjczIDEuMiA0LjU5aC4wN2MuNDctMS42Ni44Ni0zLjE5IDEuMjYtNC41MmwzLjEyLTguOTFoNS4xOWwxLjQgMTguMDhaTTk5Ny42MSAxODIuNTljOC41NiAwIDE1LjY3LTIuMSAyMS4xMy02LjIzczguMTctOS4zNiA4LjE3LTE1LjYzYTIyLjM0IDIyLjM0IDAgMCAwLTQuMzctMTRjLTIuOTItMy43OC05LjI1LTguMjMtMTguODItMTMuMjJsLTIuMTYtMS4wOWMtMTIuMTgtNi4zOC0xOC4xLTExLjY0LTE4LjEtMTYuMDggMC0zLjEyIDEuNTItNS42OSA0LjUyLTcuNjZzNi43NS0yLjkgMTEuMzUtMi45YTMzLjcgMzMuNyAwIDAgMSAxMS40MyAyLjA2IDU2LjIgNTYuMiAwIDAgMSAxMS42IDYuMDV2LTEyLjU0YTUzIDUzIDAgMCAwLTExLjA2LTQuMjEgNDYuOCA0Ni44IDAgMCAwLTExLjM5LTEuNDFjLTguNiAwLTE1LjcyIDIuMS0yMS4xNyA2LjIzcy04LjE0IDkuNDItOC4xNCAxNS44MWExNy42IDE3LjYgMCAwIDAgNC4yNSAxMS43OWMyLjg2IDMuMzMgMTAgOC4xMyAyMS4zMyAxNC4yNSA3LjQ3IDQgMTIuMDggNyAxNC4wOSA5LjFhMTAuOCAxMC44IDAgMCAxIDMuMDYgNy41OCA5LjY3IDkuNjcgMCAwIDEtNC41NSA4LjM4Yy0zIDItNyAzLTEyLjEyIDNhMzEuOCAzMS44IDAgMCAxLTEzLjUyLTMgNDkgNDkgMCAwIDEtMTIuMzktOC44djE0LjU3YTQzIDQzIDAgMCAwIDEyLjI3IDYgNTEuNyA1MS43IDAgMCAwIDE0LjU5IDEuOTUiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Im0zODQuNzIgMTI3LjQxLTI4LjYtMzNoLTE5LjIzdjg4LjkzSDM1OXYtNTUuNDhsMjQgMjcuODhoMy4zM2wyNC0yNy44OHY1NS41MWgyMi4xNVY5NC40NEg0MTMuM1ptOTMuODctMzMtMzUuOTIgODguOTNoMjMuNDdsNi42NC0xNy41N2gzOS44Mmw3LjMyIDE3LjU3aDIzLjgybC0zOS41LTg4LjkzWm0uMDYgNTUuODMgMTMuMDYtMzQuNTcgMTQuNDEgMzQuNTdabTEyOC44OC04LjVxMTUuMjctNy4wNiAxNS4yNy0yMS43NmEyMy43NiAyMy43NiAwIDAgMC04LjA4LTE4LjFxLTguMDktNy40OC0yMS03LjQ4SDU1NHY4OC45M2gyMi4xNXYtMzYuMDZoNi4zN2ExMi4wOCAxMi4wOCAwIDAgMSA4LjI0IDMuNXEzLjg1IDMuNSA5LjI2IDE1Ljg1dDcuNTggMTYuNzRoMjQuMzFxLTUuNjItMTEuODMtMTEuNjUtMjUuMTl0LTEyLjcyLTE2LjRabS0xMC43OS0xMy40M3EtMy4yOCAyLjY0LTguODggMi42NGgtMTEuNzF2LTIwLjIyaDExLjJxMTIuNjcgMCAxMi42NyAxMC4wNmE5LjEzIDkuMTMgMCAwIDEtMy4yNyA3LjU0Wm0xMDUuNTQgMTQuODlhMzAuNyAzMC43IDAgMCAwLTEwLjIyLTguNzggMTM1IDEzNSAwIDAgMC0xNS43OS02Ljc1cS05Ljg3LTMuNjMtMTIuNDEtNS45MmE2LjU2IDYuNTYgMCAwIDEtMi41NS00Ljg0cTAtMy4zMSAzLjUzLTUuMzJ0OS41Mi0ycTEwLjUgMCAyOC4yIDh2LTE3LjQzcS0xNS44NS02Ljg3LTMwLjExLTYuODctMTUuNDcgMC0yNC43IDdhMjIuMTYgMjIuMTYgMCAwIDAtOS4yMyAxOC41cTAgOC44NSA0LjIzIDE0LjUyYTI5LjggMjkuOCAwIDAgMCAxMC4wNSA4LjcyIDEyNy41IDEyNy41IDAgMCAwIDE1Ljc5IDYuNjJxMTAgMy41NiAxMi41NyA2YTcuMjcgNy4yNyAwIDAgMSAyLjYxIDUuMjhxMCA4LjIxLTEzIDguMjFhMzkgMzkgMCAwIDEtMTQuNTgtMi43NCA4NyA4NyAwIDAgMS0xNS43OC04LjcydjE5LjE2YTY1LjQ0IDY1LjQ0IDAgMCAwIDMyLjA4IDguNTlxMTUuMzQgMCAyNC43My03LjMydDkuMzktMTkuNjdxLS4wMy04LjU3LTQuMzMtMTQuMjQiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik03MjEuNzIgMTgxLjQyVjk2LjY0aDI0Ljc4cTEyLjY3IDAgMTkuNTQgNS43NnQ2Ljg4IDE2LjM2YTE4LjQgMTguNCAwIDAgMS0zLjA5IDEwLjkxIDE5LjQ1IDE5LjQ1IDAgMCAxLTkuNDUgNi43M3E5LjI3IDIuMTggMTQuMzMgNy45NGEyMC40NyAyMC40NyAwIDAgMSA1LjA2IDE0cTAgMTAuNTQtNy43MyAxNi44MnQtMjAuOTQgNi4yN1ptMTItNDguNDJoOC4xOHE5LjI3IDAgMTMuNzYtMy4zM3Q0LjQ4LTEwLjE4cTAtNi4yNC0zLjU0LTkuMDl0LTExLjMtMi44NWgtMTEuNThabTAgMTEuMDl2MjYuM2gxNi4xMnE4Ljg1IDAgMTIuOTQtMy4xMnQ0LjA5LTkuNzlxMC02LjkxLTQuNTgtMTAuMTV0LTE0LjM5LTMuMjRaTTc4MS43OCAxODEuNDJsMzYuNzItODQuNzhoOC44NWwzNy4yMSA4NC43OEg4NTJsLTEwLjkxLTI1SDgwNWwtMTAuNzkgMjVabTI3Ljk0LTM1Ljg3aDI2LjQyTDgyMi43NCAxMTVaTTk0Ny44NiA5Ni42NGgxMi4xMnYxMC45MWgtMTIuMTJ6TTk0Ny44NiAxMTQuOTZoMTIuMTJ2NjYuNDZoLTEyLjEyek05MjIuNzMgOTYuNDZ2MzYuNjZoLTM5LjYyVjk2LjQ2aC0xMi4wOHY4NC43NWgxMi4wOHYtMzYuNjNoMzkuNjJ2MzYuNjNoMTIuMDhWOTYuNDZ6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjM4LjAyIDM2LjgyIDM2LjgyIDYzLjc4djczLjY0bC0zNi44MiA2My43OC02My43OCAzNi44MkgxMDAuNmwtNjMuNzgtMzYuODJMMCAxNzQuMjRWMTAwLjZsMzYuODItNjMuNzhMMTAwLjYgMGg3My42NHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Ik0yNzIuNiAxMDEuMnY3Mi40NWwtMTQuNzkgMjUuNjEtNDAuNDktNzAuMnoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im0yMzYuMzcgMzguNDcgMzYuMjMgNjIuNzMtNTUuMjggMjcuODYtMjYuMjItNjkuNDR6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjU3LjgxIDE5OS4yNi0yMS40NCAzNy4xMi0xOS4wNS0xMDcuMzJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMjE3LjMyIDEyOS4wNiAxOS4wNSAxMDcuMzItNjIuNzMgMzYuMjItMjEuMzUtODIuMjV6TTIzNi4zNyAzOC40NyAxOTEuMSA1OS42MmwtNjEuNjEtMTIuMjYgNDQuMTUtNDUuMTJ6TTE5MS4xIDU5LjYybDI2LjIyIDY5LjQ0LTc4Ljg0LTEwLjIyeiIgY2xhc3M9ImNscy0zIi8+PHBhdGggZD0ibTIxNy4zMiAxMjkuMDYtNjUuMDMgNjEuMjktNTguNDMtMjAuOTYgNDQuNjItNTAuNTV6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTkxLjEgNTkuNjItNTIuNjIgNTkuMjItOC45OS03MS40OHoiIGNsYXNzPSJjbHMtNCIvPjxwYXRoIGQ9Im0xNzMuNjQgMi4yNC00NC4xNSA0NS4xMi0yOC4zLTQ1LjEyeiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUgMjEuMzUgODIuMjUtNjcuOTItMzkuMjJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTA1LjcyIDIzMy4zOCA2Ny45MiAzOS4yMmgtNzIuNDVsLTYyLjczLTM2LjIyIDIzLjQyLTI4LjMxeiIgY2xhc3M9ImNscy01Ii8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUtNDYuNTcgNDMuMDMtNDMuODQtMjUuMzEgMzEuOTgtMzguNjh6IiBjbGFzcz0iY2xzLTMiLz48cGF0aCBkPSJtMTI5LjQ5IDQ3LjM2IDguOTkgNzEuNDgtNjkuODQtOS4wNC0uMDgtLjE5eiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTEzOC40OCAxMTguODQtNDQuNjIgNTAuNTUtMjUuMjItNTkuNTl6TTEwMS4xOSAyLjI0bDI4LjMgNDUuMTItNjAuOTMgNjIuMjUtMzAuMS03MS4xNHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im02OC42NCAxMDkuOCAyNS4yMiA1OS41OS0zMS45OCAzOC42OC01OS42NC0zNC40MlYxMDEuMnoiIGNsYXNzPSJjbHMtNSIvPjxwYXRoIGQ9Im02OC41NiAxMDkuNjEuMDguMTktNjYuNC04LjYgMzYuMjItNjIuNzN6TTYxLjg4IDIwOC4wN2wtMjMuNDIgMjguMzEtMzYuMjItNjIuNzN6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJNOTYuNDYgNzQuMDhINjguOTJ2MTI2LjY4aDMxLjcydi03OS4wN0wxMzUgMTYxLjQxaDQuNzZsMzQuNC0zOS43MnY3OS4wN2gzMS43MlY3NC4wOGgtMjcuNTNsLTQwLjkzIDQ3WiIgY2xhc3M9ImNscy0yIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%/contain;
    height: 124px;
    margin: 0 auto;
    width: 124px
}

.sign-in-popup .sign-in-form form {
    margin: 50px 0 0
}

.sign-in-popup .sign-in-form form .input-wrap {
    margin: 0 15px;
    position: relative
}

.sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2) {
    margin: 15px 15px 0
}

.sign-in-popup .sign-in-form form .input-wrap i {
    color: #aeaeae;
    display: block;
    font-size: 18px;
    left: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.sign-in-popup .sign-in-form form .input-wrap input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 15px;
    height: 48px;
    padding: 0 14px 0 48px;
    text-align: left;
    width: 100%
}

.sign-in-popup .sign-in-form form .input-wrap input:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-in-popup .sign-in-form form .input-wrap input::placeholder {
    color: #aeaeae
}

.sign-in-popup .sign-in-form form .input-wrap .mask-input {
    display: block;
    position: relative;
    width: 100%
}

.sign-in-popup .sign-in-form form .input-wrap .mask-input.has-password-toggle input {
    padding-right: 44px
}

.sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle {
    color: #aeaeae;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .2s ease;
    z-index: 1
}

.sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle.show,.sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle:hover {
    color: #fff
}

.sign-in-popup .sign-in-form form .forgot-password {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    line-height: 14px;
    margin: 17px 15px 0
}

.sign-in-popup .sign-in-form form .signin-error {
    color: #ed1c24;
    display: block;
    margin: 17px 0 0
}

.sign-in-popup .sign-in-form form .signin-error:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.sign-in-popup .sign-in-form form .signin-error i {
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 0 0;
    position: static;
    transform: none;
    vertical-align: middle
}

.sign-in-popup .sign-in-form form .signin-error span {
    display: inline-block;
    font-family: OpenSansRegular,serif;
    font-size: 12px;
    vertical-align: middle
}

.sign-in-popup .sign-in-form form .button-group {
    margin: 24px 15px 0
}

.sign-in-popup .sign-in-form form .button-group button {
    border: none;
    border-radius: 4px;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    padding: 0
}

.sign-in-popup .sign-in-form form .button-group button.sign-up {
    background: #0000;
    border: 2px solid #ed1c24;
    color: #ed1c24;
    margin: 16px auto 0;
    width: 100%
}

.sign-in-popup .sign-in-form form .button-group button.sign-in {
    background: #088c35;
    margin: 0 auto;
    width: 100%
}

.sign-in-popup .sign-in-form form .button-group button i {
    color: inherit;
    display: inline-block;
    font-size: 16px;
    margin: 0 9px 0 0;
    position: static;
    transform: none;
    vertical-align: middle
}

.sign-in-popup .sign-in-form form .button-group button span {
    display: inline-block;
    vertical-align: middle
}

.sign-in-popup.resume-popup-wrap .input-wrap {
    margin: 15px 0 0!important;
    position: relative
}

.sign-in-popup.resume-popup-wrap .input-wrap label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 20%
}

.sign-in-popup.resume-popup-wrap .input-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #181818!important;
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/down-arrow.svg) no-repeat 95% 50%/auto 16%;
    border: 1px solid #4d4d4d;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    height: 30px;
    text-overflow: "";
    vertical-align: middle;
    width: 80%
}

.sign-in-popup.resume-popup-wrap .input-wrap input {
    border: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    margin: 0;
    padding: 0 17px!important;
    width: 80%
}

.sign-in-popup.resume-popup-wrap .input-wrap input::-webkit-input-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif
}

.sign-in-popup.resume-popup-wrap .input-wrap input:-moz-placeholder,.sign-in-popup.resume-popup-wrap .input-wrap input::-moz-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

.sign-in-popup.resume-popup-wrap .input-wrap input:-ms-input-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif
}

.sign-in-popup.resume-popup-wrap a {
    color: #aeaeae;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0;
    text-decoration: none
}

.sign-in-popup .otp-hint-message {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 12px;
    padding: 0 15px;
    text-align: center
}

.sign-in-popup .otp-split-input {
    margin: 0 15px 8px;
    text-align: center
}

.sign-in-popup .otp-split-input .otp-split-label {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 0 0 12px;
    text-transform: uppercase
}

.sign-in-popup .otp-split-input .otp-digits {
    display: flex;
    gap: 8px;
    justify-content: center
}

.sign-in-popup .otp-split-input input.otp-digit {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    caret-color: #fff;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 22px;
    height: 52px;
    margin: 0;
    padding: 0;
    text-align: center;
    transition: border-color .2s ease;
    width: 44px
}

.sign-in-popup .otp-split-input input.otp-digit:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-in-popup .otp-split-input input.otp-digit.filled,.sign-in-popup .otp-split-input input.otp-digit.focused,.sign-in-popup .otp-split-input.has-error input.otp-digit {
    border-color: #ed1c24
}

.sign-up-popup {
    background-color: #000;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease-in;
    width: 100%;
    z-index: 999999
}

.sign-up-popup.bg3 {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-2.png);
    background-position: 11% 0
}

.sign-up-popup.opened {
    transform: translateX(0)
}

.sign-up-popup .sign-up-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    position: relative
}

.sign-up-popup .sign-up-header .back,.sign-up-popup .sign-up-header .close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: auto;
    margin-left: -4px;
    position: relative;
    top: auto;
    width: 48px
}

.sign-up-popup .sign-up-header .back i,.sign-up-popup .sign-up-header .close i {
    color: #fff;
    font-size: 16px
}

.sign-up-popup .sign-up-header .close i {
    background: #28272780;
    border-radius: 50%;
    font-size: 18px;
    padding: 6px
}

.sign-up-popup .sign-up-header h2 {
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin: 0 48px 0 0;
    text-align: center;
    text-transform: capitalize
}

.sign-up-popup .sign-up-window-form {
    display: block;
    padding: 15px;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form .step .logo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI2LjkxIDI3Ni4zMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMTI2Mjl9LmNscy0ye2ZpbGw6I2ZmZn0uY2xzLTN7ZmlsbDojYzUyNDI2fS5jbHMtNHtmaWxsOiM5MTE5MWJ9LmNscy01e2ZpbGw6Izc1MTQxNn08L3N0eWxlPjwvZGVmcz48dGl0bGU+TWFyc0JhaGlzX09yZ2luYWw8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTI0OS43OCAyNTguMjR2M0gyNDR2MTUuMDloLTMuNnYtMTUuMWgtNS43OHYtM1ptMTkuNTUgMTguMDgtLjY2LTEwLjY0Yy0uMDctMS40LS4wNy0zLjEyLS4xMy01LjA1aC0uMmMtLjQ3IDEuNi0xIDMuNzItMS41MyA1LjM4bC0zLjI2IDEwaC0zLjcybC0zLjI2LTEwLjNjLS4zMy0xLjQtLjg2LTMuNTItMS4yNi01LjEyaC0uMmMwIDEuNjYtLjA3IDMuMzktLjEzIDUuMDVsLS42NiAxMC42NGgtMy40NmwxLjMzLTE4LjA4aDUuMzlsMy4xMiA4Ljg0Yy40IDEuNC43MyAyLjczIDEuMiA0LjU5aC4wN2MuNDctMS42Ni44Ni0zLjE5IDEuMjYtNC41MmwzLjEyLTguOTFoNS4xOWwxLjQgMTguMDhaTTk5Ny42MSAxODIuNTljOC41NiAwIDE1LjY3LTIuMSAyMS4xMy02LjIzczguMTctOS4zNiA4LjE3LTE1LjYzYTIyLjM0IDIyLjM0IDAgMCAwLTQuMzctMTRjLTIuOTItMy43OC05LjI1LTguMjMtMTguODItMTMuMjJsLTIuMTYtMS4wOWMtMTIuMTgtNi4zOC0xOC4xLTExLjY0LTE4LjEtMTYuMDggMC0zLjEyIDEuNTItNS42OSA0LjUyLTcuNjZzNi43NS0yLjkgMTEuMzUtMi45YTMzLjcgMzMuNyAwIDAgMSAxMS40MyAyLjA2IDU2LjIgNTYuMiAwIDAgMSAxMS42IDYuMDV2LTEyLjU0YTUzIDUzIDAgMCAwLTExLjA2LTQuMjEgNDYuOCA0Ni44IDAgMCAwLTExLjM5LTEuNDFjLTguNiAwLTE1LjcyIDIuMS0yMS4xNyA2LjIzcy04LjE0IDkuNDItOC4xNCAxNS44MWExNy42IDE3LjYgMCAwIDAgNC4yNSAxMS43OWMyLjg2IDMuMzMgMTAgOC4xMyAyMS4zMyAxNC4yNSA3LjQ3IDQgMTIuMDggNyAxNC4wOSA5LjFhMTAuOCAxMC44IDAgMCAxIDMuMDYgNy41OCA5LjY3IDkuNjcgMCAwIDEtNC41NSA4LjM4Yy0zIDItNyAzLTEyLjEyIDNhMzEuOCAzMS44IDAgMCAxLTEzLjUyLTMgNDkgNDkgMCAwIDEtMTIuMzktOC44djE0LjU3YTQzIDQzIDAgMCAwIDEyLjI3IDYgNTEuNyA1MS43IDAgMCAwIDE0LjU5IDEuOTUiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Im0zODQuNzIgMTI3LjQxLTI4LjYtMzNoLTE5LjIzdjg4LjkzSDM1OXYtNTUuNDhsMjQgMjcuODhoMy4zM2wyNC0yNy44OHY1NS41MWgyMi4xNVY5NC40NEg0MTMuM1ptOTMuODctMzMtMzUuOTIgODguOTNoMjMuNDdsNi42NC0xNy41N2gzOS44Mmw3LjMyIDE3LjU3aDIzLjgybC0zOS41LTg4LjkzWm0uMDYgNTUuODMgMTMuMDYtMzQuNTcgMTQuNDEgMzQuNTdabTEyOC44OC04LjVxMTUuMjctNy4wNiAxNS4yNy0yMS43NmEyMy43NiAyMy43NiAwIDAgMC04LjA4LTE4LjFxLTguMDktNy40OC0yMS03LjQ4SDU1NHY4OC45M2gyMi4xNXYtMzYuMDZoNi4zN2ExMi4wOCAxMi4wOCAwIDAgMSA4LjI0IDMuNXEzLjg1IDMuNSA5LjI2IDE1Ljg1dDcuNTggMTYuNzRoMjQuMzFxLTUuNjItMTEuODMtMTEuNjUtMjUuMTl0LTEyLjcyLTE2LjRabS0xMC43OS0xMy40M3EtMy4yOCAyLjY0LTguODggMi42NGgtMTEuNzF2LTIwLjIyaDExLjJxMTIuNjcgMCAxMi42NyAxMC4wNmE5LjEzIDkuMTMgMCAwIDEtMy4yNyA3LjU0Wm0xMDUuNTQgMTQuODlhMzAuNyAzMC43IDAgMCAwLTEwLjIyLTguNzggMTM1IDEzNSAwIDAgMC0xNS43OS02Ljc1cS05Ljg3LTMuNjMtMTIuNDEtNS45MmE2LjU2IDYuNTYgMCAwIDEtMi41NS00Ljg0cTAtMy4zMSAzLjUzLTUuMzJ0OS41Mi0ycTEwLjUgMCAyOC4yIDh2LTE3LjQzcS0xNS44NS02Ljg3LTMwLjExLTYuODctMTUuNDcgMC0yNC43IDdhMjIuMTYgMjIuMTYgMCAwIDAtOS4yMyAxOC41cTAgOC44NSA0LjIzIDE0LjUyYTI5LjggMjkuOCAwIDAgMCAxMC4wNSA4LjcyIDEyNy41IDEyNy41IDAgMCAwIDE1Ljc5IDYuNjJxMTAgMy41NiAxMi41NyA2YTcuMjcgNy4yNyAwIDAgMSAyLjYxIDUuMjhxMCA4LjIxLTEzIDguMjFhMzkgMzkgMCAwIDEtMTQuNTgtMi43NCA4NyA4NyAwIDAgMS0xNS43OC04LjcydjE5LjE2YTY1LjQ0IDY1LjQ0IDAgMCAwIDMyLjA4IDguNTlxMTUuMzQgMCAyNC43My03LjMydDkuMzktMTkuNjdxLS4wMy04LjU3LTQuMzMtMTQuMjQiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik03MjEuNzIgMTgxLjQyVjk2LjY0aDI0Ljc4cTEyLjY3IDAgMTkuNTQgNS43NnQ2Ljg4IDE2LjM2YTE4LjQgMTguNCAwIDAgMS0zLjA5IDEwLjkxIDE5LjQ1IDE5LjQ1IDAgMCAxLTkuNDUgNi43M3E5LjI3IDIuMTggMTQuMzMgNy45NGEyMC40NyAyMC40NyAwIDAgMSA1LjA2IDE0cTAgMTAuNTQtNy43MyAxNi44MnQtMjAuOTQgNi4yN1ptMTItNDguNDJoOC4xOHE5LjI3IDAgMTMuNzYtMy4zM3Q0LjQ4LTEwLjE4cTAtNi4yNC0zLjU0LTkuMDl0LTExLjMtMi44NWgtMTEuNThabTAgMTEuMDl2MjYuM2gxNi4xMnE4Ljg1IDAgMTIuOTQtMy4xMnQ0LjA5LTkuNzlxMC02LjkxLTQuNTgtMTAuMTV0LTE0LjM5LTMuMjRaTTc4MS43OCAxODEuNDJsMzYuNzItODQuNzhoOC44NWwzNy4yMSA4NC43OEg4NTJsLTEwLjkxLTI1SDgwNWwtMTAuNzkgMjVabTI3Ljk0LTM1Ljg3aDI2LjQyTDgyMi43NCAxMTVaTTk0Ny44NiA5Ni42NGgxMi4xMnYxMC45MWgtMTIuMTJ6TTk0Ny44NiAxMTQuOTZoMTIuMTJ2NjYuNDZoLTEyLjEyek05MjIuNzMgOTYuNDZ2MzYuNjZoLTM5LjYyVjk2LjQ2aC0xMi4wOHY4NC43NWgxMi4wOHYtMzYuNjNoMzkuNjJ2MzYuNjNoMTIuMDhWOTYuNDZ6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjM4LjAyIDM2LjgyIDM2LjgyIDYzLjc4djczLjY0bC0zNi44MiA2My43OC02My43OCAzNi44MkgxMDAuNmwtNjMuNzgtMzYuODJMMCAxNzQuMjRWMTAwLjZsMzYuODItNjMuNzhMMTAwLjYgMGg3My42NHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Ik0yNzIuNiAxMDEuMnY3Mi40NWwtMTQuNzkgMjUuNjEtNDAuNDktNzAuMnoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im0yMzYuMzcgMzguNDcgMzYuMjMgNjIuNzMtNTUuMjggMjcuODYtMjYuMjItNjkuNDR6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjU3LjgxIDE5OS4yNi0yMS40NCAzNy4xMi0xOS4wNS0xMDcuMzJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMjE3LjMyIDEyOS4wNiAxOS4wNSAxMDcuMzItNjIuNzMgMzYuMjItMjEuMzUtODIuMjV6TTIzNi4zNyAzOC40NyAxOTEuMSA1OS42MmwtNjEuNjEtMTIuMjYgNDQuMTUtNDUuMTJ6TTE5MS4xIDU5LjYybDI2LjIyIDY5LjQ0LTc4Ljg0LTEwLjIyeiIgY2xhc3M9ImNscy0zIi8+PHBhdGggZD0ibTIxNy4zMiAxMjkuMDYtNjUuMDMgNjEuMjktNTguNDMtMjAuOTYgNDQuNjItNTAuNTV6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTkxLjEgNTkuNjItNTIuNjIgNTkuMjItOC45OS03MS40OHoiIGNsYXNzPSJjbHMtNCIvPjxwYXRoIGQ9Im0xNzMuNjQgMi4yNC00NC4xNSA0NS4xMi0yOC4zLTQ1LjEyeiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUgMjEuMzUgODIuMjUtNjcuOTItMzkuMjJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTA1LjcyIDIzMy4zOCA2Ny45MiAzOS4yMmgtNzIuNDVsLTYyLjczLTM2LjIyIDIzLjQyLTI4LjMxeiIgY2xhc3M9ImNscy01Ii8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUtNDYuNTcgNDMuMDMtNDMuODQtMjUuMzEgMzEuOTgtMzguNjh6IiBjbGFzcz0iY2xzLTMiLz48cGF0aCBkPSJtMTI5LjQ5IDQ3LjM2IDguOTkgNzEuNDgtNjkuODQtOS4wNC0uMDgtLjE5eiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTEzOC40OCAxMTguODQtNDQuNjIgNTAuNTUtMjUuMjItNTkuNTl6TTEwMS4xOSAyLjI0bDI4LjMgNDUuMTItNjAuOTMgNjIuMjUtMzAuMS03MS4xNHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im02OC42NCAxMDkuOCAyNS4yMiA1OS41OS0zMS45OCAzOC42OC01OS42NC0zNC40MlYxMDEuMnoiIGNsYXNzPSJjbHMtNSIvPjxwYXRoIGQ9Im02OC41NiAxMDkuNjEuMDguMTktNjYuNC04LjYgMzYuMjItNjIuNzN6TTYxLjg4IDIwOC4wN2wtMjMuNDIgMjguMzEtMzYuMjItNjIuNzN6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJNOTYuNDYgNzQuMDhINjguOTJ2MTI2LjY4aDMxLjcydi03OS4wN0wxMzUgMTYxLjQxaDQuNzZsMzQuNC0zOS43MnY3OS4wN2gzMS43MlY3NC4wOGgtMjcuNTNsLTQwLjkzIDQ3WiIgY2xhc3M9ImNscy0yIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%/contain;
    display: block;
    height: 89px;
    margin: 13px auto 0;
    width: 120px
}

.sign-up-popup .sign-up-window-form .step>.form-group {
    margin: 16px 0 0
}

.sign-up-popup .sign-up-window-form .step .text {
    margin-top: 5px
}

.sign-up-popup .sign-up-window-form form .text h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 4px;
    text-align: center;
    text-transform: capitalize
}

.sign-up-popup .sign-up-window-form form .text p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 16px;
    text-align: center
}

.sign-up-popup .sign-up-window-form form .text p.required {
    color: #ed1c24
}

.sign-up-popup .sign-up-window-form form .form-label {
    border-bottom: none;
    display: block;
    margin: 0 0 16px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .error-message {
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 4px 0 0
}

.sign-up-popup .sign-up-window-form form .form-label .label {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    margin: 0 0 8px;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div,.sign-up-popup .sign-up-window-form form .form-label label {
    display: block
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group,.sign-up-popup .sign-up-window-form form .form-label label.password-group {
    display: block;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child {
    margin-bottom: 12px
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 40px 0 12px;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group:after,.sign-up-popup .sign-up-window-form form .form-label label.password-group:after {
    display: none
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap {
    position: relative
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup ul,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:before,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:after,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

.sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question,.sign-up-popup .sign-up-window-form form .form-label label.secret-question {
    display: block;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input {
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    height: 44px;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control {
    background: #0000;
    border: none;
    height: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value {
    line-height: 44px;
    padding: 0 12px
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input {
    height: 44px;
    padding: 0 12px
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input input,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input input {
    height: 44px;
    line-height: 44px
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused {
    border-color: #ed1c24
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 8px #0000004d;
    left: -1px;
    max-height: 200px;
    position: absolute;
    right: -1px;
    top: 100%;
    width: auto;
    z-index: 1000;
    -webkit-overflow-scrolling: touch
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu {
    max-height: 198px;
    overflow-y: auto
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option {
    border-bottom: 1px solid #4d4d4d80;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 12px
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child {
    border-bottom: none
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active {
    background: #ed1c2433
}

.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected {
    background: #ed1c24;
    color: #fff
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input,.sign-up-popup .sign-up-window-form form .form-label label.mask-input {
    display: block;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input input,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px;
    text-align: left;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled {
    color: #aeaeae
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 40px 0 12px;
    position: relative;
    width: 100%;
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:disabled,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:disabled {
    color: #aeaeae
}

.sign-up-popup .sign-up-window-form form .form-label .select {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.sign-up-popup .sign-up-window-form form .form-label .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 40px 0 12px;
    position: relative;
    width: 100%;
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label .select select:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label .select select:disabled {
    color: #aeaeae
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question {
    display: block;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .select {
    display: block;
    margin-bottom: 12px;
    overflow: visible;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 40px 0 12px;
    position: relative;
    width: 100%;
    z-index: 1
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input {
    display: block;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label .form-group {
    display: block;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within {
    border-color: #ed1c24
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text] {
    background: #0000;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 12px 0 60px!important;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus {
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown {
    background: #0000;
    border: none;
    border-right: 1px solid #4d4d4d;
    height: 100%
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag {
    height: 100%;
    padding: 0 0 0 12px
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag {
    top: 50%;
    transform: translateY(-50%)
}

.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list {
    background: #000;
    border: 1px solid #4d4d4d;
    border-radius: 4px
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday {
    display: block;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group {
    display: flex;
    gap: 8px
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select {
    display: block;
    flex: 1;
    overflow: visible;
    position: relative
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 28px 0 8px;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus {
    border-color: #ed1c24;
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within {
    border-color: #ed1c24
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text] {
    background: #0000;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 12px 0 60px!important;
    width: 100%
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus {
    outline: none
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown {
    align-items: center;
    background: #0000;
    border: none;
    border-right: 1px solid #4d4d4d;
    display: flex;
    height: 100%
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 0 0 12px
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag {
    margin-top: 0;
    position: relative;
    top: auto;
    transform: none
}

.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list {
    background: #000;
    border: 1px solid #4d4d4d;
    border-radius: 4px
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox {
    display: block;
    padding: 0
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap {
    display: block;
    padding: 0 70px 0 0;
    position: relative
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 18px;
    height: 26px;
    left: auto;
    right: 0;
    vertical-align: middle;
    width: 50px
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 22px
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox .text {
    font-size: 10px;
    line-height: 10px
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox .text a {
    text-decoration: none
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

.sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(22px)
}

.sign-up-popup .sign-up-window-form form button {
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    margin: 0;
    padding: 0;
    transition: opacity .2s ease;
    width: 100%
}

.sign-up-popup .sign-up-window-form form button:hover {
    opacity: .9
}

.sign-up-popup .sign-up-window-form form button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.sign-up-popup .welcome-text {
    height: 340px;
    margin: 20px 0 0;
    padding: 40px 20px 23px;
    width: 100%
}

.sign-up-popup .welcome-text:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.sign-up-popup .welcome-text i {
    color: #39b54a;
    display: inline-block;
    font-size: 190px;
    margin: 0 auto;
    vertical-align: middle
}

.sign-up-popup .welcome-text .checkbox {
    display: block;
    margin: 23px 0 0;
    padding: 0;
    text-align: right
}

.sign-up-popup .welcome-text .checkbox .checkbox-wrap {
    display: block;
    padding: 0 60px 0 0;
    position: relative
}

.sign-up-popup .welcome-text .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 18px;
    height: 26px;
    left: auto;
    right: 0;
    vertical-align: middle;
    width: 50px
}

.sign-up-popup .welcome-text .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 22px
}

.sign-up-popup .welcome-text .checkbox .text {
    font-size: 10px;
    line-height: 10px
}

.sign-up-popup .welcome-text .checkbox .text a {
    text-decoration: none
}

.sign-up-popup .welcome-text .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

.sign-up-popup .welcome-text .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(22px)
}

.sign-up-popup .message p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0;
    text-align: center
}

.sign-up-popup .button-group,.sign-up-popup .step-buttons {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 24px 0 0;
    width: 100%
}

.sign-up-popup .button-group a,.sign-up-popup .button-group button,.sign-up-popup .step-buttons a,.sign-up-popup .step-buttons button {
    align-items: center;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    min-height: 48px;
    padding: 0 16px;
    text-decoration: none;
    transition: opacity .2s ease;
    vertical-align: middle
}

.sign-up-popup .button-group a:hover,.sign-up-popup .button-group button:hover,.sign-up-popup .step-buttons a:hover,.sign-up-popup .step-buttons button:hover {
    opacity: .9
}

.sign-up-popup .button-group a:first-child:not(:only-child),.sign-up-popup .button-group button:first-child:not(:only-child),.sign-up-popup .step-buttons a:first-child:not(:only-child),.sign-up-popup .step-buttons button:first-child:not(:only-child) {
    background: #0000;
    border: 1px solid #ed1c24;
    color: #ed1c24
}

.sign-up-popup .button-group a:first-child:not(:only-child):hover,.sign-up-popup .button-group button:first-child:not(:only-child):hover,.sign-up-popup .step-buttons a:first-child:not(:only-child):hover,.sign-up-popup .step-buttons button:first-child:not(:only-child):hover {
    background: #ed1c241a
}

.sign-up-popup .button-group a.inactive-button,.sign-up-popup .button-group a:disabled,.sign-up-popup .button-group button.inactive-button,.sign-up-popup .button-group button:disabled,.sign-up-popup .step-buttons a.inactive-button,.sign-up-popup .step-buttons a:disabled,.sign-up-popup .step-buttons button.inactive-button,.sign-up-popup .step-buttons button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.sign-up-popup .button-group a,.sign-up-popup .button-group button {
    flex: 1
}

.balance-popup {
    padding: 30px 0 0;
    position: relative
}

.balance-popup .icon-deposit {
    animation: pulsate 1.5s ease-out infinite;
    color: #39b54a;
    display: block;
    font-size: 20px;
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 10px;
    transform-origin: center center;
    -webkit-transform-origin: center center
}

.balance-popup p {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 0;
    text-align: center
}

.balance-popup .button-group {
    margin: 30px 0 0;
    text-align: center
}

.balance-popup .button-group .deposit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    padding: 0 15px;
    width: auto
}

.balance-popup .button-group .close {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    float: none;
    font-weight: 400;
    margin: 0 0 0 15px;
    opacity: 1;
    padding: 0 15px;
    text-shadow: none;
    width: auto
}

.random-bonus-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200
}

.random-bonus-popup-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.random-bonus-popup-overlay .random-bonus-popup .button-group {
    display: flex;
    justify-content: center
}

.random-bonus-popup-overlay .random-bonus-popup .button-group button {
    font-size: 12px;
    margin: 20px 5px 0;
    min-width: 140px
}

.random-bonus-popup-overlay .random-bonus-popup .icon-close-round {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

.message-popup,.timer-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.message-popup:after,.timer-popup-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.message-popup .message-content,.message-popup .timer-popup,.timer-popup-overlay .message-content,.timer-popup-overlay .timer-popup {
    background: #181818;
    border: 1px solid #4d4d4d;
    border-top: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 90%
}

.message-popup .message-content .icon-success,.message-popup .timer-popup .icon-success,.timer-popup-overlay .message-content .icon-success,.timer-popup-overlay .timer-popup .icon-success {
    color: #39b54a
}

.message-popup .message-content .icon-error,.message-popup .timer-popup .icon-error,.timer-popup-overlay .message-content .icon-error,.timer-popup-overlay .timer-popup .icon-error {
    color: #ed1c24
}

.message-popup .message-content .icon-info,.message-popup .timer-popup .icon-info,.timer-popup-overlay .message-content .icon-info,.timer-popup-overlay .timer-popup .icon-info {
    color: #4169e1
}

.message-popup .message-content .icon-help-rounded,.message-popup .timer-popup .icon-help-rounded,.timer-popup-overlay .message-content .icon-help-rounded,.timer-popup-overlay .timer-popup .icon-help-rounded {
    color: #edee00
}

.message-popup .message-content .popup-header,.message-popup .timer-popup .popup-header,.timer-popup-overlay .message-content .popup-header,.timer-popup-overlay .timer-popup .popup-header {
    padding: 40px 0 0
}

.message-popup .message-content .popup-header.success,.message-popup .timer-popup .popup-header.success,.timer-popup-overlay .message-content .popup-header.success,.timer-popup-overlay .timer-popup .popup-header.success {
    border-top: 3px solid #39b54a
}

.message-popup .message-content .popup-header.error,.message-popup .timer-popup .popup-header.error,.timer-popup-overlay .message-content .popup-header.error,.timer-popup-overlay .timer-popup .popup-header.error {
    border-top: 3px solid #ed1c24
}

.message-popup .message-content .popup-header.info,.message-popup .timer-popup .popup-header.info,.timer-popup-overlay .message-content .popup-header.info,.timer-popup-overlay .timer-popup .popup-header.info {
    border-top: 3px solid #4169e1
}

.message-popup .message-content .popup-header.question,.message-popup .timer-popup .popup-header.question,.timer-popup-overlay .message-content .popup-header.question,.timer-popup-overlay .timer-popup .popup-header.question {
    border-top: 3px solid #ffe44d
}

.message-popup .message-content .popup-header i,.message-popup .timer-popup .popup-header i,.timer-popup-overlay .message-content .popup-header i,.timer-popup-overlay .timer-popup .popup-header i {
    animation: pulsate 1.2s ease-out infinite;
    display: block;
    font-size: 25px;
    left: 50%;
    margin: 0 0 0 -12.5px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform-origin: center
}

.message-popup .message-content .popup-header h2,.message-popup .timer-popup .popup-header h2,.timer-popup-overlay .message-content .popup-header h2,.timer-popup-overlay .timer-popup .popup-header h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 18px;
    text-transform: uppercase
}

.message-popup .message-content .popup-content,.message-popup .timer-popup .popup-content,.timer-popup-overlay .message-content .popup-content,.timer-popup-overlay .timer-popup .popup-content {
    margin: 15px 0 0;
    padding: 0 10px
}

.message-popup .message-content .popup-content p,.message-popup .timer-popup .popup-content p,.timer-popup-overlay .message-content .popup-content p,.timer-popup-overlay .timer-popup .popup-content p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 16px
}

.message-popup .message-content .popup-content .button-group,.message-popup .timer-popup .popup-content .button-group,.timer-popup-overlay .message-content .popup-content .button-group,.timer-popup-overlay .timer-popup .popup-content .button-group {
    padding: 35px 0 20px
}

.message-popup .message-content .popup-content .button-group button,.message-popup .timer-popup .popup-content .button-group button,.timer-popup-overlay .message-content .popup-content .button-group button,.timer-popup-overlay .timer-popup .popup-content .button-group button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0 16px;
    width: auto
}

.message-popup .message-content .popup-content .button-group button:not(:first-child),.message-popup .timer-popup .popup-content .button-group button:not(:first-child),.timer-popup-overlay .message-content .popup-content .button-group button:not(:first-child),.timer-popup-overlay .timer-popup .popup-content .button-group button:not(:first-child) {
    margin: 0 0 0 10px
}

.message-popup .message-content .popup-content .close-button,.message-popup .timer-popup .popup-content .close-button,.timer-popup-overlay .message-content .popup-content .close-button,.timer-popup-overlay .timer-popup .popup-content .close-button {
    background: #ed1c24;
    border: none;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

.message-popup .message-content .popup-content .close-button:before,.message-popup .timer-popup .popup-content .close-button:before,.timer-popup-overlay .message-content .popup-content .close-button:before,.timer-popup-overlay .timer-popup .popup-content .close-button:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.message-popup .message-content .popup-content .close-button span,.message-popup .timer-popup .popup-content .close-button span,.timer-popup-overlay .message-content .popup-content .close-button span,.timer-popup-overlay .timer-popup .popup-content .close-button span {
    display: none
}

.identify-popup p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    text-align: center
}

.identify-popup label {
    display: block;
    margin: 15px 0 0
}

.identify-popup button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    display: block;
    font-family: OpenSansBold,serif;
    margin: 15px auto 0;
    padding: 0 15px 0 40px;
    position: relative;
    width: auto
}

.identify-popup button i {
    left: 15px;
    position: absolute;
    top: 9px;
    transform-origin: center
}

.identify-popup button i.start-animation {
    animation: scaleUp .5s ease
}

.game-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 125
}

.game-popup-overlay .game-popup-window .frame-container {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.game-popup-overlay .game-popup-window .frame-container .icon-close {
    background: #ed1c24;
    color: #fff;
    cursor: pointer;
    left: 50%;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 9999
}

.game-popup-overlay .game-popup-window .frame-container iframe {
    height: 100%;
    position: fixed;
    transition: filter .5s ease;
    width: 100%;
    z-index: 10;
    -webkit-overflow-scrolling: touch
}

.game-popup-overlay .game-popup-window .frame-container .preloader {
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px
}

.game-popup-overlay .game-popup-window .frame-container .preloader img {
    height: 100%;
    width: 100%
}

.game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window {
    background: #000c;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 30px 0;
    position: absolute;
    transform: translateY(150px);
    transition: transform .5s ease,opacity .5s ease;
    width: 100%;
    z-index: 15
}

.game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px;
    text-align: center
}

.game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group {
    margin: 30px 0 0;
    text-align: center
}

.game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .deposit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 0 5px;
    padding: 0 10px;
    width: auto
}

.game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 5px;
    padding: 0 10px;
    width: auto
}

.game-popup-overlay .game-popup-window .frame-container.start-blocking iframe {
    filter: blur(15px)
}

.game-popup-overlay .game-popup-window .frame-container.start-blocking .game-player-deposit-window {
    opacity: 1;
    transform: translateY(0)
}

.game-block .image-animation-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

.game-block .image-animation-wrap.start-animation {
    opacity: 1
}

.evolution-game-grid h2 {
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px
}

.evolution-game-grid .game-wrap {
    margin: 20px 0 0
}

.evolution-game-grid .game-wrap:after {
    clear: both;
    content: "";
    display: table
}

.evolution-game-grid .game-wrap .game-item {
    cursor: pointer;
    position: relative
}

.evolution-game-grid .game-wrap .game-item:after {
    clear: both;
    content: "";
    display: table
}

.evolution-game-grid .game-wrap .game-item:not(:first-child) {
    margin: 15px 0 0
}

.evolution-game-grid .game-wrap .game-item .image {
    border: 1px solid #4d4d4d;
    float: left;
    overflow: hidden;
    position: relative;
    width: 37%
}

.evolution-game-grid .game-wrap .game-item .image img {
    display: block;
    width: 100%
}

.evolution-game-grid .game-wrap .game-item .info {
    background: #424040;
    height: 100%;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 63%
}

.evolution-game-grid .game-wrap .game-item .info .bottom:after {
    clear: both;
    content: "";
    display: table
}

.evolution-game-grid .game-wrap .game-item .info .bottom {
    bottom: 5px;
    position: absolute
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge {
    margin: 0 0 5px
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .text {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    font-style: italic;
    text-transform: capitalize;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 0 0 0 5px;
    text-align: center;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-checkmark-round {
    color: #39b54a;
    display: inline-block
}

.evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-infinity {
    display: inline-block;
    font-size: 14px
}

.evolution-game-grid .game-wrap .game-item .info .bottom .limit {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    padding: 0
}

.evolution-game-grid .game-wrap .game-item .info .exclusive-badge {
    background: #ed1c2499;
    border-top: 2px solid #ed1c24;
    bottom: 0;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: -55px;
    text-align: center;
    top: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 200px
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers {
    background: #fff;
    display: inline-block;
    margin: 8px 0 0;
    padding: 2px;
    text-align: center
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span {
    border: 1px solid red;
    display: inline-block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 11px;
    margin: 0 2px;
    padding: 2px 4px;
    text-align: center;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span {
    display: inline-block;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.black {
    color: #000
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.green {
    color: #39b54a
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.red {
    color: #ed1c24
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block {
    display: block;
    text-align: center;
    width: 100%
}

.evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block:first-of-type {
    margin: 2px 0 0
}

.evolution-game-grid .game-wrap .game-item .info .title {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px
}

.evolution-game-grid .game-wrap .game-item .info .title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.evolution-game-grid .game-wrap .game-item .info .title span {
    display: inline-block;
    width: 100%;
    word-wrap: break-word
}

.table {
    display: table;
    width: 100%
}

.table .thead {
    background: #000;
    display: table-header-group;
    width: 100%
}

.table .thead .td {
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px
}

.table .tbody {
    display: table-row-group;
    width: 100%
}

.table .tbody .td {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

.table .tbody .tr.final .td {
    color: #39b54a;
    font-size: 18px
}

.table .tbody .tr.final .td:first-of-type {
    font-size: 14px
}

.table .td {
    border-top: 1px solid #4d4d4d;
    display: table-cell;
    padding: 12px 5px;
    vertical-align: middle
}

.table .td:first-child {
    padding: 12px 5px 12px 15px
}

.table .td:last-child {
    padding: 12px 15px 12px 5px
}

.table .tr {
    display: table-row
}

.react-tabs__tab-list [role=tablist] {
    border: none;
    margin: 0 0 1px;
    padding: 0
}

.react-tabs__tab-list [role=tab] {
    box-shadow: none!important;
    font-size: 16px;
    margin: 0 5px 0 0;
    padding: 10px 25px;
    position: relative
}

.react-tabs__tab-list [role=tab],.react-tabs__tab-list [role=tab][aria-selected=true] {
    background: #0e0e0e;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    border-radius: 0;
    color: #fff
}

.react-tabs__tab-list [role=tab][aria-selected=true]:after {
    border-bottom: 2px solid #ed1c24;
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.react-tabs__tab-list [role=tab]:focus,.react-tabs__tab-list [role=tab][aria-selected=true]:focus {
    border: 1px solid #4d4d4d;
    border-bottom: none;
    box-shadow: none!important;
    outline: none
}

.react-tabs__tab-list [role=tab]:focus:after {
    background: none;
    border-bottom: 2px solid #ed1c24;
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.ReactModal__Overlay {
    background: #000c!important;
    text-align: center;
    z-index: 999999
}

.ReactModal__Overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content {
    background: #181818!important;
    border: 1px solid #4d4d4d!important;
    bottom: auto!important;
    display: inline-block;
    left: auto!important;
    overflow: visible!important;
    padding: 10px 10px 35px!important;
    position: relative!important;
    right: auto!important;
    top: auto!important;
    vertical-align: middle;
    width: 90%
}

.ReactModal__Overlay .ReactModal__Content.payment-modal {
    background-attachment: fixed!important;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png)!important;
    background-position: center 45px!important;
    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    border: none!important;
    border-radius: 0!important;
    height: 100%!important;
    overflow-y: auto!important;
    padding: 0!important;
    width: 100%!important
}

.ReactModal__Overlay .ReactModal__Content.payment-modal .icon-close-round {
    background: none;
    border-radius: 0;
    bottom: auto;
    display: inline-block;
    height: auto;
    left: auto;
    line-height: normal;
    margin: 0;
    right: 15px;
    top: 10px;
    width: auto
}

.ReactModal__Overlay .ReactModal__Content .icon-close-round {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

.ReactModal__Overlay .ReactModal__Content .modal-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    padding: 0 16px
}

.ReactModal__Overlay .ReactModal__Content .modal-header .back {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: -12px;
    position: relative;
    top: auto;
    width: 44px
}

.ReactModal__Overlay .ReactModal__Content .modal-header .back i {
    color: #fff;
    font-size: 16px
}

.ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: -12px;
    position: relative;
    top: auto;
    width: 44px
}

.ReactModal__Overlay .ReactModal__Content .modal-header h2 {
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin-right: 44px;
    text-align: center
}

.ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round {
    color: #4e4e4e;
    top: 0
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type {
    background: #282727;
    margin: 0;
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block {
    height: 40px;
    text-align: center;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image {
    display: inline-block;
    height: 40px;
    text-align: left;
    width: 25%
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image img {
    display: inline-block;
    max-height: 25px;
    max-width: 90%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit {
    background: none;
    color: #00000080;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 35%;
    z-index: 14
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    padding: 0 20px 0 0;
    position: relative;
    text-align: right;
    text-transform: capitalize;
    vertical-align: middle;
    width: 35%;
    word-wrap: break-word
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p span {
    display: inline-block;
    text-transform: uppercase
}

.ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p i {
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single {
    padding: 0 15px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header {
    padding: 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left {
    left: 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-close-round {
    right: 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text {
    margin: 7px 0 0;
    padding: 20px 15px 30px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image {
    border-bottom: 1px solid #18181880;
    padding: 0 0 10px;
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img {
    display: inline-block;
    vertical-align: middle;
    width: 70px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3 {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    margin: 0 0 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 65%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0;
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title {
    margin: 7px 0 10px;
    padding: 0;
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2 {
    border-top: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 15px;
    padding: 5px 0 0;
    text-transform: uppercase
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single {
    position: relative;
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox {
    align-items: center;
    display: flex;
    margin: 10px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .icon {
    align-items: center;
    background: #282727;
    border: 1px solid #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    width: 24px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text {
    color: #fff;
    font-size: 14px;
    margin-left: 10px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text a {
    color: #fff
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block {
    padding: 15px 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after {
    clear: both;
    content: "";
    display: table
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 18px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards {
    margin: 20px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards img {
    border: 1px solid #4d4d4d;
    display: inline-block;
    height: 25px;
    margin: 0 10px 0 0;
    padding: 5px;
    width: auto
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    padding: 15px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont {
    padding: 0 0 10px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label {
    align-items: center;
    border-bottom: 1px solid #4d4d4d;
    display: flex;
    min-height: 50px;
    padding: 10px 0;
    position: relative;
    text-align: left;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message {
    display: inline-block;
    font-family: NotoSansRegular,serif
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    width: 40%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label {
    display: block
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input {
    padding: 0 30px 0 0;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
    display: none
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap {
    position: relative
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 10px;
    text-align: left;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled {
    color: #aeaeae
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after {
    color: #fff;
    content: "";
    font-family: Icons;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 30px 0 10px;
    position: relative;
    width: 100%;
    z-index: 1
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled {
    color: #aeaeae
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select {
    width: 32%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type) {
    margin: 0 0 0 2%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text] {
    background: none;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0 16px 0 50px!important;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag {
    top: 17px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list {
    background: #000
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol {
    display: inline-block;
    position: relative;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input {
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 10px 0 55px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input select {
    padding: 0 0 0 35px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    left: 5px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 50px;
    z-index: 1
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span {
    display: block;
    margin: 5px 0 0;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span span:first-child {
    font-family: NotoSansRegular,NotoSansBold,serif
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select {
    display: inline-block;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input {
    display: none
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a {
    border: 1px solid #4d4d4d;
    border-radius: 1px;
    color: #aeaeae;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    width: 45%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type {
    margin: 0 12px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected {
    background: #424040;
    color: #fff
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label {
    border: none!important
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    vertical-align: middle;
    width: 60%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 50px;
    margin: 24px auto 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button.inactive-button {
    cursor: not-allowed;
    opacity: .5
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden {
    display: none
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window {
    border: 1px solid #4d4d4d;
    padding: 38px 0 47px;
    text-align: center
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2 {
    font-family: OpenSansBold,serif;
    font-size: 24px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p {
    color: #aeaeae;
    font-family: OpenSansBold,serif;
    font-size: 14px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type {
    margin: 17px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2 {
    color: #ed1c24
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2 {
    color: #39b54a
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe {
    border: 1px solid #4d4d4d
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0 0;
    text-decoration: underline
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .message-window>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 15px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance {
    margin: 0 auto;
    width: 80%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div {
    text-align: left
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div:not(:first-child) {
    margin: 10px 0 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span:last-child {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table {
    border-bottom: 1px solid #fff;
    margin: 5px auto 0;
    padding: 0 0 2px;
    text-align: left;
    width: 80%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0;
    width: 45%
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span:last-child {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table:first-of-type {
    margin: 30px auto 0
}

.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked {
    background: #ed1c24;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    margin: 20px 0 0;
    padding: 20px;
    text-align: center
}

.profile-info-modal p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    text-align: left
}

.profile-info-modal label {
    display: block;
    margin: 15px 0 0
}

.profile-info-modal button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 15px 0 0;
    padding: 0;
    width: 100%
}

.game-error {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 200px
}

.game-error p {
    color: #ed1c24;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

.alert {
    border: none;
    border-radius: 0;
    padding: 15px 30px 15px 15px;
    position: relative;
    width: 100%
}

.alert strong {
    font-family: NotoSansBold,serif;
    font-size: 14px
}

.alert span {
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

.alert i {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.alert.alert-success {
    background: #39b54a;
    color: #fff
}

.alert.alert-info {
    background: #4169e1;
    color: #fff
}

.alert.alert-warning {
    background: #edee00;
    color: #fff
}

.alert.alert-danger {
    background: #ed1c24;
    color: #fff
}

.password-progress {
    display: block;
    height: 1px;
    position: absolute;
    top: 20px;
    transition: all .3s linear;
    z-index: 1
}

.password-progress.weak {
    background: #d1462f;
    width: 25%
}

.password-progress.okay {
    background: #57b8ff;
    width: 50%
}

.password-progress.good {
    background: #296e9f;
    width: 75%
}

.password-progress.strong {
    background: #2fbf71;
    width: 100%
}

.page-bg {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.scroll-up-wrap>div {
    bottom: 65px!important;
    right: 5px!important;
    z-index: 99
}

.scroll-up-wrap .scroll-up {
    background: #ed1c24;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    z-index: 10
}

.cookies-popup {
    background: #181818;
    border-top: 4px solid #ed1c24;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    position: fixed;
    width: 100%;
    z-index: 16000002
}

.cookies-popup .cookieConsent {
    background: none!important;
    display: block!important;
    margin: 0 auto;
    padding: 10px 0!important;
    position: static!important;
    width: 100%!important
}

.cookies-popup .cookieConsent>div {
    margin: 0!important
}

.cookies-popup .cookieConsent h3 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

.cookies-popup .cookieConsent p {
    color: #fff
}

.cookies-popup .cookieConsent a,.cookies-popup .cookieConsent p {
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 10px 0 0
}

.cookies-popup .cookieConsent a {
    color: #ed1c24;
    display: inline-block
}

.cookies-popup .cookieConsent button {
    background: #ed1c24!important;
    border: none!important;
    color: #fff!important;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    margin: 10px 0 0!important;
    padding: 0!important;
    width: 150px
}

.random-bonus-popup-overlay .random-bonus-popup {
    background: #181818;
    border: 1px solid #4d4d4d;
    display: inline-block;
    padding: 10px 10px 35px;
    position: relative;
    vertical-align: middle;
    width: 90%
}

.random-bonus-popup-overlay .random-bonus-popup img {
    display: block;
    width: 100%
}

.random-bonus-popup-overlay .random-bonus-popup .text {
    margin: 10px 0 0
}

.random-bonus-popup-overlay .random-bonus-popup .text h2 {
    color: #ed1c24;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    text-align: center
}

.random-bonus-popup-overlay .random-bonus-popup .text p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 5px;
    text-align: left
}

.random-bonus-popup-overlay .random-bonus-popup button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    margin: 20px 0 0;
    padding: 0 10px;
    width: auto
}

.fortune-wheel-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200
}

.fortune-wheel-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.fortune-wheel-overlay .icon-close {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

.fortune-wheel-overlay .game-popup-window {
    background: #181818;
    border: 1px solid #4d4d4d;
    display: inline-block;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    width: 90%
}

.fortune-wheel-overlay .game-popup-window .frame-container {
    height: 230px;
    position: relative;
    width: 100%
}

.fortune-wheel-overlay .game-popup-window .frame-container iframe {
    left: 0;
    position: absolute;
    transition: filter .5s ease;
    width: 100%;
    z-index: 10
}

@media only screen and (orientation: portrait) {
    .fortune-wheel-overlay .game-popup-window {
        height:calc(100% - 120px)
    }

    .fortune-wheel-overlay .game-popup-window .frame-container {
        height: 100%
    }
}

#launcher {
    display: none!important
}

.icon-bundesliga:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/bundesliga-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-bundesliga:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/bundesliga.svg) no-repeat 50%/contain;
    content: ""
}

.icon-championsleague:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/championsleague-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-championsleague:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/championsleague.svg) no-repeat 50%/contain;
    content: ""
}

.icon-euroleague:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/euroleague-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-euroleague:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/euroleague.svg) no-repeat 50%/contain;
    content: ""
}

.icon-la-liga:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/la-liga-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-la-liga:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/la-liga.svg) no-repeat 50%/contain;
    content: ""
}

.icon-league-1:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/league-1-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-league-1:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/league-1.svg) no-repeat 50%/contain;
    content: ""
}

.icon-premier-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/premier-league-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-premier-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/premier-league.svg) no-repeat 50%/contain;
    content: ""
}

.icon-serie-a:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/serie-a-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-serie-a:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/serie-a.svg) no-repeat 50%/contain;
    content: ""
}

.icon-super-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/super-league-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-super-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/super-league.svg) no-repeat 50%/contain;
    content: ""
}

.icon-football-manager:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/football-manager-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-football-manager:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/football-manager.svg) no-repeat 50%/contain;
    content: ""
}

.icon-liga-nos:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/liga-nos-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-liga-nos:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/liga-nos.svg) no-repeat 50%/contain;
    content: ""
}

.icon-brazilian-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/brazilian-league-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-brazilian-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/brazilian-league.svg) no-repeat 50%/contain;
    content: ""
}

.icon-world-cup:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/world-cup-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-world-cup:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/world-cup.svg) no-repeat 50%/contain;
    content: ""
}

.icon-swedish-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/swedish-league-light.svg) no-repeat 50%/contain;
    content: ""
}

.icon-swedish-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/swedish-league.svg) no-repeat 50%/contain;
    content: ""
}

.horizontal-scroll {
    overflow-x: auto
}

.horizontal-scroll,.no-scroll .horizontal-scroll {
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.no-scroll .horizontal-scroll {
    overflow-x: hidden
}

.user-referral-link {
    background: #202f4c;
    border-radius: 3px;
    color: #aeaeae;
    margin: 20px auto 0;
    padding: 10px;
    text-align: center;
    width: 100%
}

.user-referral-link h2 {
    color: #fff;
    text-align: center
}

.user-referral-link a,.user-referral-link a:active,.user-referral-link a:hover {
    color: #aeaeae
}

.header {
    background: #000;
    border-bottom: 1px solid #ed1c24;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.header .header-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 14px
}

.header .header-content .menu-icon {
    flex-shrink: 0;
    justify-content: flex-start;
    left: auto;
    position: relative;
    right: auto;
    top: auto
}

.header .header-content .header-header_logo,.header .header-content .logo,.header .header-content .logo-link {
    align-items: center;
    display: flex;
    flex: 1;
    height: 40px;
    justify-content: center
}

.header .header-content .header-header_logo img,.header .header-content .logo img,.header .header-content .logo-link img {
    max-height: 100%;
    width: auto
}

.header .header-content .header-right-icons {
    align-items: center;
    display: flex;
    gap: 6px
}

.header .header-content .live-chat,.header .header-content .search-header,.header .header-content .user-icon {
    align-items: center;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    box-shadow: inset 0 0 7px 2px #000;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    width: 30px
}

.header .header-content .live-chat i,.header .header-content .search-header i,.header .header-content .user-icon i {
    color: #fff;
    font-size: 15px
}

.header .header-content .live-chat span,.header .header-content .search-header span,.header .header-content .user-icon span {
    display: none
}

.header .header-content .live-chat a,.header .header-content .search-header a,.header .header-content .user-icon a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.header .header-content .live-chat .middle,.header .header-content .search-header .middle,.header .header-content .user-icon .middle {
    align-items: center;
    display: flex;
    justify-content: center
}

.main-menu ul li {
    position: relative
}

.main-menu ul li:before {
    top: 0
}

.main-menu ul li:before,.main-menu ul li:last-child:after {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #000;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.main-menu ul li:last-child:after {
    bottom: 0
}

.main-menu ul li a {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 0 0 14px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.main-menu ul li a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.main-menu ul li a.active {
    color: #ed1c24
}

.main-menu ul li a .group {
    display: inline-block;
    vertical-align: middle
}

.main-menu ul li a .group:after {
    clear: both;
    content: "";
    display: table
}

.main-menu ul li a .group span {
    display: block;
    float: left
}

.main-menu ul li a .tooltip {
    background: #edee00;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 1px 6px;
    text-align: center
}

.burger-menu-overlay {
    background: radial-gradient(ellipse at center,#0000 0,#0000001c 11%,#000 100%);
    inset: 0;
    opacity: 0;
    position: fixed;
    z-index: -1
}

.burger-menu-overlay.opened {
    left: 230px;
    opacity: 1;
    transition: left .5s ease,opacity .5s ease-in;
    z-index: 102
}

.burger-menu {
    background: #282727;
    height: 100%;
    left: -270px;
    overflow-y: auto;
    padding-top: 60px;
    position: fixed;
    top: 0;
    transition: left .5s ease;
    width: 270px;
    z-index: 9999999
}

.burger-menu.opened {
    left: 0
}

.burger-menu .menu-icon {
    justify-content: center;
    left: 0;
    position: absolute;
    top: 8px
}

.burger-menu .header-profile {
    position: relative
}

.burger-menu .header-profile .username {
    position: relative;
    width: 100%
}

.burger-menu .header-profile .username .profile-icon {
    left: 0;
    position: absolute;
    top: 22px
}

.burger-menu .header-profile .username .profile-icon i {
    color: #fff;
    font-size: 15px
}

.burger-menu .header-profile .username .log-out {
    cursor: pointer;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 66px
}

.burger-menu .header-profile .username .log-out i {
    color: #ed1c24;
    font-size: 17px
}

.burger-menu .header-profile .username .account {
    text-align: center
}

.burger-menu .header-profile .username .account a {
    display: inline-block
}

.burger-menu .header-profile .username .account a i {
    background: #333;
    border-radius: 100%;
    color: #1a1a1a;
    display: block;
    font-size: 31px;
    height: 53px;
    line-height: 53px;
    margin: 0 auto;
    text-align: center;
    width: 53px
}

.burger-menu .header-profile .username .account a>span {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 4px 0 0;
    text-align: center
}

.burger-menu .header-profile .username .account a>span:nth-of-type(2) {
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

.burger-menu .header-profile .username .username-btn-group {
    margin: 13px 0 0
}

.burger-menu .header-profile .username .username-btn-group a {
    border: 1px solid #4d4d4d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 33.3333333333%
}

.burger-menu .header-profile .username .username-btn-group a i {
    font-size: 14px
}

.burger-menu .header-profile .username .username-btn-group a:nth-of-type(2) {
    border-left: none;
    border-right: none
}

.burger-menu .header-profile .header-mail {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 19px
}

.burger-menu .header-profile .header-mail .icon-notifications {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle
}

.burger-menu .header-profile .header-mail .notifications {
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 10px;
    padding: 1px 4px 3px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -5px
}

.burger-menu .header-profile .header-mail .animate .icon-email,.burger-menu .header-profile .header-mail .animate .notifications {
    animation: ring 2s linear infinite
}

.burger-menu .header-profile .money-wrap {
    margin: 10px 0 0
}

.burger-menu .header-profile .money-wrap a {
    border: 1px solid #4d4d4d;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    height: 80px;
    padding: 2px;
    text-align: center;
    width: 50%
}

.burger-menu .header-profile .money-wrap a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.burger-menu .header-profile .money-wrap a:nth-of-type(2n) {
    border-left: none
}

.burger-menu .header-profile .money-wrap a:nth-of-type(3),.burger-menu .header-profile .money-wrap a:nth-of-type(4) {
    border-top: none
}

.burger-menu .header-profile .money-wrap a p {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.burger-menu .header-profile .money-wrap a p>span {
    display: block;
    margin: 5px 0 0
}

.burger-menu .header-profile .money-wrap a p>span:first-of-type {
    font-family: NotoSansRegular,NotoSansBold,serif;
    margin: 4px 0 0
}

.burger-menu .bottom-group {
    background: #5c5959;
    padding: 18px 16px
}

.profile-menu>.center>.header-mail {
    align-items: center;
    display: flex!important;
    height: 100%;
    justify-content: center;
    position: static!important;
    right: auto!important;
    top: auto!important;
    width: 100%
}

.profile-menu>.center>.header-mail .middle {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.profile-menu>.center>.header-mail .middle .animation-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 4px;
    position: relative;
    width: 100%
}

.banner {
    position: relative;
    z-index: 1
}

.banner .banner-container {
    height: 117px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.banner .banner-container>.banner-img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.banner .banner-container.banner-container .slick-slider .slick-list .slick-track {
    transform: none!important
}

.banner .banner-container .slick-slider {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner .banner-container .slick-slider .slick-list,.banner .banner-container .slick-slider .slick-list .slick-track {
    height: 100%;
    width: 100%
}

.banner .banner-container .slick-slider .image-wrap {
    height: 100%;
    position: relative
}

.banner .banner-container .slick-slider .image-wrap .banner-img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center top;
    width: 100%
}

.banner .banner-container .slick-slider button {
    background: none;
    border-radius: 100%;
    display: none!important;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.banner .banner-container .slick-slider button:before {
    content: "";
    font-size: 23px;
    height: auto;
    left: 7px;
    top: 9px;
    width: auto
}

.banner .banner-container .slick-slider button.slick-prev {
    left: 15px
}

.banner .banner-container .slick-slider button.slick-next {
    right: 15px
}

.banner .banner-container .slick-slider button.slick-next:before {
    content: "";
    left: 10px;
    top: 10px;
    transform: rotate(0deg)
}

.banner .banner-container .slick-slider .slick-slide,.banner .banner-container .slick-slider .slick-slide div {
    height: 100%
}

.banner .banner-container .slick-slider .slick-slide.slick-active {
    z-index: 1
}

.banner-panel-wrap {
    overflow: hidden;
    position: relative
}

.banner-panel-wrap:after {
    clear: both;
    content: "";
    display: table
}

.banner-panel-wrap .banner-panel {
    align-content: flex-start;
    align-items: stretch;
    background: #1a1a1a;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.banner-panel-wrap .banner-panel .block {
    align-self: auto;
    background: #000;
    background: -moz-linear-gradient(top,#000 0,#282727 100%);
    background: -webkit-linear-gradient(top,#000,#282727);
    background: linear-gradient(180deg,#000 0,#282727);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0);
    flex: 0 1 100%;
    text-align: center
}

.banner-panel-wrap .banner-panel .block:not(:last-child) {
    margin: 0 1px 0 0
}

.banner-panel-wrap .banner-panel .block .middle {
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center
}

.banner-panel-wrap .banner-panel .block .middle i {
    color: #aeaeae;
    display: none;
    font-size: 23px
}

.banner-panel-wrap .banner-panel .block .middle .title {
    margin: 1px 0 0;
    width: 100%
}

.banner-panel-wrap .banner-panel .block .middle .title h3 {
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase
}

.banner-panel-wrap .banner-panel .block .middle .title h2 {
    color: #ed1c24;
    font-family: NotoSansBold,serif;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase
}

.banner-panel-wrap .banner-news {
    position: relative;
    width: 100%
}

.banner-panel-wrap .banner-news>h2 {
    background: #000;
    background: -moz-linear-gradient(top,#000 0,#1a1a1a 100%);
    background: -webkit-linear-gradient(top,#000,#1a1a1a);
    background: linear-gradient(180deg,#000 0,#1a1a1a);
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0);
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 34px;
    padding: 0 0 0 19px;
    text-align: left;
    text-transform: uppercase
}

.banner-panel-wrap .banner-news .badge {
    background: #ed1c24;
    border-radius: 0;
    height: 27px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 40px
}

.banner-panel-wrap .banner-news .badge:after {
    border-left: 22px solid #0000;
    border-top: 13px solid #ed1c24;
    bottom: -12px;
    content: "";
    display: block;
    position: absolute;
    right: 0
}

.banner-panel-wrap .banner-news .badge:before {
    border-right: 22px solid #0000;
    border-top: 13px solid #ed1c24;
    bottom: -12px;
    content: "";
    display: block;
    left: 0;
    position: absolute
}

.banner-panel-wrap .banner-news .badge i {
    color: #000;
    display: inline-block;
    font-size: 24px;
    line-height: 27px
}

.banner-panel-wrap .banner-news .vertical-slider-container {
    height: auto;
    margin: 10px 0 0;
    padding: 0 10px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider {
    height: auto
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list {
    height: auto!important
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide {
    height: auto
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button {
    text-indent: 0;
    top: auto
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button:before {
    display: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block:after {
    clear: both;
    content: "";
    display: table
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .image {
    border: 1px solid #4d4d4d;
    display: block;
    float: left;
    height: 84px;
    width: 112px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions {
    float: left;
    margin: 0 0 0 10px;
    width: 177px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text {
    min-height: 48px
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    min-height: 28px
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text p {
    color: #ed1c24;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 5px 0 0
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group {
    margin: 10px 0 0;
    width: 100%
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group:after {
    clear: both;
    content: "";
    display: table
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    position: relative;
    transition: background .5s ease
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i {
    color: #fff;
    transform-origin: center
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i.start-animation {
    animation: scaleUp .5s ease
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0 5px;
    width: auto
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play span {
    display: block;
    font-family: OpenSansRegular,serif;
    font-size: 13px;
    text-transform: uppercase
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play i {
    display: none
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0;
    width: 32px
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite i {
    color: #fff;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: 5px
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star {
    color: #ffe44d;
    opacity: 0;
    transform: scale(4);
    transform-origin: center
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.start-favorite-animation {
    animation: dropDown .3s forwards
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.end-favorite-animation {
    animation: scaleFade .5s forwards
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite.is-favorite .icon-star {
    opacity: 1;
    transform: scale(1)
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0;
    width: 32px
}

.banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo i {
    color: #fff;
    font-size: 16px
}

.panel-below-slider:after {
    clear: both;
    content: "";
    display: table
}

.panel-below-slider {
    color: #fff;
    margin-top: 20px;
    width: 100%
}

.panel-below-slider p {
    text-align: center;
    width: 100%
}

.panel-below-slider img {
    display: inline-block;
    padding: 0 20px;
    width: 100%
}

.panel-redirect-banner:after {
    clear: both;
    content: "";
    display: table
}

.panel-redirect-banner {
    background: #c32426;
    color: #fff;
    margin: 16px 0 0
}

.panel-redirect-banner p {
    font-size: 9px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase
}

.panel-redirect-banner p span a {
    background: #e02529;
    border: 2px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: lowercase
}

.panel-leagues {
    padding: 20px 0 0 10px;
    position: relative;
    width: 100%
}

.panel-leagues>h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

.panel-leagues .block-wrap {
    padding: 0 0 10px;
    text-align: center
}

.panel-leagues .block {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 116px
}

.panel-leagues .block a {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 104px;
    position: relative;
    text-decoration: none
}

.panel-leagues .block a span {
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px
}

.panel-leagues .block a span:after,.panel-leagues .block a span:before {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.panel-leagues .block a span:after {
    opacity: 0
}

.panel-leagues .block a:hover {
    border-color: #ed1c24
}

.panel-leagues .block a:hover span:after {
    opacity: 1
}

.panel-leagues .block h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    margin: 5px 0 0;
    text-align: center
}

.panel-games {
    padding: 0 0 0 10px;
    position: relative;
    width: 100%
}

.panel-games:before {
    background: #18181800;
    background: -moz-linear-gradient(left,#18181800 0,#181818 100%);
    background: -webkit-linear-gradient(left,#18181800,#181818);
    background: linear-gradient(90deg,#18181800 0,#181818);
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$left",endColorstr="$right",GradientType=1);
    height: 500%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1
}

.panel-games .panel-game-block {
    padding-top: 20px
}

.panel-games .panel-game-block>h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

.panel-games .panel-game-block .blocks-wrap {
    overflow-x: auto;
    padding: 0 0 10px;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.panel-games .panel-game-block .blocks-wrap::-webkit-scrollbar {
    display: none
}

.panel-games .panel-game-block .game-block {
    background: none;
    border: none;
    display: inline-block;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0
}

.panel-games .panel-game-block .game-block>.image-wrap {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    height: 184px;
    overflow: hidden;
    position: relative;
    width: 240px
}

.panel-games .panel-game-block .game-block>.image-wrap .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.panel-games .panel-game-block .game-block>.image-wrap .image-container {
    height: 100%;
    width: 100%
}

.panel-games .panel-game-block .game-block>.image-wrap .image-container img.image {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.panel-games .panel-game-block .game-block>.image-wrap .overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.panel-games .panel-game-block .game-block>.image-wrap .overlay {
    text-align: center
}

.panel-games .panel-game-block .game-block>.image-wrap .overlay button {
    float: none;
    padding: 0 10px 0 35px;
    width: auto
}

.panel-games .panel-game-block .game-block>.image-wrap .overlay button i {
    left: 15px
}

.panel-games .panel-game-block .game-block>.image-wrap .overlay .demo-btn {
    display: block;
    margin: 5px 0 0
}

.panel-games .panel-game-block .game-block>h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    padding: 5px 0;
    text-align: center
}

.panel-product-banners {
    padding: 20px 0 0 10px;
    position: relative;
    width: 100%
}

.panel-product-banners:before {
    background: #18181800;
    background: -moz-linear-gradient(left,#18181800 0,#181818 100%);
    background: -webkit-linear-gradient(left,#18181800,#181818);
    background: linear-gradient(90deg,#18181800 0,#181818);
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$left",endColorstr="$right",GradientType=1);
    height: 500%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1
}

.panel-product-banners>h2 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

.panel-product-banners .blocks-wrap {
    overflow-x: auto;
    padding: 0 0 10px;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.panel-product-banners .blocks-wrap::-webkit-scrollbar {
    display: none
}

.panel-product-banners .panel-product-banner-block {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    width: 305px
}

.panel-product-banners .panel-product-banner-block img {
    border-radius: 2px 2px 0 0;
    display: block;
    width: 100%
}

.panel-product-banners .panel-product-banner-block .text {
    background: #181818;
    min-height: 70px;
    padding: 5px 12px;
    white-space: normal
}

.panel-product-banners .panel-product-banner-block .text h2 {
    color: #fff;
    font-size: 14px
}

.search-window {
    background: #000000f2;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 101
}

.search-window .search-window-content {
    padding: 0;
    width: 100%
}

.search-window .search-window-content .search-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    justify-content: flex-end;
    padding: 0 16px
}

.search-window .search-window-content .search-header .icon-close-round {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    margin-right: -12px;
    width: 44px
}

.search-window .search-window-content .search-input {
    align-items: center;
    border-bottom: 1px solid #4d4d4d4d;
    display: flex;
    gap: 10px;
    padding: 12px 16px
}

.search-window .search-window-content .search-input .icon-wrap {
    align-items: center;
    color: #ffffff80;
    display: flex;
    font-size: 14px;
    justify-content: center
}

.search-window .search-window-content .search-input input {
    background: none;
    border: none;
    color: #fff;
    flex: 1;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    outline: none;
    padding: 8px 0;
    text-align: left
}

.search-window .search-window-content .search-input input::placeholder {
    color: #fff6
}

.search-window .search-window-content .search-result-tabs {
    border-bottom: 1px solid #4d4d4d4d;
    display: flex;
    gap: 4px;
    padding: 0 16px
}

.search-window .search-window-content .search-result-tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    cursor: pointer;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    gap: 4px;
    padding: 12px 16px;
    text-transform: uppercase
}

.search-window .search-window-content .search-result-tabs button>span {
    color: #fff
}

.search-window .search-window-content .search-result-tabs button>span:nth-of-type(2) {
    color: #ed1c24
}

.search-window .search-window-content .search-result-tabs button.selected {
    border-color: #ed1c24
}

.search-window .search-window-content .search-result {
    overflow: hidden;
    padding: 16px 16px 80px
}

.search-window .search-window-content .search-result .global-pagination {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.search-window .search-window-content .search-result .search-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.search-window .search-window-content .search-result .search-group .game-block {
    position: relative;
    width: calc(33.333% - 6px)
}

.search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap {
    cursor: pointer;
    width: 100%
}

.search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap .image,.search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap img.image {
    aspect-ratio: 4/3;
    border-radius: 4px;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%
}

.search-window .search-window-content .search-result .search-group .game-block .game-title {
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-window .search-window-content .search-result .search-group .game-block .overlay {
    display: none
}

.search-window .search-window-content .search-result .search-group .bonus-block {
    width: 100%
}

.search-window .search-window-content .search-result .search-group .bonus-block a {
    align-items: center;
    display: flex;
    gap: 12px
}

.search-window .search-window-content .search-result .search-group .bonus-block .image {
    border-radius: 4px;
    flex-shrink: 0;
    height: 65px;
    overflow: hidden;
    width: 110px
}

.search-window .search-window-content .search-result .search-group .bonus-block .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text {
    flex: 1;
    min-width: 0
}

.search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2 {
    color: #ed1c24;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

.game-block {
    display: flex;
    flex-direction: column
}

.game-block .game-player-count {
    align-items: center;
    color: #ffffffe6;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 9px;
    gap: 4px;
    justify-content: flex-start;
    padding: 4px 0
}

.game-block .game-player-count .online-indicator {
    background: lime;
    border-radius: 50%;
    box-shadow: 0 0 4px #0f09;
    flex-shrink: 0;
    height: 6px;
    width: 6px
}

.game-block .game-player-count>span:not(.online-indicator) {
    line-height: 1;
    white-space: nowrap
}

.sidebar {
    border-top: 1px solid #4d4d4d;
    text-align: center
}

.sidebar .toggle-filters {
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 10px 0
}

.sidebar .toggle-filters i {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.sidebar .toggle-filters span {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.sidebar .toggle-filters img {
    display: inline-block;
    height: 21px;
    vertical-align: middle
}

.sidebar .main-sidebar .filters-tabs button {
    background: none;
    background: #181818;
    border: none;
    border-bottom: 2px solid #4d4d4d;
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 24px;
    padding: 0 10px 5px;
    width: 49.5%
}

.sidebar .main-sidebar .filters-tabs button:first-child {
    margin: 0 1% 0 0
}

.sidebar .main-sidebar .filters-tabs button>span {
    color: #fff;
    display: inline-block
}

.sidebar .main-sidebar .filters-tabs button.active {
    border-color: #ed1c24
}

.sidebar .main-sidebar .sidebar-menu:after {
    clear: both;
    content: "";
    display: table
}

.sidebar .main-sidebar .sidebar-menu .categories-list,.sidebar .main-sidebar .sidebar-menu .provider-list {
    margin: 4px 0 0;
    padding: 0 3px
}

.sidebar .main-sidebar .sidebar-menu ul:after {
    clear: both;
    content: "";
    display: table
}

.sidebar .main-sidebar .sidebar-menu ul {
    text-align: left
}

.sidebar .main-sidebar .sidebar-menu ul li {
    display: inline-block;
    margin: 2px .5% 0 0;
    width: 19.6%
}

.sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(5n+5) {
    margin: 2px 0 0
}

.sidebar .main-sidebar .sidebar-menu ul li.active a {
    background: #ed1c24
}

.sidebar .main-sidebar .sidebar-menu ul li a {
    background: #282727;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 32px;
    padding: 0 2px;
    text-align: center
}

.sidebar .main-sidebar .sidebar-menu ul li a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.sidebar .main-sidebar .sidebar-menu ul li a i {
    display: none
}

.sidebar .main-sidebar .sidebar-menu ul li a span {
    display: inline-block;
    font-family: NotoSansRegular,serif;
    margin: 0;
    text-transform: capitalize;
    vertical-align: middle
}

.page-content:after {
    clear: both;
    content: "";
    display: table
}

.page-content .home-page {
    padding: 10px 10px 0
}

.page-content .home-page>.flex-games-block {
    box-sizing: border-box;
    width: 100%
}

.page-content .home-page>.flex-games-block>div {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

.page-content .home-page>.flex-games-block>div .game-block {
    flex-grow: 0;
    flex-shrink: 0;
    float: none;
    margin: 0;
    width: calc(33.33333% - 6.66667px)
}

@media screen and (min-width: 768px) {
    .page-content .home-page>.flex-games-block>div {
        gap:12px
    }

    .page-content .home-page>.flex-games-block>div .game-block {
        width: calc(16.66667% - 10px)
    }
}

.page-content .game-grid-top-panel {
    margin: 0;
    padding: 0 10px
}

.page-content .game-grid-top-panel .flex-games-block {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

.page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

.page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track .slick-slide {
    width: calc(33.33333% - 6.66667px)
}

.page-content .game-grid-top-panel .flex-games-block>div {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

.page-content .game-grid-top-panel .flex-games-block>div .game-block {
    flex-grow: 0;
    flex-shrink: 0;
    float: none;
    margin: 0;
    width: calc(33.33333% - 6.66667px)
}

@media screen and (min-width: 768px) {
    .page-content .game-grid-top-panel .flex-games-block>div {
        gap:12px
    }

    .page-content .game-grid-top-panel .flex-games-block>div .game-block {
        width: calc(16.66667% - 10px)
    }
}

.page-content .game-grid-top-panel .search-input {
    display: block;
    position: relative;
    width: 100%
}

.page-content .game-grid-top-panel .search-input input {
    color: #fff;
    font-size: 14px;
    padding: 0 25px 14px
}

.page-content .game-grid-top-panel .search-input input::-webkit-input-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif
}

.page-content .game-grid-top-panel .search-input input:-moz-placeholder,.page-content .game-grid-top-panel .search-input input::-moz-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

.page-content .game-grid-top-panel .search-input input:-ms-input-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif
}

.page-content .game-grid-top-panel .search-input .icon-search {
    color: #fff;
    display: block;
    font-size: 13px;
    position: absolute;
    top: 2px
}

.page-content .game-grid-top-panel .search-input .icon-close-round {
    color: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.page-content .total-games {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 10px 0
}

.page-content .game-block {
    border-radius: 7px;
    box-sizing: border-box;
    position: relative;
    width: calc(33.33333% - 6.66667px)
}

.page-content .game-block .game-item-badge {
    background: #ff0031;
    border: 1px solid #0000;
    border-radius: 5px;
    display: flex;
    left: 6px;
    padding: 2px 4px;
    position: absolute;
    top: 9px;
    z-index: 6
}

.page-content .game-block .game-item-badge.badge-new {
    background: #ff0031
}

.page-content .game-block .game-item-badge.badge-exclusive {
    background: #088c35
}

.page-content .game-block .game-item-badge span {
    color: #d7d7d7;
    font-size: 8px;
    text-transform: uppercase
}

.page-content .game-block .image-animation-wrap {
    position: relative;
    width: 100%
}

.page-content .game-block .image-animation-wrap .image {
    aspect-ratio: 4/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    height: auto;
    position: relative;
    width: 100%
}

.page-content .game-block .image-animation-wrap .image img {
    display: none
}

.page-content .game-block .image-animation-wrap .title {
    height: 40px;
    text-align: center
}

.page-content .game-block .image-animation-wrap .title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.page-content .game-block .image-animation-wrap .title .game-title {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

.game-block-popup {
    background: #000000e6;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(0);
    width: 100%;
    z-index: 110
}

.game-block-popup:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.game-block-popup .popup-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.game-block-popup .popup-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.game-block-popup .popup-close {
    align-items: center;
    background: #282727;
    border: 2px solid #4d4d4d;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -12px;
    top: -12px;
    transition: background .2s ease,transform .2s ease;
    width: 32px;
    z-index: 10
}

.game-block-popup .popup-close i {
    color: #fff;
    font-size: 14px
}

.game-block-popup .popup-close:active {
    background: #424040;
    transform: scale(.95)
}

.game-block-popup .image-wrap {
    border-radius: 8px;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 220px
}

.game-block-popup .image-wrap .popup-image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.game-block-popup .image-wrap .favorite {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 100%;
    bottom: auto;
    color: #fff;
    height: 36px;
    left: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    z-index: 2
}

.game-block-popup .image-wrap .favorite i {
    color: #fff;
    font-size: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%
}

.game-block-popup .image-wrap .favorite .icon-star {
    color: #ffe44d;
    opacity: 0;
    transform: scale(4);
    transform-origin: center
}

.game-block-popup .image-wrap .favorite .icon-star.start-favorite-animation {
    animation: dropDown .3s forwards
}

.game-block-popup .image-wrap .favorite .icon-star.end-favorite-animation {
    animation: scaleFade .5s forwards
}

.game-block-popup .image-wrap .favorite.is-favorite .icon-star {
    opacity: 1;
    transform: scale(1)
}

.game-block-popup .game-info {
    padding: 12px 0;
    text-align: center;
    width: 220px
}

.game-block-popup .game-info .game-title {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-block-popup .game-info .game-provider {
    color: #fff9;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin-top: 4px
}

.game-block-popup .button-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 220px
}

.game-block-popup .button-group .demo,.game-block-popup .button-group .play {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.game-block-popup .button-group .demo .icon-wrap,.game-block-popup .button-group .play .icon-wrap {
    display: none
}

.game-block-popup .button-group .play {
    background: #088c35;
    border: 1px solid #088c35;
    border-top-color: #0bbc47;
    color: #fff;
    padding: 0;
    width: 100%
}

.game-block-popup .button-group .demo {
    background: #282727;
    border: 1px solid #282727;
    border-top-color: #424040;
    color: #fff;
    padding: 0;
    width: 100%
}

.page-content.full-iframe iframe {
    height: 100%;
    left: 0;
    padding: 80px 0 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.page-content.full-iframe:has(.oddsmatrix) {
    height: auto;
    padding: 0;
    position: relative;
    top: auto
}

.main-container:has(.oddsmatrix) .auth-btns,.main-container:has(.oddsmatrix) .profile-menu {
    display: none
}

.page-content.full-iframe .oddsmatrix {
    height: auto;
    position: relative;
    width: 100%
}

.page-content.full-iframe .oddsmatrix iframe {
    height: auto;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
    z-index: auto
}

.omfe-overlay-active {
    overflow: hidden
}

.omfe-overlay-active .page-content.full-iframe:has(.oddsmatrix) {
    bottom: 0;
    height: auto;
    padding: 0;
    position: fixed;
    top: 60px
}

.omfe-overlay-active .page-content.full-iframe .oddsmatrix iframe {
    height: calc(100vh - 60px)
}

.omfe-overlay-active .auth-btns,.omfe-overlay-active .profile-menu,.omfe-overlay-active footer {
    display: none
}

footer {
    margin: 10px 0 0
}

footer .payment-types {
    border-bottom: 1px solid #181818;
    padding: 0 0 16px
}

footer .payment-types span:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

footer .payment-types span {
    display: inline-block;
    height: 28px;
    margin: 7px 0 0;
    text-align: center;
    width: 59.5px
}

footer .payment-types span img {
    display: inline-block;
    max-height: 22px;
    max-width: 52px;
    vertical-align: middle
}

footer .payment-types span img:not(:first-child) {
    margin: 0 0 12px 20px
}

footer .footer-logo {
    margin: 15px auto 0;
    width: 66%
}

footer .license-logos {
    align-items: flex-start;
    border-bottom: 1px solid #181818;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: left;
    padding: 16px 0 4px
}

footer .license-logos .ceg-seal {
    display: block;
    text-align: center
}

footer .license-logos .ceg-seal p {
    margin: 0
}

footer .license-logos .ceg-seal p a {
    display: inline-block
}

footer .license-logos .ceg-seal p a img {
    height: 80px;
    max-height: 80px;
    width: auto
}

footer .license-logos .header-sponsorships {
    color: #fff;
    margin: 16px 0 0;
    width: 100%
}

footer .license-logos .header-sponsorships ul {
    display: flex;
    gap: 12px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

footer .license-logos .header-sponsorships ul li {
    display: inline-block
}

footer .license-logos .header-sponsorships ul li img {
    max-height: 30px;
    width: auto
}

footer .license-logos .header-sponsorships p {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
    text-align: center;
    width: 100%
}

footer .copy-block {
    margin: 15px 0 0
}

footer .copy-block img {
    display: none
}

footer .copy-block h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

footer .copy-block h2 a {
    color: #ed1c24;
    text-decoration: none
}

footer .copy-block .license p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 9px;
    line-height: 16px;
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

footer .copy-block .license.more p {
    white-space: normal
}

footer .copy-block .arrow {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 18px;
    margin: 7px 0 0;
    text-align: center
}

footer .footer-menu-block {
    margin: 17px 0 0
}

footer .footer-menu-block ul:after {
    clear: both;
    content: "";
    display: table
}

footer .footer-menu-block ul {
    margin: 10px 0 0
}

footer .footer-menu-block ul li {
    float: left;
    margin: 5px 0 0;
    position: relative
}

footer .footer-menu-block ul li a {
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 9px;
    padding: 0 10px 0 0;
    position: relative
}

footer .footer-menu-block ul li a:after {
    color: #fff;
    content: "";
    display: block;
    font-family: Icons!important;
    font-size: 16px;
    position: absolute;
    right: -3px;
    top: -2px;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

footer .footer-menu-block ul li:last-child a:after {
    display: none
}

.bonus-page {
    padding: 0 15px
}

.bonus-page>h2 {
    border-bottom: 1px solid #4d4d4d;
    color: #fff;
    font-size: 17px;
    padding: 12px 0;
    text-align: center
}

.bonus-page .bonus-wrap {
    margin: 16px 0 0
}

.bonus-page .bonus-game-wrap {
    margin: 24px 0 0
}

.bonus-page .bonus-game-wrap .bonus-block {
    margin: 12px 0 0
}

.bonus-page .bonus-game-wrap .bonus-block:first-child {
    margin-top: 0
}

.bonus-page .bonus-block {
    background: #28272780;
    border-radius: 8px;
    margin: 16px 0 0;
    overflow: hidden;
    padding: 8px;
    width: 100%
}

.bonus-page .bonus-block:first-child {
    margin-top: 0
}

.bonus-page .bonus-block .image {
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.bonus-page .bonus-block .image img {
    display: block;
    width: 100%
}

.bonus-page .bonus-block .image i {
    align-items: center;
    background: #ed1c24;
    border-radius: 50%;
    bottom: -16px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    position: absolute;
    right: 12px;
    text-align: center;
    width: 32px
}

.bonus-page .bonus-block .text {
    margin: 8px auto 0;
    padding: 0 8px;
    text-align: center
}

.bonus-page .bonus-block .text p {
    color: #fff;
    font-size: 13px;
    line-height: 1.4
}

.bonus-page .bonus-block .game-text {
    padding: 12px;
    text-align: center
}

.bonus-page .bonus-block .game-text h2 {
    color: #fff;
    font-size: 14px;
    margin: 0 0 4px
}

.bonus-page .bonus-block .game-text p {
    color: #ffffffb3;
    font-size: 12px;
    margin: 0 0 12px
}

.bonus-page .bonus-block .game-text .button {
    align-items: center;
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    gap: 6px;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px
}

.bonus-page .bonus-block .game-text .button i {
    font-size: 12px
}

.tournaments-page img {
    display: block;
    height: auto;
    max-width: 100%
}

.tournaments-page .text {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0 0
}

.tournaments-page .text p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 18px
}

.tournaments-page .text p:not(:first-child) {
    margin: 20px 0 0
}

.tournaments-page .text h1,.tournaments-page .text h2,.tournaments-page .text h3 {
    border: none;
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    margin: 20px 0 0;
    padding: 15px 0 15px 15px;
    position: relative
}

.tournaments-page .text h1:before,.tournaments-page .text h2:before,.tournaments-page .text h3:before {
    background: #282727;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tournaments-page .text h1:after,.tournaments-page .text h2:after,.tournaments-page .text h3:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.tournaments-page .text h2 {
    font-size: 23px
}

.tournaments-page .text h1 {
    border: none;
    font-size: 26px
}

.tournaments-page .text h3 {
    font-family: NotoSansRegular,serif;
    font-size: 20px
}

.tournaments-page .text strong {
    font-family: NotoSansBold,serif
}

.tournaments-page .text a {
    color: #fff
}

.tournaments-page .text a:visited {
    color: #aeaeae
}

.tournaments-page .text ol,.tournaments-page .text ul {
    list-style: initial;
    margin: 20px 0 0;
    padding: 0 0 0 25px
}

.tournaments-page .text ol li,.tournaments-page .text ul li {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 18px
}

.tournaments-page .text ol li:not(:first-child),.tournaments-page .text ul li:not(:first-child) {
    margin: 10px 0 0
}

.tournaments-page .text ol {
    list-style: decimal
}

.tournaments-page table {
    width: 100%
}

.tournaments-page table td {
    border: 1px solid #4d4d4d;
    font-family: NotoSansRegular,serif;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.tournaments-page table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

.single-bonus-page {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0;
    padding: 0 15px
}

.single-bonus-page>img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.single-bonus-page .single-bonus-category {
    margin: 20px 0 0
}

.single-bonus-page .single-bonus-category h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase
}

.single-bonus-page .single-bonus-category ul {
    height: auto;
    margin: 10px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 15px;
    white-space: nowrap;
    width: 100%
}

.single-bonus-page .single-bonus-category ul li {
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.single-bonus-page .single-bonus-category ul li:not(:first-child) {
    margin: 0 0 0 10px
}

.single-bonus-page .single-bonus-content {
    margin: 20px 0 0
}

.single-bonus-page .single-bonus-content>h1 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 20px
}

.single-bonus-page .single-bonus-content .get {
    border: 1px solid #39b54a;
    color: #39b54a;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    margin: 15px 0 0;
    padding: 10px 15px 10px 60px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.single-bonus-page .single-bonus-content .get i {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/icon.svg) no-repeat 50%/contain;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px
}

.single-bonus-page .single-bonus-content .get i:before {
    display: none
}

.single-bonus-page .single-bonus-content .text {
    margin: 15px 0 0
}

.single-bonus-page .single-bonus-content .text,.single-bonus-page .single-bonus-content .text p {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 16px
}

.single-bonus-page .single-bonus-content .text p:not(:first-child) {
    margin: 10px 0 0
}

.single-bonus-page .single-bonus-content .text h1,.single-bonus-page .single-bonus-content .text h2,.single-bonus-page .single-bonus-content .text h3,.single-bonus-page .single-bonus-content .text h4,.single-bonus-page .single-bonus-content .text h5,.single-bonus-page .single-bonus-content .text h6 {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #000;
    color: #fff;
    font-family: NotoSansBold,serif;
    margin: 15px 0 0;
    padding: 15px 0 15px 15px;
    position: relative
}

.single-bonus-page .single-bonus-content .text h1:before,.single-bonus-page .single-bonus-content .text h2:before,.single-bonus-page .single-bonus-content .text h3:before,.single-bonus-page .single-bonus-content .text h4:before,.single-bonus-page .single-bonus-content .text h5:before,.single-bonus-page .single-bonus-content .text h6:before {
    background: #4d4d4d;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.single-bonus-page .single-bonus-content .text h1:after,.single-bonus-page .single-bonus-content .text h2:after,.single-bonus-page .single-bonus-content .text h3:after,.single-bonus-page .single-bonus-content .text h4:after,.single-bonus-page .single-bonus-content .text h5:after,.single-bonus-page .single-bonus-content .text h6:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.single-bonus-page .single-bonus-content .text h2 {
    font-size: 18px
}

.single-bonus-page .single-bonus-content .text h1 {
    font-size: 20px
}

.single-bonus-page .single-bonus-content .text h3,.single-bonus-page .single-bonus-content .text h4,.single-bonus-page .single-bonus-content .text h5 {
    font-size: 16px
}

.single-bonus-page .single-bonus-content .text h6 {
    font-size: 14px
}

.single-bonus-page .single-bonus-content .text strong {
    font-family: NotoSansBold,serif
}

.single-bonus-page .single-bonus-content .text a {
    color: #fff
}

.single-bonus-page .single-bonus-content .text a:visited {
    color: #aeaeae
}

.single-bonus-page .single-bonus-content .text ol,.single-bonus-page .single-bonus-content .text ul {
    list-style: initial;
    margin: 15px 0 0;
    padding: 0 0 0 25px
}

.single-bonus-page .single-bonus-content .text ol li,.single-bonus-page .single-bonus-content .text ul li {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 16px
}

.single-bonus-page .single-bonus-content .text ol li:not(:first-child),.single-bonus-page .single-bonus-content .text ul li:not(:first-child) {
    margin: 10px 0 0
}

.single-bonus-page .single-bonus-content .text ol {
    list-style: decimal
}

.single-bonus-page .single-bonus-content .text table {
    margin: 20px 0 0;
    width: 100%
}

.single-bonus-page .single-bonus-content .text table td {
    border: 1px solid #4d4d4d;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.single-bonus-page .single-bonus-content .text table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

.single-bonus-page .single-bonus-content .social-share-icons {
    margin: 30px 0 0
}

.single-bonus-page .single-bonus-content .social-share-icons a {
    color: #ed1c24
}

.single-bonus-page .single-bonus-content .bonus-instruction {
    margin: 30px 0 0;
    text-align: center
}

.single-bonus-page .single-bonus-content .bonus-instruction button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 20px auto 0;
    padding: 0 35px;
    width: auto
}

.single-bonus-page .single-bonus-content .bonus-instruction-list {
    list-style: none!important;
    padding: 0!important
}

.single-bonus-page .single-bonus-content .bonus-instruction-list:after {
    clear: both;
    content: "";
    display: table
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li {
    float: none!important;
    width: 100%!important
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li:after {
    clear: both;
    content: "";
    display: table
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li:not(:first-child) {
    margin: 10px 0 0
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li span {
    border: 3px solid #ed1c24;
    border-radius: 100%;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 35px;
    line-height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 35px
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li h3,.single-bonus-page .single-bonus-content .bonus-instruction-list li p {
    float: left;
    text-align: left;
    width: 80%
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li h3 {
    border: none;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    font-style: italic;
    line-height: 18px;
    margin: 5px 0 0;
    padding: 0;
    text-transform: uppercase
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li h3:after,.single-bonus-page .single-bonus-content .bonus-instruction-list li h3:before {
    display: none
}

.single-bonus-page .single-bonus-content .bonus-instruction-list li p {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    margin: 8px 0 0
}

.footer-pages-wrap {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 400px;
    padding: 0 10px 30px;
    position: relative
}

.footer-pages-wrap:after {
    clear: both;
    content: "";
    display: table
}

.footer-pages-wrap.footer-preload-mode {
    min-height: 400px;
    padding: 0
}

.footer-pages-wrap .footer-pages-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111
}

.footer-pages-wrap .info-category h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin: 7px 0 0;
    text-transform: uppercase
}

.footer-pages-wrap .info-category ul {
    height: auto;
    margin: 10px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 15px;
    white-space: nowrap;
    width: 100%
}

.footer-pages-wrap .info-category ul li {
    display: inline-block
}

.footer-pages-wrap .info-category ul li:not(:first-child) {
    margin: 0 0 0 10px
}

.footer-pages-wrap .info-category ul li a {
    background: #ed1c2480;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.footer-pages-wrap .info-category ul li a.active {
    background: #ed1c24
}

.footer-pages-wrap .footer-pages-content {
    margin: 20px 0 0
}

.footer-pages-wrap .footer-pages-content h1,.footer-pages-wrap .footer-pages-content h2,.footer-pages-wrap .footer-pages-content h3,.footer-pages-wrap .footer-pages-content h4,.footer-pages-wrap .footer-pages-content h5,.footer-pages-wrap .footer-pages-content h6 {
    color: #fff;
    font-family: NotoSansBold,serif;
    margin: 0 0 15px
}

.footer-pages-wrap .footer-pages-content h1:not(:first-child),.footer-pages-wrap .footer-pages-content h2:not(:first-child),.footer-pages-wrap .footer-pages-content h3:not(:first-child),.footer-pages-wrap .footer-pages-content h4:not(:first-child),.footer-pages-wrap .footer-pages-content h5:not(:first-child),.footer-pages-wrap .footer-pages-content h6:not(:first-child) {
    margin: 15px 0 0
}

.footer-pages-wrap .footer-pages-content h1 {
    font-size: 20px
}

.footer-pages-wrap .footer-pages-content p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    line-height: 14px;
    margin: 2px 0 0;
    padding: 0 0 0 5px
}

.footer-pages-wrap .footer-pages-content h2,.footer-pages-wrap .footer-pages-content h3 {
    font-size: 18px
}

.footer-pages-wrap .footer-pages-content h4,.footer-pages-wrap .footer-pages-content h5 {
    font-size: 16px
}

.footer-pages-wrap .footer-pages-content h6 {
    font-size: 14px
}

.footer-pages-wrap .footer-pages-content ol,.footer-pages-wrap .footer-pages-content ul {
    list-style: initial;
    margin: 15px 0 0;
    padding: 0 0 0 5px
}

.footer-pages-wrap .footer-pages-content ol li,.footer-pages-wrap .footer-pages-content ul li {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    line-height: 14px
}

.footer-pages-wrap .footer-pages-content ol li:not(:first-child),.footer-pages-wrap .footer-pages-content ul li:not(:first-child) {
    margin: 5px 0 0
}

.footer-pages-wrap .footer-pages-content ol {
    counter-reset: item;
    list-style: decimal
}

.footer-pages-wrap .footer-pages-content ol li {
    display: block
}

.footer-pages-wrap .footer-pages-content ol li:before {
    content: counters(item,".") " ";
    counter-increment: item
}

.footer-pages-wrap .footer-pages-content ol>li:not(:first-child) {
    margin: 5px 0 0
}

.footer-pages-wrap .footer-pages-content .accordeon>li {
    cursor: pointer;
    padding: 0 0 0 10px;
    position: relative
}

.footer-pages-wrap .footer-pages-content .accordeon>li:after {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    left: 0;
    position: absolute;
    top: 2px
}

.footer-pages-wrap .footer-pages-content .accordeon>li.opened {
    color: #fff
}

.footer-pages-wrap .footer-pages-content .accordeon>li.opened:after {
    color: #ed1c24;
    transform: rotate(90deg)
}

.footer-pages-wrap .footer-pages-content .accordeon>li>ol {
    display: none
}

.footer-pages-wrap .footer-pages-content .accordeon>li>ol li {
    color: #aeaeae;
    cursor: text
}

.footer-pages-wrap .footer-pages-content strong {
    font-family: NotoSansBold,serif
}

.footer-pages-wrap .footer-pages-content em {
    font-style: italic
}

.footer-pages-wrap .footer-pages-content a {
    color: #ed1c24
}

.footer-pages-wrap .footer-pages-content table {
    margin: 15px 0 0;
    width: 100%!important
}

.footer-pages-wrap .footer-pages-content table td {
    border: 1px solid #4d4d4d;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.footer-pages-wrap .footer-pages-content table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

.mailbox-wrap {
    padding: 20px 10px 0
}

.mailbox-wrap h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px
}

.mailbox-wrap .icon-delete,.mailbox-wrap .icon-email {
    color: #ed1c24;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px 0 0
}

.mailbox-wrap .icon-arrow-left-1,.mailbox-wrap .icon-arrow-right-1,.mailbox-wrap .icon-back-left {
    color: #ed1c24;
    cursor: pointer;
    font-size: 16px
}

.mailbox-wrap .mailbox-header {
    padding: 10px
}

.mailbox-wrap .inbox {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%
}

.mailbox-wrap .inbox,.mailbox-wrap .single-message {
    border: 1px solid #4d4d4d;
    min-height: 100px;
    position: relative
}

.mailbox-wrap .single-message .single-message-header {
    border-bottom: 1px solid #4d4d4d;
    padding: 15px
}

.mailbox-wrap .single-message .single-message-header:after {
    clear: both;
    content: "";
    display: table
}

.mailbox-wrap .single-message .single-message-header h2 {
    float: left
}

.mailbox-wrap .single-message .single-message-header .right-panel {
    float: right
}

.mailbox-wrap .single-message .single-message-header .right-panel i:nth-of-type(2) {
    margin: 0 10px 0 20px
}

.mailbox-wrap .single-message .message-content {
    height: 600px
}

.mailbox-wrap .single-message .message-content.text {
    height: auto;
    padding: 20px
}

.mailbox-wrap .single-message .message-content div,.mailbox-wrap .single-message .message-content p {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

.mailbox-wrap .single-message .message-content a {
    color: #ed1c24
}

.mailbox-wrap .table .thead {
    background: #1b1a1a
}

.mailbox-wrap .table .thead .tr {
    background: none
}

.mailbox-wrap .table .tr {
    background: #010101
}

.mailbox-wrap .table .tr.unread {
    background: #131313
}

.mailbox-wrap .table .td {
    font-size: 13px;
    line-height: 13px
}

.mailbox-wrap .table .td p {
    color: #aeaeae;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px
}

.mailbox-wrap .table .td .subject {
    display: block;
    word-wrap: break-word
}

.mailbox-wrap .table .td .date {
    display: block
}

.mailbox-wrap .table .td:not(:last-child) {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mailbox-wrap .table .tbody .td:last-child {
    text-align: right
}

.user-profile-menu {
    padding: 0 0 32px
}

.user-profile-menu .menu-header {
    padding: 16px 16px 0
}

.user-profile-menu .menu-header .balance {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.user-profile-menu .menu-header .balance .block {
    background: #28272780;
    border-radius: 8px;
    flex: 1;
    padding: 12px 8px;
    text-align: center
}

.user-profile-menu .menu-header .balance .block>span {
    color: #ed1c24;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 1.2
}

.user-profile-menu .menu-header .balance .block p {
    color: #ffffffb3;
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 1.2;
    margin: 6px 0 0;
    text-transform: uppercase
}

.user-profile-menu .menu {
    margin: 24px 0 0;
    padding: 0 16px
}

.user-profile-menu .menu ul li {
    border-bottom: 1px solid #4d4d4d80
}

.user-profile-menu .menu ul li:last-child {
    border-bottom: none
}

.user-profile-menu .menu ul li a {
    align-items: center;
    display: flex;
    min-height: 48px;
    padding: 12px 0;
    text-decoration: none;
    transition: background .15s ease
}

.user-profile-menu .menu ul li a:active {
    background: #2827274d;
    margin: 0 -16px;
    padding: 12px 16px
}

.user-profile-menu .menu ul li i:first-child {
    color: #fff;
    flex-shrink: 0;
    font-size: 18px;
    text-align: center;
    width: 40px
}

.user-profile-menu .menu ul li span {
    color: #fff;
    flex: 1;
    font-size: 15px;
    line-height: 1.3
}

.user-profile-menu .menu ul li .icon-arrow-right {
    color: #ffffff80;
    flex-shrink: 0;
    font-size: 12px;
    margin-left: 8px
}

.user-profile-menu h3 {
    border-top: 1px solid #4d4d4d4d;
    color: #fff9;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 24px 16px 8px;
    padding-top: 24px;
    text-transform: uppercase
}

.user-profile-menu h3:first-of-type {
    border-top: none;
    padding-top: 0
}

.personal-info-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    padding: 0 16px
}

.personal-info-header .back {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: -12px;
    position: relative;
    top: auto;
    width: 44px
}

.personal-info-header .back i,.personal-info-header h2 {
    color: #fff;
    font-size: 16px
}

.personal-info-header h2 {
    flex: 1;
    margin-right: 44px;
    text-align: center
}

.personal-info-form {
    margin: 15px 0 0;
    padding: 0 15px;
    width: 100%
}

.personal-info-form .form-label {
    display: block;
    margin: 0 0 16px;
    position: relative;
    width: 100%
}

.personal-info-form .form-label .error-message {
    display: block;
    margin: 4px 0 0
}

.personal-info-form .form-label .label {
    color: #aeaeae;
    display: block;
    font-size: 13px;
    margin: 0 0 8px
}

.personal-info-form .form-label div,.personal-info-form .form-label label {
    display: block
}

.personal-info-form .form-label div.password-group,.personal-info-form .form-label label.password-group {
    display: block;
    position: relative;
    width: 100%
}

.personal-info-form .form-label div.password-group .mask-input,.personal-info-form .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

.personal-info-form .form-label div.password-group .mask-input input,.personal-info-form .form-label label.password-group .mask-input input {
    padding: 0 30px 0 0;
    width: 100%
}

.personal-info-form .form-label div.password-group:after,.personal-info-form .form-label label.password-group:after {
    display: none
}

.personal-info-form .form-label div.password-group .view-wrap,.personal-info-form .form-label label.password-group .view-wrap {
    position: relative;
    z-index: 100
}

.personal-info-form .form-label div.password-group .view-wrap:last-child,.personal-info-form .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

.personal-info-form .form-label div.password-group .view-wrap .validation-popup,.personal-info-form .form-label label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

.personal-info-form .form-label div.password-group .view-wrap .validation-popup ul,.personal-info-form .form-label label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

.personal-info-form .form-label div.password-group .view-wrap .validation-popup:before,.personal-info-form .form-label label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

.personal-info-form .form-label div.password-group .view-wrap .validation-popup:after,.personal-info-form .form-label label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

.personal-info-form .form-label div.password-group .view-wrap i,.personal-info-form .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.personal-info-form .form-label div.mask-input,.personal-info-form .form-label label.mask-input {
    display: block;
    position: relative;
    width: 100%
}

.personal-info-form .form-label div.mask-input input,.personal-info-form .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 10px 12px;
    text-align: left;
    width: 100%
}

.personal-info-form .form-label div.mask-input input:disabled,.personal-info-form .form-label label.mask-input input:disabled {
    color: #aeaeae;
    cursor: not-allowed
}

.personal-info-form .form-label div.mask-input input:focus,.personal-info-form .form-label label.mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

.personal-info-form .form-label .select {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

.personal-info-form .form-label .select:before {
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.personal-info-form .form-label .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 40px 0 12px;
    position: relative;
    width: 100%;
    z-index: 1
}

.personal-info-form .form-label .select select:disabled {
    color: #aeaeae;
    cursor: not-allowed
}

.personal-info-form .form-label .select select:focus {
    outline: none
}

.personal-info-form .form-label .select:focus-within {
    border-color: #ed1c24
}

.personal-info-form .form-label .Select {
    position: relative;
    width: 100%
}

.personal-info-form .form-label .Select.is-open .Select-control {
    border-color: #ed1c24
}

.personal-info-form .form-label .Select.is-disabled .Select-control {
    background: #282727;
    cursor: not-allowed
}

.personal-info-form .form-label .Select.is-disabled .Select-control .Select-placeholder,.personal-info-form .form-label .Select.is-disabled .Select-control .Select-value {
    color: #aeaeae
}

.personal-info-form .form-label .Select .Select-control {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    cursor: pointer;
    display: table;
    height: 44px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper {
    display: table-cell;
    height: 42px;
    width: 100%
}

.personal-info-form .form-label .Select .Select-control .Select-value {
    bottom: 0;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0 40px 0 12px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.personal-info-form .form-label .Select .Select-control .Select-value:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.personal-info-form .form-label .Select .Select-control .Select-value .Select-value-label {
    display: inline-block;
    vertical-align: middle
}

.personal-info-form .form-label .Select .Select-control .Select-placeholder {
    bottom: 0;
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    left: 0;
    line-height: 42px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 40px 0 12px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.personal-info-form .form-label .Select .Select-control .Select-input {
    border: none;
    height: 42px;
    padding: 0 12px;
    vertical-align: middle;
    width: 100%
}

.personal-info-form .form-label .Select .Select-control .Select-input input {
    -webkit-appearance: none;
    background: none #0000;
    border: 0;
    box-shadow: none;
    color: #fff;
    cursor: default;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 40px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 92%!important
}

.personal-info-form .form-label .Select .Select-control .Select-arrow-zone {
    cursor: pointer;
    display: table-cell;
    padding: 0 12px 0 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

.personal-info-form .form-label .Select .Select-control .Select-arrow-zone .Select-arrow {
    border-color: #fff #0000 #0000;
    border-style: solid;
    border-width: 5px 5px 2.5px;
    display: inline-block;
    height: 0;
    width: 0
}

.personal-info-form .form-label .Select .Select-menu-outer {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 8px #0000004d;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch
}

.personal-info-form .form-label .Select .Select-menu-outer .Select-menu {
    max-height: 198px;
    overflow-y: auto
}

.personal-info-form .form-label .Select .Select-menu-outer .Select-option {
    border-bottom: 1px solid #4d4d4d80;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 12px
}

.personal-info-form .form-label .Select .Select-menu-outer .Select-option:last-child {
    border-bottom: none
}

.personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-focused,.personal-info-form .form-label .Select .Select-menu-outer .Select-option:active {
    background: #ed1c2433
}

.personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-selected {
    background: #ed1c24;
    color: #fff
}

.personal-info-form .form-label .form-group {
    display: block;
    width: 100%
}

.personal-info-form .form-label .birthday {
    display: block;
    position: relative;
    width: 100%
}

.personal-info-form .form-label .birthday .form-group {
    display: flex;
    gap: 8px
}

.personal-info-form .form-label .birthday .form-group .select {
    flex: 1;
    height: 44px;
    width: auto
}

.personal-info-form .form-label .react-tel-input {
    display: block;
    width: 100%
}

.personal-info-form .form-label .react-tel-input input[type=tel],.personal-info-form .form-label .react-tel-input input[type=text] {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px 0 55px!important;
    width: 100%
}

.personal-info-form .form-label .react-tel-input input[type=tel]:focus,.personal-info-form .form-label .react-tel-input input[type=text]:focus {
    border-color: #ed1c24;
    outline: none
}

.personal-info-form .form-label .react-tel-input .flag-dropdown {
    background: #0000;
    border: none;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #4d4d4d
}

.personal-info-form .form-label .react-tel-input .selected-flag {
    padding: 0 8px;
    width: 50px
}

.personal-info-form .form-label .react-tel-input .selected-flag .flag {
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.personal-info-form .form-label .react-tel-input .selected-flag .arrow {
    border-top-color: #fff
}

.personal-info-form .form-label .react-tel-input .country-list {
    background: #282727;
    background-color: #282727!important;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    margin-top: 4px
}

.personal-info-form .form-label .react-tel-input .country-list .country {
    padding: 10px 12px
}

.personal-info-form .form-label .react-tel-input .country-list .country.highlight,.personal-info-form .form-label .react-tel-input .country-list .country:hover {
    background: #ed1c2433
}

.personal-info-form .form-label .react-tel-input .country-list .country-name {
    color: #fff
}

.personal-info-form .form-label .react-tel-input .country-list .dial-code {
    color: #aeaeae
}

.personal-info-form .form-label .checkbox {
    display: block;
    padding: 12px 0 0
}

.personal-info-form .form-label .checkbox .checkbox-wrap {
    display: block;
    padding: 0 70px 0 0;
    position: relative
}

.personal-info-form .form-label .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 20px;
    height: 28px;
    left: auto;
    right: 0;
    vertical-align: middle;
    width: 52px
}

.personal-info-form .form-label .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 24px
}

.personal-info-form .form-label .checkbox .text {
    color: #aeaeae;
    font-size: 12px;
    line-height: 1.4
}

.personal-info-form .form-label .checkbox .text a {
    color: #fff;
    text-decoration: none
}

.personal-info-form .form-label .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

.personal-info-form .form-label .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(24px)
}

.personal-info-form .radio {
    margin: 0 10px 0 0
}

.personal-info-form .radio .text {
    color: #aeaeae
}

.personal-info-form img {
    display: block;
    margin: 20px auto 0;
    max-width: 290px
}

.personal-info-form .button-wrap {
    padding: 0;
    width: 100%
}

.personal-info-form .button-wrap button {
    background: #088c35;
    border: 1px solid #088c35;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    line-height: 46px;
    margin: 24px 0 0;
    padding: 0;
    width: 100%
}

.personal-info-form .subscribes-wrap {
    float: left;
    margin: 20px 0 0;
    width: 100%
}

.personal-info-form .subscribes-wrap .checkbox:first-of-type {
    margin: 0 15px 0 0
}

.user-transactions {
    width: 100%
}

.user-transactions .user-transactions-header {
    margin: 10px 0;
    padding: 0 15px
}

.user-transactions .user-transactions-header:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions .user-transactions-header .period {
    border-top: 1px solid #4d4d4d;
    margin: 10px 0 0
}

.user-transactions .user-transactions-header .period h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 8px 0 0
}

.user-transactions .user-transactions-header .period .date-group {
    margin: 8px 0 0
}

.user-transactions .user-transactions-header .period .date-group:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions .user-transactions-header .period .date-group .calendar {
    float: left;
    margin: 8px 0 0;
    width: 67%
}

.user-transactions .user-transactions-header .period .date-group .calendar .date {
    display: inline-block;
    vertical-align: middle;
    width: 48%
}

.user-transactions .user-transactions-header .period .date-group .calendar .date:first-of-type {
    margin: 0 2% 0 0
}

.user-transactions .user-transactions-header .period .date-group .calendar .date input {
    padding: 0 0 5px
}

.user-transactions .user-transactions-header .period .date-group .button {
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 38px;
    width: 33%
}

.user-transactions .user-transactions-header .tabs {
    text-align: left
}

.user-transactions .user-transactions-header .tabs>div {
    display: inline-block;
    margin: 0 5px 10px 0
}

.user-transactions .user-transactions-header .tabs>div:last-child {
    margin: 0
}

.user-transactions .user-transactions-header .tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #4d4d4d;
    color: #aeaeae;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    padding: 0 5px 7px
}

.user-transactions .user-transactions-header .tabs button.selected {
    border-color: #ed1c24;
    color: #fff
}

.user-transactions [data-tabs] {
    margin: 0;
    padding: 0 15px
}

.user-transactions [data-tabs] .react-tabs__tab-list:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions [data-tabs] .react-tabs__tab-list li {
    background: #282727;
    border: none!important;
    border-top: 1px solid #4d4d4d!important;
    display: block;
    float: left;
    font-size: 10px;
    height: 30px;
    margin: 0 .65% 0 0;
    padding: 0 5px;
    text-align: center;
    width: 24.5%
}

.user-transactions [data-tabs] .react-tabs__tab-list li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions [data-tabs] .react-tabs__tab-list li span {
    display: inline-block;
    vertical-align: middle
}

.user-transactions [data-tabs] .react-tabs__tab-list li:last-child {
    margin: 0
}

.user-transactions .user-account-block {
    padding: 10px 15px 0
}

.user-transactions .user-account-block .group .block {
    background: #282727;
    border-top: 1px solid #4d4d4d;
    padding: 5px 0
}

.user-transactions .user-account-block .group .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group .block>div {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
    width: 33%
}

.user-transactions .user-account-block .group .block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group .block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.user-transactions .user-account-block .group .block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0
}

.user-transactions .user-account-block .group .block>div .type {
    border-radius: 3px;
    padding: 1px 5px 2px
}

.user-transactions .user-account-block .group .block>div .type.won {
    background: #39b54a
}

.user-transactions .user-account-block .group .block>div .type.lost {
    background: #ed1c24
}

.user-transactions .user-account-block .group .block>div .type.returned {
    background: #babb00
}

.user-transactions .user-account-block .group .block>div .type.accepted {
    background: #4169e1
}

.user-transactions .user-account-block .group .block>div .type.cash-out {
    background: #1ab394
}

.user-transactions .user-account-block .group .block>div i {
    color: #4e4e4e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px
}

.user-transactions .user-account-block .group .block>div.more {
    text-align: right
}

.user-transactions .user-account-block .group .block>div.more>span {
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    margin: 0
}

.user-transactions .user-account-block .group .sub-block {
    background: #424040
}

.user-transactions .user-account-block .group .sub-block>div {
    display: inline-block;
    height: 30px;
    padding: 0 10px
}

.user-transactions .user-account-block .group .sub-block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group .sub-block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    vertical-align: middle
}

.user-transactions .user-account-block .group .sub-block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .group .sub-block .bet-tables {
    display: block;
    height: auto;
    padding: 10px;
    width: 100%
}

.user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table {
    border: 1px solid #181818;
    width: 100%
}

.user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table:not(first-child) {
    margin: 10px 0 0
}

.user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td {
    border: 1px solid #181818;
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    padding: 2px 5px;
    width: 40%
}

.user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    width: 60%
}

.user-transactions .user-account-block .group.game .block>div:first-child {
    text-align: center
}

.user-transactions .user-account-block .group.game .block>div:first-child .image {
    border-radius: 100%;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.user-transactions .user-account-block .group.game .block>div:first-child .image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group.payment .block>div:first-child {
    text-align: center
}

.user-transactions .user-account-block .group.payment .block>div:first-child .image {
    display: inline-block;
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.user-transactions .user-account-block .group.payment .block>div:first-child .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group.payment .block>div:first-child .image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group.pending .block>div.button-wrap {
    text-align: left
}

.user-transactions .user-account-block .group.pending .block>div.button-wrap button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: auto
}

.user-transactions .user-account-block .group.bet .sub-block {
    padding: 15px 10px 0!important;
    text-align: center
}

.user-transactions .user-account-block .group.bet .sub-block .coupon {
    background: #282727;
    display: inline-block;
    height: auto;
    margin: 0 1.5% 15px;
    padding: 0;
    text-align: left;
    width: 80%
}

.user-transactions .user-account-block .group.bet .sub-block .coupon:after {
    display: none
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header {
    border-bottom: 1px dashed #424040;
    padding: 20px 10px 10px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type {
    border-radius: 3px;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px;
    padding: 1px 10px 2px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.won {
    background: #39b54a
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.lost {
    background: #ed1c24
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.returned {
    background: #babb00
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.accepted {
    background: #4169e1
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.cash-out {
    background: #1ab394
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.pending {
    background: orange
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div {
    margin: 15px 0 0
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content {
    background: #302f2f;
    padding: 5px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game:not(:first-child) {
    margin: 5px 0 0
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game a {
    background: #3d3b3b;
    border: 1px solid #282727;
    color: #aeaeae;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: none
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul {
    padding: 10px 10px 10px 30px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li:not(:first-child) {
    margin: 5px 0 0
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer {
    padding: 10px
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:not(:first-child) {
    margin: 10px 0 0
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

.user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .betting-group {
    border-top: 3px solid #4d4d4d
}

.user-transactions .user-account-block .betting-group:not(:first-of-type) {
    margin: 10px 0 0
}

.user-transactions .user-account-block .betting-group.won {
    border-color: #39b54a
}

.user-transactions .user-account-block .betting-group.lost {
    border-color: #ed1c24
}

.user-transactions .user-account-block .betting-group.returned {
    border-color: #babb00
}

.user-transactions .user-account-block .betting-group.accepted {
    border-color: #4169e1
}

.user-transactions .user-account-block .betting-group.pending {
    border-color: orange
}

.user-transactions .user-account-block .betting-group.cashedout {
    border-color: #1ab394
}

.user-transactions .user-account-block .betting-group .block {
    cursor: pointer;
    padding: 0 7px
}

.user-transactions .user-account-block .betting-group .block .top {
    border-bottom: 1px solid #4d4d4d;
    padding: 8px 17px 10px
}

.user-transactions .user-account-block .betting-group .block .top:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions .user-account-block .betting-group .block .top .left {
    float: left
}

.user-transactions .user-account-block .betting-group .block .top .left .date {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px
}

.user-transactions .user-account-block .betting-group .block .top .left .id {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

.user-transactions .user-account-block .betting-group .block .top .left .id span {
    display: inline-block
}

.user-transactions .user-account-block .betting-group .block .top .left .id>span:last-child {
    color: #fff;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .betting-group .block .top .right {
    float: right;
    text-align: right
}

.user-transactions .user-account-block .betting-group .block .top .right .type {
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    text-transform: uppercase
}

.user-transactions .user-account-block .betting-group .block .top .right .type.won {
    color: #39b54a
}

.user-transactions .user-account-block .betting-group .block .top .right .type.lost {
    color: #ed1c24
}

.user-transactions .user-account-block .betting-group .block .top .right .type.returned {
    color: #babb00
}

.user-transactions .user-account-block .betting-group .block .top .right .type.accepted {
    color: #4169e1
}

.user-transactions .user-account-block .betting-group .block .top .right .type.pending {
    color: orange
}

.user-transactions .user-account-block .betting-group .block .top .right .type.cashedout {
    color: #1ab394
}

.user-transactions .user-account-block .betting-group .block .top .right .bet-type {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

.user-transactions .user-account-block .betting-group .block .bottom {
    padding: 0 17px 8px
}

.user-transactions .user-account-block .betting-group .block .bottom:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions .user-account-block .betting-group .block .bottom>div {
    float: left
}

.user-transactions .user-account-block .betting-group .block .bottom>div.right {
    float: right
}

.user-transactions .user-account-block .betting-group .block .bottom>div>div {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

.user-transactions .user-account-block .betting-group .block .bottom>div>div span {
    display: inline-block
}

.user-transactions .user-account-block .betting-group .block .bottom>div>div>span:last-child {
    color: #fff;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info {
    background: #424040;
    border-left: 3px solid #0000;
    padding: 8px 24px
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:after {
    clear: both;
    content: "";
    display: table
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:not(:first-of-type) {
    margin: 2px 0 0
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.won {
    border-left: 3px solid #39b54a
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.lost {
    border-left: 3px solid #ed1c24
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.returned {
    border-left: 3px solid #babb00
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.accepted {
    border-left: 3px solid #4169e1
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.pending {
    border-left: 3px solid orange
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.cashedout {
    border-left: 3px solid #1ab394
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 20px
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.bet-type {
    text-transform: uppercase
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.won {
    color: #39b54a
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.lost {
    color: #ed1c24
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.returned {
    color: #babb00
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.accepted {
    color: #4169e1
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.pending {
    color: orange
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.cashedout {
    color: #1ab394
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span:nth-of-type(2) {
    color: #fff;
    margin: 0 0 0 5px
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div.name>span {
    color: #fff
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .left {
    float: left
}

.user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .right {
    float: right;
    text-align: right
}

.user-transactions .user-account-block.deposit-wager-block .group .block>div {
    width: 50%
}

.personal-information.uploader {
    min-height: 200px
}

.personal-information.change-password {
    min-height: 450px
}

.personal-information .user-settings-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.personal-information .file-upload {
    border: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 20px auto 0
}

.personal-information .file-upload label {
    cursor: pointer;
    display: block;
    height: 38px;
    overflow: hidden;
    padding: 0 0 0 50px;
    position: relative
}

.personal-information .file-upload label:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.personal-information .file-upload i {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.personal-information .file-upload span {
    display: inline-block;
    vertical-align: middle
}

.personal-information .file-upload input {
    position: absolute;
    visibility: hidden
}

.user-bonuses {
    width: 100%
}

.user-bonuses [data-tabs] {
    margin: 0
}

.user-bonuses [data-tabs] .react-tabs__tab-list {
    margin: 0 0 20px
}

.user-bonuses [data-tabs] .react-tabs__tab-list:after {
    clear: both;
    content: "";
    display: table
}

.user-bonuses [data-tabs] .react-tabs__tab-list li {
    background: #282727;
    border: none!important;
    border-top: 1px solid #4d4d4d!important;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    margin: 0 .65% 0 0;
    padding: 0 5px;
    text-align: center;
    width: 32%
}

.user-bonuses [data-tabs] .react-tabs__tab-list li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-bonuses [data-tabs] .react-tabs__tab-list li span {
    display: inline-block;
    vertical-align: middle
}

.user-bonuses [data-tabs] .react-tabs__tab-list li:last-child {
    margin: 0
}

.user-bonuses .user-bonuses-block .group .block {
    background: #282727;
    border-top: 1px solid #4d4d4d;
    padding: 10px 0
}

.user-bonuses .user-bonuses-block .group .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .group .block>div {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    width: 33.3%
}

.user-bonuses .user-bonuses-block .group .block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .group .block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .group .block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0
}

.user-bonuses .user-bonuses-block .group .block>div i {
    color: #4e4e4e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px
}

.user-bonuses .user-bonuses-block .group .block>div .decline-button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: auto
}

.user-bonuses .user-bonuses-block .group .block>div.more {
    text-align: right
}

.user-bonuses .user-bonuses-block .group .block>div.more>span {
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-style: italic;
    line-height: normal;
    margin: 0
}

.user-bonuses .user-bonuses-block .group .block>div.button-wrap {
    margin: 0;
    text-align: right
}

.user-bonuses .user-bonuses-block .group .sub-block {
    background: #424040
}

.user-bonuses .user-bonuses-block .group .sub-block>div {
    display: inline-block;
    height: 30px;
    padding: 0 10px
}

.user-bonuses .user-bonuses-block .group .sub-block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .group .sub-block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

.user-bonuses .user-bonuses-block .user-bonuses-table-content h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 0 0 20px
}

.user-bonuses .user-bonuses-block button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    width: auto
}

.user-bonuses .user-bonuses-block button.cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 0 15px;
    width: auto
}

.user-bonuses .user-bonuses-block .table {
    margin: 20px 0 0
}

.user-bonuses .user-bonuses-block .table .tr:last-child .td {
    border-bottom: 1px solid #4d4d4d
}

.user-bonuses .user-bonuses-block .table .td {
    padding: 10px
}

.user-bonuses .user-bonuses-block .table .td:first-child {
    border-left: 1px solid #4d4d4d
}

.user-bonuses .user-bonuses-block .table .td:last-child {
    border-right: 1px solid #4d4d4d;
    text-align: right
}

.user-bonuses .user-bonuses-block .table .td>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .table .td>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 5px
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap {
    margin: 20px 0 0
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap>span {
    color: #aeaeae;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar {
    background: #282727;
    height: 40px;
    margin: 20px 0 10px;
    position: relative;
    text-align: center;
    width: 100%
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>div {
    background: #39b54a;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    position: relative;
    z-index: 2
}

.user-bonuses .user-settings-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.user-bonuses .empty-bonuses {
    padding: 15px;
    text-align: center
}

.user-bonuses .empty-bonuses p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    text-transform: uppercase
}

.user-bonuses .button-wrap {
    margin: 20px 0 0;
    text-align: center
}

.user-bonuses .button-wrap button {
    cursor: pointer;
    padding: 0 15px
}

.user-bonuses .promotion-code h2,.user-bonuses .table h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    margin: 0 0 20px
}

.user-bonuses button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    width: auto
}

.user-bonuses button.cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 0 15px;
    width: auto
}

.user-bonuses .promotion-code .promotion-code-wrap .form-label {
    position: relative
}

.user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input {
    display: block
}

.user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input input {
    padding: 0 40% 5px 0;
    text-align: left
}

.user-bonuses .promotion-code .promotion-code-wrap .form-label button {
    bottom: 0;
    padding: 0 30px;
    position: absolute;
    right: 0
}

.user-documents {
    float: left;
    width: 100%
}

.user-documents .documents-wrap {
    position: relative
}

.user-documents .documents-wrap .no-document {
    margin: 30px 0 0
}

.user-documents .documents-wrap .no-document img {
    display: block;
    margin: 0 auto;
    width: 50px
}

.user-documents .documents-wrap .no-document p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 0;
    padding: 0;
    text-align: center
}

.user-documents .documents-wrap .file-upload {
    margin: 0 auto
}

.user-documents .documents-wrap .file-upload .text {
    padding: 10px 15px 0
}

.user-documents .documents-wrap .file-upload .text p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

.user-documents .documents-wrap .file-upload .upload-group {
    background: #2827274d;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 12px
}

.user-documents .documents-wrap .file-upload .upload-group .icon {
    align-items: center;
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    color: #aeaeae;
    display: flex;
    flex-shrink: 0;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap {
    flex: 1;
    min-width: 0
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 8px
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span {
    font-size: 12px;
    opacity: .7
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span {
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.pending {
    background: #1ab394
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.approved {
    background: #57ca67
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.declined {
    background: #ed1c24
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap {
    align-items: center;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    height: 44px;
    padding: 0 12px
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i {
    color: #4e4e4e;
    flex-shrink: 0;
    font-size: 18px
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap input {
    position: absolute;
    visibility: hidden
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error {
    align-items: center;
    color: #ed1c24;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    gap: 8px;
    margin-top: 8px
}

.user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error i {
    font-size: 16px
}

.user-documents .documents-wrap .file-upload .upload-group.approved .icon {
    border-color: #57ca67;
    color: #57ca67
}

.user-documents .documents-wrap .file-upload .upload-group.pending .icon {
    border-color: #1ab394;
    color: #1ab394
}

.user-documents .documents-wrap .file-upload .upload-group.declined .icon {
    border-color: #ed1c24;
    color: #ed1c24
}

.user-reality {
    width: 100%
}

.user-reality .tabs {
    display: flex;
    gap: 8px;
    padding: 0 16px
}

.user-reality .tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 10px 16px;
    text-transform: uppercase
}

.user-reality .tabs button.selected {
    border-color: #ed1c24
}

.user-reality .duration-wrap {
    width: 100%
}

.user-reality .duration-wrap .cont {
    padding: 16px
}

.user-reality .duration-wrap .cont h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin-bottom: 12px;
    text-align: center
}

.user-reality .duration-wrap .cont p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 1.5
}

.user-reality .duration-wrap .cont .static-block p {
    color: #fffc;
    font-size: 14px;
    line-height: 1.5
}

.user-reality .duration-wrap .cont .checkbox {
    display: block;
    margin-top: 16px
}

.user-reality .duration-wrap .cont .button-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

.user-reality .duration-wrap .cont .button-wrap button {
    align-items: center;
    background: #1ab394;
    border: 1px solid #1ab394;
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0 15px;
    width: auto;
    width: 100%
}

.user-reality .duration-wrap .cont .button-wrap button i {
    display: none
}

.user-reality .duration-wrap .cont .button-wrap button.selected {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    height: 44px;
    padding: 0 15px;
    width: auto
}

.user-reality .duration-wrap .cont .button-wrap button.selected i {
    display: inline-block;
    margin-right: 10px
}

.user-reality .duration-wrap .cont .button-wrap button.submit {
    background: #088c35;
    border: 1px solid #088c35;
    border-radius: 4px;
    color: #fff;
    height: 44px;
    margin-top: 10px;
    padding: 0 15px;
    width: auto
}

.limit .cont {
    margin: 0 auto;
    text-align: center
}

.limit .cont .alerts {
    padding: 0 15px
}

.limit .cont .alerts .alert {
    margin: 10px auto;
    width: 100%
}

.limit .cont .button-wrap:after {
    clear: both;
    content: "";
    display: table
}

.limit .cont .button-wrap button {
    background: #282727;
    border: none;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 45px;
    margin: 0 0 0 2.5%;
    padding: 0;
    width: 30%
}

.limit .cont .button-wrap button.selected {
    background: #ed1c24
}

.limit .cont .limit-wrap {
    margin: 20px 0 0;
    padding: 0 15px
}

.limit .cont .limit-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.limit .cont .limit-wrap h2 {
    border-top: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 15px;
    padding: 5px 0 0;
    text-align: left;
    text-transform: uppercase
}

.limit .cont .limit-wrap .number-group {
    margin: 45px 0 0;
    position: relative
}

.limit .cont .limit-wrap .number-group:after {
    clear: both;
    content: "";
    display: table
}

.limit .cont .limit-wrap .number-group button {
    background: #282727;
    border: none;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansBold,serif;
    font-size: 35px;
    height: 45px;
    padding: 0;
    width: 45px
}

.limit .cont .limit-wrap .number-group button:nth-of-type(2) {
    float: right
}

.limit .cont .limit-wrap .number-group input {
    border: none;
    font-size: 35px;
    max-width: 210px;
    width: auto
}

.limit .cont .limit-wrap .number-group input,.limit .cont .limit-wrap .number-group span {
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    height: 45px;
    left: 50%;
    padding: 0;
    position: absolute;
    transform: translateX(-50%)
}

.limit .cont .limit-wrap .number-group span {
    font-size: 16px;
    line-height: 45px;
    width: 210px
}

.limit .cont .actual-limit {
    background: #282727;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin: 50px 0 0;
    padding: 0 15px;
    text-align: left
}

.limit .cont .submit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 15px;
    width: auto
}

.limit .cont .static-block {
    margin: 20px 0 0;
    padding: 0 15px;
    text-align: left
}

.limit .cont .static-block>div {
    border-top: 1px solid #4d4d4d;
    padding: 5px 0 0
}

.limit .cont .static-block p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

.subscription-settings {
    width: 100%;
    z-index: 1
}

.subscription-settings .subscription-settings-wrap {
    position: relative
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap {
    width: 100%
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap {
    text-align: center;
    width: 100%
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap:nth-of-type(2) {
    margin: 20px 0 0;
    padding: 0 0 20px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 20px auto 0;
    text-align: center;
    width: 80%
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox {
    display: block;
    min-height: 10px;
    min-width: 13px;
    padding: 0 0 0 25px;
    position: relative;
    text-align: center
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input {
    opacity: 0;
    position: absolute
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon {
    background: #181818;
    border: 1px solid #4d4d4d;
    color: #39b54a;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon:before {
    content: "";
    display: none
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .text {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input:checked+.icon:before {
    display: block;
    font-size: 14px;
    margin: 1px 0 0
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe {
    display: inline-block;
    height: auto;
    min-height: auto;
    min-width: auto;
    padding: 0;
    width: auto
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image {
    display: block;
    height: 111px;
    margin: 0 auto;
    position: relative;
    width: 103px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img {
    bottom: 0;
    display: block;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .7s ease
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img:nth-of-type(2) {
    opacity: 0
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon {
    background: #fff;
    border-radius: 30px;
    height: 40px;
    left: auto;
    margin: 20px auto 0;
    position: relative;
    top: auto;
    transform: translateY(0);
    width: 90px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 45px;
    position: absolute;
    top: -3.5px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 45px
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    line-height: normal;
    margin: 20px 0 0!important;
    padding: 0 0 0 20px!important;
    position: relative;
    text-align: center
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text span {
    display: inline-block;
    vertical-align: middle
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text i {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-32%)
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon {
    background: #39b54a
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -3.5px;
    transform: translateX(46px)
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img {
    opacity: 0
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img:nth-of-type(2) {
    opacity: 1
}

.subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .text i {
    color: #39b54a
}

.new-password {
    padding: 60px 0 0;
    width: 100%
}

.new-password .new-password-information {
    margin: 140px auto 0;
    padding: 0 15px
}

.new-password .new-password-information .new-password-form:after {
    clear: both;
    content: "";
    display: table
}

.new-password .new-password-information .new-password-form .error-message {
    display: inline-block;
    font-family: NotoSansRegular,serif
}

.new-password .new-password-information .new-password-form .label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    vertical-align: middle;
    width: 40%
}

.new-password .new-password-information .new-password-form div,.new-password .new-password-information .new-password-form label {
    display: block
}

.new-password .new-password-information .new-password-form div.password-group,.new-password .new-password-information .new-password-form label.password-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.new-password .new-password-information .new-password-form div.password-group:after,.new-password .new-password-information .new-password-form label.password-group:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.new-password .new-password-information .new-password-form div.password-group .mask-input,.new-password .new-password-information .new-password-form label.password-group .mask-input {
    border: none;
    width: 100%
}

.new-password .new-password-information .new-password-form div.password-group .mask-input input,.new-password .new-password-information .new-password-form label.password-group .mask-input input {
    padding: 0 30px 0 0;
    width: 100%
}

.new-password .new-password-information .new-password-form div.password-group:after,.new-password .new-password-information .new-password-form label.password-group:after {
    display: none
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap,.new-password .new-password-information .new-password-form label.password-group .view-wrap {
    position: relative;
    width: 100%
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,.new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup,.new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup ul,.new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:before,.new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:after,.new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

.new-password .new-password-information .new-password-form div.password-group .view-wrap i,.new-password .new-password-information .new-password-form label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.new-password .new-password-information .new-password-form div.mask-input,.new-password .new-password-information .new-password-form label.mask-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

.new-password .new-password-information .new-password-form div.mask-input:after,.new-password .new-password-information .new-password-form label.mask-input:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.new-password .new-password-information .new-password-form div.mask-input input,.new-password .new-password-information .new-password-form label.mask-input input {
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0;
    text-align: left;
    width: 100%
}

.new-password .new-password-information .new-password-form div.mask-input input:disabled,.new-password .new-password-information .new-password-form label.mask-input input:disabled {
    color: #aeaeae
}

.new-password .new-password-information .new-password-form .button-wrap {
    margin: 20px 0 0;
    text-align: center;
    width: 100%
}

.new-password .new-password-information .new-password-form .button-wrap button {
    background: #ed1c24;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 30px;
    padding: 0;
    width: 90%
}

.otp-settings-wrap {
    margin: 15px 0 0;
    padding: 0 15px;
    width: 100%
}

.otp-settings-description h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px
}

.otp-settings-description p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0
}

.otp-settings-switcher {
    margin: 30px 0 0
}

.otp-settings-switcher .checkbox {
    display: block;
    min-height: 30px;
    padding: 0
}

.otp-settings-switcher .checkbox .checkbox-wrap {
    display: block;
    padding: 0 0 0 60px;
    position: relative
}

.otp-settings-switcher .checkbox .icon {
    background: none;
    border: 1px solid #fff;
    border-radius: 18px;
    height: 24px;
    left: 0;
    margin: -12px 0 0;
    transform: translateY(0);
    vertical-align: middle;
    width: 50px
}

.otp-settings-switcher .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: 1px;
    transform: translateX(1px);
    transition: transform .3s linear;
    width: 20px
}

.otp-settings-switcher .checkbox .text {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 15px;
    text-align: left
}

.otp-settings-switcher .checkbox .text a {
    text-decoration: none
}

.otp-settings-switcher .checkbox input:checked+.icon {
    border: 1px solid #39b54a
}

.otp-settings-switcher .checkbox input:checked+.icon:before {
    background: #fff;
    margin: 0;
    top: 1px;
    transform: translateX(27px)
}

.otp-settings .help-blocks ul li {
    margin: 38px 0 0
}

.otp-settings .help-blocks ul li:first-of-type {
    margin: 25px 0 0
}

.otp-settings .help-blocks ul li .image {
    text-align: center
}

.otp-settings .help-blocks ul li .image img {
    display: inline-block
}

.otp-settings .help-blocks ul li .text {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 14px 0 0
}

.otp-settings-email {
    margin: 20px 0 0
}

.otp-settings-email .email-wrap h2 {
    border-bottom: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    padding: 0 0 8px;
    text-align: center
}

.otp-settings-email .buttons-wrap {
    border-top: 1px solid #4d4d4d;
    margin: 25px 0 0;
    padding: 30px 0 0
}

.otp-settings-email .buttons-wrap .input {
    margin: 0 auto;
    width: 160px
}

.otp-settings-email .buttons-wrap .button {
    display: block;
    font-size: 13px;
    margin: 15px auto 0;
    transition: background .5s ease,border .5s ease
}

.otp-settings-email .buttons-wrap .button:first-of-type {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0;
    width: 160px
}

.otp-settings-email .buttons-wrap .button:first-of-type:hover {
    background: #ed1c245e;
    border-color: #ed1c245e
}

.otp-settings-email .buttons-wrap .button:nth-of-type(2) {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 10px auto;
    padding: 0;
    width: 160px
}

.otp-settings-email .buttons-wrap .button:nth-of-type(2):hover {
    background: #39b54a5e;
    border-color: #39b54a5e
}

.otp-settings-success {
    text-align: center
}

.otp-settings-success:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.otp-settings-success .middle {
    display: inline-block;
    width: 80%
}

.otp-settings-success .middle img {
    display: inline-block;
    width: 50px
}

.otp-settings-success .middle h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    margin: 25px 0 0
}

.otp-settings-success .middle p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ath-viewport {
    pointer-events: none;
    position: relative;
    z-index: 2147483641;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.ath-modal {
    background: #0009;
    pointer-events: auto!important
}

.ath-mandatory {
    background: #000
}

.ath-container {
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 .2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    padding: .7em .6em;
    pointer-events: auto!important;
    position: absolute;
    text-align: center;
    width: 18em;
    z-index: 2147483641
}

.ath-container small {
    display: block;
    font-size: .8em;
    line-height: 1.3em;
    margin-top: .5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em
}

.ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em
}

.ath-ios10.ath-tablet,.ath-ios8.ath-tablet,.ath-ios9.ath-tablet {
    right: .4em;
    top: 1.8em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-container:before {
    background-color: #fffc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    color: #a33;
    content: "";
    display: block;
    float: right;
    height: 2.7em;
    margin: -.7em -.6em 0 .5em;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 2.7em;
    z-index: 2147483642
}

.ath-container.ath-icon:before {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ath-mandatory .ath-container:before {
    display: none
}

.ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em
}

.ath-container.ath-android.ath-icon:before {
    float: none;
    left: 0;
    margin: 0;
    position: absolute;
    right: auto
}

.ath-action-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999em;
    vertical-align: middle
}

.ath-ios10 .ath-action-icon,.ath-ios7 .ath-action-icon,.ath-ios8 .ath-action-icon,.ath-ios9 .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    height: 1.6em;
    margin-top: -.3em;
    width: 1.6em
}

.ath-ios6 .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    background-size: 100% auto;
    height: 1.8em;
    margin-bottom: .4em;
    width: 1.8em
}

.ath-android .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
    height: 1.5em;
    width: 1.4em
}

.ath-container p {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: 0 .1em 0 #fff;
    z-index: 2147483642
}

.ath-ios.ath-phone:after {
    bottom: -.9em;
    box-shadow: .2em .2em 0 #d1d1d1
}

.ath-ios.ath-phone:after,.ath-ios.ath-tablet:after {
    background: #eee;
    content: "";
    height: 2em;
    left: 50%;
    margin-left: -1em;
    position: absolute;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    width: 2em
}

.ath-ios.ath-tablet:after {
    top: -.9em;
    z-index: 2147483641
}

.ath-application-icon {
    border: 0;
    height: 6em;
    margin: 0 auto .2em;
    padding: 0;
    position: relative;
    width: 6em;
    z-index: 2147483642
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 .2em .4em #0000004d,inset 0 .07em 0 #ffffff80;
    margin: 0 auto .4em
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width:24em
    }

    .ath-android.ath-phone,.ath-ios.ath-phone {
        margin-left: -12em
    }

    .ath-ios6:after {
        left: 39%
    }

    .ath-ios8.ath-phone {
        bottom: auto;
        left: auto;
        right: .4em;
        top: 1.8em
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        box-shadow: none;
        left: 68%;
        top: -.9em;
        z-index: 2147483641
    }
}

.football-manager-wrap {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/FM_BG.png) no-repeat top/cover;
    height: 100%;
    margin: -10px 0 0;
    overflow-y: auto;
    position: absolute
}

.football-manager-wrap .football-manager-header {
    background: #28272780;
    height: 48px;
    width: 100%
}

.football-manager-wrap .football-manager-header ul {
    margin: 0 auto;
    width: 100%
}

.football-manager-wrap .football-manager-header ul:after {
    clear: both;
    content: "";
    display: table
}

.football-manager-wrap .football-manager-header ul li {
    float: left
}

.football-manager-wrap .football-manager-header ul li a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 47px;
    line-height: 47px;
    padding: 0 15px;
    text-decoration: none
}

.football-manager-wrap .football-manager-header ul li a.active,.football-manager-wrap .football-manager-header ul li a:hover {
    background: #ed1c24
}

.football-manager-wrap .football-manager-content {
    margin: 0 auto;
    padding: 30px 10px 0;
    width: 100%
}

.football-manager-wrap .football-manager-content .f-logo {
    margin: 0
}

.football-manager-wrap .football-manager-content .f-logo:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.football-manager-wrap .football-manager-content .f-logo img {
    display: inline-block;
    height: 80px;
    vertical-align: top
}

.football-manager-wrap .football-manager-content .f-logo h1 {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 38px;
    margin: 0 0 0 20px;
    text-shadow: 5px 5px 4px 0 #00000080;
    vertical-align: top
}

.football-manager-wrap .football-manager-content .f-logo h1 span {
    display: block
}

.football-manager-wrap .football-manager-content .f-logo h1 span:last-child {
    color: #ed1c24;
    font-family: NotoSansBold,serif;
    margin: 4px 0 0
}

.football-manager-wrap .football-manager-content button {
    background-color: #ed1c24;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 25px;
    height: 43px;
    margin: 20px 0 0;
    padding: 0;
    text-decoration: none;
    width: 191px
}

.football-manager-wrap .football-manager-content .background {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/football-manager/coaches.png) no-repeat top/300px auto;
    margin: 25px 0 0;
    padding: 105px 0 0
}

.football-manager-wrap .football-manager-content .blocks-wrap {
    border: 5px solid #ed1c24;
    border-radius: 2px;
    border-top: none
}

.football-manager-wrap .football-manager-content .blocks-wrap:after {
    clear: both;
    content: "";
    display: table
}

.football-manager-wrap .football-manager-content .blocks-wrap .block {
    background: #0006;
    position: relative;
    width: 100%
}

.football-manager-wrap .football-manager-content .blocks-wrap .block h2 {
    background: #ed1c24;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 43px;
    line-height: 43px;
    padding: 0 0 0 65px;
    width: 100%
}

.football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap {
    padding: 10px;
    text-align: center
}

.football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap img {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.football-manager-wrap .football-manager-content .blocks-wrap .block .block-number {
    background: #fff;
    border: 5px solid #ed1c24;
    border-radius: 100px;
    box-shadow: inset 8px 1px 3px 0 #0000001c;
    color: #ed1c24;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 35px;
    height: 51px;
    left: 0;
    line-height: 41px;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 51px
}

@media screen and (min-width: 414px) {
    .profile-menu>div i {
        font-size:20px;
        margin: 0 0 5px
    }

    .profile-menu>div .animation-wrap>span,.profile-menu>div .middle>span,.profile-menu>div a>span {
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    .header {
        height:80px
    }

    .header .header-content .header-header_logo,.header .header-content .logo,.header .header-content .logo-link {
        height: 50px
    }

    .header .header-content .rectangle {
        background-color: #1e1e1e;
        border-radius: 4px
    }

    .header .header-content .live-chat,.header .header-content .search-header,.header .header-content .user-icon {
        height: 34px;
        width: 34px
    }

    .header .header-content .live-chat,.header .header-content .user-icon {
        right: 48px
    }

    .header .header-content .search-header {
        right: 100px
    }

    .global-container {
        padding: 80px 0
    }

    .global-container .container-content:after {
        clear: both;
        content: "";
        display: table
    }

    .global-container .container-content {
        overflow: hidden
    }

    .full-iframe {
        height: calc(100% - 125px);
        top: 80px
    }

    .container {
        width: 100%
    }

    .menu-icon {
        left: 10px
    }

    .profile-menu {
        text-align: center
    }

    .profile-menu .center>div {
        display: inline-block;
        float: none;
        vertical-align: middle;
        width: 10%
    }

    .profile-menu .center>div i {
        color: #fff;
        display: block;
        font-size: 20px;
        margin: 0 0 9px
    }

    .profile-menu .center>div .animation-wrap>span,.profile-menu .center>div .middle>span,.profile-menu .center>div a>span {
        font-size: 10px;
        min-height: 18px
    }

    .auth-btns button {
        height: 49px
    }

    .auth-btns button.sign-up {
        width: 65%
    }

    .auth-btns button.sign-in {
        width: 35%
    }

    .auth-btns button i,.auth-btns button span {
        font-size: 16px
    }

    .back {
        left: 24px;
        top: 30px
    }

    .back i {
        font-size: 28px
    }

    .sign-in-popup {
        padding: 0
    }

    .sign-in-popup .sign-in-header {
        height: 56px
    }

    .sign-in-popup .sign-in-header .back,.sign-in-popup .sign-in-header .close {
        height: 56px;
        width: 56px
    }

    .sign-in-popup .sign-in-header .back i,.sign-in-popup .sign-in-header .close i {
        font-size: 18px
    }

    .sign-in-popup .sign-in-header h2 {
        font-size: 18px;
        margin-right: 56px
    }

    .sign-in-popup .sign-in-form {
        margin: 60px auto 0;
        max-width: 420px;
        width: 100%
    }

    .sign-in-popup .sign-in-form .sign-in-logo {
        height: 169px;
        width: 160px
    }

    .sign-in-popup .sign-in-form form {
        margin: 50px 0 0
    }

    .sign-in-popup .sign-in-form form .input-wrap {
        margin: 0;
        position: relative
    }

    .sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2) {
        margin: 20px 0 0
    }

    .sign-in-popup .sign-in-form form .input-wrap i {
        font-size: 20px;
        left: 16px;
        top: 50%;
        transform: translateY(-50%)
    }

    .sign-in-popup .sign-in-form form .input-wrap input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        font-size: 16px;
        height: 52px;
        padding: 0 16px 0 52px
    }

    .sign-in-popup .sign-in-form form .input-wrap input:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-in-popup .sign-in-form form .input-wrap .mask-input {
        display: block;
        width: 100%
    }

    .sign-in-popup .sign-in-form form .forgot-password {
        font-size: 14px;
        line-height: 20px;
        margin: 20px 0 0
    }

    .sign-in-popup .sign-in-form form .signin-error i {
        font-size: 14px;
        position: static;
        transform: none
    }

    .sign-in-popup .sign-in-form form .signin-error span {
        font-family: NotoSansRegular,serif;
        font-size: 14px
    }

    .sign-in-popup .sign-in-form form .button-group {
        margin: 32px 0 0
    }

    .sign-in-popup .sign-in-form form .button-group button {
        border-radius: 4px;
        font-size: 17px;
        height: 52px
    }

    .sign-in-popup .sign-in-form form .button-group button.sign-in {
        width: 100%
    }

    .sign-in-popup .sign-in-form form .button-group button.sign-up {
        margin-top: 16px;
        width: 100%
    }

    .sign-in-popup .sign-in-form form .button-group button i {
        font-size: 18px;
        position: static;
        transform: none
    }

    .sign-in-popup .sign-in-form form .button-group button span {
        font-size: 17px
    }

    .sign-up-popup .sign-up-header {
        height: 56px;
        padding: 0 16px
    }

    .sign-up-popup .sign-up-header .back,.sign-up-popup .sign-up-header .close {
        height: 40px;
        width: 40px
    }

    .sign-up-popup .sign-up-header .back i,.sign-up-popup .sign-up-header .close i {
        font-size: 24px
    }

    .sign-up-popup .sign-up-header h2 {
        font-size: 18px;
        margin-right: 40px
    }

    .sign-up-popup .sign-up-window-form {
        padding: 24px
    }

    .sign-up-popup .sign-up-window-form .step .logo {
        display: block;
        height: 140px;
        margin: 32px auto 0;
        width: 133px
    }

    .sign-up-popup .sign-up-window-form .step>.form-group {
        background: none;
        border: none;
        border-radius: 0;
        margin: 32px auto 0;
        max-width: 400px;
        padding: 0;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .text h2 {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 4px;
        text-align: center;
        text-transform: capitalize
    }

    .sign-up-popup .sign-up-window-form form .text p {
        font-size: 14px;
        margin: 0 0 16px
    }

    .sign-up-popup .sign-up-window-form form .form-label {
        border-bottom: none;
        display: block;
        margin: 0 0 16px;
        padding: 0;
        position: relative;
        text-align: left;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .error-message {
        display: block;
        font-family: NotoSansRegular,serif;
        font-size: 12px;
        margin: 4px 0 0
    }

    .sign-up-popup .sign-up-window-form form .form-label .label {
        color: #aeaeae;
        display: block;
        font-family: NotoSansRegular,serif;
        font-size: 13px;
        margin: 0 0 8px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div,.sign-up-popup .sign-up-window-form form .form-label label {
        display: block
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group,.sign-up-popup .sign-up-window-form form .form-label label.password-group {
        display: block;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child {
        margin-bottom: 12px
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 40px 0 12px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,.sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group:after,.sign-up-popup .sign-up-window-form form .form-label label.password-group:after {
        display: none
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap {
        position: relative
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child {
        margin: 8px 0 0
    }

    .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,.sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question,.sign-up-popup .sign-up-window-form form .form-label label.secret-question {
        display: block;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input {
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        height: 48px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control {
        background: #0000;
        border: none;
        height: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value {
        line-height: 48px;
        padding: 0 12px
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused {
        border-color: #ed1c24
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 4px 8px #0000004d;
        left: -1px;
        max-height: 200px;
        position: absolute;
        right: -1px;
        top: 100%;
        width: auto;
        z-index: 1000
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu {
        max-height: 198px;
        overflow-y: auto
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option {
        border-bottom: 1px solid #4d4d4d80;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        padding: 12px
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child {
        border-bottom: none
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,.sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active {
        background: #ed1c2433
    }

    .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,.sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected {
        background: #ed1c24;
        color: #fff
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input,.sign-up-popup .sign-up-window-form form .form-label label.mask-input {
        display: block;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input input,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,.sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled {
        color: #aeaeae
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select {
        display: block;
        overflow: visible;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 40px 0 12px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,.sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question {
        display: block;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .select {
        display: block;
        margin-bottom: 12px;
        overflow: visible;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 40px 0 12px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input {
        display: block;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .select {
        display: block;
        overflow: visible;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .sign-up-popup .sign-up-window-form form .form-label .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 40px 0 12px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .sign-up-popup .sign-up-window-form form .form-label .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .select select:disabled {
        color: #aeaeae
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group {
        display: block;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within {
        border-color: #ed1c24
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text] {
        background: #0000;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 100%;
        padding: 0 12px 0 60px!important;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus {
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown {
        background: #0000;
        border: none;
        border-right: 1px solid #4d4d4d;
        height: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag {
        height: 100%;
        padding: 0 0 0 12px
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag {
        top: 50%;
        transform: translateY(-50%)
    }

    .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list {
        background: #000;
        border: 1px solid #4d4d4d;
        border-radius: 4px
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday {
        display: block;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group {
        display: flex;
        gap: 8px
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select {
        display: block;
        flex: 1;
        overflow: visible;
        position: relative
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 16px;
        pointer-events: none;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 28px 0 8px;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within {
        border-color: #ed1c24
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text] {
        background: #0000;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 100%;
        padding: 0 12px 0 60px!important;
        width: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus {
        outline: none
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown {
        align-items: center;
        background: #0000;
        border: none;
        border-right: 1px solid #4d4d4d;
        display: flex;
        height: 100%
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag {
        align-items: center;
        display: flex;
        height: 100%;
        padding: 0 0 0 12px
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag {
        margin-top: 0;
        position: relative;
        top: auto;
        transform: none
    }

    .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,.sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list {
        background: #000;
        border: 1px solid #4d4d4d;
        border-radius: 4px
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox {
        display: block;
        padding: 0
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap {
        display: block;
        padding: 0 70px 0 0;
        position: relative
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon {
        background: #fff;
        border: 3px solid #4d4d4d;
        border-radius: 18px;
        height: 26px;
        left: auto;
        right: 0;
        vertical-align: middle;
        width: 50px
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before {
        background: #fff;
        border-radius: 100%;
        -webkit-box-shadow: 2px 0 2px 1px #000000bf;
        -moz-box-shadow: 2px 0 2px 1px #000000bf;
        box-shadow: 2px 0 2px 1px #000000bf;
        content: "";
        display: block;
        height: 22px;
        position: absolute;
        top: -1px;
        transform: translateX(0);
        transition: transform .3s linear;
        width: 22px
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox .text {
        font-size: 12px;
        line-height: 14px
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox .text a {
        text-decoration: none
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon {
        background: #39b54a;
        border: 3px solid #39b54a
    }

    .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before {
        box-shadow: 0 0 0 0 #000;
        margin: 0;
        top: -1px;
        transform: translateX(22px)
    }

    .sign-up-popup .sign-up-window-form form button {
        border-radius: 4px;
        display: block;
        font-size: 16px;
        height: 48px;
        margin: 24px 0 0;
        width: 100%
    }

    .sign-up-popup .welcome-text {
        height: auto;
        margin: 20px auto 0;
        width: 500px
    }

    .sign-up-popup .welcome-text i {
        font-size: 190px
    }

    .sign-up-popup .welcome-text .checkbox .text {
        display: block;
        font-size: 20px;
        line-height: 24px;
        text-align: right
    }

    .sign-up-popup .message p {
        font-size: 18px
    }

    .sign-up-popup .button-group,.sign-up-popup .step-buttons {
        margin: 24px auto 0;
        max-width: 400px
    }

    .ReactModal__Overlay .ReactModal__Content.payment-modal {
        background-attachment: fixed!important;
        background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png)!important;
        background-position: center 0!important;
        background-repeat: no-repeat!important;
        background-size: auto 100%!important
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header {
        height: 56px;
        padding: 0 32px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header h2 {
        font-size: 18px;
        margin-right: 48px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header .back {
        height: 48px;
        width: 48px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header .back i {
        font-size: 18px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left {
        font-size: 18px;
        height: 48px;
        width: 48px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round {
        color: #4e4e4e;
        font-size: 28px;
        right: 24px;
        top: 4px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type {
        margin: 0
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block {
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group {
        margin: 0 auto;
        width: 600px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image {
        width: 20%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit {
        color: #00000080;
        display: inline-block;
        font-family: NotoSansBold,serif;
        padding: 0;
        text-align: center;
        width: 50%;
        z-index: 18
    }

    .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p {
        font-size: 18px;
        width: 30%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single {
        padding: 0 15px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header {
        padding: 0 32px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .back,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left {
        margin-left: -12px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text {
        margin: 30px auto 0;
        padding: 20px 15px 30px;
        width: 65%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image {
        border-bottom: 1px solid #18181880;
        padding: 0 0 10px;
        text-align: left
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img {
        display: inline-block;
        vertical-align: middle;
        width: 120px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3 {
        color: #00000080;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 18px;
        margin: 0 0 0 35px;
        text-align: left;
        vertical-align: middle;
        width: 65%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 17px;
        line-height: 19px;
        margin: 10px 0 0;
        text-align: left
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title {
        margin: 15px auto 10px;
        padding: 0;
        text-align: left;
        width: 65%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2 {
        border-top: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 24px;
        padding: 8px 0 0;
        text-transform: uppercase
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single {
        margin: 0 auto;
        position: relative;
        text-align: left;
        width: 65%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block {
        padding: 15px 0
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after {
        clear: both;
        content: "";
        display: table
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2 {
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 24px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox {
        margin: 10px 0 0
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .icon {
        background: #282727;
        border: 1px solid #fff
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .text {
        color: #fff
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 16px;
        padding: 15px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont {
        padding: 0 0 10px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label {
        align-items: center;
        border-bottom: 1px solid #4d4d4d;
        display: flex;
        min-height: 60px;
        padding: 10px 0;
        position: relative;
        text-align: left;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message {
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 18px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label {
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        padding: 0 5px 0 0;
        vertical-align: middle;
        width: 40%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label {
        display: block
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input {
        padding: 0 30px 0 0;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
        display: none
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap {
        position: relative
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child {
        margin: 5px 0 0
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 15px;
        text-align: left;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled {
        color: #aeaeae
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after {
        color: #fff;
        content: "\\E075";
        font-family: Icons;
        font-size: 24px;
        pointer-events: none;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 35px 0 15px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled {
        color: #aeaeae
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select {
        width: 32%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type) {
        margin: 0 0 0 2%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],.ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text] {
        background: none;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        padding: 0 16px 0 50px!important;
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag {
        top: 17px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list {
        background: #000
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol {
        display: inline-block;
        position: relative;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input {
        width: 100%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 15px 0 65px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol {
        align-items: center;
        bottom: 0;
        color: #fff;
        display: flex;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        left: 5px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 60px;
        z-index: 1
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select {
        display: inline-block;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input {
        display: none
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a {
        border: 1px solid #4d4d4d;
        border-radius: 1px;
        color: #aeaeae;
        cursor: pointer;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 24px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        width: 45%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type {
        margin: 0 12px 0 0
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected {
        background: #424040;
        color: #fff
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label {
        border: none!important
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        vertical-align: middle;
        width: 60%
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 45px;
        margin: 24px auto 0;
        padding: 0;
        width: 193px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden {
        display: none
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window {
        border: 1px solid #4d4d4d;
        padding: 38px 0 47px;
        text-align: center
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2 {
        font-family: OpenSansBold,serif;
        font-size: 24px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p {
        color: #aeaeae;
        font-family: OpenSansBold,serif;
        font-size: 14px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type {
        margin: 17px
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2 {
        color: #ed1c24
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2 {
        color: #39b54a
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe {
        border: 1px solid #4d4d4d
    }

    .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked {
        background: #ed1c24;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 20px;
        text-align: center
    }

    .password-progress {
        display: block;
        height: 1px;
        position: absolute;
        top: 34px;
        transition: all .3s linear;
        z-index: 1
    }

    .banner .banner-container {
        height: 217px
    }

    .banner-panel-wrap .banner-panel {
        height: 100px
    }

    .banner-panel-wrap .banner-panel .block {
        background: #282727;
        background: -moz-linear-gradient(top,#282727 0,#050505 100%);
        background: -webkit-linear-gradient(top,#282727,#050505);
        background: linear-gradient(180deg,#282727 0,#050505);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0)
    }

    .banner-panel-wrap .banner-panel .block .middle {
        height: 100px
    }

    .banner-panel-wrap .banner-panel .block .middle i {
        display: none
    }

    .banner-panel-wrap .banner-panel .block .middle .title {
        margin: 1px 0 0;
        width: 100%
    }

    .banner-panel-wrap .banner-panel .block .middle .title h3 {
        font-family: NotoSansBold,serif;
        font-size: 18px;
        line-height: 24px
    }

    .banner-panel-wrap .banner-panel .block .middle .title h2 {
        font-size: 24px;
        line-height: 24px
    }

    .sidebar {
        border-top: 1px solid #4d4d4d;
        padding: 0;
        text-align: center
    }

    .sidebar .toggle-filters {
        font-size: 14px;
        margin: 8px 0 0
    }

    .sidebar .main-sidebar {
        margin: 0
    }

    .sidebar .main-sidebar .filters-tabs {
        margin: 10px 0 0
    }

    .sidebar .main-sidebar .filters-tabs button {
        height: 32px;
        width: 49.75%
    }

    .sidebar .main-sidebar .filters-tabs button:first-child {
        margin: 0 .5% 0 0
    }

    .sidebar .main-sidebar .sidebar-menu:after {
        clear: both;
        content: "";
        display: table
    }

    .sidebar .main-sidebar .sidebar-menu .sidebar-title {
        color: #a1a1a1;
        font-family: MuseoSans700,NotoSansBold,serif;
        font-size: 16px;
        margin: 0 0 20px;
        text-transform: capitalize
    }

    .sidebar .main-sidebar .sidebar-menu .categories-list,.sidebar .main-sidebar .sidebar-menu .provider-list {
        margin: 4px 0 0;
        padding: 0 3px
    }

    .sidebar .main-sidebar .sidebar-menu ul {
        text-align: left
    }

    .sidebar .main-sidebar .sidebar-menu ul li {
        display: inline-block;
        margin: 5px .5% 0 0;
        width: 16.2%
    }

    .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(2n) {
        margin: 5px .5% 0 0
    }

    .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(6n+6) {
        margin: 5px 0 0
    }

    .sidebar .main-sidebar .sidebar-menu ul li a {
        font-size: 14px
    }

    .page-content {
        padding: 10px 0 0
    }

    .page-content .game-block .image-animation-wrap .image {
        height: 110px
    }

    .page-content .game-block .image-animation-wrap .title {
        height: 46px
    }

    .page-content .game-block .image-animation-wrap .title h2 {
        font-size: 12px;
        line-height: 14px
    }

    .game-block-popup .popup-content {
        display: inline-block;
        vertical-align: middle
    }

    .game-block-popup .image-wrap {
        border-bottom: 2px solid #ed1c24;
        border-radius: 12px 12px 0 0;
        height: 280px;
        padding: 0 16px;
        width: 320px
    }

    .game-block-popup .image-wrap .back {
        height: 40px;
        left: 16px;
        top: 16px;
        width: 40px
    }

    .game-block-popup .image-wrap .back i {
        font-size: 20px
    }

    .game-block-popup .image-wrap h2 {
        font-size: 20px;
        margin: 20px 0 0;
        padding: 0 32px 10px
    }

    .game-block-popup .button-group {
        gap: 16px;
        margin: 32px 0 0;
        width: 320px
    }

    .game-block-popup .button-group .demo,.game-block-popup .button-group .play {
        border-radius: 6px;
        font-size: 16px;
        height: 52px
    }

    .user-profile-menu .menu-header {
        margin: 0 auto;
        max-width: 700px;
        padding: 16px 32px 0
    }

    .user-profile-menu .menu-header .balance {
        gap: 16px
    }

    .user-profile-menu .menu-header .balance .block {
        padding: 16px 12px
    }

    .user-profile-menu .menu-header .balance .block>span {
        font-size: 24px
    }

    .user-profile-menu .menu-header .balance .block p {
        font-size: 13px;
        margin-top: 8px
    }

    .user-profile-menu .menu {
        margin: 32px auto 0;
        max-width: 700px;
        padding: 0 32px
    }

    .user-profile-menu .menu ul li a {
        min-height: 56px;
        padding: 16px 0
    }

    .user-profile-menu .menu ul li a:active {
        margin: 0 -32px;
        padding: 16px 32px
    }

    .user-profile-menu .menu ul li i:first-child {
        font-size: 20px;
        width: 48px
    }

    .user-profile-menu .menu ul li span {
        font-size: 17px
    }

    .user-profile-menu .menu ul li .icon-arrow-right {
        font-size: 14px
    }

    .user-profile-menu h3 {
        font-size: 13px;
        margin: 32px auto 12px;
        max-width: 700px;
        padding: 32px 32px 0;
        text-align: center
    }

    .personal-info-form {
        margin: 20px auto 0;
        max-width: 500px;
        padding: 0 24px;
        width: 100%
    }

    .personal-info-form .form-label {
        border-bottom: none;
        display: block;
        margin: 0 0 20px;
        padding: 0;
        position: relative;
        width: 100%
    }

    .personal-info-form .form-label .error-message {
        display: block;
        font-size: 13px;
        margin: 6px 0 0
    }

    .personal-info-form .form-label .label {
        color: #aeaeae;
        display: block;
        font-size: 14px;
        margin: 0 0 10px;
        width: 100%
    }

    .personal-info-form .form-label div,.personal-info-form .form-label label {
        display: block
    }

    .personal-info-form .form-label div.password-group,.personal-info-form .form-label label.password-group {
        display: block;
        position: relative;
        width: 100%
    }

    .personal-info-form .form-label div.password-group .mask-input,.personal-info-form .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    .personal-info-form .form-label div.password-group .mask-input input,.personal-info-form .form-label label.password-group .mask-input input {
        padding: 0 40px 0 0;
        width: 100%
    }

    .personal-info-form .form-label div.password-group:after,.personal-info-form .form-label label.password-group:after {
        display: none
    }

    .personal-info-form .form-label div.password-group .view-wrap,.personal-info-form .form-label label.password-group .view-wrap {
        position: relative
    }

    .personal-info-form .form-label div.password-group .view-wrap:last-child,.personal-info-form .form-label label.password-group .view-wrap:last-child {
        margin: 8px 0 0
    }

    .personal-info-form .form-label div.password-group .view-wrap i,.personal-info-form .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 12px;
        z-index: 1
    }

    .personal-info-form .form-label div.mask-input,.personal-info-form .form-label label.mask-input {
        display: block;
        position: relative;
        width: 100%
    }

    .personal-info-form .form-label div.mask-input input,.personal-info-form .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 48px;
        padding: 12px 14px;
        width: 100%
    }

    .personal-info-form .form-label div.mask-input input:disabled,.personal-info-form .form-label label.mask-input input:disabled {
        color: #aeaeae;
        cursor: not-allowed
    }

    .personal-info-form .form-label div.mask-input input:focus,.personal-info-form .form-label label.mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    .personal-info-form .form-label .select {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    .personal-info-form .form-label .select:before {
        color: #fff;
        font-size: 22px;
        pointer-events: none;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0
    }

    .personal-info-form .form-label .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #0000;
        border: none;
        color: #fff;
        cursor: pointer;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 100%;
        padding: 0 44px 0 14px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    .personal-info-form .form-label .select select:disabled {
        color: #aeaeae;
        cursor: not-allowed
    }

    .personal-info-form .form-label .select select:focus {
        outline: none
    }

    .personal-info-form .form-label .select:focus-within {
        border-color: #ed1c24
    }

    .personal-info-form .form-label .Select {
        width: 100%
    }

    .personal-info-form .form-label .Select .Select-control {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        height: 48px
    }

    .personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper {
        height: 46px
    }

    .personal-info-form .form-label .Select .Select-control .Select-value {
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        line-height: 46px;
        padding: 0 44px 0 14px
    }

    .personal-info-form .form-label .Select .Select-control .Select-placeholder {
        font-size: 15px;
        line-height: 46px;
        padding: 0 44px 0 14px
    }

    .personal-info-form .form-label .Select .Select-control .Select-input {
        height: 46px;
        padding: 0 14px
    }

    .personal-info-form .form-label .Select .Select-control .Select-input input {
        font-size: 15px;
        height: 44px
    }

    .personal-info-form .form-label .Select .Select-control .Select-arrow-zone {
        padding: 0 14px 0 0;
        width: 44px
    }

    .personal-info-form .form-label .Select .Select-menu-outer .Select-option {
        font-size: 15px;
        padding: 14px
    }

    .personal-info-form .form-label .form-group {
        display: block;
        width: 100%
    }

    .personal-info-form .form-label .birthday {
        display: block;
        position: relative;
        width: 100%
    }

    .personal-info-form .form-label .birthday .form-group {
        display: flex;
        gap: 8px
    }

    .personal-info-form .form-label .birthday .form-group .select {
        flex: 1
    }

    .personal-info-form .form-label .react-tel-input {
        display: block;
        width: 100%
    }

    .personal-info-form .form-label .react-tel-input input[type=tel],.personal-info-form .form-label .react-tel-input input[type=text] {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 48px;
        padding: 0 14px 0 60px!important;
        width: 100%
    }

    .personal-info-form .form-label .react-tel-input input[type=tel]:focus,.personal-info-form .form-label .react-tel-input input[type=text]:focus {
        border-color: #ed1c24;
        outline: none
    }

    .personal-info-form .form-label .react-tel-input .selected-flag .flag {
        top: 11px
    }

    .personal-info-form .form-label .react-tel-input .country-list {
        background: #000
    }

    .personal-info-form .form-label .checkbox {
        display: block;
        padding: 16px 0 0
    }

    .personal-info-form .form-label .checkbox .checkbox-wrap {
        display: block;
        padding: 0 70px 0 0;
        position: relative
    }

    .personal-info-form .form-label .checkbox .icon {
        background: #fff;
        border: 3px solid #4d4d4d;
        border-radius: 20px;
        height: 28px;
        left: auto;
        right: 0;
        vertical-align: middle;
        width: 52px
    }

    .personal-info-form .form-label .checkbox .icon:before {
        background: #fff;
        border-radius: 100%;
        box-shadow: 2px 0 2px 1px #000000bf;
        content: "";
        display: block;
        height: 24px;
        position: absolute;
        top: -1px;
        transform: translateX(0);
        transition: transform .3s linear;
        width: 24px
    }

    .personal-info-form .form-label .checkbox .text {
        color: #aeaeae;
        font-size: 13px;
        line-height: 1.4
    }

    .personal-info-form .form-label .checkbox .text a {
        color: #fff;
        text-decoration: none
    }

    .personal-info-form .form-label .checkbox input:checked+.icon {
        background: #39b54a;
        border: 3px solid #39b54a
    }

    .personal-info-form .form-label .checkbox input:checked+.icon:before {
        box-shadow: 0 0 0 0 #000;
        margin: 0;
        top: -1px;
        transform: translateX(24px)
    }

    .personal-info-form .button-wrap {
        padding: 0;
        width: 100%
    }

    .personal-info-form .button-wrap button {
        background: #088c35;
        border: 1px solid #088c35;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        height: 48px;
        line-height: 46px;
        margin: 24px 0 0;
        padding: 0;
        width: 100%
    }

    .user-transactions {
        padding: 35px 0 0;
        width: 100%
    }

    .user-transactions .user-transactions-header {
        padding: 0 24px
    }

    .user-transactions .user-transactions-header .tabs button {
        margin: 0 5px 0 0
    }

    .user-transactions [data-tabs] {
        margin: 50px auto 0;
        padding: 0 24px
    }

    .user-transactions [data-tabs] .react-tabs__tab-list:after {
        clear: both;
        content: "";
        display: table
    }

    .user-transactions [data-tabs] .react-tabs__tab-list li {
        background: #282727;
        border: none!important;
        border-top: 1px solid #4d4d4d!important;
        display: block;
        float: left;
        font-size: 14px;
        height: 40px;
        margin: 0 .65% 0 0;
        padding: 0 10px;
        text-align: center;
        width: 24.5%
    }

    .user-transactions [data-tabs] .react-tabs__tab-list li:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-transactions [data-tabs] .react-tabs__tab-list li span {
        display: inline-block;
        vertical-align: middle
    }

    .user-transactions [data-tabs] .react-tabs__tab-list li:last-child {
        margin: 0
    }

    .user-transactions .user-account-block {
        padding: 10px 24px 0
    }

    .user-transactions .user-account-block .group {
        margin: 0 0 2px
    }

    .user-transactions .user-account-block .group .block {
        background: #282727;
        border-top: 1px solid #4d4d4d;
        padding: 10px 0
    }

    .user-transactions .user-account-block .group .block:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group .block>div {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
        width: 33%
    }

    .user-transactions .user-account-block .group .block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group .block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        line-height: 18px;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group .block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0
    }

    .user-transactions .user-account-block .group .block>div i {
        color: #4e4e4e;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px;
        position: relative;
        top: 3px
    }

    .user-transactions .user-account-block .group .block>div.more {
        text-align: right
    }

    .user-transactions .user-account-block .group .block>div.more>span {
        cursor: pointer;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        font-style: italic;
        line-height: normal;
        margin: 0
    }

    .user-transactions .user-account-block .group .sub-block {
        background: #424040
    }

    .user-transactions .user-account-block .group .sub-block>div {
        display: inline-block;
        height: 30px;
        padding: 0 10px
    }

    .user-transactions .user-account-block .group .sub-block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group .sub-block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group .sub-block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    .user-transactions .user-account-block .group .sub-block>div i {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    .user-transactions .user-account-block .group.game .block>div:first-child {
        text-align: center
    }

    .user-transactions .user-account-block .group.game .block>div:first-child .image {
        border-radius: 100%;
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 100%
    }

    .user-transactions .user-account-block .group.game .block>div:first-child .image img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group.payment .block>div:first-child {
        text-align: center
    }

    .user-transactions .user-account-block .group.payment .block>div:first-child .image {
        display: inline-block;
        height: 30px;
        padding: 2px 5px;
        text-align: center;
        vertical-align: middle;
        width: 100%
    }

    .user-transactions .user-account-block .group.payment .block>div:first-child .image:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-transactions .user-account-block .group.payment .block>div:first-child .image img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle
    }

    .personal-information.uploader {
        min-height: 200px
    }

    .personal-information.change-password {
        min-height: 900px
    }

    .personal-information .user-settings-preloader {
        background: #000c;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    .personal-information .file-upload {
        border: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        margin: 20px auto 0
    }

    .personal-information .file-upload label {
        cursor: pointer;
        display: block;
        height: 38px;
        overflow: hidden;
        padding: 0 0 0 50px;
        position: relative
    }

    .personal-information .file-upload label:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .personal-information .file-upload i {
        left: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .personal-information .file-upload span {
        display: inline-block;
        vertical-align: middle
    }

    .personal-information .file-upload input {
        position: absolute;
        visibility: hidden
    }

    .user-bonuses {
        margin: 60px 0 0;
        padding: 0 24px;
        width: 100%
    }

    .user-bonuses .user-bonuses-block .group {
        margin: 0 0 2px
    }

    .user-bonuses .user-bonuses-block .group .block {
        background: #282727;
        border-top: 1px solid #4d4d4d;
        padding: 10px 0
    }

    .user-bonuses .user-bonuses-block .group .block:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .group .block>div {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
        width: 33.3%
    }

    .user-bonuses .user-bonuses-block .group .block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .group .block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        line-height: 18px;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .group .block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0
    }

    .user-bonuses .user-bonuses-block .group .block>div i {
        color: #4e4e4e;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px;
        position: relative;
        top: 3px
    }

    .user-bonuses .user-bonuses-block .group .block>div .decline-button {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        width: auto
    }

    .user-bonuses .user-bonuses-block .group .block>div.more {
        text-align: right
    }

    .user-bonuses .user-bonuses-block .group .block>div.more>span {
        cursor: pointer;
        font-family: NotoSansRegular,serif;
        font-style: italic;
        line-height: normal;
        margin: 0
    }

    .user-bonuses .user-bonuses-block .group .block>div.button-wrap {
        text-align: right
    }

    .user-bonuses .user-bonuses-block .group .sub-block {
        background: #424040
    }

    .user-bonuses .user-bonuses-block .group .sub-block>div {
        display: inline-block;
        height: 30px;
        padding: 0 10px
    }

    .user-bonuses .user-bonuses-block .group .sub-block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .group .sub-block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    .user-bonuses .user-bonuses-block .user-bonuses-table-content h2 {
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        margin: 0 0 20px
    }

    .user-bonuses .user-bonuses-block button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0 5px;
        width: auto
    }

    .user-bonuses .user-bonuses-block button.cancel {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        margin: 0 0 0 10px;
        padding: 0 5px;
        width: auto
    }

    .user-bonuses .user-bonuses-block .table {
        margin: 20px 0 0
    }

    .user-bonuses .user-bonuses-block .table .tr:last-child .td {
        border-bottom: 1px solid #4d4d4d
    }

    .user-bonuses .user-bonuses-block .table .td {
        padding: 10px
    }

    .user-bonuses .user-bonuses-block .table .td:first-child {
        border-left: 1px solid #4d4d4d
    }

    .user-bonuses .user-bonuses-block .table .td:last-child {
        border-right: 1px solid #4d4d4d;
        text-align: right
    }

    .user-bonuses .user-bonuses-block .table .td>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    .user-bonuses .user-bonuses-block .table .td>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        margin: 0 0 0 5px
    }

    .user-bonuses .user-settings-preloader {
        background: #000c;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .user-bonuses .empty-bonuses {
        padding: 15px;
        text-align: center
    }

    .user-bonuses .empty-bonuses p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 12px;
        text-transform: uppercase
    }

    .user-bonuses .button-wrap {
        margin: 20px 0 0;
        text-align: center
    }

    .user-bonuses .button-wrap button {
        cursor: pointer;
        padding: 0 15px
    }

    .user-bonuses button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0 5px;
        width: auto
    }

    .user-bonuses button.cancel {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        margin: 0 0 0 10px;
        padding: 0 5px;
        width: auto
    }

    .user-documents {
        float: left;
        padding: 35px 10px 0;
        width: 100%
    }

    .user-documents .documents-wrap {
        border: 1px solid #4d4d4d;
        margin: 50px auto;
        position: relative;
        width: 500px
    }

    .user-documents .documents-wrap .no-document {
        margin: 0;
        padding: 50px
    }

    .user-documents .documents-wrap .file-upload {
        margin: 0 auto;
        padding: 10px
    }

    .user-documents .documents-wrap .file-upload .text p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 18px;
        line-height: 20px
    }

    .user-documents .documents-wrap .file-upload .upload-group {
        gap: 16px;
        margin: 16px auto 0;
        max-width: 500px;
        padding: 16px
    }

    .user-documents .documents-wrap .file-upload .upload-group .icon {
        font-size: 28px;
        height: 64px;
        width: 64px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 {
        font-size: 16px;
        margin-bottom: 12px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span {
        font-size: 13px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span {
        font-size: 15px;
        height: 48px;
        line-height: 48px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap {
        height: 48px;
        padding: 0 16px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i {
        font-size: 20px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span {
        font-size: 15px
    }

    .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error {
        font-size: 14px
    }

    .user-reality .tabs {
        margin: 0 auto;
        max-width: 500px;
        padding: 0 32px
    }

    .user-reality .duration-wrap .cont {
        padding: 24px 32px
    }

    .user-reality .duration-wrap .cont p {
        font-size: 15px;
        line-height: 1.6
    }

    .user-reality .duration-wrap .cont .static-block p {
        font-size: 15px
    }

    .user-reality .duration-wrap .cont .button-wrap {
        gap: 12px;
        margin-top: 24px
    }

    .user-reality .duration-wrap .cont .button-wrap button,.user-reality .duration-wrap .cont .button-wrap button.selected,.user-reality .duration-wrap .cont .button-wrap button.submit {
        height: 48px
    }

    .limit {
        padding: 45px 0 0
    }

    .limit .cont {
        margin: 50px auto 0;
        text-align: center;
        width: 500px
    }

    .limit .cont .alerts {
        padding: 0 15px
    }

    .limit .cont .alerts .alert {
        margin: 10px auto;
        width: 100%
    }

    .limit .cont .button-wrap:after {
        clear: both;
        content: "";
        display: table
    }

    .limit .cont .button-wrap button {
        background: #282727;
        border: none;
        color: #fff;
        display: block;
        font-family: NotoSansBold,serif;
        font-size: 20px;
        height: 45px;
        padding: 0
    }

    .limit .cont .button-wrap button.selected {
        background: #ed1c24
    }

    .limit .cont .limit-wrap {
        margin: 20px 0 0;
        padding: 0 15px
    }

    .limit .cont .limit-wrap:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .limit .cont .limit-wrap h2 {
        border-top: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 15px;
        padding: 8px 0 0;
        text-transform: uppercase
    }

    .limit .cont .limit-wrap .number-group {
        margin: 45px 0 0;
        position: relative
    }

    .limit .cont .limit-wrap .number-group:after {
        clear: both;
        content: "";
        display: table
    }

    .limit .cont .limit-wrap .number-group button {
        background: #282727;
        border: none;
        color: #fff;
        display: block;
        float: left;
        font-family: NotoSansBold,serif;
        font-size: 35px;
        height: 45px;
        padding: 0;
        width: 45px
    }

    .limit .cont .limit-wrap .number-group button:nth-of-type(2) {
        float: right
    }

    .limit .cont .limit-wrap .number-group input {
        border: none;
        max-width: 210px;
        width: auto
    }

    .limit .cont .limit-wrap .number-group input,.limit .cont .limit-wrap .number-group span {
        color: #fff;
        display: block;
        font-family: NotoSansBold,serif;
        font-size: 35px;
        height: 45px;
        left: 50%;
        padding: 0;
        position: absolute;
        transform: translateX(-50%)
    }

    .limit .cont .limit-wrap .number-group span {
        width: 210px
    }

    .limit .cont .actual-limit {
        background: #282727;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 20px;
        height: 45px;
        line-height: 45px;
        margin: 50px 0 0;
        padding: 0 15px;
        text-align: left
    }

    .limit .cont .submit {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        display: inline-block;
        margin: 20px 0 0;
        padding: 0 15px;
        width: auto
    }

    .limit .cont .static-block {
        margin: 20px 0 0;
        padding: 0 15px;
        text-align: left
    }

    .limit .cont .static-block>div {
        border-top: 1px solid #4d4d4d;
        padding: 5px 0 0
    }

    .limit .cont .static-block p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 18px;
        line-height: 20px
    }

    .new-password {
        padding: 35px 0 0;
        width: 100%
    }

    .new-password .new-password-information {
        margin: 140px auto 0;
        width: 500px
    }

    .new-password .new-password-information .new-password-form .label {
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        vertical-align: middle;
        width: 40%
    }

    .new-password .new-password-information .new-password-form div,.new-password .new-password-information .new-password-form label {
        display: block
    }

    .new-password .new-password-information .new-password-form div.password-group,.new-password .new-password-information .new-password-form label.password-group {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .new-password .new-password-information .new-password-form div.password-group:after,.new-password .new-password-information .new-password-form label.password-group:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .new-password .new-password-information .new-password-form div.password-group .mask-input,.new-password .new-password-information .new-password-form label.password-group .mask-input {
        border: none;
        width: 100%
    }

    .new-password .new-password-information .new-password-form div.password-group .mask-input input,.new-password .new-password-information .new-password-form label.password-group .mask-input input {
        padding: 0 30px 0 0;
        width: 100%
    }

    .new-password .new-password-information .new-password-form div.password-group:after,.new-password .new-password-information .new-password-form label.password-group:after {
        display: none
    }

    .new-password .new-password-information .new-password-form div.password-group .view-wrap,.new-password .new-password-information .new-password-form label.password-group .view-wrap {
        position: relative
    }

    .new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,.new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child {
        margin: 5px 0 0
    }

    .new-password .new-password-information .new-password-form div.password-group .view-wrap i,.new-password .new-password-information .new-password-form label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 6px;
        z-index: 1
    }

    .new-password .new-password-information .new-password-form div.mask-input,.new-password .new-password-information .new-password-form label.mask-input {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    .new-password .new-password-information .new-password-form div.mask-input:after,.new-password .new-password-information .new-password-form label.mask-input:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .new-password .new-password-information .new-password-form div.mask-input input,.new-password .new-password-information .new-password-form label.mask-input input {
        background: none;
        border: none;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        padding: 0;
        text-align: left;
        width: 100%
    }

    .new-password .new-password-information .new-password-form div.mask-input input:disabled,.new-password .new-password-information .new-password-form label.mask-input input:disabled {
        color: #aeaeae
    }

    .new-password .new-password-information .new-password-form .button-wrap button {
        height: 40px;
        width: 50%
    }

    .otp-settings-wrap {
        margin: 15px auto 0;
        padding: 0 15px;
        width: 500px
    }

    .search-window {
        top: 81px
    }

    .search-window .search-window-content {
        padding: 0;
        width: 100%
    }

    .search-window .search-window-content .search-header {
        height: 56px
    }

    .search-window .search-window-content .search-header .close {
        height: 48px;
        width: 48px
    }

    .search-window .search-window-content .search-header .close i {
        font-size: 18px
    }

    .search-window .search-window-content .search-header h2 {
        font-size: 14px
    }

    .search-window .search-window-content .search-input {
        height: 48px
    }

    .search-window .search-window-content .search-input i {
        font-size: 18px
    }

    .search-window .search-window-content .search-input input {
        font-size: 16px
    }

    .search-window .search-window-content .search-result-tabs {
        margin-top: 20px
    }

    .search-window .search-window-content .search-result-tabs button {
        font-size: 16px;
        padding: 12px 20px
    }

    .search-window .search-window-content .search-result .search-group {
        gap: 12px
    }

    .search-window .search-window-content .search-result .search-group .game-block {
        width: calc(20% - 10px)
    }

    .search-window .search-window-content .search-result .search-group .bonus-block .image {
        height: 85px;
        width: 140px
    }

    .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2 {
        font-size: 16px
    }

    .burger-menu-overlay.opened {
        left: 330px
    }

    .burger-menu {
        left: -340px;
        padding-top: 80px;
        width: 340px
    }

    .burger-menu .menu-icon {
        top: 18px
    }

    footer .payment-types span {
        width: 77px
    }

    footer .payment-types span img {
        max-width: 60px
    }

    .football-manager-wrap {
        margin: -10px 0 0
    }

    .football-manager-wrap .football-manager-content {
        width: 600px
    }

    .football-manager-wrap .football-manager-content .background {
        background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/football-manager/coaches.png) no-repeat 100% 0/auto auto;
        padding: 165px 0 0
    }
}

[lang=ar] *,[lang=ar] :after,[lang=ar] :before,[lang=fa] *,[lang=fa] :after,[lang=fa] :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[lang=ar] html,[lang=fa] html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

[lang=ar] body,[lang=fa] body {
    background-color: #fff;
    color: #333;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429
}

[lang=ar] button,[lang=ar] input,[lang=ar] select,[lang=ar] textarea,[lang=fa] button,[lang=fa] input,[lang=fa] select,[lang=fa] textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

[lang=ar] a,[lang=fa] a {
    color: #337ab7;
    text-decoration: none
}

[lang=ar] a:focus,[lang=ar] a:hover,[lang=fa] a:focus,[lang=fa] a:hover {
    color: #23527c;
    text-decoration: underline
}

[lang=ar] a:focus,[lang=fa] a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

[lang=ar] figure,[lang=fa] figure {
    margin: 0
}

[lang=ar] img,[lang=fa] img {
    vertical-align: middle
}

[lang=ar] .img-responsive,[lang=fa] .img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

[lang=ar] .img-rounded,[lang=fa] .img-rounded {
    border-radius: 6px
}

[lang=ar] .img-thumbnail,[lang=fa] .img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    padding: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

[lang=ar] .img-circle,[lang=fa] .img-circle {
    border-radius: 50%
}

[lang=ar] hr,[lang=fa] hr {
    border: 0;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 20px
}

[lang=ar] .sr-only,[lang=fa] .sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0
}

[lang=ar] .sr-only-focusable:active,[lang=ar] .sr-only-focusable:focus,[lang=fa] .sr-only-focusable:active,[lang=fa] .sr-only-focusable:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    clip: auto
}

[lang=ar] [role=button],[lang=fa] [role=button] {
    cursor: pointer
}

[lang=ar] .h1,[lang=ar] .h2,[lang=ar] .h3,[lang=ar] .h4,[lang=ar] .h5,[lang=ar] .h6,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6,[lang=fa] .h1,[lang=fa] .h2,[lang=fa] .h3,[lang=fa] .h4,[lang=fa] .h5,[lang=fa] .h6,[lang=fa] h1,[lang=fa] h2,[lang=fa] h3,[lang=fa] h4,[lang=fa] h5,[lang=fa] h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

[lang=ar] .h1 .small,[lang=ar] .h1 small,[lang=ar] .h2 .small,[lang=ar] .h2 small,[lang=ar] .h3 .small,[lang=ar] .h3 small,[lang=ar] .h4 .small,[lang=ar] .h4 small,[lang=ar] .h5 .small,[lang=ar] .h5 small,[lang=ar] .h6 .small,[lang=ar] .h6 small,[lang=ar] h1 .small,[lang=ar] h1 small,[lang=ar] h2 .small,[lang=ar] h2 small,[lang=ar] h3 .small,[lang=ar] h3 small,[lang=ar] h4 .small,[lang=ar] h4 small,[lang=ar] h5 .small,[lang=ar] h5 small,[lang=ar] h6 .small,[lang=ar] h6 small,[lang=fa] .h1 .small,[lang=fa] .h1 small,[lang=fa] .h2 .small,[lang=fa] .h2 small,[lang=fa] .h3 .small,[lang=fa] .h3 small,[lang=fa] .h4 .small,[lang=fa] .h4 small,[lang=fa] .h5 .small,[lang=fa] .h5 small,[lang=fa] .h6 .small,[lang=fa] .h6 small,[lang=fa] h1 .small,[lang=fa] h1 small,[lang=fa] h2 .small,[lang=fa] h2 small,[lang=fa] h3 .small,[lang=fa] h3 small,[lang=fa] h4 .small,[lang=fa] h4 small,[lang=fa] h5 .small,[lang=fa] h5 small,[lang=fa] h6 .small,[lang=fa] h6 small {
    color: #777;
    font-weight: 400;
    line-height: 1
}

[lang=ar] .h1,[lang=ar] .h2,[lang=ar] .h3,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=fa] .h1,[lang=fa] .h2,[lang=fa] .h3,[lang=fa] h1,[lang=fa] h2,[lang=fa] h3 {
    margin-bottom: 10px;
    margin-top: 20px
}

[lang=ar] .h1 .small,[lang=ar] .h1 small,[lang=ar] .h2 .small,[lang=ar] .h2 small,[lang=ar] .h3 .small,[lang=ar] .h3 small,[lang=ar] h1 .small,[lang=ar] h1 small,[lang=ar] h2 .small,[lang=ar] h2 small,[lang=ar] h3 .small,[lang=ar] h3 small,[lang=fa] .h1 .small,[lang=fa] .h1 small,[lang=fa] .h2 .small,[lang=fa] .h2 small,[lang=fa] .h3 .small,[lang=fa] .h3 small,[lang=fa] h1 .small,[lang=fa] h1 small,[lang=fa] h2 .small,[lang=fa] h2 small,[lang=fa] h3 .small,[lang=fa] h3 small {
    font-size: 65%
}

[lang=ar] .h4,[lang=ar] .h5,[lang=ar] .h6,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6,[lang=fa] .h4,[lang=fa] .h5,[lang=fa] .h6,[lang=fa] h4,[lang=fa] h5,[lang=fa] h6 {
    margin-bottom: 10px;
    margin-top: 10px
}

[lang=ar] .h4 .small,[lang=ar] .h4 small,[lang=ar] .h5 .small,[lang=ar] .h5 small,[lang=ar] .h6 .small,[lang=ar] .h6 small,[lang=ar] h4 .small,[lang=ar] h4 small,[lang=ar] h5 .small,[lang=ar] h5 small,[lang=ar] h6 .small,[lang=ar] h6 small,[lang=fa] .h4 .small,[lang=fa] .h4 small,[lang=fa] .h5 .small,[lang=fa] .h5 small,[lang=fa] .h6 .small,[lang=fa] .h6 small,[lang=fa] h4 .small,[lang=fa] h4 small,[lang=fa] h5 .small,[lang=fa] h5 small,[lang=fa] h6 .small,[lang=fa] h6 small {
    font-size: 75%
}

[lang=ar] .h1,[lang=ar] h1,[lang=fa] .h1,[lang=fa] h1 {
    font-size: 36px
}

[lang=ar] .h2,[lang=ar] h2,[lang=fa] .h2,[lang=fa] h2 {
    font-size: 30px
}

[lang=ar] .h3,[lang=ar] h3,[lang=fa] .h3,[lang=fa] h3 {
    font-size: 24px
}

[lang=ar] .h4,[lang=ar] h4,[lang=fa] .h4,[lang=fa] h4 {
    font-size: 18px
}

[lang=ar] .h5,[lang=ar] h5,[lang=fa] .h5,[lang=fa] h5 {
    font-size: 14px
}

[lang=ar] .h6,[lang=ar] h6,[lang=fa] .h6,[lang=fa] h6 {
    font-size: 12px
}

[lang=ar] p,[lang=fa] p {
    margin: 0 0 10px
}

[lang=ar] .lead,[lang=fa] .lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    [lang=ar] .lead,[lang=fa] .lead {
        font-size:21px
    }
}

[lang=ar] .small,[lang=ar] small,[lang=fa] .small,[lang=fa] small {
    font-size: 85%
}

[lang=ar] .mark,[lang=ar] mark,[lang=fa] .mark,[lang=fa] mark {
    background-color: #fcf8e3;
    padding: .2em
}

[lang=ar] .text-left,[lang=fa] .text-left {
    text-align: left
}

[lang=ar] .text-right,[lang=fa] .text-right {
    text-align: right
}

[lang=ar] .text-center,[lang=fa] .text-center {
    text-align: center
}

[lang=ar] .text-justify,[lang=fa] .text-justify {
    text-align: justify
}

[lang=ar] .text-nowrap,[lang=fa] .text-nowrap {
    white-space: nowrap
}

[lang=ar] .text-lowercase,[lang=fa] .text-lowercase {
    text-transform: lowercase
}

[lang=ar] .initialism,[lang=ar] .text-uppercase,[lang=fa] .initialism,[lang=fa] .text-uppercase {
    text-transform: uppercase
}

[lang=ar] .text-capitalize,[lang=fa] .text-capitalize {
    text-transform: capitalize
}

[lang=ar] .text-muted,[lang=fa] .text-muted {
    color: #777
}

[lang=ar] .text-primary,[lang=fa] .text-primary {
    color: #337ab7
}

[lang=ar] a.text-primary:focus,[lang=ar] a.text-primary:hover,[lang=fa] a.text-primary:focus,[lang=fa] a.text-primary:hover {
    color: #286090
}

[lang=ar] .text-success,[lang=fa] .text-success {
    color: #3c763d
}

[lang=ar] a.text-success:focus,[lang=ar] a.text-success:hover,[lang=fa] a.text-success:focus,[lang=fa] a.text-success:hover {
    color: #2b542c
}

[lang=ar] .text-info,[lang=fa] .text-info {
    color: #31708f
}

[lang=ar] a.text-info:focus,[lang=ar] a.text-info:hover,[lang=fa] a.text-info:focus,[lang=fa] a.text-info:hover {
    color: #245269
}

[lang=ar] .text-warning,[lang=fa] .text-warning {
    color: #8a6d3b
}

[lang=ar] a.text-warning:focus,[lang=ar] a.text-warning:hover,[lang=fa] a.text-warning:focus,[lang=fa] a.text-warning:hover {
    color: #66512c
}

[lang=ar] .text-danger,[lang=fa] .text-danger {
    color: #a94442
}

[lang=ar] a.text-danger:focus,[lang=ar] a.text-danger:hover,[lang=fa] a.text-danger:focus,[lang=fa] a.text-danger:hover {
    color: #843534
}

[lang=ar] .bg-primary,[lang=fa] .bg-primary {
    background-color: #337ab7;
    color: #fff
}

[lang=ar] a.bg-primary:focus,[lang=ar] a.bg-primary:hover,[lang=fa] a.bg-primary:focus,[lang=fa] a.bg-primary:hover {
    background-color: #286090
}

[lang=ar] .bg-success,[lang=fa] .bg-success {
    background-color: #dff0d8
}

[lang=ar] a.bg-success:focus,[lang=ar] a.bg-success:hover,[lang=fa] a.bg-success:focus,[lang=fa] a.bg-success:hover {
    background-color: #c1e2b3
}

[lang=ar] .bg-info,[lang=fa] .bg-info {
    background-color: #d9edf7
}

[lang=ar] a.bg-info:focus,[lang=ar] a.bg-info:hover,[lang=fa] a.bg-info:focus,[lang=fa] a.bg-info:hover {
    background-color: #afd9ee
}

[lang=ar] .bg-warning,[lang=fa] .bg-warning {
    background-color: #fcf8e3
}

[lang=ar] a.bg-warning:focus,[lang=ar] a.bg-warning:hover,[lang=fa] a.bg-warning:focus,[lang=fa] a.bg-warning:hover {
    background-color: #f7ecb5
}

[lang=ar] .bg-danger,[lang=fa] .bg-danger {
    background-color: #f2dede
}

[lang=ar] a.bg-danger:focus,[lang=ar] a.bg-danger:hover,[lang=fa] a.bg-danger:focus,[lang=fa] a.bg-danger:hover {
    background-color: #e4b9b9
}

[lang=ar] .page-header,[lang=fa] .page-header {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px;
    padding-bottom: 9px
}

[lang=ar] ol,[lang=ar] ul,[lang=fa] ol,[lang=fa] ul {
    margin-bottom: 10px;
    margin-top: 0
}

[lang=ar] ol ol,[lang=ar] ol ul,[lang=ar] ul ol,[lang=ar] ul ul,[lang=fa] ol ol,[lang=fa] ol ul,[lang=fa] ul ol,[lang=fa] ul ul {
    margin-bottom: 0
}

[lang=ar] .list-unstyled,[lang=fa] .list-unstyled {
    list-style: none;
    padding-left: 0
}

[lang=ar] .list-inline,[lang=fa] .list-inline {
    list-style: none;
    margin-left: -5px;
    padding-left: 0
}

[lang=ar] .list-inline>li,[lang=fa] .list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

[lang=ar] dl,[lang=fa] dl {
    margin-bottom: 20px;
    margin-top: 0
}

[lang=ar] dd,[lang=ar] dt,[lang=fa] dd,[lang=fa] dt {
    line-height: 1.428571429
}

[lang=ar] dt,[lang=fa] dt {
    font-weight: 700
}

[lang=ar] dd,[lang=fa] dd {
    margin-left: 0
}

[lang=ar] .dl-horizontal dd:after,[lang=ar] .dl-horizontal dd:before,[lang=fa] .dl-horizontal dd:after,[lang=fa] .dl-horizontal dd:before {
    content: " ";
    display: table
}

[lang=ar] .dl-horizontal dd:after,[lang=fa] .dl-horizontal dd:after {
    clear: both
}

@media(min-width: 768px) {
    [lang=ar] .dl-horizontal dt,[lang=fa] .dl-horizontal dt {
        clear:left;
        float: left;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px
    }

    [lang=ar] .dl-horizontal dd,[lang=fa] .dl-horizontal dd {
        margin-left: 180px
    }
}

[lang=ar] abbr[data-original-title],[lang=ar] abbr[title],[lang=fa] abbr[data-original-title],[lang=fa] abbr[title] {
    border-bottom: 1px dotted #777;
    cursor: help
}

[lang=ar] .initialism,[lang=fa] .initialism {
    font-size: 90%
}

[lang=ar] blockquote,[lang=fa] blockquote {
    border-left: 5px solid #eee;
    font-size: 17.5px;
    margin: 0 0 20px;
    padding: 10px 20px
}

[lang=ar] blockquote ol:last-child,[lang=ar] blockquote p:last-child,[lang=ar] blockquote ul:last-child,[lang=fa] blockquote ol:last-child,[lang=fa] blockquote p:last-child,[lang=fa] blockquote ul:last-child {
    margin-bottom: 0
}

[lang=ar] blockquote .small,[lang=ar] blockquote footer,[lang=ar] blockquote small,[lang=fa] blockquote .small,[lang=fa] blockquote footer,[lang=fa] blockquote small {
    color: #777;
    display: block;
    font-size: 80%;
    line-height: 1.428571429
}

[lang=ar] blockquote .small:before,[lang=ar] blockquote footer:before,[lang=ar] blockquote small:before,[lang=fa] blockquote .small:before,[lang=fa] blockquote footer:before,[lang=fa] blockquote small:before {
    content: "— "
}

[lang=ar] .blockquote-reverse,[lang=ar] blockquote.pull-right,[lang=fa] .blockquote-reverse,[lang=fa] blockquote.pull-right {
    border-left: 0;
    border-right: 5px solid #eee;
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

[lang=ar] .blockquote-reverse .small:before,[lang=ar] .blockquote-reverse footer:before,[lang=ar] .blockquote-reverse small:before,[lang=ar] blockquote.pull-right .small:before,[lang=ar] blockquote.pull-right footer:before,[lang=ar] blockquote.pull-right small:before,[lang=fa] .blockquote-reverse .small:before,[lang=fa] .blockquote-reverse footer:before,[lang=fa] .blockquote-reverse small:before,[lang=fa] blockquote.pull-right .small:before,[lang=fa] blockquote.pull-right footer:before,[lang=fa] blockquote.pull-right small:before {
    content: ""
}

[lang=ar] .blockquote-reverse .small:after,[lang=ar] .blockquote-reverse footer:after,[lang=ar] .blockquote-reverse small:after,[lang=ar] blockquote.pull-right .small:after,[lang=ar] blockquote.pull-right footer:after,[lang=ar] blockquote.pull-right small:after,[lang=fa] .blockquote-reverse .small:after,[lang=fa] .blockquote-reverse footer:after,[lang=fa] .blockquote-reverse small:after,[lang=fa] blockquote.pull-right .small:after,[lang=fa] blockquote.pull-right footer:after,[lang=fa] blockquote.pull-right small:after {
    content: " —"
}

[lang=ar] address,[lang=fa] address {
    font-style: normal;
    line-height: 1.428571429;
    margin-bottom: 20px
}

[lang=ar] code,[lang=ar] kbd,[lang=ar] pre,[lang=ar] samp,[lang=fa] code,[lang=fa] kbd,[lang=fa] pre,[lang=fa] samp {
    font-family: Menlo,Monaco,Consolas,Courier New,monospace
}

[lang=ar] code,[lang=fa] code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;
    font-size: 90%;
    padding: 2px 4px
}

[lang=ar] kbd,[lang=fa] kbd {
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #00000040;
    color: #fff;
    font-size: 90%;
    padding: 2px 4px
}

[lang=ar] kbd kbd,[lang=fa] kbd kbd {
    box-shadow: none;
    font-size: 100%;
    font-weight: 700;
    padding: 0
}

[lang=ar] pre,[lang=fa] pre {
    display: block;
    font-size: 13px;
    line-height: 1.428571429;
    margin: 0 0 10px;
    padding: 9.5px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333
}

[lang=ar] pre code,[lang=fa] pre code {
    background-color: #0000;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap
}

[lang=ar] .pre-scrollable,[lang=fa] .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

[lang=ar] .container,[lang=fa] .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

[lang=ar] .container:after,[lang=ar] .container:before,[lang=fa] .container:after,[lang=fa] .container:before {
    content: " ";
    display: table
}

[lang=ar] .container:after,[lang=fa] .container:after {
    clear: both
}

@media(min-width: 768px) {
    [lang=ar] .container,[lang=fa] .container {
        width:750px
    }
}

@media(min-width: 992px) {
    [lang=ar] .container,[lang=fa] .container {
        width:970px
    }
}

@media(min-width: 1200px) {
    [lang=ar] .container,[lang=fa] .container {
        width:1170px
    }
}

[lang=ar] .container-fluid,[lang=fa] .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

[lang=ar] .container-fluid:after,[lang=ar] .container-fluid:before,[lang=fa] .container-fluid:after,[lang=fa] .container-fluid:before {
    content: " ";
    display: table
}

[lang=ar] .container-fluid:after,[lang=fa] .container-fluid:after {
    clear: both
}

[lang=ar] .row,[lang=fa] .row {
    margin-left: -15px;
    margin-right: -15px
}

[lang=ar] .col-lg-1,[lang=ar] .col-lg-10,[lang=ar] .col-lg-11,[lang=ar] .col-lg-12,[lang=ar] .col-lg-2,[lang=ar] .col-lg-3,[lang=ar] .col-lg-4,[lang=ar] .col-lg-5,[lang=ar] .col-lg-6,[lang=ar] .col-lg-7,[lang=ar] .col-lg-8,[lang=ar] .col-lg-9,[lang=ar] .col-md-1,[lang=ar] .col-md-10,[lang=ar] .col-md-11,[lang=ar] .col-md-12,[lang=ar] .col-md-2,[lang=ar] .col-md-3,[lang=ar] .col-md-4,[lang=ar] .col-md-5,[lang=ar] .col-md-6,[lang=ar] .col-md-7,[lang=ar] .col-md-8,[lang=ar] .col-md-9,[lang=ar] .col-sm-1,[lang=ar] .col-sm-10,[lang=ar] .col-sm-11,[lang=ar] .col-sm-12,[lang=ar] .col-sm-2,[lang=ar] .col-sm-3,[lang=ar] .col-sm-4,[lang=ar] .col-sm-5,[lang=ar] .col-sm-6,[lang=ar] .col-sm-7,[lang=ar] .col-sm-8,[lang=ar] .col-sm-9,[lang=ar] .col-xs-1,[lang=ar] .col-xs-10,[lang=ar] .col-xs-11,[lang=ar] .col-xs-12,[lang=ar] .col-xs-2,[lang=ar] .col-xs-3,[lang=ar] .col-xs-4,[lang=ar] .col-xs-5,[lang=ar] .col-xs-6,[lang=ar] .col-xs-7,[lang=ar] .col-xs-8,[lang=ar] .col-xs-9,[lang=fa] .col-lg-1,[lang=fa] .col-lg-10,[lang=fa] .col-lg-11,[lang=fa] .col-lg-12,[lang=fa] .col-lg-2,[lang=fa] .col-lg-3,[lang=fa] .col-lg-4,[lang=fa] .col-lg-5,[lang=fa] .col-lg-6,[lang=fa] .col-lg-7,[lang=fa] .col-lg-8,[lang=fa] .col-lg-9,[lang=fa] .col-md-1,[lang=fa] .col-md-10,[lang=fa] .col-md-11,[lang=fa] .col-md-12,[lang=fa] .col-md-2,[lang=fa] .col-md-3,[lang=fa] .col-md-4,[lang=fa] .col-md-5,[lang=fa] .col-md-6,[lang=fa] .col-md-7,[lang=fa] .col-md-8,[lang=fa] .col-md-9,[lang=fa] .col-sm-1,[lang=fa] .col-sm-10,[lang=fa] .col-sm-11,[lang=fa] .col-sm-12,[lang=fa] .col-sm-2,[lang=fa] .col-sm-3,[lang=fa] .col-sm-4,[lang=fa] .col-sm-5,[lang=fa] .col-sm-6,[lang=fa] .col-sm-7,[lang=fa] .col-sm-8,[lang=fa] .col-sm-9,[lang=fa] .col-xs-1,[lang=fa] .col-xs-10,[lang=fa] .col-xs-11,[lang=fa] .col-xs-12,[lang=fa] .col-xs-2,[lang=fa] .col-xs-3,[lang=fa] .col-xs-4,[lang=fa] .col-xs-5,[lang=fa] .col-xs-6,[lang=fa] .col-xs-7,[lang=fa] .col-xs-8,[lang=fa] .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

[lang=ar] .col-xs-1,[lang=ar] .col-xs-10,[lang=ar] .col-xs-11,[lang=ar] .col-xs-12,[lang=ar] .col-xs-2,[lang=ar] .col-xs-3,[lang=ar] .col-xs-4,[lang=ar] .col-xs-5,[lang=ar] .col-xs-6,[lang=ar] .col-xs-7,[lang=ar] .col-xs-8,[lang=ar] .col-xs-9,[lang=fa] .col-xs-1,[lang=fa] .col-xs-10,[lang=fa] .col-xs-11,[lang=fa] .col-xs-12,[lang=fa] .col-xs-2,[lang=fa] .col-xs-3,[lang=fa] .col-xs-4,[lang=fa] .col-xs-5,[lang=fa] .col-xs-6,[lang=fa] .col-xs-7,[lang=fa] .col-xs-8,[lang=fa] .col-xs-9 {
    float: left
}

[lang=ar] .col-xs-1,[lang=fa] .col-xs-1 {
    width: 8.3333333333%
}

[lang=ar] .col-xs-2,[lang=fa] .col-xs-2 {
    width: 16.6666666667%
}

[lang=ar] .col-xs-3,[lang=fa] .col-xs-3 {
    width: 25%
}

[lang=ar] .col-xs-4,[lang=fa] .col-xs-4 {
    width: 33.3333333333%
}

[lang=ar] .col-xs-5,[lang=fa] .col-xs-5 {
    width: 41.6666666667%
}

[lang=ar] .col-xs-6,[lang=fa] .col-xs-6 {
    width: 50%
}

[lang=ar] .col-xs-7,[lang=fa] .col-xs-7 {
    width: 58.3333333333%
}

[lang=ar] .col-xs-8,[lang=fa] .col-xs-8 {
    width: 66.6666666667%
}

[lang=ar] .col-xs-9,[lang=fa] .col-xs-9 {
    width: 75%
}

[lang=ar] .col-xs-10,[lang=fa] .col-xs-10 {
    width: 83.3333333333%
}

[lang=ar] .col-xs-11,[lang=fa] .col-xs-11 {
    width: 91.6666666667%
}

[lang=ar] .col-xs-12,[lang=fa] .col-xs-12 {
    width: 100%
}

[lang=ar] .col-xs-pull-0,[lang=fa] .col-xs-pull-0 {
    right: auto
}

[lang=ar] .col-xs-pull-1,[lang=fa] .col-xs-pull-1 {
    right: 8.3333333333%
}

[lang=ar] .col-xs-pull-2,[lang=fa] .col-xs-pull-2 {
    right: 16.6666666667%
}

[lang=ar] .col-xs-pull-3,[lang=fa] .col-xs-pull-3 {
    right: 25%
}

[lang=ar] .col-xs-pull-4,[lang=fa] .col-xs-pull-4 {
    right: 33.3333333333%
}

[lang=ar] .col-xs-pull-5,[lang=fa] .col-xs-pull-5 {
    right: 41.6666666667%
}

[lang=ar] .col-xs-pull-6,[lang=fa] .col-xs-pull-6 {
    right: 50%
}

[lang=ar] .col-xs-pull-7,[lang=fa] .col-xs-pull-7 {
    right: 58.3333333333%
}

[lang=ar] .col-xs-pull-8,[lang=fa] .col-xs-pull-8 {
    right: 66.6666666667%
}

[lang=ar] .col-xs-pull-9,[lang=fa] .col-xs-pull-9 {
    right: 75%
}

[lang=ar] .col-xs-pull-10,[lang=fa] .col-xs-pull-10 {
    right: 83.3333333333%
}

[lang=ar] .col-xs-pull-11,[lang=fa] .col-xs-pull-11 {
    right: 91.6666666667%
}

[lang=ar] .col-xs-pull-12,[lang=fa] .col-xs-pull-12 {
    right: 100%
}

[lang=ar] .col-xs-push-0,[lang=fa] .col-xs-push-0 {
    left: auto
}

[lang=ar] .col-xs-push-1,[lang=fa] .col-xs-push-1 {
    left: 8.3333333333%
}

[lang=ar] .col-xs-push-2,[lang=fa] .col-xs-push-2 {
    left: 16.6666666667%
}

[lang=ar] .col-xs-push-3,[lang=fa] .col-xs-push-3 {
    left: 25%
}

[lang=ar] .col-xs-push-4,[lang=fa] .col-xs-push-4 {
    left: 33.3333333333%
}

[lang=ar] .col-xs-push-5,[lang=fa] .col-xs-push-5 {
    left: 41.6666666667%
}

[lang=ar] .col-xs-push-6,[lang=fa] .col-xs-push-6 {
    left: 50%
}

[lang=ar] .col-xs-push-7,[lang=fa] .col-xs-push-7 {
    left: 58.3333333333%
}

[lang=ar] .col-xs-push-8,[lang=fa] .col-xs-push-8 {
    left: 66.6666666667%
}

[lang=ar] .col-xs-push-9,[lang=fa] .col-xs-push-9 {
    left: 75%
}

[lang=ar] .col-xs-push-10,[lang=fa] .col-xs-push-10 {
    left: 83.3333333333%
}

[lang=ar] .col-xs-push-11,[lang=fa] .col-xs-push-11 {
    left: 91.6666666667%
}

[lang=ar] .col-xs-push-12,[lang=fa] .col-xs-push-12 {
    left: 100%
}

[lang=ar] .col-xs-offset-0,[lang=fa] .col-xs-offset-0 {
    margin-left: 0
}

[lang=ar] .col-xs-offset-1,[lang=fa] .col-xs-offset-1 {
    margin-left: 8.3333333333%
}

[lang=ar] .col-xs-offset-2,[lang=fa] .col-xs-offset-2 {
    margin-left: 16.6666666667%
}

[lang=ar] .col-xs-offset-3,[lang=fa] .col-xs-offset-3 {
    margin-left: 25%
}

[lang=ar] .col-xs-offset-4,[lang=fa] .col-xs-offset-4 {
    margin-left: 33.3333333333%
}

[lang=ar] .col-xs-offset-5,[lang=fa] .col-xs-offset-5 {
    margin-left: 41.6666666667%
}

[lang=ar] .col-xs-offset-6,[lang=fa] .col-xs-offset-6 {
    margin-left: 50%
}

[lang=ar] .col-xs-offset-7,[lang=fa] .col-xs-offset-7 {
    margin-left: 58.3333333333%
}

[lang=ar] .col-xs-offset-8,[lang=fa] .col-xs-offset-8 {
    margin-left: 66.6666666667%
}

[lang=ar] .col-xs-offset-9,[lang=fa] .col-xs-offset-9 {
    margin-left: 75%
}

[lang=ar] .col-xs-offset-10,[lang=fa] .col-xs-offset-10 {
    margin-left: 83.3333333333%
}

[lang=ar] .col-xs-offset-11,[lang=fa] .col-xs-offset-11 {
    margin-left: 91.6666666667%
}

[lang=ar] .col-xs-offset-12,[lang=fa] .col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width: 768px) {
    [lang=ar] .col-sm-1,[lang=ar] .col-sm-10,[lang=ar] .col-sm-11,[lang=ar] .col-sm-12,[lang=ar] .col-sm-2,[lang=ar] .col-sm-3,[lang=ar] .col-sm-4,[lang=ar] .col-sm-5,[lang=ar] .col-sm-6,[lang=ar] .col-sm-7,[lang=ar] .col-sm-8,[lang=ar] .col-sm-9,[lang=fa] .col-sm-1,[lang=fa] .col-sm-10,[lang=fa] .col-sm-11,[lang=fa] .col-sm-12,[lang=fa] .col-sm-2,[lang=fa] .col-sm-3,[lang=fa] .col-sm-4,[lang=fa] .col-sm-5,[lang=fa] .col-sm-6,[lang=fa] .col-sm-7,[lang=fa] .col-sm-8,[lang=fa] .col-sm-9 {
        float:left
    }

    [lang=ar] .col-sm-1,[lang=fa] .col-sm-1 {
        width: 8.3333333333%
    }

    [lang=ar] .col-sm-2,[lang=fa] .col-sm-2 {
        width: 16.6666666667%
    }

    [lang=ar] .col-sm-3,[lang=fa] .col-sm-3 {
        width: 25%
    }

    [lang=ar] .col-sm-4,[lang=fa] .col-sm-4 {
        width: 33.3333333333%
    }

    [lang=ar] .col-sm-5,[lang=fa] .col-sm-5 {
        width: 41.6666666667%
    }

    [lang=ar] .col-sm-6,[lang=fa] .col-sm-6 {
        width: 50%
    }

    [lang=ar] .col-sm-7,[lang=fa] .col-sm-7 {
        width: 58.3333333333%
    }

    [lang=ar] .col-sm-8,[lang=fa] .col-sm-8 {
        width: 66.6666666667%
    }

    [lang=ar] .col-sm-9,[lang=fa] .col-sm-9 {
        width: 75%
    }

    [lang=ar] .col-sm-10,[lang=fa] .col-sm-10 {
        width: 83.3333333333%
    }

    [lang=ar] .col-sm-11,[lang=fa] .col-sm-11 {
        width: 91.6666666667%
    }

    [lang=ar] .col-sm-12,[lang=fa] .col-sm-12 {
        width: 100%
    }

    [lang=ar] .col-sm-pull-0,[lang=fa] .col-sm-pull-0 {
        right: auto
    }

    [lang=ar] .col-sm-pull-1,[lang=fa] .col-sm-pull-1 {
        right: 8.3333333333%
    }

    [lang=ar] .col-sm-pull-2,[lang=fa] .col-sm-pull-2 {
        right: 16.6666666667%
    }

    [lang=ar] .col-sm-pull-3,[lang=fa] .col-sm-pull-3 {
        right: 25%
    }

    [lang=ar] .col-sm-pull-4,[lang=fa] .col-sm-pull-4 {
        right: 33.3333333333%
    }

    [lang=ar] .col-sm-pull-5,[lang=fa] .col-sm-pull-5 {
        right: 41.6666666667%
    }

    [lang=ar] .col-sm-pull-6,[lang=fa] .col-sm-pull-6 {
        right: 50%
    }

    [lang=ar] .col-sm-pull-7,[lang=fa] .col-sm-pull-7 {
        right: 58.3333333333%
    }

    [lang=ar] .col-sm-pull-8,[lang=fa] .col-sm-pull-8 {
        right: 66.6666666667%
    }

    [lang=ar] .col-sm-pull-9,[lang=fa] .col-sm-pull-9 {
        right: 75%
    }

    [lang=ar] .col-sm-pull-10,[lang=fa] .col-sm-pull-10 {
        right: 83.3333333333%
    }

    [lang=ar] .col-sm-pull-11,[lang=fa] .col-sm-pull-11 {
        right: 91.6666666667%
    }

    [lang=ar] .col-sm-pull-12,[lang=fa] .col-sm-pull-12 {
        right: 100%
    }

    [lang=ar] .col-sm-push-0,[lang=fa] .col-sm-push-0 {
        left: auto
    }

    [lang=ar] .col-sm-push-1,[lang=fa] .col-sm-push-1 {
        left: 8.3333333333%
    }

    [lang=ar] .col-sm-push-2,[lang=fa] .col-sm-push-2 {
        left: 16.6666666667%
    }

    [lang=ar] .col-sm-push-3,[lang=fa] .col-sm-push-3 {
        left: 25%
    }

    [lang=ar] .col-sm-push-4,[lang=fa] .col-sm-push-4 {
        left: 33.3333333333%
    }

    [lang=ar] .col-sm-push-5,[lang=fa] .col-sm-push-5 {
        left: 41.6666666667%
    }

    [lang=ar] .col-sm-push-6,[lang=fa] .col-sm-push-6 {
        left: 50%
    }

    [lang=ar] .col-sm-push-7,[lang=fa] .col-sm-push-7 {
        left: 58.3333333333%
    }

    [lang=ar] .col-sm-push-8,[lang=fa] .col-sm-push-8 {
        left: 66.6666666667%
    }

    [lang=ar] .col-sm-push-9,[lang=fa] .col-sm-push-9 {
        left: 75%
    }

    [lang=ar] .col-sm-push-10,[lang=fa] .col-sm-push-10 {
        left: 83.3333333333%
    }

    [lang=ar] .col-sm-push-11,[lang=fa] .col-sm-push-11 {
        left: 91.6666666667%
    }

    [lang=ar] .col-sm-push-12,[lang=fa] .col-sm-push-12 {
        left: 100%
    }

    [lang=ar] .col-sm-offset-0,[lang=fa] .col-sm-offset-0 {
        margin-left: 0
    }

    [lang=ar] .col-sm-offset-1,[lang=fa] .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    [lang=ar] .col-sm-offset-2,[lang=fa] .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    [lang=ar] .col-sm-offset-3,[lang=fa] .col-sm-offset-3 {
        margin-left: 25%
    }

    [lang=ar] .col-sm-offset-4,[lang=fa] .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    [lang=ar] .col-sm-offset-5,[lang=fa] .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    [lang=ar] .col-sm-offset-6,[lang=fa] .col-sm-offset-6 {
        margin-left: 50%
    }

    [lang=ar] .col-sm-offset-7,[lang=fa] .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    [lang=ar] .col-sm-offset-8,[lang=fa] .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    [lang=ar] .col-sm-offset-9,[lang=fa] .col-sm-offset-9 {
        margin-left: 75%
    }

    [lang=ar] .col-sm-offset-10,[lang=fa] .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    [lang=ar] .col-sm-offset-11,[lang=fa] .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    [lang=ar] .col-sm-offset-12,[lang=fa] .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {
    [lang=ar] .col-md-1,[lang=ar] .col-md-10,[lang=ar] .col-md-11,[lang=ar] .col-md-12,[lang=ar] .col-md-2,[lang=ar] .col-md-3,[lang=ar] .col-md-4,[lang=ar] .col-md-5,[lang=ar] .col-md-6,[lang=ar] .col-md-7,[lang=ar] .col-md-8,[lang=ar] .col-md-9,[lang=fa] .col-md-1,[lang=fa] .col-md-10,[lang=fa] .col-md-11,[lang=fa] .col-md-12,[lang=fa] .col-md-2,[lang=fa] .col-md-3,[lang=fa] .col-md-4,[lang=fa] .col-md-5,[lang=fa] .col-md-6,[lang=fa] .col-md-7,[lang=fa] .col-md-8,[lang=fa] .col-md-9 {
        float:left
    }

    [lang=ar] .col-md-1,[lang=fa] .col-md-1 {
        width: 8.3333333333%
    }

    [lang=ar] .col-md-2,[lang=fa] .col-md-2 {
        width: 16.6666666667%
    }

    [lang=ar] .col-md-3,[lang=fa] .col-md-3 {
        width: 25%
    }

    [lang=ar] .col-md-4,[lang=fa] .col-md-4 {
        width: 33.3333333333%
    }

    [lang=ar] .col-md-5,[lang=fa] .col-md-5 {
        width: 41.6666666667%
    }

    [lang=ar] .col-md-6,[lang=fa] .col-md-6 {
        width: 50%
    }

    [lang=ar] .col-md-7,[lang=fa] .col-md-7 {
        width: 58.3333333333%
    }

    [lang=ar] .col-md-8,[lang=fa] .col-md-8 {
        width: 66.6666666667%
    }

    [lang=ar] .col-md-9,[lang=fa] .col-md-9 {
        width: 75%
    }

    [lang=ar] .col-md-10,[lang=fa] .col-md-10 {
        width: 83.3333333333%
    }

    [lang=ar] .col-md-11,[lang=fa] .col-md-11 {
        width: 91.6666666667%
    }

    [lang=ar] .col-md-12,[lang=fa] .col-md-12 {
        width: 100%
    }

    [lang=ar] .col-md-pull-0,[lang=fa] .col-md-pull-0 {
        right: auto
    }

    [lang=ar] .col-md-pull-1,[lang=fa] .col-md-pull-1 {
        right: 8.3333333333%
    }

    [lang=ar] .col-md-pull-2,[lang=fa] .col-md-pull-2 {
        right: 16.6666666667%
    }

    [lang=ar] .col-md-pull-3,[lang=fa] .col-md-pull-3 {
        right: 25%
    }

    [lang=ar] .col-md-pull-4,[lang=fa] .col-md-pull-4 {
        right: 33.3333333333%
    }

    [lang=ar] .col-md-pull-5,[lang=fa] .col-md-pull-5 {
        right: 41.6666666667%
    }

    [lang=ar] .col-md-pull-6,[lang=fa] .col-md-pull-6 {
        right: 50%
    }

    [lang=ar] .col-md-pull-7,[lang=fa] .col-md-pull-7 {
        right: 58.3333333333%
    }

    [lang=ar] .col-md-pull-8,[lang=fa] .col-md-pull-8 {
        right: 66.6666666667%
    }

    [lang=ar] .col-md-pull-9,[lang=fa] .col-md-pull-9 {
        right: 75%
    }

    [lang=ar] .col-md-pull-10,[lang=fa] .col-md-pull-10 {
        right: 83.3333333333%
    }

    [lang=ar] .col-md-pull-11,[lang=fa] .col-md-pull-11 {
        right: 91.6666666667%
    }

    [lang=ar] .col-md-pull-12,[lang=fa] .col-md-pull-12 {
        right: 100%
    }

    [lang=ar] .col-md-push-0,[lang=fa] .col-md-push-0 {
        left: auto
    }

    [lang=ar] .col-md-push-1,[lang=fa] .col-md-push-1 {
        left: 8.3333333333%
    }

    [lang=ar] .col-md-push-2,[lang=fa] .col-md-push-2 {
        left: 16.6666666667%
    }

    [lang=ar] .col-md-push-3,[lang=fa] .col-md-push-3 {
        left: 25%
    }

    [lang=ar] .col-md-push-4,[lang=fa] .col-md-push-4 {
        left: 33.3333333333%
    }

    [lang=ar] .col-md-push-5,[lang=fa] .col-md-push-5 {
        left: 41.6666666667%
    }

    [lang=ar] .col-md-push-6,[lang=fa] .col-md-push-6 {
        left: 50%
    }

    [lang=ar] .col-md-push-7,[lang=fa] .col-md-push-7 {
        left: 58.3333333333%
    }

    [lang=ar] .col-md-push-8,[lang=fa] .col-md-push-8 {
        left: 66.6666666667%
    }

    [lang=ar] .col-md-push-9,[lang=fa] .col-md-push-9 {
        left: 75%
    }

    [lang=ar] .col-md-push-10,[lang=fa] .col-md-push-10 {
        left: 83.3333333333%
    }

    [lang=ar] .col-md-push-11,[lang=fa] .col-md-push-11 {
        left: 91.6666666667%
    }

    [lang=ar] .col-md-push-12,[lang=fa] .col-md-push-12 {
        left: 100%
    }

    [lang=ar] .col-md-offset-0,[lang=fa] .col-md-offset-0 {
        margin-left: 0
    }

    [lang=ar] .col-md-offset-1,[lang=fa] .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    [lang=ar] .col-md-offset-2,[lang=fa] .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    [lang=ar] .col-md-offset-3,[lang=fa] .col-md-offset-3 {
        margin-left: 25%
    }

    [lang=ar] .col-md-offset-4,[lang=fa] .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    [lang=ar] .col-md-offset-5,[lang=fa] .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    [lang=ar] .col-md-offset-6,[lang=fa] .col-md-offset-6 {
        margin-left: 50%
    }

    [lang=ar] .col-md-offset-7,[lang=fa] .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    [lang=ar] .col-md-offset-8,[lang=fa] .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    [lang=ar] .col-md-offset-9,[lang=fa] .col-md-offset-9 {
        margin-left: 75%
    }

    [lang=ar] .col-md-offset-10,[lang=fa] .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    [lang=ar] .col-md-offset-11,[lang=fa] .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    [lang=ar] .col-md-offset-12,[lang=fa] .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {
    [lang=ar] .col-lg-1,[lang=ar] .col-lg-10,[lang=ar] .col-lg-11,[lang=ar] .col-lg-12,[lang=ar] .col-lg-2,[lang=ar] .col-lg-3,[lang=ar] .col-lg-4,[lang=ar] .col-lg-5,[lang=ar] .col-lg-6,[lang=ar] .col-lg-7,[lang=ar] .col-lg-8,[lang=ar] .col-lg-9,[lang=fa] .col-lg-1,[lang=fa] .col-lg-10,[lang=fa] .col-lg-11,[lang=fa] .col-lg-12,[lang=fa] .col-lg-2,[lang=fa] .col-lg-3,[lang=fa] .col-lg-4,[lang=fa] .col-lg-5,[lang=fa] .col-lg-6,[lang=fa] .col-lg-7,[lang=fa] .col-lg-8,[lang=fa] .col-lg-9 {
        float:left
    }

    [lang=ar] .col-lg-1,[lang=fa] .col-lg-1 {
        width: 8.3333333333%
    }

    [lang=ar] .col-lg-2,[lang=fa] .col-lg-2 {
        width: 16.6666666667%
    }

    [lang=ar] .col-lg-3,[lang=fa] .col-lg-3 {
        width: 25%
    }

    [lang=ar] .col-lg-4,[lang=fa] .col-lg-4 {
        width: 33.3333333333%
    }

    [lang=ar] .col-lg-5,[lang=fa] .col-lg-5 {
        width: 41.6666666667%
    }

    [lang=ar] .col-lg-6,[lang=fa] .col-lg-6 {
        width: 50%
    }

    [lang=ar] .col-lg-7,[lang=fa] .col-lg-7 {
        width: 58.3333333333%
    }

    [lang=ar] .col-lg-8,[lang=fa] .col-lg-8 {
        width: 66.6666666667%
    }

    [lang=ar] .col-lg-9,[lang=fa] .col-lg-9 {
        width: 75%
    }

    [lang=ar] .col-lg-10,[lang=fa] .col-lg-10 {
        width: 83.3333333333%
    }

    [lang=ar] .col-lg-11,[lang=fa] .col-lg-11 {
        width: 91.6666666667%
    }

    [lang=ar] .col-lg-12,[lang=fa] .col-lg-12 {
        width: 100%
    }

    [lang=ar] .col-lg-pull-0,[lang=fa] .col-lg-pull-0 {
        right: auto
    }

    [lang=ar] .col-lg-pull-1,[lang=fa] .col-lg-pull-1 {
        right: 8.3333333333%
    }

    [lang=ar] .col-lg-pull-2,[lang=fa] .col-lg-pull-2 {
        right: 16.6666666667%
    }

    [lang=ar] .col-lg-pull-3,[lang=fa] .col-lg-pull-3 {
        right: 25%
    }

    [lang=ar] .col-lg-pull-4,[lang=fa] .col-lg-pull-4 {
        right: 33.3333333333%
    }

    [lang=ar] .col-lg-pull-5,[lang=fa] .col-lg-pull-5 {
        right: 41.6666666667%
    }

    [lang=ar] .col-lg-pull-6,[lang=fa] .col-lg-pull-6 {
        right: 50%
    }

    [lang=ar] .col-lg-pull-7,[lang=fa] .col-lg-pull-7 {
        right: 58.3333333333%
    }

    [lang=ar] .col-lg-pull-8,[lang=fa] .col-lg-pull-8 {
        right: 66.6666666667%
    }

    [lang=ar] .col-lg-pull-9,[lang=fa] .col-lg-pull-9 {
        right: 75%
    }

    [lang=ar] .col-lg-pull-10,[lang=fa] .col-lg-pull-10 {
        right: 83.3333333333%
    }

    [lang=ar] .col-lg-pull-11,[lang=fa] .col-lg-pull-11 {
        right: 91.6666666667%
    }

    [lang=ar] .col-lg-pull-12,[lang=fa] .col-lg-pull-12 {
        right: 100%
    }

    [lang=ar] .col-lg-push-0,[lang=fa] .col-lg-push-0 {
        left: auto
    }

    [lang=ar] .col-lg-push-1,[lang=fa] .col-lg-push-1 {
        left: 8.3333333333%
    }

    [lang=ar] .col-lg-push-2,[lang=fa] .col-lg-push-2 {
        left: 16.6666666667%
    }

    [lang=ar] .col-lg-push-3,[lang=fa] .col-lg-push-3 {
        left: 25%
    }

    [lang=ar] .col-lg-push-4,[lang=fa] .col-lg-push-4 {
        left: 33.3333333333%
    }

    [lang=ar] .col-lg-push-5,[lang=fa] .col-lg-push-5 {
        left: 41.6666666667%
    }

    [lang=ar] .col-lg-push-6,[lang=fa] .col-lg-push-6 {
        left: 50%
    }

    [lang=ar] .col-lg-push-7,[lang=fa] .col-lg-push-7 {
        left: 58.3333333333%
    }

    [lang=ar] .col-lg-push-8,[lang=fa] .col-lg-push-8 {
        left: 66.6666666667%
    }

    [lang=ar] .col-lg-push-9,[lang=fa] .col-lg-push-9 {
        left: 75%
    }

    [lang=ar] .col-lg-push-10,[lang=fa] .col-lg-push-10 {
        left: 83.3333333333%
    }

    [lang=ar] .col-lg-push-11,[lang=fa] .col-lg-push-11 {
        left: 91.6666666667%
    }

    [lang=ar] .col-lg-push-12,[lang=fa] .col-lg-push-12 {
        left: 100%
    }

    [lang=ar] .col-lg-offset-0,[lang=fa] .col-lg-offset-0 {
        margin-left: 0
    }

    [lang=ar] .col-lg-offset-1,[lang=fa] .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    [lang=ar] .col-lg-offset-2,[lang=fa] .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    [lang=ar] .col-lg-offset-3,[lang=fa] .col-lg-offset-3 {
        margin-left: 25%
    }

    [lang=ar] .col-lg-offset-4,[lang=fa] .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    [lang=ar] .col-lg-offset-5,[lang=fa] .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    [lang=ar] .col-lg-offset-6,[lang=fa] .col-lg-offset-6 {
        margin-left: 50%
    }

    [lang=ar] .col-lg-offset-7,[lang=fa] .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    [lang=ar] .col-lg-offset-8,[lang=fa] .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    [lang=ar] .col-lg-offset-9,[lang=fa] .col-lg-offset-9 {
        margin-left: 75%
    }

    [lang=ar] .col-lg-offset-10,[lang=fa] .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    [lang=ar] .col-lg-offset-11,[lang=fa] .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    [lang=ar] .col-lg-offset-12,[lang=fa] .col-lg-offset-12 {
        margin-left: 100%
    }
}

[lang=ar] .btn,[lang=fa] .btn {
    background-image: none;
    border: 1px solid #0000;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

[lang=ar] .btn.active.focus,[lang=ar] .btn.active:focus,[lang=ar] .btn.focus,[lang=ar] .btn:active.focus,[lang=ar] .btn:active:focus,[lang=ar] .btn:focus,[lang=fa] .btn.active.focus,[lang=fa] .btn.active:focus,[lang=fa] .btn.focus,[lang=fa] .btn:active.focus,[lang=fa] .btn:active:focus,[lang=fa] .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

[lang=ar] .btn.focus,[lang=ar] .btn:focus,[lang=ar] .btn:hover,[lang=fa] .btn.focus,[lang=fa] .btn:focus,[lang=fa] .btn:hover {
    color: #333;
    text-decoration: none
}

[lang=ar] .btn.active,[lang=ar] .btn:active,[lang=fa] .btn.active,[lang=fa] .btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

[lang=ar] .btn.disabled,[lang=ar] .btn[disabled],[lang=fa] .btn.disabled,[lang=fa] .btn[disabled],fieldset[disabled] [lang=ar] .btn,fieldset[disabled] [lang=fa] .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65
}

[lang=ar] a.btn.disabled,[lang=fa] a.btn.disabled,fieldset[disabled] [lang=ar] a.btn,fieldset[disabled] [lang=fa] a.btn {
    pointer-events: none
}

[lang=ar] .btn-default,[lang=fa] .btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333
}

[lang=ar] .btn-default.focus,[lang=ar] .btn-default:focus,[lang=fa] .btn-default.focus,[lang=fa] .btn-default:focus {
    background-color: #e6e6e6;
    border-color: #8c8c8c;
    color: #333
}

.open>[lang=ar] .btn-default.dropdown-toggle,.open>[lang=fa] .btn-default.dropdown-toggle,[lang=ar] .btn-default.active,[lang=ar] .btn-default:active,[lang=ar] .btn-default:hover,[lang=fa] .btn-default.active,[lang=fa] .btn-default:active,[lang=fa] .btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333
}

.open>[lang=ar] .btn-default.dropdown-toggle.focus,.open>[lang=ar] .btn-default.dropdown-toggle:focus,.open>[lang=ar] .btn-default.dropdown-toggle:hover,.open>[lang=fa] .btn-default.dropdown-toggle.focus,.open>[lang=fa] .btn-default.dropdown-toggle:focus,.open>[lang=fa] .btn-default.dropdown-toggle:hover,[lang=ar] .btn-default.active.focus,[lang=ar] .btn-default.active:focus,[lang=ar] .btn-default.active:hover,[lang=ar] .btn-default:active.focus,[lang=ar] .btn-default:active:focus,[lang=ar] .btn-default:active:hover,[lang=fa] .btn-default.active.focus,[lang=fa] .btn-default.active:focus,[lang=fa] .btn-default.active:hover,[lang=fa] .btn-default:active.focus,[lang=fa] .btn-default:active:focus,[lang=fa] .btn-default:active:hover {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
    color: #333
}

.open>[lang=ar] .btn-default.dropdown-toggle,.open>[lang=fa] .btn-default.dropdown-toggle,[lang=ar] .btn-default.active,[lang=ar] .btn-default:active,[lang=fa] .btn-default.active,[lang=fa] .btn-default:active {
    background-image: none
}

[lang=ar] .btn-default.disabled.focus,[lang=ar] .btn-default.disabled:focus,[lang=ar] .btn-default.disabled:hover,[lang=ar] .btn-default[disabled].focus,[lang=ar] .btn-default[disabled]:focus,[lang=ar] .btn-default[disabled]:hover,[lang=fa] .btn-default.disabled.focus,[lang=fa] .btn-default.disabled:focus,[lang=fa] .btn-default.disabled:hover,[lang=fa] .btn-default[disabled].focus,[lang=fa] .btn-default[disabled]:focus,[lang=fa] .btn-default[disabled]:hover,fieldset[disabled] [lang=ar] .btn-default.focus,fieldset[disabled] [lang=ar] .btn-default:focus,fieldset[disabled] [lang=ar] .btn-default:hover,fieldset[disabled] [lang=fa] .btn-default.focus,fieldset[disabled] [lang=fa] .btn-default:focus,fieldset[disabled] [lang=fa] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

[lang=ar] .btn-default .badge,[lang=fa] .btn-default .badge {
    background-color: #333;
    color: #fff
}

[lang=ar] .btn-primary,[lang=fa] .btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff
}

[lang=ar] .btn-primary.focus,[lang=ar] .btn-primary:focus,[lang=fa] .btn-primary.focus,[lang=fa] .btn-primary:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff
}

.open>[lang=ar] .btn-primary.dropdown-toggle,.open>[lang=fa] .btn-primary.dropdown-toggle,[lang=ar] .btn-primary.active,[lang=ar] .btn-primary:active,[lang=ar] .btn-primary:hover,[lang=fa] .btn-primary.active,[lang=fa] .btn-primary:active,[lang=fa] .btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff
}

.open>[lang=ar] .btn-primary.dropdown-toggle.focus,.open>[lang=ar] .btn-primary.dropdown-toggle:focus,.open>[lang=ar] .btn-primary.dropdown-toggle:hover,.open>[lang=fa] .btn-primary.dropdown-toggle.focus,.open>[lang=fa] .btn-primary.dropdown-toggle:focus,.open>[lang=fa] .btn-primary.dropdown-toggle:hover,[lang=ar] .btn-primary.active.focus,[lang=ar] .btn-primary.active:focus,[lang=ar] .btn-primary.active:hover,[lang=ar] .btn-primary:active.focus,[lang=ar] .btn-primary:active:focus,[lang=ar] .btn-primary:active:hover,[lang=fa] .btn-primary.active.focus,[lang=fa] .btn-primary.active:focus,[lang=fa] .btn-primary.active:hover,[lang=fa] .btn-primary:active.focus,[lang=fa] .btn-primary:active:focus,[lang=fa] .btn-primary:active:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff
}

.open>[lang=ar] .btn-primary.dropdown-toggle,.open>[lang=fa] .btn-primary.dropdown-toggle,[lang=ar] .btn-primary.active,[lang=ar] .btn-primary:active,[lang=fa] .btn-primary.active,[lang=fa] .btn-primary:active {
    background-image: none
}

[lang=ar] .btn-primary.disabled.focus,[lang=ar] .btn-primary.disabled:focus,[lang=ar] .btn-primary.disabled:hover,[lang=ar] .btn-primary[disabled].focus,[lang=ar] .btn-primary[disabled]:focus,[lang=ar] .btn-primary[disabled]:hover,[lang=fa] .btn-primary.disabled.focus,[lang=fa] .btn-primary.disabled:focus,[lang=fa] .btn-primary.disabled:hover,[lang=fa] .btn-primary[disabled].focus,[lang=fa] .btn-primary[disabled]:focus,[lang=fa] .btn-primary[disabled]:hover,fieldset[disabled] [lang=ar] .btn-primary.focus,fieldset[disabled] [lang=ar] .btn-primary:focus,fieldset[disabled] [lang=ar] .btn-primary:hover,fieldset[disabled] [lang=fa] .btn-primary.focus,fieldset[disabled] [lang=fa] .btn-primary:focus,fieldset[disabled] [lang=fa] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

[lang=ar] .btn-primary .badge,[lang=fa] .btn-primary .badge {
    background-color: #fff;
    color: #337ab7
}

[lang=ar] .btn-success,[lang=fa] .btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff
}

[lang=ar] .btn-success.focus,[lang=ar] .btn-success:focus,[lang=fa] .btn-success.focus,[lang=fa] .btn-success:focus {
    background-color: #449d44;
    border-color: #255625;
    color: #fff
}

.open>[lang=ar] .btn-success.dropdown-toggle,.open>[lang=fa] .btn-success.dropdown-toggle,[lang=ar] .btn-success.active,[lang=ar] .btn-success:active,[lang=ar] .btn-success:hover,[lang=fa] .btn-success.active,[lang=fa] .btn-success:active,[lang=fa] .btn-success:hover {
    background-color: #449d44;
    border-color: #398439;
    color: #fff
}

.open>[lang=ar] .btn-success.dropdown-toggle.focus,.open>[lang=ar] .btn-success.dropdown-toggle:focus,.open>[lang=ar] .btn-success.dropdown-toggle:hover,.open>[lang=fa] .btn-success.dropdown-toggle.focus,.open>[lang=fa] .btn-success.dropdown-toggle:focus,.open>[lang=fa] .btn-success.dropdown-toggle:hover,[lang=ar] .btn-success.active.focus,[lang=ar] .btn-success.active:focus,[lang=ar] .btn-success.active:hover,[lang=ar] .btn-success:active.focus,[lang=ar] .btn-success:active:focus,[lang=ar] .btn-success:active:hover,[lang=fa] .btn-success.active.focus,[lang=fa] .btn-success.active:focus,[lang=fa] .btn-success.active:hover,[lang=fa] .btn-success:active.focus,[lang=fa] .btn-success:active:focus,[lang=fa] .btn-success:active:hover {
    background-color: #398439;
    border-color: #255625;
    color: #fff
}

.open>[lang=ar] .btn-success.dropdown-toggle,.open>[lang=fa] .btn-success.dropdown-toggle,[lang=ar] .btn-success.active,[lang=ar] .btn-success:active,[lang=fa] .btn-success.active,[lang=fa] .btn-success:active {
    background-image: none
}

[lang=ar] .btn-success.disabled.focus,[lang=ar] .btn-success.disabled:focus,[lang=ar] .btn-success.disabled:hover,[lang=ar] .btn-success[disabled].focus,[lang=ar] .btn-success[disabled]:focus,[lang=ar] .btn-success[disabled]:hover,[lang=fa] .btn-success.disabled.focus,[lang=fa] .btn-success.disabled:focus,[lang=fa] .btn-success.disabled:hover,[lang=fa] .btn-success[disabled].focus,[lang=fa] .btn-success[disabled]:focus,[lang=fa] .btn-success[disabled]:hover,fieldset[disabled] [lang=ar] .btn-success.focus,fieldset[disabled] [lang=ar] .btn-success:focus,fieldset[disabled] [lang=ar] .btn-success:hover,fieldset[disabled] [lang=fa] .btn-success.focus,fieldset[disabled] [lang=fa] .btn-success:focus,fieldset[disabled] [lang=fa] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

[lang=ar] .btn-success .badge,[lang=fa] .btn-success .badge {
    background-color: #fff;
    color: #5cb85c
}

[lang=ar] .btn-info,[lang=fa] .btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff
}

[lang=ar] .btn-info.focus,[lang=ar] .btn-info:focus,[lang=fa] .btn-info.focus,[lang=fa] .btn-info:focus {
    background-color: #31b0d5;
    border-color: #1b6d85;
    color: #fff
}

.open>[lang=ar] .btn-info.dropdown-toggle,.open>[lang=fa] .btn-info.dropdown-toggle,[lang=ar] .btn-info.active,[lang=ar] .btn-info:active,[lang=ar] .btn-info:hover,[lang=fa] .btn-info.active,[lang=fa] .btn-info:active,[lang=fa] .btn-info:hover {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}

.open>[lang=ar] .btn-info.dropdown-toggle.focus,.open>[lang=ar] .btn-info.dropdown-toggle:focus,.open>[lang=ar] .btn-info.dropdown-toggle:hover,.open>[lang=fa] .btn-info.dropdown-toggle.focus,.open>[lang=fa] .btn-info.dropdown-toggle:focus,.open>[lang=fa] .btn-info.dropdown-toggle:hover,[lang=ar] .btn-info.active.focus,[lang=ar] .btn-info.active:focus,[lang=ar] .btn-info.active:hover,[lang=ar] .btn-info:active.focus,[lang=ar] .btn-info:active:focus,[lang=ar] .btn-info:active:hover,[lang=fa] .btn-info.active.focus,[lang=fa] .btn-info.active:focus,[lang=fa] .btn-info.active:hover,[lang=fa] .btn-info:active.focus,[lang=fa] .btn-info:active:focus,[lang=fa] .btn-info:active:hover {
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff
}

.open>[lang=ar] .btn-info.dropdown-toggle,.open>[lang=fa] .btn-info.dropdown-toggle,[lang=ar] .btn-info.active,[lang=ar] .btn-info:active,[lang=fa] .btn-info.active,[lang=fa] .btn-info:active {
    background-image: none
}

[lang=ar] .btn-info.disabled.focus,[lang=ar] .btn-info.disabled:focus,[lang=ar] .btn-info.disabled:hover,[lang=ar] .btn-info[disabled].focus,[lang=ar] .btn-info[disabled]:focus,[lang=ar] .btn-info[disabled]:hover,[lang=fa] .btn-info.disabled.focus,[lang=fa] .btn-info.disabled:focus,[lang=fa] .btn-info.disabled:hover,[lang=fa] .btn-info[disabled].focus,[lang=fa] .btn-info[disabled]:focus,[lang=fa] .btn-info[disabled]:hover,fieldset[disabled] [lang=ar] .btn-info.focus,fieldset[disabled] [lang=ar] .btn-info:focus,fieldset[disabled] [lang=ar] .btn-info:hover,fieldset[disabled] [lang=fa] .btn-info.focus,fieldset[disabled] [lang=fa] .btn-info:focus,fieldset[disabled] [lang=fa] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

[lang=ar] .btn-info .badge,[lang=fa] .btn-info .badge {
    background-color: #fff;
    color: #5bc0de
}

[lang=ar] .btn-warning,[lang=fa] .btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

[lang=ar] .btn-warning.focus,[lang=ar] .btn-warning:focus,[lang=fa] .btn-warning.focus,[lang=fa] .btn-warning:focus {
    background-color: #ec971f;
    border-color: #985f0d;
    color: #fff
}

.open>[lang=ar] .btn-warning.dropdown-toggle,.open>[lang=fa] .btn-warning.dropdown-toggle,[lang=ar] .btn-warning.active,[lang=ar] .btn-warning:active,[lang=ar] .btn-warning:hover,[lang=fa] .btn-warning.active,[lang=fa] .btn-warning:active,[lang=fa] .btn-warning:hover {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff
}

.open>[lang=ar] .btn-warning.dropdown-toggle.focus,.open>[lang=ar] .btn-warning.dropdown-toggle:focus,.open>[lang=ar] .btn-warning.dropdown-toggle:hover,.open>[lang=fa] .btn-warning.dropdown-toggle.focus,.open>[lang=fa] .btn-warning.dropdown-toggle:focus,.open>[lang=fa] .btn-warning.dropdown-toggle:hover,[lang=ar] .btn-warning.active.focus,[lang=ar] .btn-warning.active:focus,[lang=ar] .btn-warning.active:hover,[lang=ar] .btn-warning:active.focus,[lang=ar] .btn-warning:active:focus,[lang=ar] .btn-warning:active:hover,[lang=fa] .btn-warning.active.focus,[lang=fa] .btn-warning.active:focus,[lang=fa] .btn-warning.active:hover,[lang=fa] .btn-warning:active.focus,[lang=fa] .btn-warning:active:focus,[lang=fa] .btn-warning:active:hover {
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff
}

.open>[lang=ar] .btn-warning.dropdown-toggle,.open>[lang=fa] .btn-warning.dropdown-toggle,[lang=ar] .btn-warning.active,[lang=ar] .btn-warning:active,[lang=fa] .btn-warning.active,[lang=fa] .btn-warning:active {
    background-image: none
}

[lang=ar] .btn-warning.disabled.focus,[lang=ar] .btn-warning.disabled:focus,[lang=ar] .btn-warning.disabled:hover,[lang=ar] .btn-warning[disabled].focus,[lang=ar] .btn-warning[disabled]:focus,[lang=ar] .btn-warning[disabled]:hover,[lang=fa] .btn-warning.disabled.focus,[lang=fa] .btn-warning.disabled:focus,[lang=fa] .btn-warning.disabled:hover,[lang=fa] .btn-warning[disabled].focus,[lang=fa] .btn-warning[disabled]:focus,[lang=fa] .btn-warning[disabled]:hover,fieldset[disabled] [lang=ar] .btn-warning.focus,fieldset[disabled] [lang=ar] .btn-warning:focus,fieldset[disabled] [lang=ar] .btn-warning:hover,fieldset[disabled] [lang=fa] .btn-warning.focus,fieldset[disabled] [lang=fa] .btn-warning:focus,fieldset[disabled] [lang=fa] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

[lang=ar] .btn-warning .badge,[lang=fa] .btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e
}

[lang=ar] .btn-danger,[lang=fa] .btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

[lang=ar] .btn-danger.focus,[lang=ar] .btn-danger:focus,[lang=fa] .btn-danger.focus,[lang=fa] .btn-danger:focus {
    background-color: #c9302c;
    border-color: #761c19;
    color: #fff
}

.open>[lang=ar] .btn-danger.dropdown-toggle,.open>[lang=fa] .btn-danger.dropdown-toggle,[lang=ar] .btn-danger.active,[lang=ar] .btn-danger:active,[lang=ar] .btn-danger:hover,[lang=fa] .btn-danger.active,[lang=fa] .btn-danger:active,[lang=fa] .btn-danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff
}

.open>[lang=ar] .btn-danger.dropdown-toggle.focus,.open>[lang=ar] .btn-danger.dropdown-toggle:focus,.open>[lang=ar] .btn-danger.dropdown-toggle:hover,.open>[lang=fa] .btn-danger.dropdown-toggle.focus,.open>[lang=fa] .btn-danger.dropdown-toggle:focus,.open>[lang=fa] .btn-danger.dropdown-toggle:hover,[lang=ar] .btn-danger.active.focus,[lang=ar] .btn-danger.active:focus,[lang=ar] .btn-danger.active:hover,[lang=ar] .btn-danger:active.focus,[lang=ar] .btn-danger:active:focus,[lang=ar] .btn-danger:active:hover,[lang=fa] .btn-danger.active.focus,[lang=fa] .btn-danger.active:focus,[lang=fa] .btn-danger.active:hover,[lang=fa] .btn-danger:active.focus,[lang=fa] .btn-danger:active:focus,[lang=fa] .btn-danger:active:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff
}

.open>[lang=ar] .btn-danger.dropdown-toggle,.open>[lang=fa] .btn-danger.dropdown-toggle,[lang=ar] .btn-danger.active,[lang=ar] .btn-danger:active,[lang=fa] .btn-danger.active,[lang=fa] .btn-danger:active {
    background-image: none
}

[lang=ar] .btn-danger.disabled.focus,[lang=ar] .btn-danger.disabled:focus,[lang=ar] .btn-danger.disabled:hover,[lang=ar] .btn-danger[disabled].focus,[lang=ar] .btn-danger[disabled]:focus,[lang=ar] .btn-danger[disabled]:hover,[lang=fa] .btn-danger.disabled.focus,[lang=fa] .btn-danger.disabled:focus,[lang=fa] .btn-danger.disabled:hover,[lang=fa] .btn-danger[disabled].focus,[lang=fa] .btn-danger[disabled]:focus,[lang=fa] .btn-danger[disabled]:hover,fieldset[disabled] [lang=ar] .btn-danger.focus,fieldset[disabled] [lang=ar] .btn-danger:focus,fieldset[disabled] [lang=ar] .btn-danger:hover,fieldset[disabled] [lang=fa] .btn-danger.focus,fieldset[disabled] [lang=fa] .btn-danger:focus,fieldset[disabled] [lang=fa] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

[lang=ar] .btn-danger .badge,[lang=fa] .btn-danger .badge {
    background-color: #fff;
    color: #d9534f
}

[lang=ar] .btn-link,[lang=fa] .btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400
}

[lang=ar] .btn-link,[lang=ar] .btn-link.active,[lang=ar] .btn-link:active,[lang=ar] .btn-link[disabled],[lang=fa] .btn-link,[lang=fa] .btn-link.active,[lang=fa] .btn-link:active,[lang=fa] .btn-link[disabled],fieldset[disabled] [lang=ar] .btn-link,fieldset[disabled] [lang=fa] .btn-link {
    background-color: #0000;
    -webkit-box-shadow: none;
    box-shadow: none
}

[lang=ar] .btn-link,[lang=ar] .btn-link:active,[lang=ar] .btn-link:focus,[lang=ar] .btn-link:hover,[lang=fa] .btn-link,[lang=fa] .btn-link:active,[lang=fa] .btn-link:focus,[lang=fa] .btn-link:hover {
    border-color: #0000
}

[lang=ar] .btn-link:focus,[lang=ar] .btn-link:hover,[lang=fa] .btn-link:focus,[lang=fa] .btn-link:hover {
    background-color: #0000;
    color: #23527c;
    text-decoration: underline
}

[lang=ar] .btn-link[disabled]:focus,[lang=ar] .btn-link[disabled]:hover,[lang=fa] .btn-link[disabled]:focus,[lang=fa] .btn-link[disabled]:hover,fieldset[disabled] [lang=ar] .btn-link:focus,fieldset[disabled] [lang=ar] .btn-link:hover,fieldset[disabled] [lang=fa] .btn-link:focus,fieldset[disabled] [lang=fa] .btn-link:hover {
    color: #777;
    text-decoration: none
}

[lang=ar] .btn-group-lg>.btn,[lang=ar] .btn-lg,[lang=fa] .btn-group-lg>.btn,[lang=fa] .btn-lg {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.3333333;
    padding: 10px 16px
}

[lang=ar] .btn-group-sm>.btn,[lang=ar] .btn-sm,[lang=fa] .btn-group-sm>.btn,[lang=fa] .btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px
}

[lang=ar] .btn-group-xs>.btn,[lang=ar] .btn-xs,[lang=fa] .btn-group-xs>.btn,[lang=fa] .btn-xs {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px
}

[lang=ar] .btn-block,[lang=fa] .btn-block {
    display: block;
    width: 100%
}

[lang=ar] .btn-block+.btn-block,[lang=fa] .btn-block+.btn-block {
    margin-top: 5px
}

[lang=ar] input[type=button].btn-block,[lang=ar] input[type=reset].btn-block,[lang=ar] input[type=submit].btn-block,[lang=fa] input[type=button].btn-block,[lang=fa] input[type=reset].btn-block,[lang=fa] input[type=submit].btn-block {
    width: 100%
}

[lang=ar] .btn-group,[lang=ar] .btn-group-vertical,[lang=fa] .btn-group,[lang=fa] .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

[lang=ar] .btn-group-vertical>.btn,[lang=ar] .btn-group>.btn,[lang=fa] .btn-group-vertical>.btn,[lang=fa] .btn-group>.btn {
    float: left;
    position: relative
}

[lang=ar] .btn-group-vertical>.btn.active,[lang=ar] .btn-group-vertical>.btn:active,[lang=ar] .btn-group-vertical>.btn:focus,[lang=ar] .btn-group-vertical>.btn:hover,[lang=ar] .btn-group>.btn.active,[lang=ar] .btn-group>.btn:active,[lang=ar] .btn-group>.btn:focus,[lang=ar] .btn-group>.btn:hover,[lang=fa] .btn-group-vertical>.btn.active,[lang=fa] .btn-group-vertical>.btn:active,[lang=fa] .btn-group-vertical>.btn:focus,[lang=fa] .btn-group-vertical>.btn:hover,[lang=fa] .btn-group>.btn.active,[lang=fa] .btn-group>.btn:active,[lang=fa] .btn-group>.btn:focus,[lang=fa] .btn-group>.btn:hover {
    z-index: 2
}

[lang=ar] .btn-group .btn+.btn,[lang=ar] .btn-group .btn+.btn-group,[lang=ar] .btn-group .btn-group+.btn,[lang=ar] .btn-group .btn-group+.btn-group,[lang=fa] .btn-group .btn+.btn,[lang=fa] .btn-group .btn+.btn-group,[lang=fa] .btn-group .btn-group+.btn,[lang=fa] .btn-group .btn-group+.btn-group {
    margin-left: -1px
}

[lang=ar] .btn-toolbar,[lang=fa] .btn-toolbar {
    margin-left: -5px
}

[lang=ar] .btn-toolbar:after,[lang=ar] .btn-toolbar:before,[lang=fa] .btn-toolbar:after,[lang=fa] .btn-toolbar:before {
    content: " ";
    display: table
}

[lang=ar] .btn-toolbar:after,[lang=fa] .btn-toolbar:after {
    clear: both
}

[lang=ar] .btn-toolbar .btn,[lang=ar] .btn-toolbar .btn-group,[lang=ar] .btn-toolbar .input-group,[lang=fa] .btn-toolbar .btn,[lang=fa] .btn-toolbar .btn-group,[lang=fa] .btn-toolbar .input-group {
    float: left
}

[lang=ar] .btn-toolbar>.btn,[lang=ar] .btn-toolbar>.btn-group,[lang=ar] .btn-toolbar>.input-group,[lang=fa] .btn-toolbar>.btn,[lang=fa] .btn-toolbar>.btn-group,[lang=fa] .btn-toolbar>.input-group {
    margin-left: 5px
}

[lang=ar] .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),[lang=fa] .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

[lang=ar] .btn-group>.btn:first-child,[lang=fa] .btn-group>.btn:first-child {
    margin-left: 0
}

[lang=ar] .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),[lang=fa] .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[lang=ar] .btn-group>.btn:last-child:not(:first-child),[lang=ar] .btn-group>.dropdown-toggle:not(:first-child),[lang=fa] .btn-group>.btn:last-child:not(:first-child),[lang=fa] .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[lang=ar] .btn-group>.btn-group,[lang=fa] .btn-group>.btn-group {
    float: left
}

[lang=ar] .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,[lang=fa] .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

[lang=ar] .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,[lang=ar] .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,[lang=fa] .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,[lang=fa] .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[lang=ar] .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,[lang=fa] .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[lang=ar] .btn-group .dropdown-toggle:active,[lang=ar] .btn-group.open .dropdown-toggle,[lang=fa] .btn-group .dropdown-toggle:active,[lang=fa] .btn-group.open .dropdown-toggle {
    outline: 0
}

[lang=ar] .btn-group>.btn+.dropdown-toggle,[lang=fa] .btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

[lang=ar] .btn-group.btn-group-lg>.btn+.dropdown-toggle,[lang=ar] .btn-group>.btn-lg+.dropdown-toggle,[lang=fa] .btn-group.btn-group-lg>.btn+.dropdown-toggle,[lang=fa] .btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

[lang=ar] .btn-group.open .dropdown-toggle,[lang=fa] .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

[lang=ar] .btn-group.open .dropdown-toggle.btn-link,[lang=fa] .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

[lang=ar] .btn .caret,[lang=fa] .btn .caret {
    margin-left: 0
}

[lang=ar] .btn-group-lg>.btn .caret,[lang=ar] .btn-lg .caret,[lang=fa] .btn-group-lg>.btn .caret,[lang=fa] .btn-lg .caret {
    border-width: 5px 5px 0
}

[lang=ar] .dropup .btn-group-lg>.btn .caret,[lang=ar] .dropup .btn-lg .caret,[lang=fa] .dropup .btn-group-lg>.btn .caret,[lang=fa] .dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

[lang=ar] .btn-group-vertical>.btn,[lang=ar] .btn-group-vertical>.btn-group,[lang=ar] .btn-group-vertical>.btn-group>.btn,[lang=fa] .btn-group-vertical>.btn,[lang=fa] .btn-group-vertical>.btn-group,[lang=fa] .btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%
}

[lang=ar] .btn-group-vertical>.btn-group:after,[lang=ar] .btn-group-vertical>.btn-group:before,[lang=fa] .btn-group-vertical>.btn-group:after,[lang=fa] .btn-group-vertical>.btn-group:before {
    content: " ";
    display: table
}

[lang=ar] .btn-group-vertical>.btn-group:after,[lang=fa] .btn-group-vertical>.btn-group:after {
    clear: both
}

[lang=ar] .btn-group-vertical>.btn-group>.btn,[lang=fa] .btn-group-vertical>.btn-group>.btn {
    float: none
}

[lang=ar] .btn-group-vertical>.btn+.btn,[lang=ar] .btn-group-vertical>.btn+.btn-group,[lang=ar] .btn-group-vertical>.btn-group+.btn,[lang=ar] .btn-group-vertical>.btn-group+.btn-group,[lang=fa] .btn-group-vertical>.btn+.btn,[lang=fa] .btn-group-vertical>.btn+.btn-group,[lang=fa] .btn-group-vertical>.btn-group+.btn,[lang=fa] .btn-group-vertical>.btn-group+.btn-group {
    margin-left: 0;
    margin-top: -1px
}

[lang=ar] .btn-group-vertical>.btn:not(:first-child):not(:last-child),[lang=fa] .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

[lang=ar] .btn-group-vertical>.btn:first-child:not(:last-child),[lang=fa] .btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

[lang=ar] .btn-group-vertical>.btn:last-child:not(:first-child),[lang=fa] .btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[lang=ar] .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,[lang=fa] .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

[lang=ar] .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,[lang=ar] .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle,[lang=fa] .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,[lang=fa] .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

[lang=ar] .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,[lang=fa] .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[lang=ar] .btn-group-justified,[lang=fa] .btn-group-justified {
    border-collapse: initial;
    display: table;
    table-layout: fixed;
    width: 100%
}

[lang=ar] .btn-group-justified>.btn,[lang=ar] .btn-group-justified>.btn-group,[lang=fa] .btn-group-justified>.btn,[lang=fa] .btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

[lang=ar] .btn-group-justified>.btn-group .btn,[lang=fa] .btn-group-justified>.btn-group .btn {
    width: 100%
}

[lang=ar] .btn-group-justified>.btn-group .dropdown-menu,[lang=fa] .btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[lang=ar] [data-toggle=buttons]>.btn input[type=checkbox],[lang=ar] [data-toggle=buttons]>.btn input[type=radio],[lang=ar] [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[lang=ar] [data-toggle=buttons]>.btn-group>.btn input[type=radio],[lang=fa] [data-toggle=buttons]>.btn input[type=checkbox],[lang=fa] [data-toggle=buttons]>.btn input[type=radio],[lang=fa] [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[lang=fa] [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

[lang=ar] .input-group,[lang=fa] .input-group {
    border-collapse: initial;
    display: table;
    position: relative
}

[lang=ar] .input-group[class*=col-],[lang=fa] .input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

[lang=ar] .input-group .form-control,[lang=fa] .input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

[lang=ar] .input-group .form-control:focus,[lang=fa] .input-group .form-control:focus {
    z-index: 3
}

[lang=ar] .input-group .form-control,[lang=ar] .input-group-addon,[lang=ar] .input-group-btn,[lang=fa] .input-group .form-control,[lang=fa] .input-group-addon,[lang=fa] .input-group-btn {
    display: table-cell
}

[lang=ar] .input-group .form-control:not(:first-child):not(:last-child),[lang=ar] .input-group-addon:not(:first-child):not(:last-child),[lang=ar] .input-group-btn:not(:first-child):not(:last-child),[lang=fa] .input-group .form-control:not(:first-child):not(:last-child),[lang=fa] .input-group-addon:not(:first-child):not(:last-child),[lang=fa] .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

[lang=ar] .input-group-addon,[lang=ar] .input-group-btn,[lang=fa] .input-group-addon,[lang=fa] .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%
}

[lang=ar] .input-group-addon,[lang=fa] .input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}

[lang=ar] .input-group-addon.input-sm,[lang=ar] .input-group-sm>.input-group-addon,[lang=ar] .input-group-sm>.input-group-btn>.input-group-addon.btn,[lang=fa] .input-group-addon.input-sm,[lang=fa] .input-group-sm>.input-group-addon,[lang=fa] .input-group-sm>.input-group-btn>.input-group-addon.btn {
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 10px
}

[lang=ar] .input-group-addon.input-lg,[lang=ar] .input-group-lg>.input-group-addon,[lang=ar] .input-group-lg>.input-group-btn>.input-group-addon.btn,[lang=fa] .input-group-addon.input-lg,[lang=fa] .input-group-lg>.input-group-addon,[lang=fa] .input-group-lg>.input-group-btn>.input-group-addon.btn {
    border-radius: 6px;
    font-size: 18px;
    padding: 10px 16px
}

[lang=ar] .input-group-addon input[type=checkbox],[lang=ar] .input-group-addon input[type=radio],[lang=fa] .input-group-addon input[type=checkbox],[lang=fa] .input-group-addon input[type=radio] {
    margin-top: 0
}

[lang=ar] .input-group .form-control:first-child,[lang=ar] .input-group-addon:first-child,[lang=ar] .input-group-btn:first-child>.btn,[lang=ar] .input-group-btn:first-child>.btn-group>.btn,[lang=ar] .input-group-btn:first-child>.dropdown-toggle,[lang=ar] .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,[lang=ar] .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),[lang=fa] .input-group .form-control:first-child,[lang=fa] .input-group-addon:first-child,[lang=fa] .input-group-btn:first-child>.btn,[lang=fa] .input-group-btn:first-child>.btn-group>.btn,[lang=fa] .input-group-btn:first-child>.dropdown-toggle,[lang=fa] .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,[lang=fa] .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

[lang=ar] .input-group-addon:first-child,[lang=fa] .input-group-addon:first-child {
    border-right: 0
}

[lang=ar] .input-group .form-control:last-child,[lang=ar] .input-group-addon:last-child,[lang=ar] .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,[lang=ar] .input-group-btn:first-child>.btn:not(:first-child),[lang=ar] .input-group-btn:last-child>.btn,[lang=ar] .input-group-btn:last-child>.btn-group>.btn,[lang=ar] .input-group-btn:last-child>.dropdown-toggle,[lang=fa] .input-group .form-control:last-child,[lang=fa] .input-group-addon:last-child,[lang=fa] .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,[lang=fa] .input-group-btn:first-child>.btn:not(:first-child),[lang=fa] .input-group-btn:last-child>.btn,[lang=fa] .input-group-btn:last-child>.btn-group>.btn,[lang=fa] .input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

[lang=ar] .input-group-addon:last-child,[lang=fa] .input-group-addon:last-child {
    border-left: 0
}

[lang=ar] .input-group-btn,[lang=fa] .input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

[lang=ar] .input-group-btn>.btn,[lang=fa] .input-group-btn>.btn {
    position: relative
}

[lang=ar] .input-group-btn>.btn+.btn,[lang=fa] .input-group-btn>.btn+.btn {
    margin-left: -1px
}

[lang=ar] .input-group-btn>.btn:active,[lang=ar] .input-group-btn>.btn:focus,[lang=ar] .input-group-btn>.btn:hover,[lang=fa] .input-group-btn>.btn:active,[lang=fa] .input-group-btn>.btn:focus,[lang=fa] .input-group-btn>.btn:hover {
    z-index: 2
}

[lang=ar] .input-group-btn:first-child>.btn,[lang=ar] .input-group-btn:first-child>.btn-group,[lang=fa] .input-group-btn:first-child>.btn,[lang=fa] .input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

[lang=ar] .input-group-btn:last-child>.btn,[lang=ar] .input-group-btn:last-child>.btn-group,[lang=fa] .input-group-btn:last-child>.btn,[lang=fa] .input-group-btn:last-child>.btn-group {
    margin-left: -1px;
    z-index: 2
}

[lang=ar] .pager,[lang=fa] .pager {
    list-style: none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center
}

[lang=ar] .pager:after,[lang=ar] .pager:before,[lang=fa] .pager:after,[lang=fa] .pager:before {
    content: " ";
    display: table
}

[lang=ar] .pager:after,[lang=fa] .pager:after {
    clear: both
}

[lang=ar] .pager li,[lang=fa] .pager li {
    display: inline
}

[lang=ar] .pager li>a,[lang=ar] .pager li>span,[lang=fa] .pager li>a,[lang=fa] .pager li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px
}

[lang=ar] .pager li>a:focus,[lang=ar] .pager li>a:hover,[lang=fa] .pager li>a:focus,[lang=fa] .pager li>a:hover {
    background-color: #eee;
    text-decoration: none
}

[lang=ar] .pager .next>a,[lang=ar] .pager .next>span,[lang=fa] .pager .next>a,[lang=fa] .pager .next>span {
    float: right
}

[lang=ar] .pager .previous>a,[lang=ar] .pager .previous>span,[lang=fa] .pager .previous>a,[lang=fa] .pager .previous>span {
    float: left
}

[lang=ar] .pager .disabled>a,[lang=ar] .pager .disabled>a:focus,[lang=ar] .pager .disabled>a:hover,[lang=ar] .pager .disabled>span,[lang=fa] .pager .disabled>a,[lang=fa] .pager .disabled>a:focus,[lang=fa] .pager .disabled>a:hover,[lang=fa] .pager .disabled>span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed
}

[lang=ar] .badge,[lang=fa] .badge {
    background-color: #777;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

[lang=ar] .badge:empty,[lang=fa] .badge:empty {
    display: none
}

.btn [lang=ar] .badge,.btn [lang=fa] .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn [lang=ar] .badge,.btn-group-xs>.btn [lang=fa] .badge,.btn-xs [lang=ar] .badge,.btn-xs [lang=fa] .badge {
    padding: 1px 5px;
    top: 0
}

.list-group-item.active>[lang=ar] .badge,.list-group-item.active>[lang=fa] .badge,.nav-pills>.active>a>[lang=ar] .badge,.nav-pills>.active>a>[lang=fa] .badge {
    background-color: #fff;
    color: #337ab7
}

.list-group-item>[lang=ar] .badge,.list-group-item>[lang=fa] .badge {
    float: right
}

.list-group-item>[lang=ar] .badge+[lang=ar] .badge,.list-group-item>[lang=ar] .badge+[lang=fa] .badge,.list-group-item>[lang=fa] .badge+[lang=ar] .badge,.list-group-item>[lang=fa] .badge+[lang=fa] .badge {
    margin-right: 5px
}

.nav-pills>li>a>[lang=ar] .badge,.nav-pills>li>a>[lang=fa] .badge {
    margin-left: 3px
}

[lang=ar] a.badge:focus,[lang=ar] a.badge:hover,[lang=fa] a.badge:focus,[lang=fa] a.badge:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

[lang=ar] .alert,[lang=fa] .alert {
    border: 1px solid #0000;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px
}

[lang=ar] .alert h4,[lang=fa] .alert h4 {
    color: inherit;
    margin-top: 0
}

[lang=ar] .alert .alert-link,[lang=fa] .alert .alert-link {
    font-weight: 700
}

[lang=ar] .alert>p,[lang=ar] .alert>ul,[lang=fa] .alert>p,[lang=fa] .alert>ul {
    margin-bottom: 0
}

[lang=ar] .alert>p+p,[lang=fa] .alert>p+p {
    margin-top: 5px
}

[lang=ar] .alert-dismissable,[lang=ar] .alert-dismissible,[lang=fa] .alert-dismissable,[lang=fa] .alert-dismissible {
    padding-right: 35px
}

[lang=ar] .alert-dismissable .close,[lang=ar] .alert-dismissible .close,[lang=fa] .alert-dismissable .close,[lang=fa] .alert-dismissible .close {
    color: inherit;
    position: relative;
    right: -21px;
    top: -2px
}

[lang=ar] .alert-success,[lang=fa] .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

[lang=ar] .alert-success hr,[lang=fa] .alert-success hr {
    border-top-color: #c9e2b3
}

[lang=ar] .alert-success .alert-link,[lang=fa] .alert-success .alert-link {
    color: #2b542c
}

[lang=ar] .alert-info,[lang=fa] .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

[lang=ar] .alert-info hr,[lang=fa] .alert-info hr {
    border-top-color: #a6e1ec
}

[lang=ar] .alert-info .alert-link,[lang=fa] .alert-info .alert-link {
    color: #245269
}

[lang=ar] .alert-warning,[lang=fa] .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

[lang=ar] .alert-warning hr,[lang=fa] .alert-warning hr {
    border-top-color: #f7e1b5
}

[lang=ar] .alert-warning .alert-link,[lang=fa] .alert-warning .alert-link {
    color: #66512c
}

[lang=ar] .alert-danger,[lang=fa] .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

[lang=ar] .alert-danger hr,[lang=fa] .alert-danger hr {
    border-top-color: #e4b9c0
}

[lang=ar] .alert-danger .alert-link,[lang=fa] .alert-danger .alert-link {
    color: #843534
}

[lang=ar] .media,[lang=fa] .media {
    margin-top: 15px
}

[lang=ar] .media:first-child,[lang=fa] .media:first-child {
    margin-top: 0
}

[lang=ar] .media,[lang=ar] .media-body,[lang=fa] .media,[lang=fa] .media-body {
    overflow: hidden;
    zoom:1}

[lang=ar] .media-body,[lang=fa] .media-body {
    width: 10000px
}

[lang=ar] .media-object,[lang=fa] .media-object {
    display: block
}

[lang=ar] .media-object.img-thumbnail,[lang=fa] .media-object.img-thumbnail {
    max-width: none
}

[lang=ar] .media-right,[lang=ar] .media>.pull-right,[lang=fa] .media-right,[lang=fa] .media>.pull-right {
    padding-left: 10px
}

[lang=ar] .media-left,[lang=ar] .media>.pull-left,[lang=fa] .media-left,[lang=fa] .media>.pull-left {
    padding-right: 10px
}

[lang=ar] .media-body,[lang=ar] .media-left,[lang=ar] .media-right,[lang=fa] .media-body,[lang=fa] .media-left,[lang=fa] .media-right {
    display: table-cell;
    vertical-align: top
}

[lang=ar] .media-middle,[lang=fa] .media-middle {
    vertical-align: middle
}

[lang=ar] .media-bottom,[lang=fa] .media-bottom {
    vertical-align: bottom
}

[lang=ar] .media-heading,[lang=fa] .media-heading {
    margin-bottom: 5px;
    margin-top: 0
}

[lang=ar] .media-list,[lang=fa] .media-list {
    list-style: none;
    padding-left: 0
}

[lang=ar] .list-group,[lang=fa] .list-group {
    margin-bottom: 20px;
    padding-left: 0
}

[lang=ar] .list-group-item,[lang=fa] .list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative
}

[lang=ar] .list-group-item:first-child,[lang=fa] .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

[lang=ar] .list-group-item:last-child,[lang=fa] .list-group-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0
}

[lang=ar] a.list-group-item,[lang=ar] button.list-group-item,[lang=fa] a.list-group-item,[lang=fa] button.list-group-item {
    color: #555
}

[lang=ar] a.list-group-item .list-group-item-heading,[lang=ar] button.list-group-item .list-group-item-heading,[lang=fa] a.list-group-item .list-group-item-heading,[lang=fa] button.list-group-item .list-group-item-heading {
    color: #333
}

[lang=ar] a.list-group-item:focus,[lang=ar] a.list-group-item:hover,[lang=ar] button.list-group-item:focus,[lang=ar] button.list-group-item:hover,[lang=fa] a.list-group-item:focus,[lang=fa] a.list-group-item:hover,[lang=fa] button.list-group-item:focus,[lang=fa] button.list-group-item:hover {
    background-color: #f5f5f5;
    color: #555;
    text-decoration: none
}

[lang=ar] button.list-group-item,[lang=fa] button.list-group-item {
    text-align: left;
    width: 100%
}

[lang=ar] .list-group-item.disabled,[lang=ar] .list-group-item.disabled:focus,[lang=ar] .list-group-item.disabled:hover,[lang=fa] .list-group-item.disabled,[lang=fa] .list-group-item.disabled:focus,[lang=fa] .list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

[lang=ar] .list-group-item.disabled .list-group-item-heading,[lang=ar] .list-group-item.disabled:focus .list-group-item-heading,[lang=ar] .list-group-item.disabled:hover .list-group-item-heading,[lang=fa] .list-group-item.disabled .list-group-item-heading,[lang=fa] .list-group-item.disabled:focus .list-group-item-heading,[lang=fa] .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

[lang=ar] .list-group-item.disabled .list-group-item-text,[lang=ar] .list-group-item.disabled:focus .list-group-item-text,[lang=ar] .list-group-item.disabled:hover .list-group-item-text,[lang=fa] .list-group-item.disabled .list-group-item-text,[lang=fa] .list-group-item.disabled:focus .list-group-item-text,[lang=fa] .list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

[lang=ar] .list-group-item.active,[lang=ar] .list-group-item.active:focus,[lang=ar] .list-group-item.active:hover,[lang=fa] .list-group-item.active,[lang=fa] .list-group-item.active:focus,[lang=fa] .list-group-item.active:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    z-index: 2
}

[lang=ar] .list-group-item.active .list-group-item-heading,[lang=ar] .list-group-item.active .list-group-item-heading>.small,[lang=ar] .list-group-item.active .list-group-item-heading>small,[lang=ar] .list-group-item.active:focus .list-group-item-heading,[lang=ar] .list-group-item.active:focus .list-group-item-heading>.small,[lang=ar] .list-group-item.active:focus .list-group-item-heading>small,[lang=ar] .list-group-item.active:hover .list-group-item-heading,[lang=ar] .list-group-item.active:hover .list-group-item-heading>.small,[lang=ar] .list-group-item.active:hover .list-group-item-heading>small,[lang=fa] .list-group-item.active .list-group-item-heading,[lang=fa] .list-group-item.active .list-group-item-heading>.small,[lang=fa] .list-group-item.active .list-group-item-heading>small,[lang=fa] .list-group-item.active:focus .list-group-item-heading,[lang=fa] .list-group-item.active:focus .list-group-item-heading>.small,[lang=fa] .list-group-item.active:focus .list-group-item-heading>small,[lang=fa] .list-group-item.active:hover .list-group-item-heading,[lang=fa] .list-group-item.active:hover .list-group-item-heading>.small,[lang=fa] .list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

[lang=ar] .list-group-item.active .list-group-item-text,[lang=ar] .list-group-item.active:focus .list-group-item-text,[lang=ar] .list-group-item.active:hover .list-group-item-text,[lang=fa] .list-group-item.active .list-group-item-text,[lang=fa] .list-group-item.active:focus .list-group-item-text,[lang=fa] .list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

[lang=ar] .list-group-item-success,[lang=fa] .list-group-item-success {
    background-color: #dff0d8;
    color: #3c763d
}

[lang=ar] a.list-group-item-success,[lang=ar] button.list-group-item-success,[lang=fa] a.list-group-item-success,[lang=fa] button.list-group-item-success {
    color: #3c763d
}

[lang=ar] a.list-group-item-success .list-group-item-heading,[lang=ar] button.list-group-item-success .list-group-item-heading,[lang=fa] a.list-group-item-success .list-group-item-heading,[lang=fa] button.list-group-item-success .list-group-item-heading {
    color: inherit
}

[lang=ar] a.list-group-item-success:focus,[lang=ar] a.list-group-item-success:hover,[lang=ar] button.list-group-item-success:focus,[lang=ar] button.list-group-item-success:hover,[lang=fa] a.list-group-item-success:focus,[lang=fa] a.list-group-item-success:hover,[lang=fa] button.list-group-item-success:focus,[lang=fa] button.list-group-item-success:hover {
    background-color: #d0e9c6;
    color: #3c763d
}

[lang=ar] a.list-group-item-success.active,[lang=ar] a.list-group-item-success.active:focus,[lang=ar] a.list-group-item-success.active:hover,[lang=ar] button.list-group-item-success.active,[lang=ar] button.list-group-item-success.active:focus,[lang=ar] button.list-group-item-success.active:hover,[lang=fa] a.list-group-item-success.active,[lang=fa] a.list-group-item-success.active:focus,[lang=fa] a.list-group-item-success.active:hover,[lang=fa] button.list-group-item-success.active,[lang=fa] button.list-group-item-success.active:focus,[lang=fa] button.list-group-item-success.active:hover {
    background-color: #3c763d;
    border-color: #3c763d;
    color: #fff
}

[lang=ar] .list-group-item-info,[lang=fa] .list-group-item-info {
    background-color: #d9edf7;
    color: #31708f
}

[lang=ar] a.list-group-item-info,[lang=ar] button.list-group-item-info,[lang=fa] a.list-group-item-info,[lang=fa] button.list-group-item-info {
    color: #31708f
}

[lang=ar] a.list-group-item-info .list-group-item-heading,[lang=ar] button.list-group-item-info .list-group-item-heading,[lang=fa] a.list-group-item-info .list-group-item-heading,[lang=fa] button.list-group-item-info .list-group-item-heading {
    color: inherit
}

[lang=ar] a.list-group-item-info:focus,[lang=ar] a.list-group-item-info:hover,[lang=ar] button.list-group-item-info:focus,[lang=ar] button.list-group-item-info:hover,[lang=fa] a.list-group-item-info:focus,[lang=fa] a.list-group-item-info:hover,[lang=fa] button.list-group-item-info:focus,[lang=fa] button.list-group-item-info:hover {
    background-color: #c4e3f3;
    color: #31708f
}

[lang=ar] a.list-group-item-info.active,[lang=ar] a.list-group-item-info.active:focus,[lang=ar] a.list-group-item-info.active:hover,[lang=ar] button.list-group-item-info.active,[lang=ar] button.list-group-item-info.active:focus,[lang=ar] button.list-group-item-info.active:hover,[lang=fa] a.list-group-item-info.active,[lang=fa] a.list-group-item-info.active:focus,[lang=fa] a.list-group-item-info.active:hover,[lang=fa] button.list-group-item-info.active,[lang=fa] button.list-group-item-info.active:focus,[lang=fa] button.list-group-item-info.active:hover {
    background-color: #31708f;
    border-color: #31708f;
    color: #fff
}

[lang=ar] .list-group-item-warning,[lang=fa] .list-group-item-warning {
    background-color: #fcf8e3;
    color: #8a6d3b
}

[lang=ar] a.list-group-item-warning,[lang=ar] button.list-group-item-warning,[lang=fa] a.list-group-item-warning,[lang=fa] button.list-group-item-warning {
    color: #8a6d3b
}

[lang=ar] a.list-group-item-warning .list-group-item-heading,[lang=ar] button.list-group-item-warning .list-group-item-heading,[lang=fa] a.list-group-item-warning .list-group-item-heading,[lang=fa] button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

[lang=ar] a.list-group-item-warning:focus,[lang=ar] a.list-group-item-warning:hover,[lang=ar] button.list-group-item-warning:focus,[lang=ar] button.list-group-item-warning:hover,[lang=fa] a.list-group-item-warning:focus,[lang=fa] a.list-group-item-warning:hover,[lang=fa] button.list-group-item-warning:focus,[lang=fa] button.list-group-item-warning:hover {
    background-color: #faf2cc;
    color: #8a6d3b
}

[lang=ar] a.list-group-item-warning.active,[lang=ar] a.list-group-item-warning.active:focus,[lang=ar] a.list-group-item-warning.active:hover,[lang=ar] button.list-group-item-warning.active,[lang=ar] button.list-group-item-warning.active:focus,[lang=ar] button.list-group-item-warning.active:hover,[lang=fa] a.list-group-item-warning.active,[lang=fa] a.list-group-item-warning.active:focus,[lang=fa] a.list-group-item-warning.active:hover,[lang=fa] button.list-group-item-warning.active,[lang=fa] button.list-group-item-warning.active:focus,[lang=fa] button.list-group-item-warning.active:hover {
    background-color: #8a6d3b;
    border-color: #8a6d3b;
    color: #fff
}

[lang=ar] .list-group-item-danger,[lang=fa] .list-group-item-danger {
    background-color: #f2dede;
    color: #a94442
}

[lang=ar] a.list-group-item-danger,[lang=ar] button.list-group-item-danger,[lang=fa] a.list-group-item-danger,[lang=fa] button.list-group-item-danger {
    color: #a94442
}

[lang=ar] a.list-group-item-danger .list-group-item-heading,[lang=ar] button.list-group-item-danger .list-group-item-heading,[lang=fa] a.list-group-item-danger .list-group-item-heading,[lang=fa] button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

[lang=ar] a.list-group-item-danger:focus,[lang=ar] a.list-group-item-danger:hover,[lang=ar] button.list-group-item-danger:focus,[lang=ar] button.list-group-item-danger:hover,[lang=fa] a.list-group-item-danger:focus,[lang=fa] a.list-group-item-danger:hover,[lang=fa] button.list-group-item-danger:focus,[lang=fa] button.list-group-item-danger:hover {
    background-color: #ebcccc;
    color: #a94442
}

[lang=ar] a.list-group-item-danger.active,[lang=ar] a.list-group-item-danger.active:focus,[lang=ar] a.list-group-item-danger.active:hover,[lang=ar] button.list-group-item-danger.active,[lang=ar] button.list-group-item-danger.active:focus,[lang=ar] button.list-group-item-danger.active:hover,[lang=fa] a.list-group-item-danger.active,[lang=fa] a.list-group-item-danger.active:focus,[lang=fa] a.list-group-item-danger.active:hover,[lang=fa] button.list-group-item-danger.active,[lang=fa] button.list-group-item-danger.active:focus,[lang=fa] button.list-group-item-danger.active:hover {
    background-color: #a94442;
    border-color: #a94442;
    color: #fff
}

[lang=ar] .list-group-item-heading,[lang=fa] .list-group-item-heading {
    margin-bottom: 5px;
    margin-top: 0
}

[lang=ar] .list-group-item-text,[lang=fa] .list-group-item-text {
    line-height: 1.3;
    margin-bottom: 0
}

[lang=ar] .embed-responsive,[lang=fa] .embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

[lang=ar] .embed-responsive .embed-responsive-item,[lang=ar] .embed-responsive embed,[lang=ar] .embed-responsive iframe,[lang=ar] .embed-responsive object,[lang=ar] .embed-responsive video,[lang=fa] .embed-responsive .embed-responsive-item,[lang=fa] .embed-responsive embed,[lang=fa] .embed-responsive iframe,[lang=fa] .embed-responsive object,[lang=fa] .embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[lang=ar] .embed-responsive-16by9,[lang=fa] .embed-responsive-16by9 {
    padding-bottom: 56.25%
}

[lang=ar] .embed-responsive-4by3,[lang=fa] .embed-responsive-4by3 {
    padding-bottom: 75%
}

[lang=ar] .close,[lang=fa] .close {
    color: #000;
    filter: alpha(opacity=20);
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    text-shadow: 0 1px 0 #fff
}

[lang=ar] .close:focus,[lang=ar] .close:hover,[lang=fa] .close:focus,[lang=fa] .close:hover {
    color: #000;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    text-decoration: none
}

[lang=ar] button.close,[lang=fa] button.close {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    cursor: pointer;
    padding: 0
}

[lang=ar] .clearfix:after,[lang=ar] .clearfix:before,[lang=fa] .clearfix:after,[lang=fa] .clearfix:before {
    content: " ";
    display: table
}

[lang=ar] .clearfix:after,[lang=fa] .clearfix:after {
    clear: both
}

[lang=ar] .center-block,[lang=fa] .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

[lang=ar] .pull-right,[lang=fa] .pull-right {
    float: right!important
}

[lang=ar] .pull-left,[lang=fa] .pull-left {
    float: left!important
}

[lang=ar] .hide,[lang=fa] .hide {
    display: none!important
}

[lang=ar] .show,[lang=fa] .show {
    display: block!important
}

[lang=ar] .invisible,[lang=fa] .invisible {
    visibility: hidden
}

[lang=ar] .text-hide,[lang=fa] .text-hide {
    background-color: #0000;
    border: 0;
    color: #0000;
    font: 0/0 a;
    text-shadow: none
}

[lang=ar] .hidden,[lang=fa] .hidden {
    display: none!important
}

[lang=ar] .affix,[lang=fa] .affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

[lang=ar] .visible-lg,[lang=ar] .visible-lg-block,[lang=ar] .visible-lg-inline,[lang=ar] .visible-lg-inline-block,[lang=ar] .visible-md,[lang=ar] .visible-md-block,[lang=ar] .visible-md-inline,[lang=ar] .visible-md-inline-block,[lang=ar] .visible-sm,[lang=ar] .visible-sm-block,[lang=ar] .visible-sm-inline,[lang=ar] .visible-sm-inline-block,[lang=ar] .visible-xs,[lang=ar] .visible-xs-block,[lang=ar] .visible-xs-inline,[lang=ar] .visible-xs-inline-block,[lang=fa] .visible-lg,[lang=fa] .visible-lg-block,[lang=fa] .visible-lg-inline,[lang=fa] .visible-lg-inline-block,[lang=fa] .visible-md,[lang=fa] .visible-md-block,[lang=fa] .visible-md-inline,[lang=fa] .visible-md-inline-block,[lang=fa] .visible-sm,[lang=fa] .visible-sm-block,[lang=fa] .visible-sm-inline,[lang=fa] .visible-sm-inline-block,[lang=fa] .visible-xs,[lang=fa] .visible-xs-block,[lang=fa] .visible-xs-inline,[lang=fa] .visible-xs-inline-block {
    display: none!important
}

@media(max-width: 767px) {
    [lang=ar] .visible-xs,[lang=fa] .visible-xs {
        display:block!important
    }

    [lang=ar] table.visible-xs,[lang=fa] table.visible-xs {
        display: table!important
    }

    [lang=ar] tr.visible-xs,[lang=fa] tr.visible-xs {
        display: table-row!important
    }

    [lang=ar] td.visible-xs,[lang=ar] th.visible-xs,[lang=fa] td.visible-xs,[lang=fa] th.visible-xs {
        display: table-cell!important
    }

    [lang=ar] .visible-xs-block,[lang=fa] .visible-xs-block {
        display: block!important
    }

    [lang=ar] .visible-xs-inline,[lang=fa] .visible-xs-inline {
        display: inline!important
    }

    [lang=ar] .visible-xs-inline-block,[lang=fa] .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 768px)and (max-width:991px) {
    [lang=ar] .visible-sm,[lang=fa] .visible-sm {
        display:block!important
    }

    [lang=ar] table.visible-sm,[lang=fa] table.visible-sm {
        display: table!important
    }

    [lang=ar] tr.visible-sm,[lang=fa] tr.visible-sm {
        display: table-row!important
    }

    [lang=ar] td.visible-sm,[lang=ar] th.visible-sm,[lang=fa] td.visible-sm,[lang=fa] th.visible-sm {
        display: table-cell!important
    }

    [lang=ar] .visible-sm-block,[lang=fa] .visible-sm-block {
        display: block!important
    }

    [lang=ar] .visible-sm-inline,[lang=fa] .visible-sm-inline {
        display: inline!important
    }

    [lang=ar] .visible-sm-inline-block,[lang=fa] .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    [lang=ar] .visible-md,[lang=fa] .visible-md {
        display:block!important
    }

    [lang=ar] table.visible-md,[lang=fa] table.visible-md {
        display: table!important
    }

    [lang=ar] tr.visible-md,[lang=fa] tr.visible-md {
        display: table-row!important
    }

    [lang=ar] td.visible-md,[lang=ar] th.visible-md,[lang=fa] td.visible-md,[lang=fa] th.visible-md {
        display: table-cell!important
    }

    [lang=ar] .visible-md-block,[lang=fa] .visible-md-block {
        display: block!important
    }

    [lang=ar] .visible-md-inline,[lang=fa] .visible-md-inline {
        display: inline!important
    }

    [lang=ar] .visible-md-inline-block,[lang=fa] .visible-md-inline-block {
        display: inline-block!important
    }
}

@media(min-width: 1200px) {
    [lang=ar] .visible-lg,[lang=fa] .visible-lg {
        display:block!important
    }

    [lang=ar] table.visible-lg,[lang=fa] table.visible-lg {
        display: table!important
    }

    [lang=ar] tr.visible-lg,[lang=fa] tr.visible-lg {
        display: table-row!important
    }

    [lang=ar] td.visible-lg,[lang=ar] th.visible-lg,[lang=fa] td.visible-lg,[lang=fa] th.visible-lg {
        display: table-cell!important
    }

    [lang=ar] .visible-lg-block,[lang=fa] .visible-lg-block {
        display: block!important
    }

    [lang=ar] .visible-lg-inline,[lang=fa] .visible-lg-inline {
        display: inline!important
    }

    [lang=ar] .visible-lg-inline-block,[lang=fa] .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media(max-width: 767px) {
    [lang=ar] .hidden-xs,[lang=fa] .hidden-xs {
        display:none!important
    }
}

@media(min-width: 768px)and (max-width:991px) {
    [lang=ar] .hidden-sm,[lang=fa] .hidden-sm {
        display:none!important
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    [lang=ar] .hidden-md,[lang=fa] .hidden-md {
        display:none!important
    }
}

@media(min-width: 1200px) {
    [lang=ar] .hidden-lg,[lang=fa] .hidden-lg {
        display:none!important
    }
}

[lang=ar] .visible-print,[lang=fa] .visible-print {
    display: none!important
}

@media print {
    [lang=ar] .visible-print,[lang=fa] .visible-print {
        display: block!important
    }

    [lang=ar] table.visible-print,[lang=fa] table.visible-print {
        display: table!important
    }

    [lang=ar] tr.visible-print,[lang=fa] tr.visible-print {
        display: table-row!important
    }

    [lang=ar] td.visible-print,[lang=ar] th.visible-print,[lang=fa] td.visible-print,[lang=fa] th.visible-print {
        display: table-cell!important
    }
}

[lang=ar] .visible-print-block,[lang=fa] .visible-print-block {
    display: none!important
}

@media print {
    [lang=ar] .visible-print-block,[lang=fa] .visible-print-block {
        display: block!important
    }
}

[lang=ar] .visible-print-inline,[lang=fa] .visible-print-inline {
    display: none!important
}

@media print {
    [lang=ar] .visible-print-inline,[lang=fa] .visible-print-inline {
        display: inline!important
    }
}

[lang=ar] .visible-print-inline-block,[lang=fa] .visible-print-inline-block {
    display: none!important
}

@media print {
    [lang=ar] .visible-print-inline-block,[lang=fa] .visible-print-inline-block {
        display: inline-block!important
    }

    [lang=ar] .hidden-print,[lang=fa] .hidden-print {
        display: none!important
    }
}

[lang=ar] html,[lang=fa] html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

[lang=ar] body,[lang=fa] body {
    margin: 0
}

[lang=ar] h1,[lang=fa] h1 {
    font-size: 2em;
    margin: .67em 0
}

[lang=ar] hr,[lang=fa] hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

[lang=ar] pre,[lang=fa] pre {
    font-family: monospace,monospace;
    font-size: 1em
}

[lang=ar] a,[lang=fa] a {
    background-color: #0000
}

[lang=ar] abbr[title],[lang=fa] abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

[lang=ar] b,[lang=ar] strong,[lang=fa] b,[lang=fa] strong {
    font-weight: bolder
}

[lang=ar] code,[lang=ar] kbd,[lang=ar] samp,[lang=fa] code,[lang=fa] kbd,[lang=fa] samp {
    font-family: monospace,monospace;
    font-size: 1em
}

[lang=ar] small,[lang=fa] small {
    font-size: 80%
}

[lang=ar] sub,[lang=ar] sup,[lang=fa] sub,[lang=fa] sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

[lang=ar] sub,[lang=fa] sub {
    bottom: -.25em
}

[lang=ar] sup,[lang=fa] sup {
    top: -.5em
}

[lang=ar] img,[lang=fa] img {
    border-style: none
}

[lang=ar] button,[lang=ar] input,[lang=ar] optgroup,[lang=ar] select,[lang=ar] textarea,[lang=fa] button,[lang=fa] input,[lang=fa] optgroup,[lang=fa] select,[lang=fa] textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

[lang=ar] button,[lang=ar] input,[lang=fa] button,[lang=fa] input {
    overflow: visible
}

[lang=ar] button,[lang=ar] select,[lang=fa] button,[lang=fa] select {
    text-transform: none
}

[lang=ar] [type=button],[lang=ar] [type=reset],[lang=ar] [type=submit],[lang=ar] button,[lang=fa] [type=button],[lang=fa] [type=reset],[lang=fa] [type=submit],[lang=fa] button {
    -webkit-appearance: button
}

[lang=ar] [type=button]::-moz-focus-inner,[lang=ar] [type=reset]::-moz-focus-inner,[lang=ar] [type=submit]::-moz-focus-inner,[lang=ar] button::-moz-focus-inner,[lang=fa] [type=button]::-moz-focus-inner,[lang=fa] [type=reset]::-moz-focus-inner,[lang=fa] [type=submit]::-moz-focus-inner,[lang=fa] button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[lang=ar] [type=button]:-moz-focusring,[lang=ar] [type=reset]:-moz-focusring,[lang=ar] [type=submit]:-moz-focusring,[lang=ar] button:-moz-focusring,[lang=fa] [type=button]:-moz-focusring,[lang=fa] [type=reset]:-moz-focusring,[lang=fa] [type=submit]:-moz-focusring,[lang=fa] button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[lang=ar] fieldset,[lang=fa] fieldset {
    padding: .35em .75em .625em
}

[lang=ar] legend,[lang=fa] legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

[lang=ar] progress,[lang=fa] progress {
    vertical-align: initial
}

[lang=ar] textarea,[lang=fa] textarea {
    overflow: auto
}

[lang=ar] [type=checkbox],[lang=ar] [type=radio],[lang=fa] [type=checkbox],[lang=fa] [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[lang=ar] [type=number]::-webkit-inner-spin-button,[lang=ar] [type=number]::-webkit-outer-spin-button,[lang=fa] [type=number]::-webkit-inner-spin-button,[lang=fa] [type=number]::-webkit-outer-spin-button {
    height: auto
}

[lang=ar] [type=search],[lang=fa] [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[lang=ar] [type=search]::-webkit-search-decoration,[lang=fa] [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[lang=ar] ::-webkit-file-upload-button,[lang=fa] ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[lang=ar] details,[lang=fa] details {
    display: block
}

[lang=ar] summary,[lang=fa] summary {
    display: list-item
}

[lang=ar] [hidden],[lang=ar] template,[lang=fa] [hidden],[lang=fa] template {
    display: none
}

[lang=ar] a,[lang=ar] abbr,[lang=ar] acronym,[lang=ar] address,[lang=ar] applet,[lang=ar] article,[lang=ar] aside,[lang=ar] audio,[lang=ar] big,[lang=ar] blockquote,[lang=ar] body,[lang=ar] canvas,[lang=ar] caption,[lang=ar] center,[lang=ar] cite,[lang=ar] code,[lang=ar] dd,[lang=ar] del,[lang=ar] details,[lang=ar] dfn,[lang=ar] div,[lang=ar] dl,[lang=ar] dt,[lang=ar] em,[lang=ar] embed,[lang=ar] fieldset,[lang=ar] figcaption,[lang=ar] figure,[lang=ar] footer,[lang=ar] form,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4,[lang=ar] h5,[lang=ar] h6,[lang=ar] header,[lang=ar] hgroup,[lang=ar] html,[lang=ar] iframe,[lang=ar] img,[lang=ar] ins,[lang=ar] kbd,[lang=ar] label,[lang=ar] legend,[lang=ar] li,[lang=ar] mark,[lang=ar] menu,[lang=ar] nav,[lang=ar] object,[lang=ar] ol,[lang=ar] output,[lang=ar] p,[lang=ar] pre,[lang=ar] q,[lang=ar] ruby,[lang=ar] s,[lang=ar] samp,[lang=ar] section,[lang=ar] small,[lang=ar] span,[lang=ar] strike,[lang=ar] strong,[lang=ar] sub,[lang=ar] summary,[lang=ar] sup,[lang=ar] table,[lang=ar] tbody,[lang=ar] td,[lang=ar] tfoot,[lang=ar] th,[lang=ar] thead,[lang=ar] time,[lang=ar] tr,[lang=ar] tt,[lang=ar] u,[lang=ar] ul,[lang=ar] var,[lang=ar] video,[lang=fa] a,[lang=fa] abbr,[lang=fa] acronym,[lang=fa] address,[lang=fa] applet,[lang=fa] article,[lang=fa] aside,[lang=fa] audio,[lang=fa] big,[lang=fa] blockquote,[lang=fa] body,[lang=fa] canvas,[lang=fa] caption,[lang=fa] center,[lang=fa] cite,[lang=fa] code,[lang=fa] dd,[lang=fa] del,[lang=fa] details,[lang=fa] dfn,[lang=fa] div,[lang=fa] dl,[lang=fa] dt,[lang=fa] em,[lang=fa] embed,[lang=fa] fieldset,[lang=fa] figcaption,[lang=fa] figure,[lang=fa] footer,[lang=fa] form,[lang=fa] h1,[lang=fa] h2,[lang=fa] h3,[lang=fa] h4,[lang=fa] h5,[lang=fa] h6,[lang=fa] header,[lang=fa] hgroup,[lang=fa] html,[lang=fa] iframe,[lang=fa] img,[lang=fa] ins,[lang=fa] kbd,[lang=fa] label,[lang=fa] legend,[lang=fa] li,[lang=fa] mark,[lang=fa] menu,[lang=fa] nav,[lang=fa] object,[lang=fa] ol,[lang=fa] output,[lang=fa] p,[lang=fa] pre,[lang=fa] q,[lang=fa] ruby,[lang=fa] s,[lang=fa] samp,[lang=fa] section,[lang=fa] small,[lang=fa] span,[lang=fa] strike,[lang=fa] strong,[lang=fa] sub,[lang=fa] summary,[lang=fa] sup,[lang=fa] table,[lang=fa] tbody,[lang=fa] td,[lang=fa] tfoot,[lang=fa] th,[lang=fa] thead,[lang=fa] time,[lang=fa] tr,[lang=fa] tt,[lang=fa] u,[lang=fa] ul,[lang=fa] var,[lang=fa] video {
    border: 0;
    font: inherit;
    margin: 0;
    outline: 0!important;
    padding: 0;
    vertical-align: initial
}

[lang=ar] *,[lang=fa] * {
    -webkit-text-size-adjust: auto!important
}

[lang=ar] article,[lang=ar] aside,[lang=ar] details,[lang=ar] figcaption,[lang=ar] figure,[lang=ar] footer,[lang=ar] header,[lang=ar] hgroup,[lang=ar] menu,[lang=ar] nav,[lang=ar] section,[lang=fa] article,[lang=fa] aside,[lang=fa] details,[lang=fa] figcaption,[lang=fa] figure,[lang=fa] footer,[lang=fa] header,[lang=fa] hgroup,[lang=fa] menu,[lang=fa] nav,[lang=fa] section {
    display: block
}

[lang=ar] a,[lang=fa] a {
    border: 0
}

[lang=ar] html,[lang=fa] html {
    overflow-x: hidden
}

[lang=ar] body,[lang=fa] body {
    line-height: 1;
    word-wrap: break-word
}

[lang=ar] ol,[lang=ar] ul,[lang=fa] ol,[lang=fa] ul {
    list-style: none
}

[lang=ar] blockquote,[lang=ar] q,[lang=fa] blockquote,[lang=fa] q {
    quotes: none
}

[lang=ar] blockquote:after,[lang=ar] blockquote:before,[lang=ar] q:after,[lang=ar] q:before,[lang=fa] blockquote:after,[lang=fa] blockquote:before,[lang=fa] q:after,[lang=fa] q:before {
    content: "";
    content: none
}

[lang=ar] table,[lang=fa] table {
    border-collapse: collapse;
    border-spacing: 0
}

[lang=ar] input[type=number]::-webkit-inner-spin-button,[lang=ar] input[type=number]::-webkit-outer-spin-button,[lang=fa] input[type=number]::-webkit-inner-spin-button,[lang=fa] input[type=number]::-webkit-outer-spin-button {
    margin: 0
}

[lang=ar] :focus,[lang=fa] :focus {
    outline-color: #0000;
    outline-style: none
}

[lang=ar] button::-moz-focus-inner,[lang=fa] button::-moz-focus-inner {
    border: 0
}

[lang=ar] *,[lang=ar] :after,[lang=ar] :before,[lang=fa] *,[lang=fa] :after,[lang=fa] :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[lang=ar] .clear,[lang=fa] .clear {
    clear: both!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    width: 0!important
}

[lang=ar] button,[lang=ar] input,[lang=ar] select,[lang=ar] textarea,[lang=fa] button,[lang=fa] input,[lang=fa] select,[lang=fa] textarea {
    -webkit-appearance: none;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    vertical-align: middle
}

[lang=ar] body,[lang=ar] html,[lang=fa] body,[lang=fa] html {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
}

[lang=ar] input:-webkit-autofill,[lang=ar] input:-webkit-autofill:active,[lang=ar] input:-webkit-autofill:focus,[lang=ar] input:-webkit-autofill:hover,[lang=fa] input:-webkit-autofill,[lang=fa] input:-webkit-autofill:active,[lang=fa] input:-webkit-autofill:focus,[lang=fa] input:-webkit-autofill:hover {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out,background-color 99999s ease-out
}

[lang=ar] input[type=number]::-webkit-inner-spin-button,[lang=ar] input[type=number]::-webkit-outer-spin-button,[lang=fa] input[type=number]::-webkit-inner-spin-button,[lang=fa] input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

[lang=ar] input[type=number],[lang=fa] input[type=number] {
    -moz-appearance: textfield
}

[lang=ar] .row:after,[lang=fa] .row:after {
    clear: both
}

[lang=ar] .row:after,[lang=ar] .row:before,[lang=fa] .row:after,[lang=fa] .row:before {
    content: " ";
    display: table
}

[lang=ar] .col-l-1,[lang=fa] .col-l-1 {
    width: 8.3333333333%!important
}

[lang=ar] .col-l-1,[lang=ar] .col-l-2,[lang=fa] .col-l-1,[lang=fa] .col-l-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-2,[lang=fa] .col-l-2 {
    width: 16.6666666667%!important
}

[lang=ar] .col-l-3,[lang=fa] .col-l-3 {
    width: 25%!important
}

[lang=ar] .col-l-3,[lang=ar] .col-l-4,[lang=fa] .col-l-3,[lang=fa] .col-l-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-4,[lang=fa] .col-l-4 {
    width: 33.3333333333%!important
}

[lang=ar] .col-l-5,[lang=fa] .col-l-5 {
    width: 41.6666666667%!important
}

[lang=ar] .col-l-5,[lang=ar] .col-l-6,[lang=fa] .col-l-5,[lang=fa] .col-l-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-6,[lang=fa] .col-l-6 {
    width: 50%!important
}

[lang=ar] .col-l-7,[lang=fa] .col-l-7 {
    width: 58.3333333333%!important
}

[lang=ar] .col-l-7,[lang=ar] .col-l-8,[lang=fa] .col-l-7,[lang=fa] .col-l-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-8,[lang=fa] .col-l-8 {
    width: 66.6666666667%!important
}

[lang=ar] .col-l-9,[lang=fa] .col-l-9 {
    width: 75%!important
}

[lang=ar] .col-l-10,[lang=ar] .col-l-9,[lang=fa] .col-l-10,[lang=fa] .col-l-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-10,[lang=fa] .col-l-10 {
    width: 83.3333333333%!important
}

[lang=ar] .col-l-11,[lang=fa] .col-l-11 {
    width: 91.6666666667%!important
}

[lang=ar] .col-l-11,[lang=ar] .col-l-12,[lang=fa] .col-l-11,[lang=fa] .col-l-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left!important
}

[lang=ar] .col-l-12,[lang=fa] .col-l-12 {
    width: 100%!important
}

[lang=ar] .col-r-1,[lang=fa] .col-r-1 {
    width: 8.3333333333%!important
}

[lang=ar] .col-r-1,[lang=ar] .col-r-2,[lang=fa] .col-r-1,[lang=fa] .col-r-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-2,[lang=fa] .col-r-2 {
    width: 16.6666666667%!important
}

[lang=ar] .col-r-3,[lang=fa] .col-r-3 {
    width: 25%!important
}

[lang=ar] .col-r-3,[lang=ar] .col-r-4,[lang=fa] .col-r-3,[lang=fa] .col-r-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-4,[lang=fa] .col-r-4 {
    width: 33.3333333333%!important
}

[lang=ar] .col-r-5,[lang=fa] .col-r-5 {
    width: 41.6666666667%!important
}

[lang=ar] .col-r-5,[lang=ar] .col-r-6,[lang=fa] .col-r-5,[lang=fa] .col-r-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-6,[lang=fa] .col-r-6 {
    width: 50%!important
}

[lang=ar] .col-r-7,[lang=fa] .col-r-7 {
    width: 58.3333333333%!important
}

[lang=ar] .col-r-7,[lang=ar] .col-r-8,[lang=fa] .col-r-7,[lang=fa] .col-r-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-8,[lang=fa] .col-r-8 {
    width: 66.6666666667%!important
}

[lang=ar] .col-r-9,[lang=fa] .col-r-9 {
    width: 75%!important
}

[lang=ar] .col-r-10,[lang=ar] .col-r-9,[lang=fa] .col-r-10,[lang=fa] .col-r-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-10,[lang=fa] .col-r-10 {
    width: 83.3333333333%!important
}

[lang=ar] .col-r-11,[lang=fa] .col-r-11 {
    width: 91.6666666667%!important
}

[lang=ar] .col-r-11,[lang=ar] .col-r-12,[lang=fa] .col-r-11,[lang=fa] .col-r-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right!important
}

[lang=ar] .col-r-12,[lang=fa] .col-r-12 {
    width: 100%!important
}

[lang=ar] .col-offset-1,[lang=fa] .col-offset-1 {
    margin-left: 8.3333333333%!important
}

[lang=ar] .col-offset-2,[lang=fa] .col-offset-2 {
    margin-left: 16.6666666667%!important
}

[lang=ar] .col-offset-3,[lang=fa] .col-offset-3 {
    margin-left: 25%!important
}

[lang=ar] .col-offset-4,[lang=fa] .col-offset-4 {
    margin-left: 33.3333333333%!important
}

[lang=ar] .col-offset-5,[lang=fa] .col-offset-5 {
    margin-left: 41.6666666667%!important
}

[lang=ar] .col-offset-6,[lang=fa] .col-offset-6 {
    margin-left: 50%!important
}

[lang=ar] .col-offset-7,[lang=fa] .col-offset-7 {
    margin-left: 58.3333333333%!important
}

[lang=ar] .col-offset-8,[lang=fa] .col-offset-8 {
    margin-left: 66.6666666667%!important
}

[lang=ar] .col-offset-9,[lang=fa] .col-offset-9 {
    margin-left: 75%!important
}

[lang=ar] .col-offset-10,[lang=fa] .col-offset-10 {
    margin-left: 83.3333333333%!important
}

[lang=ar] .col-offset-11,[lang=fa] .col-offset-11 {
    margin-left: 91.6666666667%!important
}

[lang=ar] .col-offset-12,[lang=fa] .col-offset-12 {
    margin-left: 100%!important
}

[lang=ar] .margin-top-0,[lang=fa] .margin-top-0 {
    margin-top: 0
}

[lang=ar] .margin-top-5,[lang=fa] .margin-top-5 {
    margin-top: 5px
}

[lang=ar] .margin-top-10,[lang=fa] .margin-top-10 {
    margin-top: 10px
}

[lang=ar] .margin-top-15,[lang=fa] .margin-top-15 {
    margin-top: 15px
}

[lang=ar] .margin-top-20,[lang=fa] .margin-top-20 {
    margin-top: 20px
}

[lang=ar] .margin-top-25,[lang=fa] .margin-top-25 {
    margin-top: 25px
}

[lang=ar] .margin-top-30,[lang=fa] .margin-top-30 {
    margin-top: 30px
}

[lang=ar] .margin-top-35,[lang=fa] .margin-top-35 {
    margin-top: 35px
}

[lang=ar] .margin-top-40,[lang=fa] .margin-top-40 {
    margin-top: 40px
}

[lang=ar] .margin-top-45,[lang=fa] .margin-top-45 {
    margin-top: 45px
}

[lang=ar] .margin-top-50,[lang=fa] .margin-top-50 {
    margin-top: 50px
}

[lang=ar] .margin-top-55,[lang=fa] .margin-top-55 {
    margin-top: 55px
}

[lang=ar] .margin-top-60,[lang=fa] .margin-top-60 {
    margin-top: 60px
}

[lang=ar] .margin-top-65,[lang=fa] .margin-top-65 {
    margin-top: 65px
}

[lang=ar] .margin-top-70,[lang=fa] .margin-top-70 {
    margin-top: 70px
}

[lang=ar] .margin-top-75,[lang=fa] .margin-top-75 {
    margin-top: 75px
}

[lang=ar] .margin-top-80,[lang=fa] .margin-top-80 {
    margin-top: 80px
}

[lang=ar] .margin-top-85,[lang=fa] .margin-top-85 {
    margin-top: 85px
}

[lang=ar] .margin-top-90,[lang=fa] .margin-top-90 {
    margin-top: 90px
}

[lang=ar] .margin-top-95,[lang=fa] .margin-top-95 {
    margin-top: 95px
}

[lang=ar] .margin-bottom-0,[lang=fa] .margin-bottom-0 {
    margin-bottom: 0
}

[lang=ar] .margin-bottom-5,[lang=fa] .margin-bottom-5 {
    margin-bottom: 5px
}

[lang=ar] .margin-bottom-10,[lang=fa] .margin-bottom-10 {
    margin-bottom: 10px
}

[lang=ar] .margin-bottom-15,[lang=fa] .margin-bottom-15 {
    margin-bottom: 15px
}

[lang=ar] .margin-bottom-20,[lang=fa] .margin-bottom-20 {
    margin-bottom: 20px
}

[lang=ar] .margin-bottom-25,[lang=fa] .margin-bottom-25 {
    margin-bottom: 25px
}

[lang=ar] .margin-bottom-30,[lang=fa] .margin-bottom-30 {
    margin-bottom: 30px
}

[lang=ar] .margin-bottom-35,[lang=fa] .margin-bottom-35 {
    margin-bottom: 35px
}

[lang=ar] .margin-bottom-40,[lang=fa] .margin-bottom-40 {
    margin-bottom: 40px
}

[lang=ar] .margin-bottom-45,[lang=fa] .margin-bottom-45 {
    margin-bottom: 45px
}

[lang=ar] .margin-bottom-50,[lang=fa] .margin-bottom-50 {
    margin-bottom: 50px
}

[lang=ar] .margin-bottom-55,[lang=fa] .margin-bottom-55 {
    margin-bottom: 55px
}

[lang=ar] .margin-bottom-60,[lang=fa] .margin-bottom-60 {
    margin-bottom: 60px
}

[lang=ar] .margin-bottom-65,[lang=fa] .margin-bottom-65 {
    margin-bottom: 65px
}

[lang=ar] .margin-bottom-70,[lang=fa] .margin-bottom-70 {
    margin-bottom: 70px
}

[lang=ar] .margin-bottom-75,[lang=fa] .margin-bottom-75 {
    margin-bottom: 75px
}

[lang=ar] .margin-bottom-80,[lang=fa] .margin-bottom-80 {
    margin-bottom: 80px
}

[lang=ar] .margin-bottom-85,[lang=fa] .margin-bottom-85 {
    margin-bottom: 85px
}

[lang=ar] .margin-bottom-90,[lang=fa] .margin-bottom-90 {
    margin-bottom: 90px
}

[lang=ar] .margin-bottom-95,[lang=fa] .margin-bottom-95 {
    margin-bottom: 95px
}

[lang=ar] .margin-left-0,[lang=fa] .margin-left-0 {
    margin-left: 0
}

[lang=ar] .margin-left-5,[lang=fa] .margin-left-5 {
    margin-left: 5px
}

[lang=ar] .margin-left-10,[lang=fa] .margin-left-10 {
    margin-left: 10px
}

[lang=ar] .margin-left-15,[lang=fa] .margin-left-15 {
    margin-left: 15px
}

[lang=ar] .margin-left-20,[lang=fa] .margin-left-20 {
    margin-left: 20px
}

[lang=ar] .margin-left-25,[lang=fa] .margin-left-25 {
    margin-left: 25px
}

[lang=ar] .margin-left-30,[lang=fa] .margin-left-30 {
    margin-left: 30px
}

[lang=ar] .margin-left-35,[lang=fa] .margin-left-35 {
    margin-left: 35px
}

[lang=ar] .margin-left-40,[lang=fa] .margin-left-40 {
    margin-left: 40px
}

[lang=ar] .margin-left-45,[lang=fa] .margin-left-45 {
    margin-left: 45px
}

[lang=ar] .margin-left-50,[lang=fa] .margin-left-50 {
    margin-left: 50px
}

[lang=ar] .margin-left-55,[lang=fa] .margin-left-55 {
    margin-left: 55px
}

[lang=ar] .margin-left-60,[lang=fa] .margin-left-60 {
    margin-left: 60px
}

[lang=ar] .margin-left-65,[lang=fa] .margin-left-65 {
    margin-left: 65px
}

[lang=ar] .margin-left-70,[lang=fa] .margin-left-70 {
    margin-left: 70px
}

[lang=ar] .margin-left-75,[lang=fa] .margin-left-75 {
    margin-left: 75px
}

[lang=ar] .margin-left-80,[lang=fa] .margin-left-80 {
    margin-left: 80px
}

[lang=ar] .margin-left-85,[lang=fa] .margin-left-85 {
    margin-left: 85px
}

[lang=ar] .margin-left-90,[lang=fa] .margin-left-90 {
    margin-left: 90px
}

[lang=ar] .margin-left-95,[lang=fa] .margin-left-95 {
    margin-left: 95px
}

[lang=ar] .margin-right-0,[lang=fa] .margin-right-0 {
    margin-right: 0
}

[lang=ar] .margin-right-5,[lang=fa] .margin-right-5 {
    margin-right: 5px
}

[lang=ar] .margin-right-10,[lang=fa] .margin-right-10 {
    margin-right: 10px
}

[lang=ar] .margin-right-15,[lang=fa] .margin-right-15 {
    margin-right: 15px
}

[lang=ar] .margin-right-20,[lang=fa] .margin-right-20 {
    margin-right: 20px
}

[lang=ar] .margin-right-25,[lang=fa] .margin-right-25 {
    margin-right: 25px
}

[lang=ar] .margin-right-30,[lang=fa] .margin-right-30 {
    margin-right: 30px
}

[lang=ar] .margin-right-35,[lang=fa] .margin-right-35 {
    margin-right: 35px
}

[lang=ar] .margin-right-40,[lang=fa] .margin-right-40 {
    margin-right: 40px
}

[lang=ar] .margin-right-45,[lang=fa] .margin-right-45 {
    margin-right: 45px
}

[lang=ar] .margin-right-50,[lang=fa] .margin-right-50 {
    margin-right: 50px
}

[lang=ar] .margin-right-55,[lang=fa] .margin-right-55 {
    margin-right: 55px
}

[lang=ar] .margin-right-60,[lang=fa] .margin-right-60 {
    margin-right: 60px
}

[lang=ar] .margin-right-65,[lang=fa] .margin-right-65 {
    margin-right: 65px
}

[lang=ar] .margin-right-70,[lang=fa] .margin-right-70 {
    margin-right: 70px
}

[lang=ar] .margin-right-75,[lang=fa] .margin-right-75 {
    margin-right: 75px
}

[lang=ar] .margin-right-80,[lang=fa] .margin-right-80 {
    margin-right: 80px
}

[lang=ar] .margin-right-85,[lang=fa] .margin-right-85 {
    margin-right: 85px
}

[lang=ar] .margin-right-90,[lang=fa] .margin-right-90 {
    margin-right: 90px
}

[lang=ar] .margin-right-95,[lang=fa] .margin-right-95 {
    margin-right: 95px
}

[lang=ar] .margin-0,[lang=fa] .margin-0 {
    margin: 0
}

[lang=ar] .margin-5,[lang=fa] .margin-5 {
    margin: 5px
}

[lang=ar] .margin-10,[lang=fa] .margin-10 {
    margin: 10px
}

[lang=ar] .margin-15,[lang=fa] .margin-15 {
    margin: 15px
}

[lang=ar] .margin-20,[lang=fa] .margin-20 {
    margin: 20px
}

[lang=ar] .margin-25,[lang=fa] .margin-25 {
    margin: 25px
}

[lang=ar] .margin-30,[lang=fa] .margin-30 {
    margin: 30px
}

[lang=ar] .margin-35,[lang=fa] .margin-35 {
    margin: 35px
}

[lang=ar] .margin-40,[lang=fa] .margin-40 {
    margin: 40px
}

[lang=ar] .margin-45,[lang=fa] .margin-45 {
    margin: 45px
}

[lang=ar] .margin-50,[lang=fa] .margin-50 {
    margin: 50px
}

[lang=ar] .margin-55,[lang=fa] .margin-55 {
    margin: 55px
}

[lang=ar] .margin-60,[lang=fa] .margin-60 {
    margin: 60px
}

[lang=ar] .margin-65,[lang=fa] .margin-65 {
    margin: 65px
}

[lang=ar] .margin-70,[lang=fa] .margin-70 {
    margin: 70px
}

[lang=ar] .margin-75,[lang=fa] .margin-75 {
    margin: 75px
}

[lang=ar] .margin-80,[lang=fa] .margin-80 {
    margin: 80px
}

[lang=ar] .margin-85,[lang=fa] .margin-85 {
    margin: 85px
}

[lang=ar] .margin-90,[lang=fa] .margin-90 {
    margin: 90px
}

[lang=ar] .margin-95,[lang=fa] .margin-95 {
    margin: 95px
}

[lang=ar] .padding-top-0,[lang=fa] .padding-top-0 {
    margin-top: 0
}

[lang=ar] .padding-top-5,[lang=fa] .padding-top-5 {
    margin-top: 5px
}

[lang=ar] .padding-top-10,[lang=fa] .padding-top-10 {
    margin-top: 10px
}

[lang=ar] .padding-top-15,[lang=fa] .padding-top-15 {
    margin-top: 15px
}

[lang=ar] .padding-top-20,[lang=fa] .padding-top-20 {
    margin-top: 20px
}

[lang=ar] .padding-top-25,[lang=fa] .padding-top-25 {
    margin-top: 25px
}

[lang=ar] .padding-top-30,[lang=fa] .padding-top-30 {
    margin-top: 30px
}

[lang=ar] .padding-top-35,[lang=fa] .padding-top-35 {
    margin-top: 35px
}

[lang=ar] .padding-top-40,[lang=fa] .padding-top-40 {
    margin-top: 40px
}

[lang=ar] .padding-top-45,[lang=fa] .padding-top-45 {
    margin-top: 45px
}

[lang=ar] .padding-top-50,[lang=fa] .padding-top-50 {
    margin-top: 50px
}

[lang=ar] .padding-top-55,[lang=fa] .padding-top-55 {
    margin-top: 55px
}

[lang=ar] .padding-top-60,[lang=fa] .padding-top-60 {
    margin-top: 60px
}

[lang=ar] .padding-top-65,[lang=fa] .padding-top-65 {
    margin-top: 65px
}

[lang=ar] .padding-top-70,[lang=fa] .padding-top-70 {
    margin-top: 70px
}

[lang=ar] .padding-top-75,[lang=fa] .padding-top-75 {
    margin-top: 75px
}

[lang=ar] .padding-top-80,[lang=fa] .padding-top-80 {
    margin-top: 80px
}

[lang=ar] .padding-top-85,[lang=fa] .padding-top-85 {
    margin-top: 85px
}

[lang=ar] .padding-top-90,[lang=fa] .padding-top-90 {
    margin-top: 90px
}

[lang=ar] .padding-top-95,[lang=fa] .padding-top-95 {
    margin-top: 95px
}

[lang=ar] .padding-bottom-0,[lang=fa] .padding-bottom-0 {
    padding-bottom: 0
}

[lang=ar] .padding-bottom-5,[lang=fa] .padding-bottom-5 {
    padding-bottom: 5px
}

[lang=ar] .padding-bottom-10,[lang=fa] .padding-bottom-10 {
    padding-bottom: 10px
}

[lang=ar] .padding-bottom-15,[lang=fa] .padding-bottom-15 {
    padding-bottom: 15px
}

[lang=ar] .padding-bottom-20,[lang=fa] .padding-bottom-20 {
    padding-bottom: 20px
}

[lang=ar] .padding-bottom-25,[lang=fa] .padding-bottom-25 {
    padding-bottom: 25px
}

[lang=ar] .padding-bottom-30,[lang=fa] .padding-bottom-30 {
    padding-bottom: 30px
}

[lang=ar] .padding-bottom-35,[lang=fa] .padding-bottom-35 {
    padding-bottom: 35px
}

[lang=ar] .padding-bottom-40,[lang=fa] .padding-bottom-40 {
    padding-bottom: 40px
}

[lang=ar] .padding-bottom-45,[lang=fa] .padding-bottom-45 {
    padding-bottom: 45px
}

[lang=ar] .padding-bottom-50,[lang=fa] .padding-bottom-50 {
    padding-bottom: 50px
}

[lang=ar] .padding-bottom-55,[lang=fa] .padding-bottom-55 {
    padding-bottom: 55px
}

[lang=ar] .padding-bottom-60,[lang=fa] .padding-bottom-60 {
    padding-bottom: 60px
}

[lang=ar] .padding-bottom-65,[lang=fa] .padding-bottom-65 {
    padding-bottom: 65px
}

[lang=ar] .padding-bottom-70,[lang=fa] .padding-bottom-70 {
    padding-bottom: 70px
}

[lang=ar] .padding-bottom-75,[lang=fa] .padding-bottom-75 {
    padding-bottom: 75px
}

[lang=ar] .padding-bottom-80,[lang=fa] .padding-bottom-80 {
    padding-bottom: 80px
}

[lang=ar] .padding-bottom-85,[lang=fa] .padding-bottom-85 {
    padding-bottom: 85px
}

[lang=ar] .padding-bottom-90,[lang=fa] .padding-bottom-90 {
    padding-bottom: 90px
}

[lang=ar] .padding-bottom-95,[lang=fa] .padding-bottom-95 {
    padding-bottom: 95px
}

[lang=ar] .padding-left-0,[lang=fa] .padding-left-0 {
    padding-left: 0
}

[lang=ar] .padding-left-5,[lang=fa] .padding-left-5 {
    padding-left: 5px
}

[lang=ar] .padding-right-0,[lang=fa] .padding-right-0 {
    padding-right: 0
}

[lang=ar] .padding-right-5,[lang=fa] .padding-right-5 {
    padding-right: 5px
}

[lang=ar] .padding-right-10,[lang=fa] .padding-right-10 {
    padding-right: 10px
}

[lang=ar] .padding-right-15,[lang=fa] .padding-right-15 {
    padding-right: 15px
}

[lang=ar] .padding-right-20,[lang=fa] .padding-right-20 {
    padding-right: 20px
}

[lang=ar] .padding-right-25,[lang=fa] .padding-right-25 {
    padding-right: 25px
}

[lang=ar] .padding-right-30,[lang=fa] .padding-right-30 {
    padding-right: 30px
}

[lang=ar] .padding-right-35,[lang=fa] .padding-right-35 {
    padding-right: 35px
}

[lang=ar] .padding-right-40,[lang=fa] .padding-right-40 {
    padding-right: 40px
}

[lang=ar] .padding-right-45,[lang=fa] .padding-right-45 {
    padding-right: 45px
}

[lang=ar] .padding-right-50,[lang=fa] .padding-right-50 {
    padding-right: 50px
}

[lang=ar] .padding-right-55,[lang=fa] .padding-right-55 {
    padding-right: 55px
}

[lang=ar] .padding-right-60,[lang=fa] .padding-right-60 {
    padding-right: 60px
}

[lang=ar] .padding-right-65,[lang=fa] .padding-right-65 {
    padding-right: 65px
}

[lang=ar] .padding-right-70,[lang=fa] .padding-right-70 {
    padding-right: 70px
}

[lang=ar] .padding-right-75,[lang=fa] .padding-right-75 {
    padding-right: 75px
}

[lang=ar] .padding-right-80,[lang=fa] .padding-right-80 {
    padding-right: 80px
}

[lang=ar] .padding-right-85,[lang=fa] .padding-right-85 {
    padding-right: 85px
}

[lang=ar] .padding-right-90,[lang=fa] .padding-right-90 {
    padding-right: 90px
}

[lang=ar] .padding-right-95,[lang=fa] .padding-right-95 {
    padding-right: 95px
}

[lang=ar] .padding-0,[lang=fa] .padding-0 {
    padding: 0
}

[lang=ar] .padding-5,[lang=fa] .padding-5 {
    padding: 5px
}

[lang=ar] .padding-10,[lang=fa] .padding-10 {
    padding: 10px
}

[lang=ar] .padding-15,[lang=fa] .padding-15 {
    padding: 15px
}

[lang=ar] .padding-20,[lang=fa] .padding-20 {
    padding: 20px
}

[lang=ar] .padding-25,[lang=fa] .padding-25 {
    padding: 25px
}

[lang=ar] .padding-30,[lang=fa] .padding-30 {
    padding: 30px
}

[lang=ar] .padding-35,[lang=fa] .padding-35 {
    padding: 35px
}

[lang=ar] .padding-40,[lang=fa] .padding-40 {
    padding: 40px
}

[lang=ar] .padding-45,[lang=fa] .padding-45 {
    padding: 45px
}

[lang=ar] .padding-50,[lang=fa] .padding-50 {
    padding: 50px
}

[lang=ar] .padding-55,[lang=fa] .padding-55 {
    padding: 55px
}

[lang=ar] .padding-60,[lang=fa] .padding-60 {
    padding: 60px
}

[lang=ar] .padding-65,[lang=fa] .padding-65 {
    padding: 65px
}

[lang=ar] .padding-70,[lang=fa] .padding-70 {
    padding: 70px
}

[lang=ar] .padding-75,[lang=fa] .padding-75 {
    padding: 75px
}

[lang=ar] .padding-80,[lang=fa] .padding-80 {
    padding: 80px
}

[lang=ar] .padding-85,[lang=fa] .padding-85 {
    padding: 85px
}

[lang=ar] .padding-90,[lang=fa] .padding-90 {
    padding: 90px
}

[lang=ar] .padding-95,[lang=fa] .padding-95 {
    padding: 95px
}

@-moz-keyframes roulette {
    to {
        -moz-transform: rotate(1turn)
    }
}

@-webkit-keyframes roulette {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes roulette {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes spin {
    to {
        -moz-transform: rotate(-1turn)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(-1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes cssload-animball_one {
    0% {
        position: absolute
    }

    50% {
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px
    }

    to {
        position: absolute
    }
}

@-o-keyframes cssload-animball_one {
    0% {
        position: absolute
    }

    50% {
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px
    }

    to {
        position: absolute
    }
}

@-ms-keyframes cssload-animball_one {
    0% {
        position: absolute
    }

    50% {
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px
    }

    to {
        position: absolute
    }
}

@-webkit-keyframes cssload-animball_one {
    0% {
        position: absolute
    }

    50% {
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px
    }

    to {
        position: absolute
    }
}

@-moz-keyframes cssload-animball_one {
    0% {
        position: absolute
    }

    50% {
        left: 12px;
        opacity: .5;
        position: absolute;
        top: 12px
    }

    to {
        position: absolute
    }
}

@keyframes cssload-animball_two {
    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(1turn) scale(1.3)
    }

    to {
        transform: rotate(2turn) scale(1)
    }
}

@-o-keyframes cssload-animball_two {
    0% {
        -o-transform: rotate(0deg) scale(1)
    }

    50% {
        -o-transform: rotate(1turn) scale(1.3)
    }

    to {
        -o-transform: rotate(2turn) scale(1)
    }
}

@-ms-keyframes cssload-animball_two {
    0% {
        -ms-transform: rotate(0deg) scale(1)
    }

    50% {
        -ms-transform: rotate(1turn) scale(1.3)
    }

    to {
        -ms-transform: rotate(2turn) scale(1)
    }
}

@-webkit-keyframes cssload-animball_two {
    0% {
        -webkit-transform: rotate(0deg) scale(1)
    }

    50% {
        -webkit-transform: rotate(1turn) scale(1.3)
    }

    to {
        -webkit-transform: rotate(2turn) scale(1)
    }
}

@-moz-keyframes cssload-animball_two {
    0% {
        -moz-transform: rotate(0deg) scale(1)
    }

    50% {
        -moz-transform: rotate(1turn) scale(1.3)
    }

    to {
        -moz-transform: rotate(2turn) scale(1)
    }
}

@keyframes shake-rotate {
    2% {
        transform: translate(0) rotate(5.5deg)
    }

    4% {
        transform: translate(0) rotate(-.5deg)
    }

    6% {
        transform: translate(0) rotate(7.5deg)
    }

    8% {
        transform: translate(0) rotate(3.5deg)
    }

    10% {
        transform: translate(0) rotate(9.5deg)
    }

    12% {
        transform: translate(0) rotate(1.5deg)
    }

    14% {
        transform: translate(0) rotate(-2.5deg)
    }

    16% {
        transform: translate(0) rotate(-1.5deg)
    }

    18% {
        transform: translate(0) rotate(2.5deg)
    }

    20% {
        transform: translate(0) rotate(5.5deg)
    }

    22% {
        transform: translate(0) rotate(-3.5deg)
    }

    24% {
        transform: translate(0) rotate(-5.5deg)
    }

    26% {
        transform: translate(0) rotate(-.5deg)
    }

    28% {
        transform: translate(0) rotate(5.5deg)
    }

    30% {
        transform: translate(0) rotate(-2.5deg)
    }

    32% {
        transform: translate(0) rotate(7.5deg)
    }

    34% {
        transform: translate(0) rotate(-3.5deg)
    }

    36% {
        transform: translate(0) rotate(-1.5deg)
    }

    38% {
        transform: translate(0) rotate(-.5deg)
    }

    40% {
        transform: translate(0) rotate(8.5deg)
    }

    42% {
        transform: translate(0) rotate(-2.5deg)
    }

    44% {
        transform: translate(0) rotate(-1.5deg)
    }

    46% {
        transform: translate(0) rotate(-8.5deg)
    }

    48% {
        transform: translate(0) rotate(1.5deg)
    }

    50% {
        transform: translate(0) rotate(5.5deg)
    }

    52% {
        transform: translate(0) rotate(5.5deg)
    }

    54% {
        transform: translate(0) rotate(-.5deg)
    }

    56% {
        transform: translate(0) rotate(3.5deg)
    }

    58% {
        transform: translate(0) rotate(.5deg)
    }

    60% {
        transform: translate(0) rotate(-2.5deg)
    }

    62% {
        transform: translate(0) rotate(-7.5deg)
    }

    64% {
        transform: translate(0) rotate(5.5deg)
    }

    66% {
        transform: translate(0) rotate(-5.5deg)
    }

    68% {
        transform: translate(0) rotate(9.5deg)
    }

    70% {
        transform: translate(0) rotate(9.5deg)
    }

    72% {
        transform: translate(0) rotate(1.5deg)
    }

    74% {
        transform: translate(0) rotate(.5deg)
    }

    76% {
        transform: translate(0) rotate(8.5deg)
    }

    78% {
        transform: translate(0) rotate(-2.5deg)
    }

    80% {
        transform: translate(0) rotate(-3.5deg)
    }

    82% {
        transform: translate(0) rotate(-1.5deg)
    }

    84% {
        transform: translate(0) rotate(-1.5deg)
    }

    86% {
        transform: translate(0) rotate(-.5deg)
    }

    88% {
        transform: translate(0) rotate(1.5deg)
    }

    90% {
        transform: translate(0) rotate(-.5deg)
    }

    92% {
        transform: translate(0) rotate(9.5deg)
    }

    93% {
        transform: translate(0) rotate(-8.5deg)
    }

    96% {
        transform: translate(0) rotate(-2.5deg)
    }

    98% {
        transform: translate(0) rotate(9.5deg)
    }

    0%,to {
        transform: translate(0) rotate(0deg)
    }
}

@-webkit-keyframes shake-rotate {
    2% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    4% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translate(0) rotate(7.5deg)
    }

    8% {
        -webkit-transform: translate(0) rotate(3.5deg)
    }

    10% {
        -webkit-transform: translate(0) rotate(9.5deg)
    }

    12% {
        -webkit-transform: translate(0) rotate(1.5deg)
    }

    14% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    16% {
        -webkit-transform: translate(0) rotate(-1.5deg)
    }

    18% {
        -webkit-transform: translate(0) rotate(2.5deg)
    }

    20% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    22% {
        -webkit-transform: translate(0) rotate(-3.5deg)
    }

    24% {
        -webkit-transform: translate(0) rotate(-5.5deg)
    }

    26% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    28% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    30% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    32% {
        -webkit-transform: translate(0) rotate(7.5deg)
    }

    34% {
        -webkit-transform: translate(0) rotate(-3.5deg)
    }

    36% {
        -webkit-transform: translate(0) rotate(-1.5deg)
    }

    38% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    40% {
        -webkit-transform: translate(0) rotate(8.5deg)
    }

    42% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    44% {
        -webkit-transform: translate(0) rotate(-1.5deg)
    }

    46% {
        -webkit-transform: translate(0) rotate(-8.5deg)
    }

    48% {
        -webkit-transform: translate(0) rotate(1.5deg)
    }

    50% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    52% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    54% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    56% {
        -webkit-transform: translate(0) rotate(3.5deg)
    }

    58% {
        -webkit-transform: translate(0) rotate(.5deg)
    }

    60% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    62% {
        -webkit-transform: translate(0) rotate(-7.5deg)
    }

    64% {
        -webkit-transform: translate(0) rotate(5.5deg)
    }

    66% {
        -webkit-transform: translate(0) rotate(-5.5deg)
    }

    68% {
        -webkit-transform: translate(0) rotate(9.5deg)
    }

    70% {
        -webkit-transform: translate(0) rotate(9.5deg)
    }

    72% {
        -webkit-transform: translate(0) rotate(1.5deg)
    }

    74% {
        -webkit-transform: translate(0) rotate(.5deg)
    }

    76% {
        -webkit-transform: translate(0) rotate(8.5deg)
    }

    78% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    80% {
        -webkit-transform: translate(0) rotate(-3.5deg)
    }

    82% {
        -webkit-transform: translate(0) rotate(-1.5deg)
    }

    84% {
        -webkit-transform: translate(0) rotate(-1.5deg)
    }

    86% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    88% {
        -webkit-transform: translate(0) rotate(1.5deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(9.5deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(-8.5deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-2.5deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(9.5deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0deg)
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-4px)
    }

    60% {
        transform: translateY(-3px)
    }

    90% {
        transform: translateY(-2px)
    }
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,to {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-4px)
    }

    60% {
        -webkit-transform: translateY(-3px)
    }

    90% {
        -webkit-transform: translateY(-2px)
    }
}

@keyframes ring {
    0% {
        transform: rotate(-15deg)
    }

    2% {
        transform: rotate(15deg)
    }

    4% {
        transform: rotate(-18deg)
    }

    6% {
        transform: rotate(18deg)
    }

    8% {
        transform: rotate(-22deg)
    }

    10% {
        transform: rotate(22deg)
    }

    12% {
        transform: rotate(-18deg)
    }

    14% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-12deg)
    }

    18% {
        transform: rotate(12deg)
    }

    20%,to {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg)
    }

    20%,to {
        -webkit-transform: rotate(0deg)
    }
}

@-webkit-keyframes scaleUp {
    80% {
        opacity: 0;
        -webkit-transform: scale(2)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@-moz-keyframes scaleUp {
    80% {
        opacity: 0;
        -moz-transform: scale(2)
    }

    to {
        opacity: 0;
        -moz-transform: scale(2)
    }
}

@keyframes scaleUp {
    80% {
        opacity: 0;
        transform: scale(2)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@-webkit-keyframes dropDown {
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes dropDown {
    to {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes dropDown {
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleFade {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes scaleFade {
    to {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@keyframes scaleFade {
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

@keyframes pulsate {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.2)
    }
}

@-o-keyframes pulsate {
    0% {
        opacity: 0;
        -o-transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: scale(1.2)
    }
}

@-ms-keyframes pulsate {
    0% {
        opacity: 0;
        -ms-transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -ms-transform: scale(1.2)
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

[lang=ar] .tabs-wrap,[lang=fa] .tabs-wrap {
    display: inline-block
}

[lang=ar] .tabs-wrap input,[lang=fa] .tabs-wrap input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

[lang=ar] .tabs-wrap .tabs,[lang=fa] .tabs-wrap .tabs {
    border-radius: 8px;
    box-shadow: 0 4px 4px -2px #00000080;
    overflow: hidden;
    width: 100%
}

[lang=ar] .tabs-wrap .tab,[lang=fa] .tabs-wrap .tab {
    color: #fff;
    overflow: hidden;
    width: 100%
}

[lang=ar] .tabs-wrap .tab-label,[lang=fa] .tabs-wrap .tab-label {
    background: #252933;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: space-between;
    padding: 1em
}

[lang=ar] .tabs-wrap .tab-label:hover,[lang=fa] .tabs-wrap .tab-label:hover {
    background: #101115
}

[lang=ar] .tabs-wrap .tab-label:after,[lang=fa] .tabs-wrap .tab-label:after {
    content: "❯";
    height: 1em;
    text-align: center;
    transition: all .35s;
    width: 1em
}

[lang=ar] .tabs-wrap .tab-content,[lang=fa] .tabs-wrap .tab-content {
    background: #292e3c;
    color: #aeaeae;
    max-height: 0;
    padding: 0 1em;
    transition: all .35s
}

[lang=ar] .tabs-wrap .tab-content ul,[lang=fa] .tabs-wrap .tab-content ul {
    list-style: inside
}

[lang=ar] .tabs-wrap .tab-content ul li,[lang=fa] .tabs-wrap .tab-content ul li {
    font-size: 12px;
    margin: 5px 0
}

[lang=ar] .tabs-wrap .tab-content ul li a,[lang=fa] .tabs-wrap .tab-content ul li a {
    color: #dfdcdc
}

[lang=ar] .tabs-wrap .tab-content ul li a:active,[lang=ar] .tabs-wrap .tab-content ul li a:hover,[lang=ar] .tabs-wrap .tab-content ul li a:visited,[lang=fa] .tabs-wrap .tab-content ul li a:active,[lang=fa] .tabs-wrap .tab-content ul li a:hover,[lang=fa] .tabs-wrap .tab-content ul li a:visited {
    color: #b9b6b6
}

[lang=ar] .tabs-wrap .tab-content p,[lang=fa] .tabs-wrap .tab-content p {
    font-size: 12px
}

[lang=ar] .tabs-wrap .tab-content h1,[lang=fa] .tabs-wrap .tab-content h1 {
    font-size: 16px;
    line-height: 2;
    margin: 0
}

[lang=ar] .tabs-wrap .tab-content h2,[lang=fa] .tabs-wrap .tab-content h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 2
}

[lang=ar] .tabs-wrap .tab-content h3,[lang=fa] .tabs-wrap .tab-content h3 {
    font-size: 14px;
    line-height: 2
}

[lang=ar] .tabs-wrap .tab-close,[lang=fa] .tabs-wrap .tab-close {
    background: #252933;
    cursor: pointer;
    display: flex;
    font-size: .75em;
    justify-content: flex-end;
    padding: 1em
}

[lang=ar] .tabs-wrap .tab-close:hover,[lang=ar] .tabs-wrap input:checked+.tab-label,[lang=fa] .tabs-wrap .tab-close:hover,[lang=fa] .tabs-wrap input:checked+.tab-label {
    background: #101115
}

[lang=ar] .tabs-wrap input:checked+.tab-label:after,[lang=fa] .tabs-wrap input:checked+.tab-label:after {
    transform: rotate(90deg)
}

[lang=ar] .tabs-wrap input:checked~.tab-content,[lang=fa] .tabs-wrap input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em
}

[lang=ar] .hide-profile-menu .profile-menu,[lang=fa] .hide-profile-menu .profile-menu {
    display: none
}

[lang=ar] .hide-profile-menu .full-iframe,[lang=fa] .hide-profile-menu .full-iframe {
    height: calc(100% - 60px)
}

[lang=ar] .ReactModalPortal,[lang=ar] .ReactModalPortal+div,[lang=fa] .ReactModalPortal,[lang=fa] .ReactModalPortal+div {
    height: auto!important
}

[lang=ar] .digitain-mobile .profile-menu,[lang=fa] .digitain-mobile .profile-menu {
    display: none
}

[lang=ar] .wisegaming,[lang=fa] .wisegaming {
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 999999
}

[lang=ar] .full-iframe,[lang=fa] .full-iframe {
    height: calc(100% - 120px);
    padding: 10px 0 0;
    position: fixed;
    top: 60px;
    width: 100%
}

[lang=ar] .full-iframe iframe,[lang=fa] .full-iframe iframe {
    padding: 0!important
}

[lang=ar] .full-iframe.digitain,[lang=fa] .full-iframe.digitain {
    height: calc(100vh - 120px);
    height: 100%;
    position: relative;
    top: 0
}

[lang=ar] .full-iframe.digitain #dm-main-container iframe,[lang=fa] .full-iframe.digitain #dm-main-container iframe {
    position: relative!important
}

[lang=ar] .full-iframe.digitain-esports,[lang=fa] .full-iframe.digitain-esports {
    height: inherit;
    padding: 0;
    position: inherit;
    width: inherit
}

[lang=ar] #sport_div_iframe,[lang=fa] #sport_div_iframe {
    height: 100%
}

[lang=ar] #sport_div_iframe #e-sport-root select,[lang=ar] .component_select,[lang=fa] #sport_div_iframe #e-sport-root select,[lang=fa] .component_select {
    margin: 0
}

[lang=ar] .special-background .background-overlay,[lang=fa] .special-background .background-overlay {
    background: #18181866;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

[lang=ar] .special-background .background-image,[lang=fa] .special-background .background-image {
    background-attachment: fixed;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

[lang=ar] body,[lang=fa] body {
    background: #000;
    direction: rtl;
    font-family: NotoSansRegular,serif;
    padding: 0
}

[lang=ar] .error-block,[lang=ar] .error-block i,[lang=ar] .error-message,[lang=ar] .error-message i,[lang=ar] .error-message-text,[lang=ar] .error-message-text i,[lang=fa] .error-block,[lang=fa] .error-block i,[lang=fa] .error-message,[lang=fa] .error-message i,[lang=fa] .error-message-text,[lang=fa] .error-message-text i {
    color: #ed1c24!important
}

[lang=ar] .special-background,[lang=fa] .special-background {
    position: relative
}

[lang=ar] .special-background .flex-wrap,[lang=fa] .special-background .flex-wrap {
    display: flex;
    flex-direction: column
}

[lang=ar] .special-background .global-container.mobile-home-page,[lang=fa] .special-background .global-container.mobile-home-page {
    overflow: hidden
}

[lang=ar] .global-container,[lang=fa] .global-container {
    padding: 60px 0;
    position: relative
}

[lang=ar] .global-container .container-content:after,[lang=fa] .global-container .container-content:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .global-container .container-content,[lang=fa] .global-container .container-content {
    overflow: hidden
}

[lang=ar] .no-scroll,[lang=ar] .no-scroll body,[lang=fa] .no-scroll,[lang=fa] .no-scroll body {
    height: 100%;
    overflow: hidden;
    width: 100%
}

[lang=ar] .zopim,[lang=fa] .zopim {
    z-index: 50!important
}

[lang=ar] a:focus,[lang=ar] a:hover,[lang=fa] a:focus,[lang=fa] a:hover {
    color: inherit;
    text-decoration: none
}

[lang=ar] .container,[lang=fa] .container {
    padding: 0
}

[lang=ar] .button,[lang=fa] .button {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    outline: none!important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

[lang=ar] .button:focus,[lang=fa] .button:focus {
    outline: 0
}

[lang=ar] .button.inactive-button,[lang=fa] .button.inactive-button {
    background: #3a3939!important;
    border-color: #3a3939!important;
    cursor: not-allowed
}

[lang=ar] .button::-moz-focus-inner,[lang=fa] .button::-moz-focus-inner {
    border: 0
}

[lang=ar] .input,[lang=fa] .input {
    background: none;
    border: none;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: auto;
    padding: 0 0 14px;
    text-align: center;
    width: 100%
}

[lang=ar] .input::-webkit-input-placeholder,[lang=fa] .input::-webkit-input-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif
}

[lang=ar] .input:-moz-placeholder,[lang=ar] .input::-moz-placeholder,[lang=fa] .input:-moz-placeholder,[lang=fa] .input::-moz-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    opacity: 1
}

[lang=ar] .input:-ms-input-placeholder,[lang=fa] .input:-ms-input-placeholder {
    color: #aeaeae;
    font-family: NotoSansRegular,serif
}

[lang=ar] .input:invalid,[lang=ar] .input:required,[lang=fa] .input:invalid,[lang=fa] .input:required {
    box-shadow: none
}

[lang=ar] .checkbox,[lang=fa] .checkbox {
    display: block;
    min-height: 10px;
    min-width: 13px;
    padding: 0 0 0 35px;
    position: relative;
    text-align: left
}

[lang=ar] .checkbox input,[lang=fa] .checkbox input {
    opacity: 0;
    position: absolute
}

[lang=ar] .checkbox .icon,[lang=fa] .checkbox .icon {
    background: #000;
    border: 1px solid #4d4d4d;
    color: #39b54a;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

[lang=ar] .checkbox .icon:before,[lang=fa] .checkbox .icon:before {
    content: "";
    display: none
}

[lang=ar] .checkbox .text,[lang=fa] .checkbox .text {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0!important;
    padding: 0!important
}

[lang=ar] .checkbox .text a,[lang=fa] .checkbox .text a {
    color: #fff;
    text-decoration: underline
}

[lang=ar] .checkbox input:checked+.icon:before,[lang=fa] .checkbox input:checked+.icon:before {
    display: block;
    font-size: 18px;
    margin: 1px 0 0
}

[lang=ar] .checkbox.subscribe,[lang=fa] .checkbox.subscribe {
    display: inline-block;
    height: 49px;
    min-height: auto;
    min-width: auto;
    padding: 0;
    width: 70px
}

[lang=ar] .checkbox.subscribe .icon,[lang=fa] .checkbox.subscribe .icon {
    border: none;
    height: 49px;
    position: static;
    transform: translateY(0);
    width: 70px
}

[lang=ar] .checkbox.subscribe .icon img,[lang=fa] .checkbox.subscribe .icon img {
    display: block;
    opacity: 1;
    position: absolute;
    transition: opacity .7s ease
}

[lang=ar] .checkbox.subscribe .icon img:nth-of-type(2),[lang=fa] .checkbox.subscribe .icon img:nth-of-type(2) {
    opacity: 0
}

[lang=ar] .checkbox.subscribe input:checked+.icon:before,[lang=fa] .checkbox.subscribe input:checked+.icon:before {
    display: none
}

[lang=ar] .checkbox.subscribe input:checked+.icon img,[lang=fa] .checkbox.subscribe input:checked+.icon img {
    opacity: 0
}

[lang=ar] .checkbox.subscribe input:checked+.icon img:nth-of-type(2),[lang=fa] .checkbox.subscribe input:checked+.icon img:nth-of-type(2) {
    opacity: 1
}

[lang=ar] .form-group,[lang=fa] .form-group {
    margin: 0
}

[lang=ar] .error-block,[lang=ar] .error-message,[lang=fa] .error-block,[lang=fa] .error-message {
    color: #ed1c24;
    display: block;
    font-family: OpenSansItalic,serif;
    font-size: 12px;
    margin: 3px;
    text-align: left
}

[lang=ar] .select,[lang=fa] .select {
    overflow: hidden;
    position: relative;
    width: 100%
}

[lang=ar] .select:before,[lang=fa] .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    position: absolute;
    right: 5px;
    z-index: 0
}

[lang=ar] .select select,[lang=fa] .select select {
    background: #0000;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    font-size: 16px;
    outline: 0;
    padding: 0 0 14px;
    width: 100%
}

[lang=ar] .react-tel-input,[lang=fa] .react-tel-input {
    position: relative;
    width: 100%
}

[lang=ar] .react-tel-input .ad,[lang=fa] .react-tel-input .ad {
    background-position: -16px 0
}

[lang=ar] .react-tel-input .ae,[lang=fa] .react-tel-input .ae {
    background-position: -32px 0
}

[lang=ar] .react-tel-input .af,[lang=fa] .react-tel-input .af {
    background-position: -48px 0
}

[lang=ar] .react-tel-input .ag,[lang=fa] .react-tel-input .ag {
    background-position: -64px 0
}

[lang=ar] .react-tel-input .ai,[lang=fa] .react-tel-input .ai {
    background-position: -80px 0
}

[lang=ar] .react-tel-input .al,[lang=fa] .react-tel-input .al {
    background-position: -96px 0
}

[lang=ar] .react-tel-input .am,[lang=fa] .react-tel-input .am {
    background-position: -112px 0
}

[lang=ar] .react-tel-input .ao,[lang=fa] .react-tel-input .ao {
    background-position: -128px 0
}

[lang=ar] .react-tel-input .ar,[lang=fa] .react-tel-input .ar {
    background-position: -144px 0
}

[lang=ar] .react-tel-input .as,[lang=fa] .react-tel-input .as {
    background-position: -160px 0
}

[lang=ar] .react-tel-input .at,[lang=fa] .react-tel-input .at {
    background-position: -176px 0
}

[lang=ar] .react-tel-input .au,[lang=fa] .react-tel-input .au {
    background-position: -192px 0
}

[lang=ar] .react-tel-input .aw,[lang=fa] .react-tel-input .aw {
    background-position: -208px 0
}

[lang=ar] .react-tel-input .az,[lang=fa] .react-tel-input .az {
    background-position: -224px 0
}

[lang=ar] .react-tel-input .ba,[lang=fa] .react-tel-input .ba {
    background-position: -240px 0
}

[lang=ar] .react-tel-input .bb,[lang=fa] .react-tel-input .bb {
    background-position: 0 -11px
}

[lang=ar] .react-tel-input .bd,[lang=fa] .react-tel-input .bd {
    background-position: -16px -11px
}

[lang=ar] .react-tel-input .be,[lang=fa] .react-tel-input .be {
    background-position: -32px -11px
}

[lang=ar] .react-tel-input .bf,[lang=fa] .react-tel-input .bf {
    background-position: -48px -11px
}

[lang=ar] .react-tel-input .bg,[lang=fa] .react-tel-input .bg {
    background-position: -64px -11px
}

[lang=ar] .react-tel-input .bh,[lang=fa] .react-tel-input .bh {
    background-position: -80px -11px
}

[lang=ar] .react-tel-input .bi,[lang=fa] .react-tel-input .bi {
    background-position: -96px -11px
}

[lang=ar] .react-tel-input .bj,[lang=fa] .react-tel-input .bj {
    background-position: -112px -11px
}

[lang=ar] .react-tel-input .bm,[lang=fa] .react-tel-input .bm {
    background-position: -128px -11px
}

[lang=ar] .react-tel-input .bn,[lang=fa] .react-tel-input .bn {
    background-position: -144px -11px
}

[lang=ar] .react-tel-input .bo,[lang=fa] .react-tel-input .bo {
    background-position: -160px -11px
}

[lang=ar] .react-tel-input .br,[lang=fa] .react-tel-input .br {
    background-position: -176px -11px
}

[lang=ar] .react-tel-input .bs,[lang=fa] .react-tel-input .bs {
    background-position: -192px -11px
}

[lang=ar] .react-tel-input .bt,[lang=fa] .react-tel-input .bt {
    background-position: -208px -11px
}

[lang=ar] .react-tel-input .bw,[lang=fa] .react-tel-input .bw {
    background-position: -224px -11px
}

[lang=ar] .react-tel-input .by,[lang=fa] .react-tel-input .by {
    background-position: -240px -11px
}

[lang=ar] .react-tel-input .bz,[lang=fa] .react-tel-input .bz {
    background-position: 0 -22px
}

[lang=ar] .react-tel-input .ca,[lang=fa] .react-tel-input .ca {
    background-position: -16px -22px
}

[lang=ar] .react-tel-input .cd,[lang=fa] .react-tel-input .cd {
    background-position: -32px -22px
}

[lang=ar] .react-tel-input .cf,[lang=fa] .react-tel-input .cf {
    background-position: -48px -22px
}

[lang=ar] .react-tel-input .cg,[lang=fa] .react-tel-input .cg {
    background-position: -64px -22px
}

[lang=ar] .react-tel-input .ch,[lang=fa] .react-tel-input .ch {
    background-position: -80px -22px
}

[lang=ar] .react-tel-input .ci,[lang=fa] .react-tel-input .ci {
    background-position: -96px -22px
}

[lang=ar] .react-tel-input .ck,[lang=fa] .react-tel-input .ck {
    background-position: -112px -22px
}

[lang=ar] .react-tel-input .cl,[lang=fa] .react-tel-input .cl {
    background-position: -128px -22px
}

[lang=ar] .react-tel-input .cm,[lang=fa] .react-tel-input .cm {
    background-position: -144px -22px
}

[lang=ar] .react-tel-input .cn,[lang=fa] .react-tel-input .cn {
    background-position: -160px -22px
}

[lang=ar] .react-tel-input .co,[lang=fa] .react-tel-input .co {
    background-position: -176px -22px
}

[lang=ar] .react-tel-input .cr,[lang=fa] .react-tel-input .cr {
    background-position: -192px -22px
}

[lang=ar] .react-tel-input .cu,[lang=fa] .react-tel-input .cu {
    background-position: -208px -22px
}

[lang=ar] .react-tel-input .cv,[lang=fa] .react-tel-input .cv {
    background-position: -224px -22px
}

[lang=ar] .react-tel-input .cw,[lang=fa] .react-tel-input .cw {
    background-position: -240px -22px
}

[lang=ar] .react-tel-input .cy,[lang=fa] .react-tel-input .cy {
    background-position: 0 -33px
}

[lang=ar] .react-tel-input .cz,[lang=fa] .react-tel-input .cz {
    background-position: -16px -33px
}

[lang=ar] .react-tel-input .de,[lang=fa] .react-tel-input .de {
    background-position: -32px -33px
}

[lang=ar] .react-tel-input .dj,[lang=fa] .react-tel-input .dj {
    background-position: -48px -33px
}

[lang=ar] .react-tel-input .dk,[lang=fa] .react-tel-input .dk {
    background-position: -64px -33px
}

[lang=ar] .react-tel-input .dm,[lang=fa] .react-tel-input .dm {
    background-position: -80px -33px
}

[lang=ar] .react-tel-input .do,[lang=fa] .react-tel-input .do {
    background-position: -96px -33px
}

[lang=ar] .react-tel-input .dz,[lang=fa] .react-tel-input .dz {
    background-position: -112px -33px
}

[lang=ar] .react-tel-input .ec,[lang=fa] .react-tel-input .ec {
    background-position: -128px -33px
}

[lang=ar] .react-tel-input .ee,[lang=fa] .react-tel-input .ee {
    background-position: -144px -33px
}

[lang=ar] .react-tel-input .eg,[lang=fa] .react-tel-input .eg {
    background-position: -160px -33px
}

[lang=ar] .react-tel-input .er,[lang=fa] .react-tel-input .er {
    background-position: -176px -33px
}

[lang=ar] .react-tel-input .es,[lang=fa] .react-tel-input .es {
    background-position: -192px -33px
}

[lang=ar] .react-tel-input .et,[lang=fa] .react-tel-input .et {
    background-position: -208px -33px
}

[lang=ar] .react-tel-input .fi,[lang=fa] .react-tel-input .fi {
    background-position: -224px -33px
}

[lang=ar] .react-tel-input .fj,[lang=fa] .react-tel-input .fj {
    background-position: -240px -33px
}

[lang=ar] .react-tel-input .fk,[lang=fa] .react-tel-input .fk {
    background-position: 0 -44px
}

[lang=ar] .react-tel-input .fm,[lang=fa] .react-tel-input .fm {
    background-position: -16px -44px
}

[lang=ar] .react-tel-input .fo,[lang=fa] .react-tel-input .fo {
    background-position: -32px -44px
}

[lang=ar] .react-tel-input .bl,[lang=ar] .react-tel-input .fr,[lang=ar] .react-tel-input .mf,[lang=fa] .react-tel-input .bl,[lang=fa] .react-tel-input .fr,[lang=fa] .react-tel-input .mf {
    background-position: -48px -44px
}

[lang=ar] .react-tel-input .ga,[lang=fa] .react-tel-input .ga {
    background-position: -64px -44px
}

[lang=ar] .react-tel-input .gb,[lang=fa] .react-tel-input .gb {
    background-position: -80px -44px
}

[lang=ar] .react-tel-input .gd,[lang=fa] .react-tel-input .gd {
    background-position: -96px -44px
}

[lang=ar] .react-tel-input .ge,[lang=fa] .react-tel-input .ge {
    background-position: -112px -44px
}

[lang=ar] .react-tel-input .gf,[lang=fa] .react-tel-input .gf {
    background-position: -128px -44px
}

[lang=ar] .react-tel-input .gh,[lang=fa] .react-tel-input .gh {
    background-position: -144px -44px
}

[lang=ar] .react-tel-input .gi,[lang=fa] .react-tel-input .gi {
    background-position: -160px -44px
}

[lang=ar] .react-tel-input .gl,[lang=fa] .react-tel-input .gl {
    background-position: -176px -44px
}

[lang=ar] .react-tel-input .gm,[lang=fa] .react-tel-input .gm {
    background-position: -192px -44px
}

[lang=ar] .react-tel-input .gn,[lang=fa] .react-tel-input .gn {
    background-position: -208px -44px
}

[lang=ar] .react-tel-input .gp,[lang=fa] .react-tel-input .gp {
    background-position: -224px -44px
}

[lang=ar] .react-tel-input .gq,[lang=fa] .react-tel-input .gq {
    background-position: -240px -44px
}

[lang=ar] .react-tel-input .gr,[lang=fa] .react-tel-input .gr {
    background-position: 0 -55px
}

[lang=ar] .react-tel-input .gt,[lang=fa] .react-tel-input .gt {
    background-position: -16px -55px
}

[lang=ar] .react-tel-input .gu,[lang=fa] .react-tel-input .gu {
    background-position: -32px -55px
}

[lang=ar] .react-tel-input .gw,[lang=fa] .react-tel-input .gw {
    background-position: -48px -55px
}

[lang=ar] .react-tel-input .gy,[lang=fa] .react-tel-input .gy {
    background-position: -64px -55px
}

[lang=ar] .react-tel-input .hk,[lang=fa] .react-tel-input .hk {
    background-position: -80px -55px
}

[lang=ar] .react-tel-input .hn,[lang=fa] .react-tel-input .hn {
    background-position: -96px -55px
}

[lang=ar] .react-tel-input .hr,[lang=fa] .react-tel-input .hr {
    background-position: -112px -55px
}

[lang=ar] .react-tel-input .ht,[lang=fa] .react-tel-input .ht {
    background-position: -128px -55px
}

[lang=ar] .react-tel-input .hu,[lang=fa] .react-tel-input .hu {
    background-position: -144px -55px
}

[lang=ar] .react-tel-input .id,[lang=fa] .react-tel-input .id {
    background-position: -160px -55px
}

[lang=ar] .react-tel-input .ie,[lang=fa] .react-tel-input .ie {
    background-position: -176px -55px
}

[lang=ar] .react-tel-input .il,[lang=fa] .react-tel-input .il {
    background-position: -192px -55px
}

[lang=ar] .react-tel-input .in,[lang=fa] .react-tel-input .in {
    background-position: -208px -55px
}

[lang=ar] .react-tel-input .io,[lang=fa] .react-tel-input .io {
    background-position: -224px -55px
}

[lang=ar] .react-tel-input .iq,[lang=fa] .react-tel-input .iq {
    background-position: -240px -55px
}

[lang=ar] .react-tel-input .ir,[lang=fa] .react-tel-input .ir {
    background-position: 0 -66px
}

[lang=ar] .react-tel-input .is,[lang=fa] .react-tel-input .is {
    background-position: -16px -66px
}

[lang=ar] .react-tel-input .it,[lang=fa] .react-tel-input .it {
    background-position: -32px -66px
}

[lang=ar] .react-tel-input .jm,[lang=fa] .react-tel-input .jm {
    background-position: -48px -66px
}

[lang=ar] .react-tel-input .jo,[lang=fa] .react-tel-input .jo {
    background-position: -64px -66px
}

[lang=ar] .react-tel-input .jp,[lang=fa] .react-tel-input .jp {
    background-position: -80px -66px
}

[lang=ar] .react-tel-input .ke,[lang=fa] .react-tel-input .ke {
    background-position: -96px -66px
}

[lang=ar] .react-tel-input .kg,[lang=fa] .react-tel-input .kg {
    background-position: -112px -66px
}

[lang=ar] .react-tel-input .kh,[lang=fa] .react-tel-input .kh {
    background-position: -128px -66px
}

[lang=ar] .react-tel-input .ki,[lang=fa] .react-tel-input .ki {
    background-position: -144px -66px
}

[lang=ar] .react-tel-input .km,[lang=fa] .react-tel-input .km {
    background-position: -160px -66px
}

[lang=ar] .react-tel-input .kn,[lang=fa] .react-tel-input .kn {
    background-position: -176px -66px
}

[lang=ar] .react-tel-input .kp,[lang=fa] .react-tel-input .kp {
    background-position: -192px -66px
}

[lang=ar] .react-tel-input .kr,[lang=fa] .react-tel-input .kr {
    background-position: -208px -66px
}

[lang=ar] .react-tel-input .kw,[lang=fa] .react-tel-input .kw {
    background-position: -224px -66px
}

[lang=ar] .react-tel-input .ky,[lang=fa] .react-tel-input .ky {
    background-position: -240px -66px
}

[lang=ar] .react-tel-input .kz,[lang=fa] .react-tel-input .kz {
    background-position: 0 -77px
}

[lang=ar] .react-tel-input .la,[lang=fa] .react-tel-input .la {
    background-position: -16px -77px
}

[lang=ar] .react-tel-input .lb,[lang=fa] .react-tel-input .lb {
    background-position: -32px -77px
}

[lang=ar] .react-tel-input .lc,[lang=fa] .react-tel-input .lc {
    background-position: -48px -77px
}

[lang=ar] .react-tel-input .li,[lang=fa] .react-tel-input .li {
    background-position: -64px -77px
}

[lang=ar] .react-tel-input .lk,[lang=fa] .react-tel-input .lk {
    background-position: -80px -77px
}

[lang=ar] .react-tel-input .lr,[lang=fa] .react-tel-input .lr {
    background-position: -96px -77px
}

[lang=ar] .react-tel-input .ls,[lang=fa] .react-tel-input .ls {
    background-position: -112px -77px
}

[lang=ar] .react-tel-input .lt,[lang=fa] .react-tel-input .lt {
    background-position: -128px -77px
}

[lang=ar] .react-tel-input .lu,[lang=fa] .react-tel-input .lu {
    background-position: -144px -77px
}

[lang=ar] .react-tel-input .lv,[lang=fa] .react-tel-input .lv {
    background-position: -160px -77px
}

[lang=ar] .react-tel-input .ly,[lang=fa] .react-tel-input .ly {
    background-position: -176px -77px
}

[lang=ar] .react-tel-input .ma,[lang=fa] .react-tel-input .ma {
    background-position: -192px -77px
}

[lang=ar] .react-tel-input .mc,[lang=fa] .react-tel-input .mc {
    background-position: -208px -77px
}

[lang=ar] .react-tel-input .md,[lang=fa] .react-tel-input .md {
    background-position: -224px -77px
}

[lang=ar] .react-tel-input .mg,[lang=fa] .react-tel-input .mg {
    background-position: 0 -88px
}

[lang=ar] .react-tel-input .mh,[lang=fa] .react-tel-input .mh {
    background-position: -16px -88px
}

[lang=ar] .react-tel-input .mk,[lang=fa] .react-tel-input .mk {
    background-position: -32px -88px
}

[lang=ar] .react-tel-input .ml,[lang=fa] .react-tel-input .ml {
    background-position: -48px -88px
}

[lang=ar] .react-tel-input .mm,[lang=fa] .react-tel-input .mm {
    background-position: -64px -88px
}

[lang=ar] .react-tel-input .mn,[lang=fa] .react-tel-input .mn {
    background-position: -80px -88px
}

[lang=ar] .react-tel-input .mo,[lang=fa] .react-tel-input .mo {
    background-position: -96px -88px
}

[lang=ar] .react-tel-input .mp,[lang=fa] .react-tel-input .mp {
    background-position: -112px -88px
}

[lang=ar] .react-tel-input .mq,[lang=fa] .react-tel-input .mq {
    background-position: -128px -88px
}

[lang=ar] .react-tel-input .mr,[lang=fa] .react-tel-input .mr {
    background-position: -144px -88px
}

[lang=ar] .react-tel-input .ms,[lang=fa] .react-tel-input .ms {
    background-position: -160px -88px
}

[lang=ar] .react-tel-input .mt,[lang=fa] .react-tel-input .mt {
    background-position: -176px -88px
}

[lang=ar] .react-tel-input .mu,[lang=fa] .react-tel-input .mu {
    background-position: -192px -88px
}

[lang=ar] .react-tel-input .mv,[lang=fa] .react-tel-input .mv {
    background-position: -208px -88px
}

[lang=ar] .react-tel-input .mw,[lang=fa] .react-tel-input .mw {
    background-position: -224px -88px
}

[lang=ar] .react-tel-input .mx,[lang=fa] .react-tel-input .mx {
    background-position: -240px -88px
}

[lang=ar] .react-tel-input .my,[lang=fa] .react-tel-input .my {
    background-position: 0 -99px
}

[lang=ar] .react-tel-input .mz,[lang=fa] .react-tel-input .mz {
    background-position: -16px -99px
}

[lang=ar] .react-tel-input .na,[lang=fa] .react-tel-input .na {
    background-position: -32px -99px
}

[lang=ar] .react-tel-input .nc,[lang=fa] .react-tel-input .nc {
    background-position: -48px -99px
}

[lang=ar] .react-tel-input .ne,[lang=fa] .react-tel-input .ne {
    background-position: -64px -99px
}

[lang=ar] .react-tel-input .nf,[lang=fa] .react-tel-input .nf {
    background-position: -80px -99px
}

[lang=ar] .react-tel-input .ng,[lang=fa] .react-tel-input .ng {
    background-position: -96px -99px
}

[lang=ar] .react-tel-input .ni,[lang=fa] .react-tel-input .ni {
    background-position: -112px -99px
}

[lang=ar] .react-tel-input .bq,[lang=ar] .react-tel-input .nl,[lang=fa] .react-tel-input .bq,[lang=fa] .react-tel-input .nl {
    background-position: -128px -99px
}

[lang=ar] .react-tel-input .no,[lang=fa] .react-tel-input .no {
    background-position: -144px -99px
}

[lang=ar] .react-tel-input .np,[lang=fa] .react-tel-input .np {
    background-position: -160px -99px
}

[lang=ar] .react-tel-input .nr,[lang=fa] .react-tel-input .nr {
    background-position: -176px -99px
}

[lang=ar] .react-tel-input .nu,[lang=fa] .react-tel-input .nu {
    background-position: -192px -99px
}

[lang=ar] .react-tel-input .nz,[lang=fa] .react-tel-input .nz {
    background-position: -208px -99px
}

[lang=ar] .react-tel-input .om,[lang=fa] .react-tel-input .om {
    background-position: -224px -99px
}

[lang=ar] .react-tel-input .pa,[lang=fa] .react-tel-input .pa {
    background-position: -240px -99px
}

[lang=ar] .react-tel-input .pe,[lang=fa] .react-tel-input .pe {
    background-position: 0 -110px
}

[lang=ar] .react-tel-input .pf,[lang=fa] .react-tel-input .pf {
    background-position: -16px -110px
}

[lang=ar] .react-tel-input .pg,[lang=fa] .react-tel-input .pg {
    background-position: -32px -110px
}

[lang=ar] .react-tel-input .ph,[lang=fa] .react-tel-input .ph {
    background-position: -48px -110px
}

[lang=ar] .react-tel-input .pk,[lang=fa] .react-tel-input .pk {
    background-position: -64px -110px
}

[lang=ar] .react-tel-input .pl,[lang=fa] .react-tel-input .pl {
    background-position: -80px -110px
}

[lang=ar] .react-tel-input .pm,[lang=fa] .react-tel-input .pm {
    background-position: -96px -110px
}

[lang=ar] .react-tel-input .pr,[lang=fa] .react-tel-input .pr {
    background-position: -112px -110px
}

[lang=ar] .react-tel-input .ps,[lang=fa] .react-tel-input .ps {
    background-position: -128px -110px
}

[lang=ar] .react-tel-input .pt,[lang=fa] .react-tel-input .pt {
    background-position: -144px -110px
}

[lang=ar] .react-tel-input .pw,[lang=fa] .react-tel-input .pw {
    background-position: -160px -110px
}

[lang=ar] .react-tel-input .py,[lang=fa] .react-tel-input .py {
    background-position: -176px -110px
}

[lang=ar] .react-tel-input .qa,[lang=fa] .react-tel-input .qa {
    background-position: -192px -110px
}

[lang=ar] .react-tel-input .re,[lang=fa] .react-tel-input .re {
    background-position: -208px -110px
}

[lang=ar] .react-tel-input .ro,[lang=fa] .react-tel-input .ro {
    background-position: -224px -110px
}

[lang=ar] .react-tel-input .rs,[lang=fa] .react-tel-input .rs {
    background-position: -240px -110px
}

[lang=ar] .react-tel-input .ru,[lang=fa] .react-tel-input .ru {
    background-position: 0 -121px
}

[lang=ar] .react-tel-input .rw,[lang=fa] .react-tel-input .rw {
    background-position: -16px -121px
}

[lang=ar] .react-tel-input .sa,[lang=fa] .react-tel-input .sa {
    background-position: -32px -121px
}

[lang=ar] .react-tel-input .sb,[lang=fa] .react-tel-input .sb {
    background-position: -48px -121px
}

[lang=ar] .react-tel-input .sc,[lang=fa] .react-tel-input .sc {
    background-position: -64px -121px
}

[lang=ar] .react-tel-input .sd,[lang=fa] .react-tel-input .sd {
    background-position: -80px -121px
}

[lang=ar] .react-tel-input .se,[lang=fa] .react-tel-input .se {
    background-position: -96px -121px
}

[lang=ar] .react-tel-input .sg,[lang=fa] .react-tel-input .sg {
    background-position: -112px -121px
}

[lang=ar] .react-tel-input .sh,[lang=fa] .react-tel-input .sh {
    background-position: -128px -121px
}

[lang=ar] .react-tel-input .si,[lang=fa] .react-tel-input .si {
    background-position: -144px -121px
}

[lang=ar] .react-tel-input .sk,[lang=fa] .react-tel-input .sk {
    background-position: -160px -121px
}

[lang=ar] .react-tel-input .sl,[lang=fa] .react-tel-input .sl {
    background-position: -176px -121px
}

[lang=ar] .react-tel-input .sm,[lang=fa] .react-tel-input .sm {
    background-position: -192px -121px
}

[lang=ar] .react-tel-input .sn,[lang=fa] .react-tel-input .sn {
    background-position: -208px -121px
}

[lang=ar] .react-tel-input .so,[lang=fa] .react-tel-input .so {
    background-position: -224px -121px
}

[lang=ar] .react-tel-input .sr,[lang=fa] .react-tel-input .sr {
    background-position: -240px -121px
}

[lang=ar] .react-tel-input .ss,[lang=fa] .react-tel-input .ss {
    background-position: 0 -132px
}

[lang=ar] .react-tel-input .st,[lang=fa] .react-tel-input .st {
    background-position: -16px -132px
}

[lang=ar] .react-tel-input .sv,[lang=fa] .react-tel-input .sv {
    background-position: -32px -132px
}

[lang=ar] .react-tel-input .sx,[lang=fa] .react-tel-input .sx {
    background-position: -48px -132px
}

[lang=ar] .react-tel-input .sy,[lang=fa] .react-tel-input .sy {
    background-position: -64px -132px
}

[lang=ar] .react-tel-input .sz,[lang=fa] .react-tel-input .sz {
    background-position: -80px -132px
}

[lang=ar] .react-tel-input .tc,[lang=fa] .react-tel-input .tc {
    background-position: -96px -132px
}

[lang=ar] .react-tel-input .td,[lang=fa] .react-tel-input .td {
    background-position: -112px -132px
}

[lang=ar] .react-tel-input .tg,[lang=fa] .react-tel-input .tg {
    background-position: -128px -132px
}

[lang=ar] .react-tel-input .th,[lang=fa] .react-tel-input .th {
    background-position: -144px -132px
}

[lang=ar] .react-tel-input .tj,[lang=fa] .react-tel-input .tj {
    background-position: -160px -132px
}

[lang=ar] .react-tel-input .tk,[lang=fa] .react-tel-input .tk {
    background-position: -176px -132px
}

[lang=ar] .react-tel-input .tl,[lang=fa] .react-tel-input .tl {
    background-position: -192px -132px
}

[lang=ar] .react-tel-input .tm,[lang=fa] .react-tel-input .tm {
    background-position: -208px -132px
}

[lang=ar] .react-tel-input .tn,[lang=fa] .react-tel-input .tn {
    background-position: -224px -132px
}

[lang=ar] .react-tel-input .to,[lang=fa] .react-tel-input .to {
    background-position: -240px -132px
}

[lang=ar] .react-tel-input .tr,[lang=fa] .react-tel-input .tr {
    background-position: 0 -143px
}

[lang=ar] .react-tel-input .tt,[lang=fa] .react-tel-input .tt {
    background-position: -16px -143px
}

[lang=ar] .react-tel-input .tv,[lang=fa] .react-tel-input .tv {
    background-position: -32px -143px
}

[lang=ar] .react-tel-input .tw,[lang=fa] .react-tel-input .tw {
    background-position: -48px -143px
}

[lang=ar] .react-tel-input .tz,[lang=fa] .react-tel-input .tz {
    background-position: -64px -143px
}

[lang=ar] .react-tel-input .ua,[lang=fa] .react-tel-input .ua {
    background-position: -80px -143px
}

[lang=ar] .react-tel-input .ug,[lang=fa] .react-tel-input .ug {
    background-position: -96px -143px
}

[lang=ar] .react-tel-input .en,[lang=fa] .react-tel-input .en {
    background-position: -112px -143px
}

[lang=ar] .react-tel-input .uy,[lang=fa] .react-tel-input .uy {
    background-position: -128px -143px
}

[lang=ar] .react-tel-input .uz,[lang=fa] .react-tel-input .uz {
    background-position: -144px -143px
}

[lang=ar] .react-tel-input .va,[lang=fa] .react-tel-input .va {
    background-position: -160px -143px
}

[lang=ar] .react-tel-input .vc,[lang=fa] .react-tel-input .vc {
    background-position: -176px -143px
}

[lang=ar] .react-tel-input .ve,[lang=fa] .react-tel-input .ve {
    background-position: -192px -143px
}

[lang=ar] .react-tel-input .vg,[lang=fa] .react-tel-input .vg {
    background-position: -208px -143px
}

[lang=ar] .react-tel-input .vi,[lang=fa] .react-tel-input .vi {
    background-position: -224px -143px
}

[lang=ar] .react-tel-input .vn,[lang=fa] .react-tel-input .vn {
    background-position: -240px -143px
}

[lang=ar] .react-tel-input .vu,[lang=fa] .react-tel-input .vu {
    background-position: 0 -154px
}

[lang=ar] .react-tel-input .wf,[lang=fa] .react-tel-input .wf {
    background-position: -16px -154px
}

[lang=ar] .react-tel-input .ws,[lang=fa] .react-tel-input .ws {
    background-position: -32px -154px
}

[lang=ar] .react-tel-input .ye,[lang=fa] .react-tel-input .ye {
    background-position: -48px -154px
}

[lang=ar] .react-tel-input .za,[lang=fa] .react-tel-input .za {
    background-position: -64px -154px
}

[lang=ar] .react-tel-input .zm,[lang=fa] .react-tel-input .zm {
    background-position: -80px -154px
}

[lang=ar] .react-tel-input .zw,[lang=fa] .react-tel-input .zw {
    background-position: -96px -154px
}

[lang=ar] .react-tel-input .me,[lang=fa] .react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

[lang=ar] .react-tel-input *,[lang=fa] .react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

[lang=ar] .react-tel-input .hide,[lang=fa] .react-tel-input .hide {
    display: none
}

[lang=ar] .react-tel-input .v-hide,[lang=fa] .react-tel-input .v-hide {
    visibility: hidden
}

[lang=ar] .react-tel-input input[type=tel],[lang=ar] .react-tel-input input[type=text],[lang=fa] .react-tel-input input[type=tel],[lang=fa] .react-tel-input input[type=text] {
    border: none;
    border-bottom: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    font-size: 16px;
    width: 100%
}

[lang=ar] .react-tel-input input[type=tel]::-webkit-input-placeholder,[lang=ar] .react-tel-input input[type=text]::-webkit-input-placeholder,[lang=fa] .react-tel-input input[type=tel]::-webkit-input-placeholder,[lang=fa] .react-tel-input input[type=text]::-webkit-input-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif
}

[lang=ar] .react-tel-input input[type=tel]:-moz-placeholder,[lang=ar] .react-tel-input input[type=tel]::-moz-placeholder,[lang=ar] .react-tel-input input[type=text]:-moz-placeholder,[lang=ar] .react-tel-input input[type=text]::-moz-placeholder,[lang=fa] .react-tel-input input[type=tel]:-moz-placeholder,[lang=fa] .react-tel-input input[type=tel]::-moz-placeholder,[lang=fa] .react-tel-input input[type=text]:-moz-placeholder,[lang=fa] .react-tel-input input[type=text]::-moz-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

[lang=ar] .react-tel-input input[type=tel]:-ms-input-placeholder,[lang=ar] .react-tel-input input[type=text]:-ms-input-placeholder,[lang=fa] .react-tel-input input[type=tel]:-ms-input-placeholder,[lang=fa] .react-tel-input input[type=text]:-ms-input-placeholder {
    color: #aeaeae;
    font-family: OpenSansRegular,serif
}

[lang=ar] .react-tel-input input[type=tel],[lang=ar] .react-tel-input input[type=text],[lang=fa] .react-tel-input input[type=tel],[lang=fa] .react-tel-input input[type=text] {
    background: none;
    box-shadow: none;
    padding: 0 10px 14px 50px!important;
    position: relative;
    z-index: 1
}

[lang=ar] .react-tel-input .flag-dropdown,[lang=fa] .react-tel-input .flag-dropdown {
    padding: 0;
    position: static;
    width: 100%
}

[lang=ar] .react-tel-input .flag-dropdown:hover,[lang=fa] .react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

[lang=ar] .react-tel-input .selected-flag,[lang=fa] .react-tel-input .selected-flag {
    height: 100%;
    padding: 0 0 0 8px;
    position: relative;
    top: -33px;
    width: 38px;
    z-index: 13
}

[lang=ar] .react-tel-input .selected-flag .flag,[lang=fa] .react-tel-input .selected-flag .flag {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/flags.png)!important;
    height: 11px;
    position: absolute;
    top: 5px;
    width: 16px
}

[lang=ar] .react-tel-input .selected-flag .arrow,[lang=fa] .react-tel-input .selected-flag .arrow {
    border-left: 3px solid #0000;
    border-right: 3px solid #0000;
    border-top: 4px solid #aeaeae;
    height: 0;
    left: 20px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    width: 0
}

[lang=ar] .react-tel-input .selected-flag .arrow.up,[lang=fa] .react-tel-input .selected-flag .arrow.up {
    border-bottom: 4px solid #aeaeae;
    border-top: none
}

[lang=ar] .react-tel-input .country-list,[lang=fa] .react-tel-input .country-list {
    border: 1px solid #4d4d4d;
    border-top: none;
    list-style: none;
    margin: 0;
    max-height: 223px;
    overflow-y: scroll;
    padding: 0;
    text-align: left;
    width: 110%
}

[lang=ar] .react-tel-input .country-list::-webkit-scrollbar,[lang=fa] .react-tel-input .country-list::-webkit-scrollbar {
    width: 10px
}

[lang=ar] .react-tel-input .country-list::-webkit-scrollbar-track,[lang=fa] .react-tel-input .country-list::-webkit-scrollbar-track {
    background: none
}

[lang=ar] .react-tel-input .country-list::-webkit-scrollbar-thumb,[lang=fa] .react-tel-input .country-list::-webkit-scrollbar-thumb {
    background: #aeaeae
}

[lang=ar] .react-tel-input .country-list .flag,[lang=fa] .react-tel-input .country-list .flag {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/flags.png)!important;
    display: inline-block!important;
    margin: 0 5px 0 0
}

[lang=ar] .react-tel-input .country-list .country,[lang=fa] .react-tel-input .country-list .country {
    height: 44px;
    padding: 0 10px
}

[lang=ar] .react-tel-input .country-list .country:after,[lang=fa] .react-tel-input .country-list .country:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .react-tel-input .country-list .country>div,[lang=ar] .react-tel-input .country-list .country>span,[lang=fa] .react-tel-input .country-list .country>div,[lang=fa] .react-tel-input .country-list .country>span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .react-tel-input .country-list .country .flag,[lang=fa] .react-tel-input .country-list .country .flag {
    display: inline-block!important
}

[lang=ar] .react-tel-input .country-list .country .dial-code,[lang=fa] .react-tel-input .country-list .country .dial-code {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 11px
}

[lang=ar] .react-tel-input .country-list .country.highlight,[lang=fa] .react-tel-input .country-list .country.highlight {
    background: #ed1c24
}

[lang=ar] .react-tel-input .country-list .country-name,[lang=fa] .react-tel-input .country-list .country-name {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 11px;
    margin: 0 3px 0 0;
    max-width: 65%
}

[lang=ar] .slick-slider,[lang=fa] .slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

[lang=ar] .slick-slider .slick-list,[lang=fa] .slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

[lang=ar] .slick-slider .slick-list:focus,[lang=fa] .slick-slider .slick-list:focus {
    outline: none
}

[lang=ar] .slick-slider .slick-list.dragging,[lang=fa] .slick-slider .slick-list.dragging {
    cursor: hand
}

[lang=ar] .slick-slider .slick-list .slick-list,[lang=ar] .slick-slider .slick-list .slick-track,[lang=fa] .slick-slider .slick-list .slick-list,[lang=fa] .slick-slider .slick-list .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

[lang=ar] .slick-slider .slick-list .slick-track,[lang=fa] .slick-slider .slick-list .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

[lang=ar] .slick-slider .slick-list .slick-track:after,[lang=ar] .slick-slider .slick-list .slick-track:before,[lang=fa] .slick-slider .slick-list .slick-track:after,[lang=fa] .slick-slider .slick-list .slick-track:before {
    content: "";
    display: table
}

[lang=ar] .slick-slider .slick-list .slick-track:after,[lang=fa] .slick-slider .slick-list .slick-track:after {
    clear: both
}

.slick-loading [lang=ar] .slick-slider .slick-list .slick-track,.slick-loading [lang=fa] .slick-slider .slick-list .slick-track {
    visibility: hidden
}

[lang=ar] .slick-slider .slick-list .slick-slide,[lang=fa] .slick-slider .slick-list .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] [lang=ar] .slick-slider .slick-list .slick-slide,[dir=rtl] [lang=fa] .slick-slider .slick-list .slick-slide {
    float: right
}

[lang=ar] .slick-slider button,[lang=fa] .slick-slider button {
    border: none;
    cursor: pointer;
    height: 95.5%;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 20px;
    width: 30px
}

[lang=ar] .slick-slider button:before,[lang=fa] .slick-slider button:before {
    content: "";
    display: inline-block;
    font-family: Icons!important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 14px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    text-transform: none!important;
    top: 50%;
    width: 100%
}

[lang=ar] .slick-slider button.slick-next,[lang=fa] .slick-slider button.slick-next {
    right: -44px
}

[lang=ar] .slick-slider button.slick-next:before,[lang=fa] .slick-slider button.slick-next:before {
    transform: rotate(180deg)
}

[lang=ar] .slick-slider button.slick-prev,[lang=fa] .slick-slider button.slick-prev {
    left: -44px
}

[lang=ar] .global-pagination,[lang=fa] .global-pagination {
    background: #1a1a1a;
    margin: 20px 0 0;
    text-align: center
}

[lang=ar] .global-pagination .pagination-wrap,[lang=fa] .global-pagination .pagination-wrap {
    display: inline-block;
    padding: 5px 2px
}

[lang=ar] .global-pagination .pagination-wrap .pagination,[lang=fa] .global-pagination .pagination-wrap .pagination {
    margin: 0
}

[lang=ar] .global-pagination .pagination-wrap .pagination:after,[lang=fa] .global-pagination .pagination-wrap .pagination:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .global-pagination .pagination-wrap .pagination li,[lang=fa] .global-pagination .pagination-wrap .pagination li {
    display: block;
    float: left;
    margin: 0 0 0 2px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li:first-child,[lang=fa] .global-pagination .pagination-wrap .pagination li:first-child {
    margin: 0
}

[lang=ar] .global-pagination .pagination-wrap .pagination li a,[lang=fa] .global-pagination .pagination-wrap .pagination li a {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-numbered-page,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-numbered-page {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-numbered-page.active a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-numbered-page.active a {
    background: #ed1c24
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-first-page,[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-more,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-first-page,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-more {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled a {
    color: #aeaeae
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-first-page.disabled:hover a {
    cursor: not-allowed
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-last-page,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-last-page {
    color: #fff;
    font-family: OpenSansSemiBold,serif;
    font-size: 12px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled a {
    color: #aeaeae
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-last-page.disabled:hover a {
    cursor: not-allowed
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page a {
    overflow: hidden;
    text-indent: -48px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page a:after,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page a:after {
    color: #fff;
    content: "";
    font-family: Icons!important;
    font-size: 10px;
    left: 19px;
    position: relative
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled a:after,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled a:after {
    color: #aeaeae
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-prev-page.disabled:hover a {
    cursor: not-allowed
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page a {
    overflow: hidden;
    text-indent: -48px
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page a:after,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page a:after {
    color: #fff;
    content: "";
    font-family: Icons!important;
    font-size: 10px;
    left: 21px;
    position: relative
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled a:after,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled a:after {
    color: #aeaeae
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover {
    background: none
}

[lang=ar] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover a,[lang=fa] .global-pagination .pagination-wrap .pagination li.btn-next-page.disabled:hover a {
    cursor: not-allowed
}

[lang=ar] .preloader-wrap,[lang=fa] .preloader-wrap {
    background: #000c;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

[lang=ar] .preloader,[lang=fa] .preloader {
    height: 150px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 150px
}

[lang=ar] .preloader img,[lang=fa] .preloader img {
    animation: preloader 6s ease-in-out infinite;
    height: 150px;
    transform: scale(.5);
    width: 150px
}

[lang=ar] .progress-bar,[lang=fa] .progress-bar {
    background: #282727;
    border: 1px solid #4d4d4d;
    height: 28px;
    position: relative;
    width: 180px
}

[lang=ar] .progress-bar .percentage,[lang=fa] .progress-bar .percentage {
    background: #ed1c24;
    height: 100%;
    position: relative;
    transition: width .4s linear;
    width: 0
}

[lang=ar] .progress-bar .percentage-text,[lang=fa] .progress-bar .percentage-text {
    display: block;
    height: 100%;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

[lang=ar] .infinite-scroll,[lang=fa] .infinite-scroll {
    clear: both;
    margin: 20px 0;
    position: relative;
    width: 100%
}

[lang=ar] .infinite-scroll .game-preloader,[lang=fa] .infinite-scroll .game-preloader {
    height: 80px;
    margin: 0 auto;
    width: 80px
}

[lang=ar] .infinite-scroll .game-preloader .preloader,[lang=fa] .infinite-scroll .game-preloader .preloader {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    transform: translate(0);
    width: 100%
}

[lang=ar] .infinite-scroll .game-preloader .preloader img,[lang=fa] .infinite-scroll .game-preloader .preloader img {
    height: 100%;
    width: 100%
}

[lang=ar] .infinite-scroll button,[lang=fa] .infinite-scroll button {
    align-items: center;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    display: flex;
    font-size: 13px;
    gap: 6px;
    justify-content: center;
    margin: 0 auto;
    min-width: 100px;
    padding: 0 15px;
    width: auto
}

[lang=ar] .infinite-scroll button.loading,[lang=fa] .infinite-scroll button.loading {
    cursor: wait;
    opacity: .8
}

[lang=ar] .infinite-scroll button .btn-spinner,[lang=fa] .infinite-scroll button .btn-spinner {
    animation: btn-spin .8s linear infinite;
    border: 2px solid #ffffff4d;
    border-radius: 50%;
    border-top-color: #fff;
    height: 14px;
    width: 14px
}

@keyframes btn-spin {
    to {
        transform: rotate(1turn)
    }
}

[lang=ar] .back,[lang=fa] .back {
    cursor: pointer;
    display: block;
    left: 15px;
    position: absolute;
    top: 20px;
    z-index: 1
}

[lang=ar] .back i,[lang=fa] .back i {
    color: #4e4e4e;
    font-size: 20px
}

[lang=ar] .language-switcher,[lang=fa] .language-switcher {
    border-bottom: 1px solid #181818;
    padding: 0 0 18px
}

[lang=ar] .language-switcher ul,[lang=fa] .language-switcher ul {
    text-align: right
}

[lang=ar] .language-switcher ul li,[lang=fa] .language-switcher ul li {
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    margin: 0 0 0 5px;
    position: relative;
    width: 25px
}

[lang=ar] .language-switcher ul li:last-child,[lang=fa] .language-switcher ul li:last-child {
    margin: 0
}

[lang=ar] .language-switcher ul li img,[lang=fa] .language-switcher ul li img {
    display: block;
    height: 100%;
    width: 100%
}

[lang=ar] .language-switcher ul li.active:after,[lang=fa] .language-switcher ul li.active:after {
    background-color: #181818;
    bottom: -7px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -11px;
    position: absolute;
    width: 22px
}

[lang=ar] .menu-icon,[lang=fa] .menu-icon {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: 0;
    left: auto;
    position: fixed;
    right: 0;
    top: 8px;
    width: 44px;
    z-index: 1
}

[lang=ar] .menu-icon img,[lang=fa] .menu-icon img {
    height: auto;
    width: 24px
}

[lang=ar] .profile-menu,[lang=fa] .profile-menu {
    background: #ed1c24;
    bottom: 0;
    height: 60px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

[lang=ar] .profile-menu .center,[lang=fa] .profile-menu .center {
    display: flex;
    height: 100%;
    width: 100%
}

[lang=ar] .profile-menu .center>div,[lang=fa] .profile-menu .center>div {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 44px;
    position: relative
}

[lang=ar] .profile-menu .center>div:not(:last-child):after,[lang=fa] .profile-menu .center>div:not(:last-child):after {
    background: #c61017;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    right: 0;
    right: auto;
    top: 10%;
    width: 1px
}

[lang=ar] .profile-menu .center>div .middle,[lang=ar] .profile-menu .center>div a,[lang=fa] .profile-menu .center>div .middle,[lang=fa] .profile-menu .center>div a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 4px;
    text-decoration: none;
    width: 100%
}

[lang=ar] .profile-menu .center>div .middle a,[lang=fa] .profile-menu .center>div .middle a {
    padding: 0
}

[lang=ar] .profile-menu .center>div i,[lang=fa] .profile-menu .center>div i {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px
}

[lang=ar] .profile-menu .center>div .animation-wrap>span,[lang=ar] .profile-menu .center>div .middle>span,[lang=ar] .profile-menu .center>div a>span,[lang=fa] .profile-menu .center>div .animation-wrap>span,[lang=fa] .profile-menu .center>div .middle>span,[lang=fa] .profile-menu .center>div a>span {
    color: #fff;
    display: block;
    font-size: 9px;
    line-height: 1.2;
    text-align: center
}

[lang=ar] .profile-menu .center>div .notifications,[lang=fa] .profile-menu .center>div .notifications {
    background: #edee00;
    border-radius: 10px;
    color: #000;
    font-size: 11px;
    left: 50%;
    min-width: 18px;
    padding: 2px 5px;
    position: absolute;
    right: 50%;
    right: auto;
    text-align: center;
    top: 4px;
    transform: translateX(16px);
    transform: translateX(-16px)
}

[lang=ar] .profile-menu .center>div .animate .icon-email,[lang=ar] .profile-menu .center>div .animate .notifications,[lang=fa] .profile-menu .center>div .animate .icon-email,[lang=fa] .profile-menu .center>div .animate .notifications {
    -webkit-animation: ring 2s linear infinite;
    -o-animation: ring 2s linear infinite;
    animation: ring 2s linear infinite
}

[lang=ar] .auth-btns,[lang=fa] .auth-btns {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 101
}

[lang=ar] .auth-btns:after,[lang=fa] .auth-btns:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .auth-btns button,[lang=fa] .auth-btns button {
    border: none;
    display: block;
    float: left;
    height: 45px;
    padding: 0
}

[lang=ar] .auth-btns button.sign-up,[lang=fa] .auth-btns button.sign-up {
    background: #edee00;
    color: #000;
    width: 60%
}

[lang=ar] .auth-btns button.sign-in,[lang=fa] .auth-btns button.sign-in {
    background: #088c35;
    width: 40%
}

[lang=ar] .auth-btns button i,[lang=fa] .auth-btns button i {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 9px;
    vertical-align: middle
}

[lang=ar] .auth-btns button span,[lang=fa] .auth-btns button span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

[lang=ar] .sign-in-popup,[lang=fa] .sign-in-popup {
    background-color: #000;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-1.png);
    background-position: 38% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease-in;
    width: 100vw;
    z-index: 120
}

[lang=ar] .sign-in-popup.opened,[lang=fa] .sign-in-popup.opened {
    transform: translateX(0);
    z-index: 1000000
}

[lang=ar] .sign-in-popup.email-message p,[lang=fa] .sign-in-popup.email-message p {
    color: #fff;
    font-size: 14px;
    text-align: center
}

[lang=ar] .sign-in-popup.email-message p span,[lang=fa] .sign-in-popup.email-message p span {
    display: block
}

[lang=ar] .sign-in-popup.email-message p i,[lang=fa] .sign-in-popup.email-message p i {
    display: inline-block;
    font-size: 108px
}

[lang=ar] .sign-in-popup .sign-in-header,[lang=fa] .sign-in-popup .sign-in-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    position: relative
}

[lang=ar] .sign-in-popup .sign-in-header .back,[lang=ar] .sign-in-popup .sign-in-header .close,[lang=fa] .sign-in-popup .sign-in-header .back,[lang=fa] .sign-in-popup .sign-in-header .close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    margin-right: -4px;
    position: relative;
    top: auto;
    width: 48px
}

[lang=ar] .sign-in-popup .sign-in-header .back i,[lang=ar] .sign-in-popup .sign-in-header .close i,[lang=fa] .sign-in-popup .sign-in-header .back i,[lang=fa] .sign-in-popup .sign-in-header .close i {
    color: #fff;
    font-size: 16px
}

[lang=ar] .sign-in-popup .sign-in-header .close i,[lang=fa] .sign-in-popup .sign-in-header .close i {
    background: #28272780;
    border-radius: 50%;
    font-size: 18px;
    padding: 6px
}

[lang=ar] .sign-in-popup .sign-in-header h2,[lang=fa] .sign-in-popup .sign-in-header h2 {
    border-bottom: none;
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: auto;
    line-height: 1;
    margin: 0 0 0 48px;
    padding: 0;
    text-align: center;
    text-transform: capitalize
}

[lang=ar] .sign-in-popup .sign-in-form,[lang=fa] .sign-in-popup .sign-in-form {
    display: inline-block;
    margin: 45px 0 0;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .sign-in-popup .sign-in-form .sign-in-logo,[lang=fa] .sign-in-popup .sign-in-form .sign-in-logo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI2LjkxIDI3Ni4zMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMTI2Mjl9LmNscy0ye2ZpbGw6I2ZmZn0uY2xzLTN7ZmlsbDojYzUyNDI2fS5jbHMtNHtmaWxsOiM5MTE5MWJ9LmNscy01e2ZpbGw6Izc1MTQxNn08L3N0eWxlPjwvZGVmcz48dGl0bGU+TWFyc0JhaGlzX09yZ2luYWw8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTI0OS43OCAyNTguMjR2M0gyNDR2MTUuMDloLTMuNnYtMTUuMWgtNS43OHYtM1ptMTkuNTUgMTguMDgtLjY2LTEwLjY0Yy0uMDctMS40LS4wNy0zLjEyLS4xMy01LjA1aC0uMmMtLjQ3IDEuNi0xIDMuNzItMS41MyA1LjM4bC0zLjI2IDEwaC0zLjcybC0zLjI2LTEwLjNjLS4zMy0xLjQtLjg2LTMuNTItMS4yNi01LjEyaC0uMmMwIDEuNjYtLjA3IDMuMzktLjEzIDUuMDVsLS42NiAxMC42NGgtMy40NmwxLjMzLTE4LjA4aDUuMzlsMy4xMiA4Ljg0Yy40IDEuNC43MyAyLjczIDEuMiA0LjU5aC4wN2MuNDctMS42Ni44Ni0zLjE5IDEuMjYtNC41MmwzLjEyLTguOTFoNS4xOWwxLjQgMTguMDhaTTk5Ny42MSAxODIuNTljOC41NiAwIDE1LjY3LTIuMSAyMS4xMy02LjIzczguMTctOS4zNiA4LjE3LTE1LjYzYTIyLjM0IDIyLjM0IDAgMCAwLTQuMzctMTRjLTIuOTItMy43OC05LjI1LTguMjMtMTguODItMTMuMjJsLTIuMTYtMS4wOWMtMTIuMTgtNi4zOC0xOC4xLTExLjY0LTE4LjEtMTYuMDggMC0zLjEyIDEuNTItNS42OSA0LjUyLTcuNjZzNi43NS0yLjkgMTEuMzUtMi45YTMzLjcgMzMuNyAwIDAgMSAxMS40MyAyLjA2IDU2LjIgNTYuMiAwIDAgMSAxMS42IDYuMDV2LTEyLjU0YTUzIDUzIDAgMCAwLTExLjA2LTQuMjEgNDYuOCA0Ni44IDAgMCAwLTExLjM5LTEuNDFjLTguNiAwLTE1LjcyIDIuMS0yMS4xNyA2LjIzcy04LjE0IDkuNDItOC4xNCAxNS44MWExNy42IDE3LjYgMCAwIDAgNC4yNSAxMS43OWMyLjg2IDMuMzMgMTAgOC4xMyAyMS4zMyAxNC4yNSA3LjQ3IDQgMTIuMDggNyAxNC4wOSA5LjFhMTAuOCAxMC44IDAgMCAxIDMuMDYgNy41OCA5LjY3IDkuNjcgMCAwIDEtNC41NSA4LjM4Yy0zIDItNyAzLTEyLjEyIDNhMzEuOCAzMS44IDAgMCAxLTEzLjUyLTMgNDkgNDkgMCAwIDEtMTIuMzktOC44djE0LjU3YTQzIDQzIDAgMCAwIDEyLjI3IDYgNTEuNyA1MS43IDAgMCAwIDE0LjU5IDEuOTUiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Im0zODQuNzIgMTI3LjQxLTI4LjYtMzNoLTE5LjIzdjg4LjkzSDM1OXYtNTUuNDhsMjQgMjcuODhoMy4zM2wyNC0yNy44OHY1NS41MWgyMi4xNVY5NC40NEg0MTMuM1ptOTMuODctMzMtMzUuOTIgODguOTNoMjMuNDdsNi42NC0xNy41N2gzOS44Mmw3LjMyIDE3LjU3aDIzLjgybC0zOS41LTg4LjkzWm0uMDYgNTUuODMgMTMuMDYtMzQuNTcgMTQuNDEgMzQuNTdabTEyOC44OC04LjVxMTUuMjctNy4wNiAxNS4yNy0yMS43NmEyMy43NiAyMy43NiAwIDAgMC04LjA4LTE4LjFxLTguMDktNy40OC0yMS03LjQ4SDU1NHY4OC45M2gyMi4xNXYtMzYuMDZoNi4zN2ExMi4wOCAxMi4wOCAwIDAgMSA4LjI0IDMuNXEzLjg1IDMuNSA5LjI2IDE1Ljg1dDcuNTggMTYuNzRoMjQuMzFxLTUuNjItMTEuODMtMTEuNjUtMjUuMTl0LTEyLjcyLTE2LjRabS0xMC43OS0xMy40M3EtMy4yOCAyLjY0LTguODggMi42NGgtMTEuNzF2LTIwLjIyaDExLjJxMTIuNjcgMCAxMi42NyAxMC4wNmE5LjEzIDkuMTMgMCAwIDEtMy4yNyA3LjU0Wm0xMDUuNTQgMTQuODlhMzAuNyAzMC43IDAgMCAwLTEwLjIyLTguNzggMTM1IDEzNSAwIDAgMC0xNS43OS02Ljc1cS05Ljg3LTMuNjMtMTIuNDEtNS45MmE2LjU2IDYuNTYgMCAwIDEtMi41NS00Ljg0cTAtMy4zMSAzLjUzLTUuMzJ0OS41Mi0ycTEwLjUgMCAyOC4yIDh2LTE3LjQzcS0xNS44NS02Ljg3LTMwLjExLTYuODctMTUuNDcgMC0yNC43IDdhMjIuMTYgMjIuMTYgMCAwIDAtOS4yMyAxOC41cTAgOC44NSA0LjIzIDE0LjUyYTI5LjggMjkuOCAwIDAgMCAxMC4wNSA4LjcyIDEyNy41IDEyNy41IDAgMCAwIDE1Ljc5IDYuNjJxMTAgMy41NiAxMi41NyA2YTcuMjcgNy4yNyAwIDAgMSAyLjYxIDUuMjhxMCA4LjIxLTEzIDguMjFhMzkgMzkgMCAwIDEtMTQuNTgtMi43NCA4NyA4NyAwIDAgMS0xNS43OC04LjcydjE5LjE2YTY1LjQ0IDY1LjQ0IDAgMCAwIDMyLjA4IDguNTlxMTUuMzQgMCAyNC43My03LjMydDkuMzktMTkuNjdxLS4wMy04LjU3LTQuMzMtMTQuMjQiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik03MjEuNzIgMTgxLjQyVjk2LjY0aDI0Ljc4cTEyLjY3IDAgMTkuNTQgNS43NnQ2Ljg4IDE2LjM2YTE4LjQgMTguNCAwIDAgMS0zLjA5IDEwLjkxIDE5LjQ1IDE5LjQ1IDAgMCAxLTkuNDUgNi43M3E5LjI3IDIuMTggMTQuMzMgNy45NGEyMC40NyAyMC40NyAwIDAgMSA1LjA2IDE0cTAgMTAuNTQtNy43MyAxNi44MnQtMjAuOTQgNi4yN1ptMTItNDguNDJoOC4xOHE5LjI3IDAgMTMuNzYtMy4zM3Q0LjQ4LTEwLjE4cTAtNi4yNC0zLjU0LTkuMDl0LTExLjMtMi44NWgtMTEuNThabTAgMTEuMDl2MjYuM2gxNi4xMnE4Ljg1IDAgMTIuOTQtMy4xMnQ0LjA5LTkuNzlxMC02LjkxLTQuNTgtMTAuMTV0LTE0LjM5LTMuMjRaTTc4MS43OCAxODEuNDJsMzYuNzItODQuNzhoOC44NWwzNy4yMSA4NC43OEg4NTJsLTEwLjkxLTI1SDgwNWwtMTAuNzkgMjVabTI3Ljk0LTM1Ljg3aDI2LjQyTDgyMi43NCAxMTVaTTk0Ny44NiA5Ni42NGgxMi4xMnYxMC45MWgtMTIuMTJ6TTk0Ny44NiAxMTQuOTZoMTIuMTJ2NjYuNDZoLTEyLjEyek05MjIuNzMgOTYuNDZ2MzYuNjZoLTM5LjYyVjk2LjQ2aC0xMi4wOHY4NC43NWgxMi4wOHYtMzYuNjNoMzkuNjJ2MzYuNjNoMTIuMDhWOTYuNDZ6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjM4LjAyIDM2LjgyIDM2LjgyIDYzLjc4djczLjY0bC0zNi44MiA2My43OC02My43OCAzNi44MkgxMDAuNmwtNjMuNzgtMzYuODJMMCAxNzQuMjRWMTAwLjZsMzYuODItNjMuNzhMMTAwLjYgMGg3My42NHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Ik0yNzIuNiAxMDEuMnY3Mi40NWwtMTQuNzkgMjUuNjEtNDAuNDktNzAuMnoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im0yMzYuMzcgMzguNDcgMzYuMjMgNjIuNzMtNTUuMjggMjcuODYtMjYuMjItNjkuNDR6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjU3LjgxIDE5OS4yNi0yMS40NCAzNy4xMi0xOS4wNS0xMDcuMzJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMjE3LjMyIDEyOS4wNiAxOS4wNSAxMDcuMzItNjIuNzMgMzYuMjItMjEuMzUtODIuMjV6TTIzNi4zNyAzOC40NyAxOTEuMSA1OS42MmwtNjEuNjEtMTIuMjYgNDQuMTUtNDUuMTJ6TTE5MS4xIDU5LjYybDI2LjIyIDY5LjQ0LTc4Ljg0LTEwLjIyeiIgY2xhc3M9ImNscy0zIi8+PHBhdGggZD0ibTIxNy4zMiAxMjkuMDYtNjUuMDMgNjEuMjktNTguNDMtMjAuOTYgNDQuNjItNTAuNTV6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTkxLjEgNTkuNjItNTIuNjIgNTkuMjItOC45OS03MS40OHoiIGNsYXNzPSJjbHMtNCIvPjxwYXRoIGQ9Im0xNzMuNjQgMi4yNC00NC4xNSA0NS4xMi0yOC4zLTQ1LjEyeiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUgMjEuMzUgODIuMjUtNjcuOTItMzkuMjJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTA1LjcyIDIzMy4zOCA2Ny45MiAzOS4yMmgtNzIuNDVsLTYyLjczLTM2LjIyIDIzLjQyLTI4LjMxeiIgY2xhc3M9ImNscy01Ii8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUtNDYuNTcgNDMuMDMtNDMuODQtMjUuMzEgMzEuOTgtMzguNjh6IiBjbGFzcz0iY2xzLTMiLz48cGF0aCBkPSJtMTI5LjQ5IDQ3LjM2IDguOTkgNzEuNDgtNjkuODQtOS4wNC0uMDgtLjE5eiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTEzOC40OCAxMTguODQtNDQuNjIgNTAuNTUtMjUuMjItNTkuNTl6TTEwMS4xOSAyLjI0bDI4LjMgNDUuMTItNjAuOTMgNjIuMjUtMzAuMS03MS4xNHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im02OC42NCAxMDkuOCAyNS4yMiA1OS41OS0zMS45OCAzOC42OC01OS42NC0zNC40MlYxMDEuMnoiIGNsYXNzPSJjbHMtNSIvPjxwYXRoIGQ9Im02OC41NiAxMDkuNjEuMDguMTktNjYuNC04LjYgMzYuMjItNjIuNzN6TTYxLjg4IDIwOC4wN2wtMjMuNDIgMjguMzEtMzYuMjItNjIuNzN6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJNOTYuNDYgNzQuMDhINjguOTJ2MTI2LjY4aDMxLjcydi03OS4wN0wxMzUgMTYxLjQxaDQuNzZsMzQuNC0zOS43MnY3OS4wN2gzMS43MlY3NC4wOGgtMjcuNTNsLTQwLjkzIDQ3WiIgY2xhc3M9ImNscy0yIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%/contain;
    height: 124px;
    margin: 0 auto;
    width: 124px
}

[lang=ar] .sign-in-popup .sign-in-form form,[lang=fa] .sign-in-popup .sign-in-form form {
    margin: 50px 0 0
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap {
    margin: 0 15px;
    position: relative
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2),[lang=fa] .sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2) {
    margin: 15px 15px 0
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap i,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap i {
    color: #aeaeae;
    display: block;
    font-size: 18px;
    left: 14px;
    left: auto;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap input,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 15px;
    height: 48px;
    padding: 0 48px 0 14px;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap input:focus,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap input:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap input::placeholder,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap input::placeholder {
    color: #aeaeae
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input.has-password-toggle input,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input.has-password-toggle input {
    padding-left: 44px;
    padding-right: 14px
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle {
    color: #aeaeae;
    cursor: pointer;
    font-size: 18px;
    left: 12px;
    position: absolute;
    right: 12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: color .2s ease;
    z-index: 1
}

[lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle.show,[lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle:hover,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle.show,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input .password-toggle:hover {
    color: #fff
}

[lang=ar] .sign-in-popup .sign-in-form form .forgot-password,[lang=fa] .sign-in-popup .sign-in-form form .forgot-password {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    line-height: 14px;
    margin: 17px 15px 0
}

[lang=ar] .sign-in-popup .sign-in-form form .signin-error,[lang=fa] .sign-in-popup .sign-in-form form .signin-error {
    color: #ed1c24;
    display: block;
    margin: 17px 0 0
}

[lang=ar] .sign-in-popup .sign-in-form form .signin-error:after,[lang=fa] .sign-in-popup .sign-in-form form .signin-error:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .sign-in-popup .sign-in-form form .signin-error i,[lang=fa] .sign-in-popup .sign-in-form form .signin-error i {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    position: static;
    transform: none;
    vertical-align: middle
}

[lang=ar] .sign-in-popup .sign-in-form form .signin-error span,[lang=fa] .sign-in-popup .sign-in-form form .signin-error span {
    display: inline-block;
    font-family: OpenSansRegular,serif;
    font-size: 12px;
    vertical-align: middle
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group,[lang=fa] .sign-in-popup .sign-in-form form .button-group {
    margin: 24px 15px 0
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group button,[lang=fa] .sign-in-popup .sign-in-form form .button-group button {
    border: none;
    border-radius: 4px;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    padding: 0
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group button.sign-up,[lang=fa] .sign-in-popup .sign-in-form form .button-group button.sign-up {
    background: #0000;
    border: 2px solid #ed1c24;
    color: #ed1c24;
    margin: 16px auto 0;
    width: 100%
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group button.sign-in,[lang=fa] .sign-in-popup .sign-in-form form .button-group button.sign-in {
    background: #088c35;
    margin: 0 auto;
    width: 100%
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group button i,[lang=fa] .sign-in-popup .sign-in-form form .button-group button i {
    color: inherit;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 9px;
    position: static;
    transform: none;
    vertical-align: middle
}

[lang=ar] .sign-in-popup .sign-in-form form .button-group button span,[lang=fa] .sign-in-popup .sign-in-form form .button-group button span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap {
    margin: 15px 0 0!important;
    position: relative
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap label,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 20%
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap select,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #181818!important;
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/down-arrow.svg) no-repeat 95% 50%/auto 16%;
    border: 1px solid #4d4d4d;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    height: 30px;
    text-overflow: "";
    vertical-align: middle;
    width: 80%
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap input,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap input {
    border: 1px solid #4d4d4d;
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    margin: 0;
    padding: 0 17px!important;
    width: 80%
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap input::-webkit-input-placeholder,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap input::-webkit-input-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap input:-moz-placeholder,[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap input::-moz-placeholder,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap input:-moz-placeholder,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap input::-moz-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

[lang=ar] .sign-in-popup.resume-popup-wrap .input-wrap input:-ms-input-placeholder,[lang=fa] .sign-in-popup.resume-popup-wrap .input-wrap input:-ms-input-placeholder {
    color: #a1a1a1;
    font-family: OpenSansRegular,serif
}

[lang=ar] .sign-in-popup.resume-popup-wrap a,[lang=fa] .sign-in-popup.resume-popup-wrap a {
    color: #aeaeae;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0;
    text-decoration: none
}

[lang=ar] .sign-in-popup .otp-hint-message,[lang=fa] .sign-in-popup .otp-hint-message {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 12px;
    padding: 0 15px;
    text-align: center
}

[lang=ar] .sign-in-popup .otp-split-input,[lang=fa] .sign-in-popup .otp-split-input {
    margin: 0 15px 8px;
    text-align: center
}

[lang=ar] .sign-in-popup .otp-split-input .otp-split-label,[lang=fa] .sign-in-popup .otp-split-input .otp-split-label {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 0 0 12px;
    text-transform: uppercase
}

[lang=ar] .sign-in-popup .otp-split-input .otp-digits,[lang=fa] .sign-in-popup .otp-split-input .otp-digits {
    display: flex;
    gap: 8px;
    justify-content: center
}

[lang=ar] .sign-in-popup .otp-split-input input.otp-digit,[lang=fa] .sign-in-popup .otp-split-input input.otp-digit {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    caret-color: #fff;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 22px;
    height: 52px;
    margin: 0;
    padding: 0;
    text-align: center;
    transition: border-color .2s ease;
    width: 44px
}

[lang=ar] .sign-in-popup .otp-split-input input.otp-digit:focus,[lang=fa] .sign-in-popup .otp-split-input input.otp-digit:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-in-popup .otp-split-input input.otp-digit.filled,[lang=ar] .sign-in-popup .otp-split-input input.otp-digit.focused,[lang=ar] .sign-in-popup .otp-split-input.has-error input.otp-digit,[lang=fa] .sign-in-popup .otp-split-input input.otp-digit.filled,[lang=fa] .sign-in-popup .otp-split-input input.otp-digit.focused,[lang=fa] .sign-in-popup .otp-split-input.has-error input.otp-digit {
    border-color: #ed1c24
}

[lang=ar] .sign-up-popup,[lang=fa] .sign-up-popup {
    background-color: #000;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(100%);
    transition: transform .3s ease-in;
    width: 100%;
    z-index: 999999
}

[lang=ar] .sign-up-popup.bg3,[lang=fa] .sign-up-popup.bg3 {
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-2.png);
    background-position: 11% 0
}

[lang=ar] .sign-up-popup.opened,[lang=fa] .sign-up-popup.opened {
    transform: translateX(0)
}

[lang=ar] .sign-up-popup .sign-up-header,[lang=fa] .sign-up-popup .sign-up-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    position: relative
}

[lang=ar] .sign-up-popup .sign-up-header .back,[lang=ar] .sign-up-popup .sign-up-header .close,[lang=fa] .sign-up-popup .sign-up-header .back,[lang=fa] .sign-up-popup .sign-up-header .close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    margin-right: -4px;
    position: relative;
    top: auto;
    width: 48px
}

[lang=ar] .sign-up-popup .sign-up-header .back i,[lang=ar] .sign-up-popup .sign-up-header .close i,[lang=fa] .sign-up-popup .sign-up-header .back i,[lang=fa] .sign-up-popup .sign-up-header .close i {
    color: #fff;
    font-size: 16px
}

[lang=ar] .sign-up-popup .sign-up-header .close i,[lang=fa] .sign-up-popup .sign-up-header .close i {
    background: #28272780;
    border-radius: 50%;
    font-size: 18px;
    padding: 6px
}

[lang=ar] .sign-up-popup .sign-up-header h2,[lang=fa] .sign-up-popup .sign-up-header h2 {
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin: 0 0 0 48px;
    text-align: center;
    text-transform: capitalize
}

[lang=ar] .sign-up-popup .sign-up-window-form,[lang=fa] .sign-up-popup .sign-up-window-form {
    display: block;
    padding: 15px;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form .step .logo,[lang=fa] .sign-up-popup .sign-up-window-form .step .logo {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI2LjkxIDI3Ni4zMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlMTI2Mjl9LmNscy0ye2ZpbGw6I2ZmZn0uY2xzLTN7ZmlsbDojYzUyNDI2fS5jbHMtNHtmaWxsOiM5MTE5MWJ9LmNscy01e2ZpbGw6Izc1MTQxNn08L3N0eWxlPjwvZGVmcz48dGl0bGU+TWFyc0JhaGlzX09yZ2luYWw8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTI0OS43OCAyNTguMjR2M0gyNDR2MTUuMDloLTMuNnYtMTUuMWgtNS43OHYtM1ptMTkuNTUgMTguMDgtLjY2LTEwLjY0Yy0uMDctMS40LS4wNy0zLjEyLS4xMy01LjA1aC0uMmMtLjQ3IDEuNi0xIDMuNzItMS41MyA1LjM4bC0zLjI2IDEwaC0zLjcybC0zLjI2LTEwLjNjLS4zMy0xLjQtLjg2LTMuNTItMS4yNi01LjEyaC0uMmMwIDEuNjYtLjA3IDMuMzktLjEzIDUuMDVsLS42NiAxMC42NGgtMy40NmwxLjMzLTE4LjA4aDUuMzlsMy4xMiA4Ljg0Yy40IDEuNC43MyAyLjczIDEuMiA0LjU5aC4wN2MuNDctMS42Ni44Ni0zLjE5IDEuMjYtNC41MmwzLjEyLTguOTFoNS4xOWwxLjQgMTguMDhaTTk5Ny42MSAxODIuNTljOC41NiAwIDE1LjY3LTIuMSAyMS4xMy02LjIzczguMTctOS4zNiA4LjE3LTE1LjYzYTIyLjM0IDIyLjM0IDAgMCAwLTQuMzctMTRjLTIuOTItMy43OC05LjI1LTguMjMtMTguODItMTMuMjJsLTIuMTYtMS4wOWMtMTIuMTgtNi4zOC0xOC4xLTExLjY0LTE4LjEtMTYuMDggMC0zLjEyIDEuNTItNS42OSA0LjUyLTcuNjZzNi43NS0yLjkgMTEuMzUtMi45YTMzLjcgMzMuNyAwIDAgMSAxMS40MyAyLjA2IDU2LjIgNTYuMiAwIDAgMSAxMS42IDYuMDV2LTEyLjU0YTUzIDUzIDAgMCAwLTExLjA2LTQuMjEgNDYuOCA0Ni44IDAgMCAwLTExLjM5LTEuNDFjLTguNiAwLTE1LjcyIDIuMS0yMS4xNyA2LjIzcy04LjE0IDkuNDItOC4xNCAxNS44MWExNy42IDE3LjYgMCAwIDAgNC4yNSAxMS43OWMyLjg2IDMuMzMgMTAgOC4xMyAyMS4zMyAxNC4yNSA3LjQ3IDQgMTIuMDggNyAxNC4wOSA5LjFhMTAuOCAxMC44IDAgMCAxIDMuMDYgNy41OCA5LjY3IDkuNjcgMCAwIDEtNC41NSA4LjM4Yy0zIDItNyAzLTEyLjEyIDNhMzEuOCAzMS44IDAgMCAxLTEzLjUyLTMgNDkgNDkgMCAwIDEtMTIuMzktOC44djE0LjU3YTQzIDQzIDAgMCAwIDEyLjI3IDYgNTEuNyA1MS43IDAgMCAwIDE0LjU5IDEuOTUiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Im0zODQuNzIgMTI3LjQxLTI4LjYtMzNoLTE5LjIzdjg4LjkzSDM1OXYtNTUuNDhsMjQgMjcuODhoMy4zM2wyNC0yNy44OHY1NS41MWgyMi4xNVY5NC40NEg0MTMuM1ptOTMuODctMzMtMzUuOTIgODguOTNoMjMuNDdsNi42NC0xNy41N2gzOS44Mmw3LjMyIDE3LjU3aDIzLjgybC0zOS41LTg4LjkzWm0uMDYgNTUuODMgMTMuMDYtMzQuNTcgMTQuNDEgMzQuNTdabTEyOC44OC04LjVxMTUuMjctNy4wNiAxNS4yNy0yMS43NmEyMy43NiAyMy43NiAwIDAgMC04LjA4LTE4LjFxLTguMDktNy40OC0yMS03LjQ4SDU1NHY4OC45M2gyMi4xNXYtMzYuMDZoNi4zN2ExMi4wOCAxMi4wOCAwIDAgMSA4LjI0IDMuNXEzLjg1IDMuNSA5LjI2IDE1Ljg1dDcuNTggMTYuNzRoMjQuMzFxLTUuNjItMTEuODMtMTEuNjUtMjUuMTl0LTEyLjcyLTE2LjRabS0xMC43OS0xMy40M3EtMy4yOCAyLjY0LTguODggMi42NGgtMTEuNzF2LTIwLjIyaDExLjJxMTIuNjcgMCAxMi42NyAxMC4wNmE5LjEzIDkuMTMgMCAwIDEtMy4yNyA3LjU0Wm0xMDUuNTQgMTQuODlhMzAuNyAzMC43IDAgMCAwLTEwLjIyLTguNzggMTM1IDEzNSAwIDAgMC0xNS43OS02Ljc1cS05Ljg3LTMuNjMtMTIuNDEtNS45MmE2LjU2IDYuNTYgMCAwIDEtMi41NS00Ljg0cTAtMy4zMSAzLjUzLTUuMzJ0OS41Mi0ycTEwLjUgMCAyOC4yIDh2LTE3LjQzcS0xNS44NS02Ljg3LTMwLjExLTYuODctMTUuNDcgMC0yNC43IDdhMjIuMTYgMjIuMTYgMCAwIDAtOS4yMyAxOC41cTAgOC44NSA0LjIzIDE0LjUyYTI5LjggMjkuOCAwIDAgMCAxMC4wNSA4LjcyIDEyNy41IDEyNy41IDAgMCAwIDE1Ljc5IDYuNjJxMTAgMy41NiAxMi41NyA2YTcuMjcgNy4yNyAwIDAgMSAyLjYxIDUuMjhxMCA4LjIxLTEzIDguMjFhMzkgMzkgMCAwIDEtMTQuNTgtMi43NCA4NyA4NyAwIDAgMS0xNS43OC04LjcydjE5LjE2YTY1LjQ0IDY1LjQ0IDAgMCAwIDMyLjA4IDguNTlxMTUuMzQgMCAyNC43My03LjMydDkuMzktMTkuNjdxLS4wMy04LjU3LTQuMzMtMTQuMjQiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik03MjEuNzIgMTgxLjQyVjk2LjY0aDI0Ljc4cTEyLjY3IDAgMTkuNTQgNS43NnQ2Ljg4IDE2LjM2YTE4LjQgMTguNCAwIDAgMS0zLjA5IDEwLjkxIDE5LjQ1IDE5LjQ1IDAgMCAxLTkuNDUgNi43M3E5LjI3IDIuMTggMTQuMzMgNy45NGEyMC40NyAyMC40NyAwIDAgMSA1LjA2IDE0cTAgMTAuNTQtNy43MyAxNi44MnQtMjAuOTQgNi4yN1ptMTItNDguNDJoOC4xOHE5LjI3IDAgMTMuNzYtMy4zM3Q0LjQ4LTEwLjE4cTAtNi4yNC0zLjU0LTkuMDl0LTExLjMtMi44NWgtMTEuNThabTAgMTEuMDl2MjYuM2gxNi4xMnE4Ljg1IDAgMTIuOTQtMy4xMnQ0LjA5LTkuNzlxMC02LjkxLTQuNTgtMTAuMTV0LTE0LjM5LTMuMjRaTTc4MS43OCAxODEuNDJsMzYuNzItODQuNzhoOC44NWwzNy4yMSA4NC43OEg4NTJsLTEwLjkxLTI1SDgwNWwtMTAuNzkgMjVabTI3Ljk0LTM1Ljg3aDI2LjQyTDgyMi43NCAxMTVaTTk0Ny44NiA5Ni42NGgxMi4xMnYxMC45MWgtMTIuMTJ6TTk0Ny44NiAxMTQuOTZoMTIuMTJ2NjYuNDZoLTEyLjEyek05MjIuNzMgOTYuNDZ2MzYuNjZoLTM5LjYyVjk2LjQ2aC0xMi4wOHY4NC43NWgxMi4wOHYtMzYuNjNoMzkuNjJ2MzYuNjNoMTIuMDhWOTYuNDZ6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjM4LjAyIDM2LjgyIDM2LjgyIDYzLjc4djczLjY0bC0zNi44MiA2My43OC02My43OCAzNi44MkgxMDAuNmwtNjMuNzgtMzYuODJMMCAxNzQuMjRWMTAwLjZsMzYuODItNjMuNzhMMTAwLjYgMGg3My42NHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Ik0yNzIuNiAxMDEuMnY3Mi40NWwtMTQuNzkgMjUuNjEtNDAuNDktNzAuMnoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im0yMzYuMzcgMzguNDcgMzYuMjMgNjIuNzMtNTUuMjggMjcuODYtMjYuMjItNjkuNDR6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJtMjU3LjgxIDE5OS4yNi0yMS40NCAzNy4xMi0xOS4wNS0xMDcuMzJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMjE3LjMyIDEyOS4wNiAxOS4wNSAxMDcuMzItNjIuNzMgMzYuMjItMjEuMzUtODIuMjV6TTIzNi4zNyAzOC40NyAxOTEuMSA1OS42MmwtNjEuNjEtMTIuMjYgNDQuMTUtNDUuMTJ6TTE5MS4xIDU5LjYybDI2LjIyIDY5LjQ0LTc4Ljg0LTEwLjIyeiIgY2xhc3M9ImNscy0zIi8+PHBhdGggZD0ibTIxNy4zMiAxMjkuMDYtNjUuMDMgNjEuMjktNTguNDMtMjAuOTYgNDQuNjItNTAuNTV6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTkxLjEgNTkuNjItNTIuNjIgNTkuMjItOC45OS03MS40OHoiIGNsYXNzPSJjbHMtNCIvPjxwYXRoIGQ9Im0xNzMuNjQgMi4yNC00NC4xNSA0NS4xMi0yOC4zLTQ1LjEyeiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUgMjEuMzUgODIuMjUtNjcuOTItMzkuMjJ6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJtMTA1LjcyIDIzMy4zOCA2Ny45MiAzOS4yMmgtNzIuNDVsLTYyLjczLTM2LjIyIDIzLjQyLTI4LjMxeiIgY2xhc3M9ImNscy01Ii8+PHBhdGggZD0ibTE1Mi4yOSAxOTAuMzUtNDYuNTcgNDMuMDMtNDMuODQtMjUuMzEgMzEuOTgtMzguNjh6IiBjbGFzcz0iY2xzLTMiLz48cGF0aCBkPSJtMTI5LjQ5IDQ3LjM2IDguOTkgNzEuNDgtNjkuODQtOS4wNC0uMDgtLjE5eiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0ibTEzOC40OCAxMTguODQtNDQuNjIgNTAuNTUtMjUuMjItNTkuNTl6TTEwMS4xOSAyLjI0bDI4LjMgNDUuMTItNjAuOTMgNjIuMjUtMzAuMS03MS4xNHoiIGNsYXNzPSJjbHMtMyIvPjxwYXRoIGQ9Im02OC42NCAxMDkuOCAyNS4yMiA1OS41OS0zMS45OCAzOC42OC01OS42NC0zNC40MlYxMDEuMnoiIGNsYXNzPSJjbHMtNSIvPjxwYXRoIGQ9Im02OC41NiAxMDkuNjEuMDguMTktNjYuNC04LjYgMzYuMjItNjIuNzN6TTYxLjg4IDIwOC4wN2wtMjMuNDIgMjguMzEtMzYuMjItNjIuNzN6IiBjbGFzcz0iY2xzLTQiLz48cGF0aCBkPSJNOTYuNDYgNzQuMDhINjguOTJ2MTI2LjY4aDMxLjcydi03OS4wN0wxMzUgMTYxLjQxaDQuNzZsMzQuNC0zOS43MnY3OS4wN2gzMS43MlY3NC4wOGgtMjcuNTNsLTQwLjkzIDQ3WiIgY2xhc3M9ImNscy0yIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%/contain;
    display: block;
    height: 89px;
    margin: 13px auto 0;
    width: 120px
}

[lang=ar] .sign-up-popup .sign-up-window-form .step>.form-group,[lang=fa] .sign-up-popup .sign-up-window-form .step>.form-group {
    margin: 16px 0 0
}

[lang=ar] .sign-up-popup .sign-up-window-form .step .text,[lang=fa] .sign-up-popup .sign-up-window-form .step .text {
    margin-top: 5px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .text h2,[lang=fa] .sign-up-popup .sign-up-window-form form .text h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 4px;
    text-align: center;
    text-transform: capitalize
}

[lang=ar] .sign-up-popup .sign-up-window-form form .text p,[lang=fa] .sign-up-popup .sign-up-window-form form .text p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 16px;
    text-align: center
}

[lang=ar] .sign-up-popup .sign-up-window-form form .text p.required,[lang=fa] .sign-up-popup .sign-up-window-form form .text p.required {
    color: #ed1c24
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label {
    border-bottom: none;
    display: block;
    margin: 0 0 16px;
    padding: 0;
    position: relative;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .error-message,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .error-message {
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 4px 0 0
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .label {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    margin: 0 0 8px;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label {
    display: block
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child {
    margin-bottom: 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px 0 40px;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group:after,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group:after {
    display: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap {
    position: relative
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup ul,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup ul,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup ul,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:before,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:after,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap .validation-popup:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    left: 0;
    position: absolute;
    right: 0;
    right: auto;
    top: 0;
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question {
    display: block;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input {
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    height: 44px;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control {
    background: #0000;
    border: none;
    height: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value {
    line-height: 44px;
    padding: 0 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input {
    height: 44px;
    padding: 0 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-input input {
    height: 44px;
    line-height: 44px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused {
    border-color: #ed1c24
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 8px #0000004d;
    left: -1px;
    max-height: 200px;
    position: absolute;
    right: -1px;
    top: 100%;
    width: auto;
    z-index: 1000;
    -webkit-overflow-scrolling: touch
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu {
    max-height: 198px;
    overflow-y: auto
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option {
    border-bottom: 1px solid #4d4d4d80;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child {
    border-bottom: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active {
    background: #ed1c2433
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected {
    background: #ed1c24;
    color: #fff
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled {
    color: #aeaeae
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    left: 12px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px 0 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:disabled,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:disabled {
    color: #aeaeae
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    left: 12px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px 0 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select:disabled {
    color: #aeaeae
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question {
    display: block;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select {
    display: block;
    margin-bottom: 12px;
    overflow: visible;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px;
    left: 12px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px 0 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input {
    display: block;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 12px;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group {
    display: block;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within {
    border-color: #ed1c24
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text] {
    background: #0000;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 60px 0 12px!important;
    text-align: right;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus {
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown {
    background: #0000;
    border: none;
    border-left: 1px solid #4d4d4d;
    height: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag {
    height: 100%;
    padding: 0 0 0 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag {
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list {
    background: #000;
    border: 1px solid #4d4d4d;
    border-radius: 4px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group {
    display: flex;
    gap: 8px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select {
    display: block;
    flex: 1;
    overflow: visible;
    position: relative
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;
    left: 8px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 8px 0 28px;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within {
    border-color: #ed1c24
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text] {
    background: #0000;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 60px 0 12px!important;
    text-align: right;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus {
    outline: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown {
    align-items: center;
    background: #0000;
    border: none;
    border-left: 1px solid #4d4d4d;
    display: flex;
    height: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 0 0 12px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag {
    left: auto;
    margin-top: 0;
    position: relative;
    right: 0;
    top: auto;
    transform: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list {
    background: #000;
    border: 1px solid #4d4d4d;
    border-radius: 4px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox {
    display: block;
    padding: 0
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap {
    display: block;
    padding: 0 70px 0 0;
    position: relative
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 18px;
    direction: ltr;
    height: 26px;
    left: auto;
    right: 0;
    vertical-align: middle;
    width: 50px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 22px
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text {
    font-size: 10px;
    line-height: 10px;
    text-align: right
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text a,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text a {
    text-decoration: none
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(22px)
}

[lang=ar] .sign-up-popup .sign-up-window-form form button,[lang=fa] .sign-up-popup .sign-up-window-form form button {
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    margin: 0;
    padding: 0;
    transition: opacity .2s ease;
    width: 100%
}

[lang=ar] .sign-up-popup .sign-up-window-form form button:hover,[lang=fa] .sign-up-popup .sign-up-window-form form button:hover {
    opacity: .9
}

[lang=ar] .sign-up-popup .sign-up-window-form form button:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form button:disabled {
    cursor: not-allowed;
    opacity: .5
}

[lang=ar] .sign-up-popup .welcome-text,[lang=fa] .sign-up-popup .welcome-text {
    height: 340px;
    margin: 20px 0 0;
    padding: 40px 20px 23px;
    width: 100%
}

[lang=ar] .sign-up-popup .welcome-text:after,[lang=fa] .sign-up-popup .welcome-text:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .sign-up-popup .welcome-text i,[lang=fa] .sign-up-popup .welcome-text i {
    color: #39b54a;
    display: inline-block;
    font-size: 190px;
    margin: 0 auto;
    vertical-align: middle
}

[lang=ar] .sign-up-popup .welcome-text .checkbox,[lang=fa] .sign-up-popup .welcome-text .checkbox {
    display: block;
    margin: 23px 0 0;
    padding: 0;
    text-align: right
}

[lang=ar] .sign-up-popup .welcome-text .checkbox .checkbox-wrap,[lang=fa] .sign-up-popup .welcome-text .checkbox .checkbox-wrap {
    display: block;
    padding: 0 60px 0 0;
    position: relative
}

[lang=ar] .sign-up-popup .welcome-text .checkbox .icon,[lang=fa] .sign-up-popup .welcome-text .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 18px;
    height: 26px;
    left: auto;
    right: 0;
    vertical-align: middle;
    width: 50px
}

[lang=ar] .sign-up-popup .welcome-text .checkbox .icon:before,[lang=fa] .sign-up-popup .welcome-text .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 22px
}

[lang=ar] .sign-up-popup .welcome-text .checkbox .text,[lang=fa] .sign-up-popup .welcome-text .checkbox .text {
    font-size: 10px;
    line-height: 10px
}

[lang=ar] .sign-up-popup .welcome-text .checkbox .text a,[lang=fa] .sign-up-popup .welcome-text .checkbox .text a {
    text-decoration: none
}

[lang=ar] .sign-up-popup .welcome-text .checkbox input:checked+.icon,[lang=fa] .sign-up-popup .welcome-text .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

[lang=ar] .sign-up-popup .welcome-text .checkbox input:checked+.icon:before,[lang=fa] .sign-up-popup .welcome-text .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(22px)
}

[lang=ar] .sign-up-popup .message p,[lang=fa] .sign-up-popup .message p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0;
    text-align: center
}

[lang=ar] .sign-up-popup .button-group,[lang=ar] .sign-up-popup .step-buttons,[lang=fa] .sign-up-popup .button-group,[lang=fa] .sign-up-popup .step-buttons {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 24px 0 0;
    width: 100%
}

[lang=ar] .sign-up-popup .button-group a,[lang=ar] .sign-up-popup .button-group button,[lang=ar] .sign-up-popup .step-buttons a,[lang=ar] .sign-up-popup .step-buttons button,[lang=fa] .sign-up-popup .button-group a,[lang=fa] .sign-up-popup .button-group button,[lang=fa] .sign-up-popup .step-buttons a,[lang=fa] .sign-up-popup .step-buttons button {
    align-items: center;
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    min-height: 48px;
    padding: 0 16px;
    text-decoration: none;
    transition: opacity .2s ease;
    vertical-align: middle
}

[lang=ar] .sign-up-popup .button-group a:hover,[lang=ar] .sign-up-popup .button-group button:hover,[lang=ar] .sign-up-popup .step-buttons a:hover,[lang=ar] .sign-up-popup .step-buttons button:hover,[lang=fa] .sign-up-popup .button-group a:hover,[lang=fa] .sign-up-popup .button-group button:hover,[lang=fa] .sign-up-popup .step-buttons a:hover,[lang=fa] .sign-up-popup .step-buttons button:hover {
    opacity: .9
}

[lang=ar] .sign-up-popup .button-group a:first-child:not(:only-child),[lang=ar] .sign-up-popup .button-group button:first-child:not(:only-child),[lang=ar] .sign-up-popup .step-buttons a:first-child:not(:only-child),[lang=ar] .sign-up-popup .step-buttons button:first-child:not(:only-child),[lang=fa] .sign-up-popup .button-group a:first-child:not(:only-child),[lang=fa] .sign-up-popup .button-group button:first-child:not(:only-child),[lang=fa] .sign-up-popup .step-buttons a:first-child:not(:only-child),[lang=fa] .sign-up-popup .step-buttons button:first-child:not(:only-child) {
    background: #0000;
    border: 1px solid #ed1c24;
    color: #ed1c24
}

[lang=ar] .sign-up-popup .button-group a:first-child:not(:only-child):hover,[lang=ar] .sign-up-popup .button-group button:first-child:not(:only-child):hover,[lang=ar] .sign-up-popup .step-buttons a:first-child:not(:only-child):hover,[lang=ar] .sign-up-popup .step-buttons button:first-child:not(:only-child):hover,[lang=fa] .sign-up-popup .button-group a:first-child:not(:only-child):hover,[lang=fa] .sign-up-popup .button-group button:first-child:not(:only-child):hover,[lang=fa] .sign-up-popup .step-buttons a:first-child:not(:only-child):hover,[lang=fa] .sign-up-popup .step-buttons button:first-child:not(:only-child):hover {
    background: #ed1c241a
}

[lang=ar] .sign-up-popup .button-group a.inactive-button,[lang=ar] .sign-up-popup .button-group a:disabled,[lang=ar] .sign-up-popup .button-group button.inactive-button,[lang=ar] .sign-up-popup .button-group button:disabled,[lang=ar] .sign-up-popup .step-buttons a.inactive-button,[lang=ar] .sign-up-popup .step-buttons a:disabled,[lang=ar] .sign-up-popup .step-buttons button.inactive-button,[lang=ar] .sign-up-popup .step-buttons button:disabled,[lang=fa] .sign-up-popup .button-group a.inactive-button,[lang=fa] .sign-up-popup .button-group a:disabled,[lang=fa] .sign-up-popup .button-group button.inactive-button,[lang=fa] .sign-up-popup .button-group button:disabled,[lang=fa] .sign-up-popup .step-buttons a.inactive-button,[lang=fa] .sign-up-popup .step-buttons a:disabled,[lang=fa] .sign-up-popup .step-buttons button.inactive-button,[lang=fa] .sign-up-popup .step-buttons button:disabled {
    cursor: not-allowed;
    opacity: .5
}

[lang=ar] .sign-up-popup .button-group a,[lang=ar] .sign-up-popup .button-group button,[lang=fa] .sign-up-popup .button-group a,[lang=fa] .sign-up-popup .button-group button {
    flex: 1
}

[lang=ar] .balance-popup,[lang=fa] .balance-popup {
    padding: 30px 0 0;
    position: relative
}

[lang=ar] .balance-popup .icon-deposit,[lang=fa] .balance-popup .icon-deposit {
    animation: pulsate 1.5s ease-out infinite;
    color: #39b54a;
    display: block;
    font-size: 20px;
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 10px;
    transform-origin: center center;
    -webkit-transform-origin: center center
}

[lang=ar] .balance-popup p,[lang=fa] .balance-popup p {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 0;
    text-align: center
}

[lang=ar] .balance-popup .button-group,[lang=fa] .balance-popup .button-group {
    margin: 30px 0 0;
    text-align: center
}

[lang=ar] .balance-popup .button-group .deposit,[lang=fa] .balance-popup .button-group .deposit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    padding: 0 15px;
    width: auto
}

[lang=ar] .balance-popup .button-group .close,[lang=fa] .balance-popup .button-group .close {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    float: none;
    font-weight: 400;
    margin: 0 0 0 15px;
    opacity: 1;
    padding: 0 15px;
    text-shadow: none;
    width: auto
}

[lang=ar] .random-bonus-popup-overlay,[lang=fa] .random-bonus-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200
}

[lang=ar] .random-bonus-popup-overlay:after,[lang=fa] .random-bonus-popup-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .button-group,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .button-group {
    display: flex;
    justify-content: center
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .button-group button,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .button-group button {
    font-size: 12px;
    margin: 20px 5px 0;
    min-width: 140px
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .icon-close-round,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .icon-close-round {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

[lang=ar] .message-popup,[lang=ar] .timer-popup-overlay,[lang=fa] .message-popup,[lang=fa] .timer-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999
}

[lang=ar] .message-popup:after,[lang=ar] .timer-popup-overlay:after,[lang=fa] .message-popup:after,[lang=fa] .timer-popup-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .message-popup .message-content,[lang=ar] .message-popup .timer-popup,[lang=ar] .timer-popup-overlay .message-content,[lang=ar] .timer-popup-overlay .timer-popup,[lang=fa] .message-popup .message-content,[lang=fa] .message-popup .timer-popup,[lang=fa] .timer-popup-overlay .message-content,[lang=fa] .timer-popup-overlay .timer-popup {
    background: #181818;
    border: 1px solid #4d4d4d;
    border-top: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 90%
}

[lang=ar] .message-popup .message-content .icon-success,[lang=ar] .message-popup .timer-popup .icon-success,[lang=ar] .timer-popup-overlay .message-content .icon-success,[lang=ar] .timer-popup-overlay .timer-popup .icon-success,[lang=fa] .message-popup .message-content .icon-success,[lang=fa] .message-popup .timer-popup .icon-success,[lang=fa] .timer-popup-overlay .message-content .icon-success,[lang=fa] .timer-popup-overlay .timer-popup .icon-success {
    color: #39b54a
}

[lang=ar] .message-popup .message-content .icon-error,[lang=ar] .message-popup .timer-popup .icon-error,[lang=ar] .timer-popup-overlay .message-content .icon-error,[lang=ar] .timer-popup-overlay .timer-popup .icon-error,[lang=fa] .message-popup .message-content .icon-error,[lang=fa] .message-popup .timer-popup .icon-error,[lang=fa] .timer-popup-overlay .message-content .icon-error,[lang=fa] .timer-popup-overlay .timer-popup .icon-error {
    color: #ed1c24
}

[lang=ar] .message-popup .message-content .icon-info,[lang=ar] .message-popup .timer-popup .icon-info,[lang=ar] .timer-popup-overlay .message-content .icon-info,[lang=ar] .timer-popup-overlay .timer-popup .icon-info,[lang=fa] .message-popup .message-content .icon-info,[lang=fa] .message-popup .timer-popup .icon-info,[lang=fa] .timer-popup-overlay .message-content .icon-info,[lang=fa] .timer-popup-overlay .timer-popup .icon-info {
    color: #4169e1
}

[lang=ar] .message-popup .message-content .icon-help-rounded,[lang=ar] .message-popup .timer-popup .icon-help-rounded,[lang=ar] .timer-popup-overlay .message-content .icon-help-rounded,[lang=ar] .timer-popup-overlay .timer-popup .icon-help-rounded,[lang=fa] .message-popup .message-content .icon-help-rounded,[lang=fa] .message-popup .timer-popup .icon-help-rounded,[lang=fa] .timer-popup-overlay .message-content .icon-help-rounded,[lang=fa] .timer-popup-overlay .timer-popup .icon-help-rounded {
    color: #edee00
}

[lang=ar] .message-popup .message-content .popup-header,[lang=ar] .message-popup .timer-popup .popup-header,[lang=ar] .timer-popup-overlay .message-content .popup-header,[lang=ar] .timer-popup-overlay .timer-popup .popup-header,[lang=fa] .message-popup .message-content .popup-header,[lang=fa] .message-popup .timer-popup .popup-header,[lang=fa] .timer-popup-overlay .message-content .popup-header,[lang=fa] .timer-popup-overlay .timer-popup .popup-header {
    padding: 40px 0 0
}

[lang=ar] .message-popup .message-content .popup-header.success,[lang=ar] .message-popup .timer-popup .popup-header.success,[lang=ar] .timer-popup-overlay .message-content .popup-header.success,[lang=ar] .timer-popup-overlay .timer-popup .popup-header.success,[lang=fa] .message-popup .message-content .popup-header.success,[lang=fa] .message-popup .timer-popup .popup-header.success,[lang=fa] .timer-popup-overlay .message-content .popup-header.success,[lang=fa] .timer-popup-overlay .timer-popup .popup-header.success {
    border-top: 3px solid #39b54a
}

[lang=ar] .message-popup .message-content .popup-header.error,[lang=ar] .message-popup .timer-popup .popup-header.error,[lang=ar] .timer-popup-overlay .message-content .popup-header.error,[lang=ar] .timer-popup-overlay .timer-popup .popup-header.error,[lang=fa] .message-popup .message-content .popup-header.error,[lang=fa] .message-popup .timer-popup .popup-header.error,[lang=fa] .timer-popup-overlay .message-content .popup-header.error,[lang=fa] .timer-popup-overlay .timer-popup .popup-header.error {
    border-top: 3px solid #ed1c24
}

[lang=ar] .message-popup .message-content .popup-header.info,[lang=ar] .message-popup .timer-popup .popup-header.info,[lang=ar] .timer-popup-overlay .message-content .popup-header.info,[lang=ar] .timer-popup-overlay .timer-popup .popup-header.info,[lang=fa] .message-popup .message-content .popup-header.info,[lang=fa] .message-popup .timer-popup .popup-header.info,[lang=fa] .timer-popup-overlay .message-content .popup-header.info,[lang=fa] .timer-popup-overlay .timer-popup .popup-header.info {
    border-top: 3px solid #4169e1
}

[lang=ar] .message-popup .message-content .popup-header.question,[lang=ar] .message-popup .timer-popup .popup-header.question,[lang=ar] .timer-popup-overlay .message-content .popup-header.question,[lang=ar] .timer-popup-overlay .timer-popup .popup-header.question,[lang=fa] .message-popup .message-content .popup-header.question,[lang=fa] .message-popup .timer-popup .popup-header.question,[lang=fa] .timer-popup-overlay .message-content .popup-header.question,[lang=fa] .timer-popup-overlay .timer-popup .popup-header.question {
    border-top: 3px solid #ffe44d
}

[lang=ar] .message-popup .message-content .popup-header i,[lang=ar] .message-popup .timer-popup .popup-header i,[lang=ar] .timer-popup-overlay .message-content .popup-header i,[lang=ar] .timer-popup-overlay .timer-popup .popup-header i,[lang=fa] .message-popup .message-content .popup-header i,[lang=fa] .message-popup .timer-popup .popup-header i,[lang=fa] .timer-popup-overlay .message-content .popup-header i,[lang=fa] .timer-popup-overlay .timer-popup .popup-header i {
    animation: pulsate 1.2s ease-out infinite;
    display: block;
    font-size: 25px;
    left: 50%;
    margin: 0 0 0 -12.5px;
    opacity: 0;
    position: absolute;
    top: 10px;
    transform-origin: center
}

[lang=ar] .message-popup .message-content .popup-header h2,[lang=ar] .message-popup .timer-popup .popup-header h2,[lang=ar] .timer-popup-overlay .message-content .popup-header h2,[lang=ar] .timer-popup-overlay .timer-popup .popup-header h2,[lang=fa] .message-popup .message-content .popup-header h2,[lang=fa] .message-popup .timer-popup .popup-header h2,[lang=fa] .timer-popup-overlay .message-content .popup-header h2,[lang=fa] .timer-popup-overlay .timer-popup .popup-header h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 18px;
    text-transform: uppercase
}

[lang=ar] .message-popup .message-content .popup-content,[lang=ar] .message-popup .timer-popup .popup-content,[lang=ar] .timer-popup-overlay .message-content .popup-content,[lang=ar] .timer-popup-overlay .timer-popup .popup-content,[lang=fa] .message-popup .message-content .popup-content,[lang=fa] .message-popup .timer-popup .popup-content,[lang=fa] .timer-popup-overlay .message-content .popup-content,[lang=fa] .timer-popup-overlay .timer-popup .popup-content {
    margin: 15px 0 0;
    padding: 0 10px
}

[lang=ar] .message-popup .message-content .popup-content p,[lang=ar] .message-popup .timer-popup .popup-content p,[lang=ar] .timer-popup-overlay .message-content .popup-content p,[lang=ar] .timer-popup-overlay .timer-popup .popup-content p,[lang=fa] .message-popup .message-content .popup-content p,[lang=fa] .message-popup .timer-popup .popup-content p,[lang=fa] .timer-popup-overlay .message-content .popup-content p,[lang=fa] .timer-popup-overlay .timer-popup .popup-content p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 16px
}

[lang=ar] .message-popup .message-content .popup-content .button-group,[lang=ar] .message-popup .timer-popup .popup-content .button-group,[lang=ar] .timer-popup-overlay .message-content .popup-content .button-group,[lang=ar] .timer-popup-overlay .timer-popup .popup-content .button-group,[lang=fa] .message-popup .message-content .popup-content .button-group,[lang=fa] .message-popup .timer-popup .popup-content .button-group,[lang=fa] .timer-popup-overlay .message-content .popup-content .button-group,[lang=fa] .timer-popup-overlay .timer-popup .popup-content .button-group {
    padding: 35px 0 20px
}

[lang=ar] .message-popup .message-content .popup-content .button-group button,[lang=ar] .message-popup .timer-popup .popup-content .button-group button,[lang=ar] .timer-popup-overlay .message-content .popup-content .button-group button,[lang=ar] .timer-popup-overlay .timer-popup .popup-content .button-group button,[lang=fa] .message-popup .message-content .popup-content .button-group button,[lang=fa] .message-popup .timer-popup .popup-content .button-group button,[lang=fa] .timer-popup-overlay .message-content .popup-content .button-group button,[lang=fa] .timer-popup-overlay .timer-popup .popup-content .button-group button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0 16px;
    width: auto
}

[lang=ar] .message-popup .message-content .popup-content .button-group button:not(:first-child),[lang=ar] .message-popup .timer-popup .popup-content .button-group button:not(:first-child),[lang=ar] .timer-popup-overlay .message-content .popup-content .button-group button:not(:first-child),[lang=ar] .timer-popup-overlay .timer-popup .popup-content .button-group button:not(:first-child),[lang=fa] .message-popup .message-content .popup-content .button-group button:not(:first-child),[lang=fa] .message-popup .timer-popup .popup-content .button-group button:not(:first-child),[lang=fa] .timer-popup-overlay .message-content .popup-content .button-group button:not(:first-child),[lang=fa] .timer-popup-overlay .timer-popup .popup-content .button-group button:not(:first-child) {
    margin: 0 0 0 10px
}

[lang=ar] .message-popup .message-content .popup-content .close-button,[lang=ar] .message-popup .timer-popup .popup-content .close-button,[lang=ar] .timer-popup-overlay .message-content .popup-content .close-button,[lang=ar] .timer-popup-overlay .timer-popup .popup-content .close-button,[lang=fa] .message-popup .message-content .popup-content .close-button,[lang=fa] .message-popup .timer-popup .popup-content .close-button,[lang=fa] .timer-popup-overlay .message-content .popup-content .close-button,[lang=fa] .timer-popup-overlay .timer-popup .popup-content .close-button {
    background: #ed1c24;
    border: none;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

[lang=ar] .message-popup .message-content .popup-content .close-button:before,[lang=ar] .message-popup .timer-popup .popup-content .close-button:before,[lang=ar] .timer-popup-overlay .message-content .popup-content .close-button:before,[lang=ar] .timer-popup-overlay .timer-popup .popup-content .close-button:before,[lang=fa] .message-popup .message-content .popup-content .close-button:before,[lang=fa] .message-popup .timer-popup .popup-content .close-button:before,[lang=fa] .timer-popup-overlay .message-content .popup-content .close-button:before,[lang=fa] .timer-popup-overlay .timer-popup .popup-content .close-button:before {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

[lang=ar] .message-popup .message-content .popup-content .close-button span,[lang=ar] .message-popup .timer-popup .popup-content .close-button span,[lang=ar] .timer-popup-overlay .message-content .popup-content .close-button span,[lang=ar] .timer-popup-overlay .timer-popup .popup-content .close-button span,[lang=fa] .message-popup .message-content .popup-content .close-button span,[lang=fa] .message-popup .timer-popup .popup-content .close-button span,[lang=fa] .timer-popup-overlay .message-content .popup-content .close-button span,[lang=fa] .timer-popup-overlay .timer-popup .popup-content .close-button span {
    display: none
}

[lang=ar] .identify-popup p,[lang=fa] .identify-popup p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    text-align: center
}

[lang=ar] .identify-popup label,[lang=fa] .identify-popup label {
    display: block;
    margin: 15px 0 0
}

[lang=ar] .identify-popup button,[lang=fa] .identify-popup button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    display: block;
    font-family: OpenSansBold,serif;
    margin: 15px auto 0;
    padding: 0 15px 0 40px;
    position: relative;
    width: auto
}

[lang=ar] .identify-popup button i,[lang=fa] .identify-popup button i {
    left: 15px;
    position: absolute;
    top: 9px;
    transform-origin: center
}

[lang=ar] .identify-popup button i.start-animation,[lang=fa] .identify-popup button i.start-animation {
    animation: scaleUp .5s ease
}

[lang=ar] .game-popup-overlay,[lang=fa] .game-popup-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 125
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container,[lang=fa] .game-popup-overlay .game-popup-window .frame-container {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .icon-close,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .icon-close {
    background: #ed1c24;
    color: #fff;
    cursor: pointer;
    left: 50%;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 9999
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container iframe,[lang=fa] .game-popup-overlay .game-popup-window .frame-container iframe {
    height: 100%;
    position: fixed;
    transition: filter .5s ease;
    width: 100%;
    z-index: 10;
    -webkit-overflow-scrolling: touch
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .preloader,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .preloader {
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .preloader img,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .preloader img {
    height: 100%;
    width: 100%
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window {
    background: #000c;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 30px 0;
    position: absolute;
    transform: translateY(150px);
    transition: transform .5s ease,opacity .5s ease;
    width: 100%;
    z-index: 15
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window h2,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px;
    text-align: center
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group {
    margin: 30px 0 0;
    text-align: center
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .deposit,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .deposit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 0 5px;
    padding: 0 10px;
    width: auto
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .cancel,[lang=fa] .game-popup-overlay .game-popup-window .frame-container .game-player-deposit-window .button-group .cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 5px;
    padding: 0 10px;
    width: auto
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container.start-blocking iframe,[lang=fa] .game-popup-overlay .game-popup-window .frame-container.start-blocking iframe {
    filter: blur(15px)
}

[lang=ar] .game-popup-overlay .game-popup-window .frame-container.start-blocking .game-player-deposit-window,[lang=fa] .game-popup-overlay .game-popup-window .frame-container.start-blocking .game-player-deposit-window {
    opacity: 1;
    transform: translateY(0)
}

[lang=ar] .game-block .image-animation-wrap,[lang=fa] .game-block .image-animation-wrap {
    height: 100%;
    position: relative;
    width: 100%
}

[lang=ar] .game-block .image-animation-wrap.start-animation,[lang=fa] .game-block .image-animation-wrap.start-animation {
    opacity: 1
}

[lang=ar] .evolution-game-grid h2,[lang=fa] .evolution-game-grid h2 {
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px
}

[lang=ar] .evolution-game-grid .game-wrap,[lang=fa] .evolution-game-grid .game-wrap {
    margin: 20px 0 0
}

[lang=ar] .evolution-game-grid .game-wrap:after,[lang=fa] .evolution-game-grid .game-wrap:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .evolution-game-grid .game-wrap .game-item,[lang=fa] .evolution-game-grid .game-wrap .game-item {
    cursor: pointer;
    position: relative
}

[lang=ar] .evolution-game-grid .game-wrap .game-item:after,[lang=fa] .evolution-game-grid .game-wrap .game-item:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .evolution-game-grid .game-wrap .game-item:not(:first-child),[lang=fa] .evolution-game-grid .game-wrap .game-item:not(:first-child) {
    margin: 15px 0 0
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .image,[lang=fa] .evolution-game-grid .game-wrap .game-item .image {
    border: 1px solid #4d4d4d;
    float: left;
    overflow: hidden;
    position: relative;
    width: 37%
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .image img,[lang=fa] .evolution-game-grid .game-wrap .game-item .image img {
    display: block;
    width: 100%
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info,[lang=fa] .evolution-game-grid .game-wrap .game-item .info {
    background: #424040;
    height: 100%;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 63%
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom:after,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom {
    bottom: 5px;
    position: absolute
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge:after,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge {
    margin: 0 0 5px
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .text,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .text {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    font-style: italic;
    text-transform: capitalize;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 0 0 0 5px;
    text-align: center;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-checkmark-round,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-checkmark-round {
    color: #39b54a;
    display: inline-block
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-infinity,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .game-badge .icons .icon-infinity {
    display: inline-block;
    font-size: 14px
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .bottom .limit,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .bottom .limit {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    padding: 0
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .exclusive-badge,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .exclusive-badge {
    background: #ed1c2499;
    border-top: 2px solid #ed1c24;
    bottom: 0;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: -55px;
    text-align: center;
    top: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 200px
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers {
    background: #fff;
    display: inline-block;
    margin: 8px 0 0;
    padding: 2px;
    text-align: center
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span {
    border: 1px solid red;
    display: inline-block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 11px;
    margin: 0 2px;
    padding: 2px 4px;
    text-align: center;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.black,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.black {
    color: #000
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.green,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.green {
    color: #39b54a
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.red,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.red {
    color: #ed1c24
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block {
    display: block;
    text-align: center;
    width: 100%
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block:first-of-type,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .roulette-numbers>span span.block:first-of-type {
    margin: 2px 0 0
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .title,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .title {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .title:after,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .evolution-game-grid .game-wrap .game-item .info .title span,[lang=fa] .evolution-game-grid .game-wrap .game-item .info .title span {
    display: inline-block;
    width: 100%;
    word-wrap: break-word
}

[lang=ar] .table,[lang=fa] .table {
    display: table;
    width: 100%
}

[lang=ar] .table .thead,[lang=fa] .table .thead {
    background: #000;
    display: table-header-group;
    width: 100%
}

[lang=ar] .table .thead .td,[lang=fa] .table .thead .td {
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 12px;
    padding-bottom: 15px;
    padding-top: 15px
}

[lang=ar] .table .tbody,[lang=fa] .table .tbody {
    display: table-row-group;
    width: 100%
}

[lang=ar] .table .tbody .td,[lang=fa] .table .tbody .td {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

[lang=ar] .table .tbody .tr.final .td,[lang=fa] .table .tbody .tr.final .td {
    color: #39b54a;
    font-size: 18px
}

[lang=ar] .table .tbody .tr.final .td:first-of-type,[lang=fa] .table .tbody .tr.final .td:first-of-type {
    font-size: 14px
}

[lang=ar] .table .td,[lang=fa] .table .td {
    border-top: 1px solid #4d4d4d;
    display: table-cell;
    padding: 12px 5px;
    vertical-align: middle
}

[lang=ar] .table .td:first-child,[lang=fa] .table .td:first-child {
    padding: 12px 5px 12px 15px
}

[lang=ar] .table .td:last-child,[lang=fa] .table .td:last-child {
    padding: 12px 15px 12px 5px
}

[lang=ar] .table .tr,[lang=fa] .table .tr {
    display: table-row
}

[lang=ar] .react-tabs__tab-list [role=tablist],[lang=fa] .react-tabs__tab-list [role=tablist] {
    border: none;
    margin: 0 0 1px;
    padding: 0
}

[lang=ar] .react-tabs__tab-list [role=tab],[lang=fa] .react-tabs__tab-list [role=tab] {
    box-shadow: none!important;
    font-size: 16px;
    margin: 0 5px 0 0;
    padding: 10px 25px;
    position: relative
}

[lang=ar] .react-tabs__tab-list [role=tab],[lang=ar] .react-tabs__tab-list [role=tab][aria-selected=true],[lang=fa] .react-tabs__tab-list [role=tab],[lang=fa] .react-tabs__tab-list [role=tab][aria-selected=true] {
    background: #0e0e0e;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    border-radius: 0;
    color: #fff
}

[lang=ar] .react-tabs__tab-list [role=tab][aria-selected=true]:after,[lang=fa] .react-tabs__tab-list [role=tab][aria-selected=true]:after {
    border-bottom: 2px solid #ed1c24;
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

[lang=ar] .react-tabs__tab-list [role=tab]:focus,[lang=ar] .react-tabs__tab-list [role=tab][aria-selected=true]:focus,[lang=fa] .react-tabs__tab-list [role=tab]:focus,[lang=fa] .react-tabs__tab-list [role=tab][aria-selected=true]:focus {
    border: 1px solid #4d4d4d;
    border-bottom: none;
    box-shadow: none!important;
    outline: none
}

[lang=ar] .react-tabs__tab-list [role=tab]:focus:after,[lang=fa] .react-tabs__tab-list [role=tab]:focus:after {
    background: none;
    border-bottom: 2px solid #ed1c24;
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

[lang=ar] .ReactModal__Overlay,[lang=fa] .ReactModal__Overlay {
    background: #000c!important;
    text-align: center;
    z-index: 999999
}

[lang=ar] .ReactModal__Overlay:after,[lang=fa] .ReactModal__Overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content,[lang=fa] .ReactModal__Overlay .ReactModal__Content {
    background: #181818!important;
    border: 1px solid #4d4d4d!important;
    bottom: auto!important;
    display: inline-block;
    left: auto!important;
    overflow: visible!important;
    padding: 10px 10px 35px!important;
    position: relative!important;
    right: auto!important;
    top: auto!important;
    vertical-align: middle;
    width: 90%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content.payment-modal,[lang=fa] .ReactModal__Overlay .ReactModal__Content.payment-modal {
    background-attachment: fixed!important;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png)!important;
    background-position: center 45px!important;
    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    border: none!important;
    border-radius: 0!important;
    height: 100%!important;
    overflow-y: auto!important;
    padding: 0!important;
    width: 100%!important
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content.payment-modal .icon-close-round,[lang=fa] .ReactModal__Overlay .ReactModal__Content.payment-modal .icon-close-round {
    background: none;
    border-radius: 0;
    bottom: auto;
    display: inline-block;
    height: auto;
    left: auto;
    line-height: normal;
    margin: 0;
    right: 15px;
    top: 10px;
    width: auto
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .icon-close-round,[lang=fa] .ReactModal__Overlay .ReactModal__Content .icon-close-round {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    padding: 0 16px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .back,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .back {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    margin-right: -12px;
    position: relative;
    top: auto;
    width: 44px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .back i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .back i {
    color: #fff;
    font-size: 16px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    margin-right: -12px;
    position: relative;
    top: auto;
    width: 44px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header h2 {
    color: #fff;
    flex: 1;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin-left: 44px;
    margin-right: 0;
    text-align: center
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round {
    color: #4e4e4e;
    top: 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type {
    background: #282727;
    margin: 0;
    text-align: left
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block {
    height: 40px;
    text-align: center;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image {
    display: inline-block;
    height: 40px;
    text-align: left;
    width: 25%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image {
    text-align: right
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image img,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image img {
    display: inline-block;
    max-height: 25px;
    max-width: 90%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit {
    background: none;
    color: #00000080;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 35%;
    z-index: 14
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    position: relative;
    text-align: right;
    text-transform: capitalize;
    vertical-align: middle;
    width: 35%;
    word-wrap: break-word;
    padding: 0 0 0 20px;
    text-align: left
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p span,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p span {
    display: inline-block;
    text-transform: uppercase
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p i {
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    right: auto;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single {
    padding: 0 15px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header {
    padding: 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left {
    left: 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-close-round,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-close-round {
    right: 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text {
    margin: 7px 0 0;
    padding: 20px 15px 30px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image {
    border-bottom: 1px solid #18181880;
    padding: 0 0 10px;
    text-align: left
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img {
    display: inline-block;
    vertical-align: middle;
    width: 70px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3 {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    margin: 0 20px 0 0;
    text-align: left;
    text-align: right;
    vertical-align: middle;
    width: 65%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0;
    text-align: left;
    text-align: right
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title {
    margin: 7px 0 10px;
    padding: 0;
    text-align: left;
    text-align: right
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2 {
    border-top: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 15px;
    padding: 5px 0 0;
    text-transform: uppercase
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single {
    position: relative;
    text-align: left;
    text-align: right
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox {
    align-items: center;
    display: flex;
    margin: 10px 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .icon,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .icon {
    align-items: center;
    background: #282727;
    border: 1px solid #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    width: 24px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text {
    color: #fff;
    font-size: 14px;
    margin-left: 10px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text a,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .checkbox .text a {
    color: #fff
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block {
    padding: 15px 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 18px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards {
    margin: 20px 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards img,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .credit-cards img {
    border: 1px solid #4d4d4d;
    display: inline-block;
    height: 25px;
    margin: 0 10px 0 0;
    padding: 5px;
    width: auto
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    padding: 15px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont {
    padding: 0 0 10px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label {
    align-items: center;
    border-bottom: 1px solid #4d4d4d;
    display: flex;
    min-height: 50px;
    padding: 10px 0;
    position: relative;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message {
    display: inline-block;
    font-family: NotoSansRegular,serif
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    width: 40%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label {
    display: block
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input {
    padding: 0 30px 0 0;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
    display: none
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap {
    position: relative
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 10px;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled {
    color: #aeaeae
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after {
    color: #fff;
    content: "";
    font-family: Icons;
    font-size: 20px;
    left: 5px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 10px 0 30px;
    position: relative;
    width: 100%;
    z-index: 1
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled {
    color: #aeaeae
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select {
    width: 32%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type),[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type) {
    margin: 0 2% 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text],[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text] {
    background: none;
    border: none;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0 16px 0 50px!important;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag {
    top: 17px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list {
    background: #000
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol {
    display: inline-block;
    position: relative;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input {
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 55px 0 10px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input select {
    padding: 0 0 0 35px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    left: 5px;
    left: auto;
    position: absolute;
    right: 5px;
    text-align: left;
    text-align: right;
    top: 0;
    width: 50px;
    z-index: 1
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span {
    display: block;
    margin: 5px 0 0;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span span:first-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol p>span span:first-child {
    font-family: NotoSansRegular,NotoSansBold,serif
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select {
    display: inline-block;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input {
    display: none
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a {
    border: 1px solid #4d4d4d;
    border-radius: 1px;
    color: #aeaeae;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    width: 45%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type {
    margin: 0 0 0 12px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected {
    background: #424040;
    color: #fff
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label {
    border: none!important
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 50px;
    margin: 24px auto 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button.inactive-button,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button.inactive-button {
    cursor: not-allowed;
    opacity: .5
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden {
    display: none
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window {
    border: 1px solid #4d4d4d;
    padding: 38px 0 47px;
    text-align: center
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2 {
    font-family: OpenSansBold,serif;
    font-size: 24px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p {
    color: #aeaeae;
    font-family: OpenSansBold,serif;
    font-size: 14px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type {
    margin: 17px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2 {
    color: #ed1c24
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2 {
    color: #39b54a
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe {
    border: 1px solid #4d4d4d
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block a,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0 0;
    text-decoration: underline
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .message-window>span,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .message-window>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 15px 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance {
    margin: 0 auto;
    width: 80%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div {
    text-align: left
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div:not(:first-child),[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-balance div>span:last-child {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table {
    border-bottom: 1px solid #fff;
    margin: 5px auto 0;
    padding: 0 0 2px;
    text-align: left;
    width: 80%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0;
    width: 45%
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table>span:last-child {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table:first-of-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block .success-table:first-of-type {
    margin: 30px auto 0
}

[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked {
    background: #ed1c24;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    margin: 20px 0 0;
    padding: 20px;
    text-align: center
}

[lang=ar] .profile-info-modal p,[lang=fa] .profile-info-modal p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    text-align: left
}

[lang=ar] .profile-info-modal label,[lang=fa] .profile-info-modal label {
    display: block;
    margin: 15px 0 0
}

[lang=ar] .profile-info-modal button,[lang=fa] .profile-info-modal button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 15px 0 0;
    padding: 0;
    width: 100%
}

[lang=ar] .game-error,[lang=fa] .game-error {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 200px
}

[lang=ar] .game-error p,[lang=fa] .game-error p {
    color: #ed1c24;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

[lang=ar] .alert,[lang=fa] .alert {
    border: none;
    border-radius: 0;
    padding: 15px 30px 15px 15px;
    position: relative;
    width: 100%
}

[lang=ar] .alert strong,[lang=fa] .alert strong {
    font-family: NotoSansBold,serif;
    font-size: 14px
}

[lang=ar] .alert span,[lang=fa] .alert span {
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

[lang=ar] .alert i,[lang=fa] .alert i {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .alert.alert-success,[lang=fa] .alert.alert-success {
    background: #39b54a;
    color: #fff
}

[lang=ar] .alert.alert-info,[lang=fa] .alert.alert-info {
    background: #4169e1;
    color: #fff
}

[lang=ar] .alert.alert-warning,[lang=fa] .alert.alert-warning {
    background: #edee00;
    color: #fff
}

[lang=ar] .alert.alert-danger,[lang=fa] .alert.alert-danger {
    background: #ed1c24;
    color: #fff
}

[lang=ar] .password-progress,[lang=fa] .password-progress {
    display: block;
    height: 1px;
    position: absolute;
    top: 20px;
    transition: all .3s linear;
    z-index: 1
}

[lang=ar] .password-progress.weak,[lang=fa] .password-progress.weak {
    background: #d1462f;
    width: 25%
}

[lang=ar] .password-progress.okay,[lang=fa] .password-progress.okay {
    background: #57b8ff;
    width: 50%
}

[lang=ar] .password-progress.good,[lang=fa] .password-progress.good {
    background: #296e9f;
    width: 75%
}

[lang=ar] .password-progress.strong,[lang=fa] .password-progress.strong {
    background: #2fbf71;
    width: 100%
}

[lang=ar] .page-bg,[lang=fa] .page-bg {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

[lang=ar] .scroll-up-wrap>div,[lang=fa] .scroll-up-wrap>div {
    bottom: 65px!important;
    right: 5px!important;
    z-index: 99
}

[lang=ar] .scroll-up-wrap .scroll-up,[lang=fa] .scroll-up-wrap .scroll-up {
    background: #ed1c24;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    z-index: 10
}

[lang=ar] .cookies-popup,[lang=fa] .cookies-popup {
    background: #181818;
    border-top: 4px solid #ed1c24;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    position: fixed;
    width: 100%;
    z-index: 16000002
}

[lang=ar] .cookies-popup .cookieConsent,[lang=fa] .cookies-popup .cookieConsent {
    background: none!important;
    display: block!important;
    margin: 0 auto;
    padding: 10px 0!important;
    position: static!important;
    width: 100%!important
}

[lang=ar] .cookies-popup .cookieConsent>div,[lang=fa] .cookies-popup .cookieConsent>div {
    margin: 0!important
}

[lang=ar] .cookies-popup .cookieConsent h3,[lang=fa] .cookies-popup .cookieConsent h3 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

[lang=ar] .cookies-popup .cookieConsent p,[lang=fa] .cookies-popup .cookieConsent p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 10px 0 0
}

[lang=ar] .cookies-popup .cookieConsent a,[lang=fa] .cookies-popup .cookieConsent a {
    color: #ed1c24;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 10px 0 0
}

[lang=ar] .cookies-popup .cookieConsent button,[lang=fa] .cookies-popup .cookieConsent button {
    background: #ed1c24!important;
    border: none!important;
    color: #fff!important;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    margin: 10px 0 0!important;
    padding: 0!important;
    width: 150px
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup {
    background: #181818;
    border: 1px solid #4d4d4d;
    display: inline-block;
    padding: 10px 10px 35px;
    position: relative;
    vertical-align: middle;
    width: 90%
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup img,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup img {
    display: block;
    width: 100%
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .text,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .text {
    margin: 10px 0 0
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .text h2,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .text h2 {
    color: #ed1c24;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    text-align: center
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup .text p,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup .text p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 5px;
    text-align: left
}

[lang=ar] .random-bonus-popup-overlay .random-bonus-popup button,[lang=fa] .random-bonus-popup-overlay .random-bonus-popup button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    margin: 20px 0 0;
    padding: 0 10px;
    width: auto
}

[lang=ar] .fortune-wheel-overlay,[lang=fa] .fortune-wheel-overlay {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200
}

[lang=ar] .fortune-wheel-overlay:after,[lang=fa] .fortune-wheel-overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .fortune-wheel-overlay .icon-close,[lang=fa] .fortune-wheel-overlay .icon-close {
    background: #ed1c24;
    border-radius: 100%;
    bottom: -21px;
    color: #fff;
    font-size: 20px;
    height: 42px;
    left: 50%;
    line-height: 42px;
    margin: 0 0 0 -21px;
    position: absolute;
    text-align: center;
    width: 42px
}

[lang=ar] .fortune-wheel-overlay .game-popup-window,[lang=fa] .fortune-wheel-overlay .game-popup-window {
    background: #181818;
    border: 1px solid #4d4d4d;
    display: inline-block;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    width: 90%
}

[lang=ar] .fortune-wheel-overlay .game-popup-window .frame-container,[lang=fa] .fortune-wheel-overlay .game-popup-window .frame-container {
    height: 230px;
    position: relative;
    width: 100%
}

[lang=ar] .fortune-wheel-overlay .game-popup-window .frame-container iframe,[lang=fa] .fortune-wheel-overlay .game-popup-window .frame-container iframe {
    left: 0;
    position: absolute;
    transition: filter .5s ease;
    width: 100%;
    z-index: 10
}

@media only screen and (orientation: portrait) {
    [lang=ar] .fortune-wheel-overlay .game-popup-window,[lang=fa] .fortune-wheel-overlay .game-popup-window {
        height:calc(100% - 120px)
    }

    [lang=ar] .fortune-wheel-overlay .game-popup-window .frame-container,[lang=fa] .fortune-wheel-overlay .game-popup-window .frame-container {
        height: 100%
    }
}

[lang=ar] #launcher,[lang=fa] #launcher {
    display: none!important
}

[lang=ar] .icon-bundesliga:before,[lang=fa] .icon-bundesliga:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/bundesliga-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-bundesliga:after,[lang=fa] .icon-bundesliga:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/bundesliga.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-championsleague:before,[lang=fa] .icon-championsleague:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/championsleague-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-championsleague:after,[lang=fa] .icon-championsleague:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/championsleague.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-euroleague:before,[lang=fa] .icon-euroleague:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/euroleague-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-euroleague:after,[lang=fa] .icon-euroleague:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/euroleague.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-la-liga:before,[lang=fa] .icon-la-liga:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/la-liga-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-la-liga:after,[lang=fa] .icon-la-liga:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/la-liga.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-league-1:before,[lang=fa] .icon-league-1:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/league-1-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-league-1:after,[lang=fa] .icon-league-1:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/league-1.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-premier-league:before,[lang=fa] .icon-premier-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/premier-league-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-premier-league:after,[lang=fa] .icon-premier-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/premier-league.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-serie-a:before,[lang=fa] .icon-serie-a:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/serie-a-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-serie-a:after,[lang=fa] .icon-serie-a:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/serie-a.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-super-league:before,[lang=fa] .icon-super-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/super-league-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-super-league:after,[lang=fa] .icon-super-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/super-league.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-football-manager:before,[lang=fa] .icon-football-manager:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/football-manager-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-football-manager:after,[lang=fa] .icon-football-manager:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/football-manager.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-liga-nos:before,[lang=fa] .icon-liga-nos:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/liga-nos-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-liga-nos:after,[lang=fa] .icon-liga-nos:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/liga-nos.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-brazilian-league:before,[lang=fa] .icon-brazilian-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/brazilian-league-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-brazilian-league:after,[lang=fa] .icon-brazilian-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/brazilian-league.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-world-cup:before,[lang=fa] .icon-world-cup:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/world-cup-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-world-cup:after,[lang=fa] .icon-world-cup:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/world-cup.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-swedish-league:before,[lang=fa] .icon-swedish-league:before {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/swedish-league-light.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .icon-swedish-league:after,[lang=fa] .icon-swedish-league:after {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/leagues/marsbahis.com/swedish-league.svg) no-repeat 50%/contain;
    content: ""
}

[lang=ar] .horizontal-scroll,[lang=fa] .horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .no-scroll .horizontal-scroll,[lang=fa] .no-scroll .horizontal-scroll {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .user-referral-link,[lang=fa] .user-referral-link {
    background: #202f4c;
    border-radius: 3px;
    color: #aeaeae;
    margin: 20px auto 0;
    padding: 10px;
    text-align: center;
    width: 100%
}

[lang=ar] .user-referral-link h2,[lang=fa] .user-referral-link h2 {
    color: #fff;
    text-align: center
}

[lang=ar] .user-referral-link a,[lang=ar] .user-referral-link a:active,[lang=ar] .user-referral-link a:hover,[lang=fa] .user-referral-link a,[lang=fa] .user-referral-link a:active,[lang=fa] .user-referral-link a:hover {
    color: #aeaeae
}

[lang=ar] .header,[lang=fa] .header {
    background: #000;
    border-bottom: 1px solid #ed1c24;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

[lang=ar] .header .header-content,[lang=fa] .header .header-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 14px
}

[lang=ar] .header .header-content .menu-icon,[lang=fa] .header .header-content .menu-icon {
    flex-shrink: 0;
    justify-content: flex-start;
    left: auto;
    position: relative;
    right: auto;
    top: auto
}

[lang=ar] .header .header-content .header-header_logo,[lang=ar] .header .header-content .logo,[lang=ar] .header .header-content .logo-link,[lang=fa] .header .header-content .header-header_logo,[lang=fa] .header .header-content .logo,[lang=fa] .header .header-content .logo-link {
    align-items: center;
    display: flex;
    flex: 1;
    height: 40px;
    justify-content: center
}

[lang=ar] .header .header-content .header-header_logo img,[lang=ar] .header .header-content .logo img,[lang=ar] .header .header-content .logo-link img,[lang=fa] .header .header-content .header-header_logo img,[lang=fa] .header .header-content .logo img,[lang=fa] .header .header-content .logo-link img {
    max-height: 100%;
    width: auto
}

[lang=ar] .header .header-content .header-right-icons,[lang=fa] .header .header-content .header-right-icons {
    align-items: center;
    display: flex;
    gap: 6px
}

[lang=ar] .header .header-content .live-chat,[lang=ar] .header .header-content .search-header,[lang=ar] .header .header-content .user-icon,[lang=fa] .header .header-content .live-chat,[lang=fa] .header .header-content .search-header,[lang=fa] .header .header-content .user-icon {
    align-items: center;
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    box-shadow: inset 0 0 7px 2px #000;
    display: flex;
    flex-shrink: 0;
    height: 30px;
    justify-content: center;
    width: 30px
}

[lang=ar] .header .header-content .live-chat i,[lang=ar] .header .header-content .search-header i,[lang=ar] .header .header-content .user-icon i,[lang=fa] .header .header-content .live-chat i,[lang=fa] .header .header-content .search-header i,[lang=fa] .header .header-content .user-icon i {
    color: #fff;
    font-size: 15px
}

[lang=ar] .header .header-content .live-chat span,[lang=ar] .header .header-content .search-header span,[lang=ar] .header .header-content .user-icon span,[lang=fa] .header .header-content .live-chat span,[lang=fa] .header .header-content .search-header span,[lang=fa] .header .header-content .user-icon span {
    display: none
}

[lang=ar] .header .header-content .live-chat a,[lang=ar] .header .header-content .search-header a,[lang=ar] .header .header-content .user-icon a,[lang=fa] .header .header-content .live-chat a,[lang=fa] .header .header-content .search-header a,[lang=fa] .header .header-content .user-icon a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

[lang=ar] .header .header-content .live-chat .middle,[lang=ar] .header .header-content .search-header .middle,[lang=ar] .header .header-content .user-icon .middle,[lang=fa] .header .header-content .live-chat .middle,[lang=fa] .header .header-content .search-header .middle,[lang=fa] .header .header-content .user-icon .middle {
    align-items: center;
    display: flex;
    justify-content: center
}

[lang=ar] .main-menu ul li,[lang=fa] .main-menu ul li {
    position: relative
}

[lang=ar] .main-menu ul li:before,[lang=fa] .main-menu ul li:before {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #000;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[lang=ar] .main-menu ul li:last-child:after,[lang=fa] .main-menu ul li:last-child:after {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

[lang=ar] .main-menu ul li a,[lang=fa] .main-menu ul li a {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 44px;
    padding: 0 0 0 14px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

[lang=ar] .main-menu ul li a:after,[lang=fa] .main-menu ul li a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .main-menu ul li a,[lang=fa] .main-menu ul li a {
    padding: 0 14px 0 0
}

[lang=ar] .main-menu ul li a.active,[lang=fa] .main-menu ul li a.active {
    color: #ed1c24
}

[lang=ar] .main-menu ul li a .group,[lang=fa] .main-menu ul li a .group {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .main-menu ul li a .group:after,[lang=fa] .main-menu ul li a .group:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .main-menu ul li a .group span,[lang=fa] .main-menu ul li a .group span {
    display: block;
    float: left
}

[lang=ar] .main-menu ul li a .tooltip,[lang=fa] .main-menu ul li a .tooltip {
    background: #edee00;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 1px 6px;
    text-align: center
}

[lang=ar] .burger-menu-overlay,[lang=fa] .burger-menu-overlay {
    background: radial-gradient(ellipse at center,#0000 0,#0000001c 11%,#000 100%);
    inset: 0;
    left: auto;
    opacity: 0;
    position: fixed;
    right: 0;
    z-index: -1
}

[lang=ar] .burger-menu-overlay.opened,[lang=fa] .burger-menu-overlay.opened {
    left: 230px;
    left: auto;
    opacity: 1;
    right: 230px;
    transition: left .5s ease,opacity .5s ease-in;
    transition: right .5s ease,opacity .5s ease-in;
    z-index: 102
}

[lang=ar] .burger-menu,[lang=fa] .burger-menu {
    background: #282727;
    height: 100%;
    left: -270px;
    left: auto;
    overflow-y: auto;
    padding-top: 60px;
    position: fixed;
    right: -270px;
    top: 0;
    transition: left .5s ease;
    transition: right .5s ease;
    width: 270px;
    z-index: 9999999
}

[lang=ar] .burger-menu.opened,[lang=fa] .burger-menu.opened {
    left: 0;
    left: auto;
    right: 0
}

[lang=ar] .burger-menu .menu-icon,[lang=fa] .burger-menu .menu-icon {
    justify-content: center;
    left: 0;
    left: auto;
    position: absolute;
    right: 0;
    top: 8px
}

[lang=ar] .burger-menu .header-profile,[lang=fa] .burger-menu .header-profile {
    position: relative
}

[lang=ar] .burger-menu .header-profile .username,[lang=fa] .burger-menu .header-profile .username {
    position: relative;
    width: 100%
}

[lang=ar] .burger-menu .header-profile .username .profile-icon,[lang=fa] .burger-menu .header-profile .username .profile-icon {
    left: 0;
    position: absolute;
    top: 22px
}

[lang=ar] .burger-menu .header-profile .username .profile-icon i,[lang=fa] .burger-menu .header-profile .username .profile-icon i {
    color: #fff;
    font-size: 15px
}

[lang=ar] .burger-menu .header-profile .username .log-out,[lang=fa] .burger-menu .header-profile .username .log-out {
    cursor: pointer;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 66px
}

[lang=ar] .burger-menu .header-profile .username .log-out i,[lang=fa] .burger-menu .header-profile .username .log-out i {
    color: #ed1c24;
    font-size: 17px
}

[lang=ar] .burger-menu .header-profile .username .account,[lang=fa] .burger-menu .header-profile .username .account {
    text-align: center
}

[lang=ar] .burger-menu .header-profile .username .account a,[lang=fa] .burger-menu .header-profile .username .account a {
    display: inline-block
}

[lang=ar] .burger-menu .header-profile .username .account a i,[lang=fa] .burger-menu .header-profile .username .account a i {
    background: #333;
    border-radius: 100%;
    color: #1a1a1a;
    display: block;
    font-size: 31px;
    height: 53px;
    line-height: 53px;
    margin: 0 auto;
    text-align: center;
    width: 53px
}

[lang=ar] .burger-menu .header-profile .username .account a>span,[lang=fa] .burger-menu .header-profile .username .account a>span {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 4px 0 0;
    text-align: center
}

[lang=ar] .burger-menu .header-profile .username .account a>span:nth-of-type(2),[lang=fa] .burger-menu .header-profile .username .account a>span:nth-of-type(2) {
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

[lang=ar] .burger-menu .header-profile .username .username-btn-group,[lang=fa] .burger-menu .header-profile .username .username-btn-group {
    margin: 13px 0 0
}

[lang=ar] .burger-menu .header-profile .username .username-btn-group a,[lang=fa] .burger-menu .header-profile .username .username-btn-group a {
    border: 1px solid #4d4d4d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 33.3333333333%
}

[lang=ar] .burger-menu .header-profile .username .username-btn-group a i,[lang=fa] .burger-menu .header-profile .username .username-btn-group a i {
    font-size: 14px
}

[lang=ar] .burger-menu .header-profile .username .username-btn-group a:nth-of-type(2),[lang=fa] .burger-menu .header-profile .username .username-btn-group a:nth-of-type(2) {
    border-left: none;
    border-right: none
}

[lang=ar] .burger-menu .header-profile .header-mail,[lang=fa] .burger-menu .header-profile .header-mail {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 19px
}

[lang=ar] .burger-menu .header-profile .header-mail .icon-notifications,[lang=fa] .burger-menu .header-profile .header-mail .icon-notifications {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle
}

[lang=ar] .burger-menu .header-profile .header-mail .notifications,[lang=fa] .burger-menu .header-profile .header-mail .notifications {
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 10px;
    padding: 1px 4px 3px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -5px
}

[lang=ar] .burger-menu .header-profile .header-mail .animate .icon-email,[lang=ar] .burger-menu .header-profile .header-mail .animate .notifications,[lang=fa] .burger-menu .header-profile .header-mail .animate .icon-email,[lang=fa] .burger-menu .header-profile .header-mail .animate .notifications {
    animation: ring 2s linear infinite
}

[lang=ar] .burger-menu .header-profile .money-wrap,[lang=fa] .burger-menu .header-profile .money-wrap {
    margin: 10px 0 0
}

[lang=ar] .burger-menu .header-profile .money-wrap a,[lang=fa] .burger-menu .header-profile .money-wrap a {
    border: 1px solid #4d4d4d;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    height: 80px;
    padding: 2px;
    text-align: center;
    width: 50%
}

[lang=ar] .burger-menu .header-profile .money-wrap a:after,[lang=fa] .burger-menu .header-profile .money-wrap a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .burger-menu .header-profile .money-wrap a:nth-of-type(2n),[lang=fa] .burger-menu .header-profile .money-wrap a:nth-of-type(2n) {
    border-left: none
}

[lang=ar] .burger-menu .header-profile .money-wrap a:nth-of-type(3),[lang=ar] .burger-menu .header-profile .money-wrap a:nth-of-type(4),[lang=fa] .burger-menu .header-profile .money-wrap a:nth-of-type(3),[lang=fa] .burger-menu .header-profile .money-wrap a:nth-of-type(4) {
    border-top: none
}

[lang=ar] .burger-menu .header-profile .money-wrap a p,[lang=fa] .burger-menu .header-profile .money-wrap a p {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .burger-menu .header-profile .money-wrap a p>span,[lang=fa] .burger-menu .header-profile .money-wrap a p>span {
    display: block;
    margin: 5px 0 0
}

[lang=ar] .burger-menu .header-profile .money-wrap a p>span:first-of-type,[lang=fa] .burger-menu .header-profile .money-wrap a p>span:first-of-type {
    font-family: NotoSansRegular,NotoSansBold,serif;
    margin: 4px 0 0
}

[lang=ar] .burger-menu .bottom-group,[lang=fa] .burger-menu .bottom-group {
    background: #5c5959;
    padding: 18px 16px
}

[lang=ar] .profile-menu>.center>.header-mail,[lang=fa] .profile-menu>.center>.header-mail {
    align-items: center;
    display: flex!important;
    height: 100%;
    justify-content: center;
    position: static!important;
    right: auto!important;
    top: auto!important;
    width: 100%
}

[lang=ar] .profile-menu>.center>.header-mail .middle,[lang=fa] .profile-menu>.center>.header-mail .middle {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

[lang=ar] .profile-menu>.center>.header-mail .middle .animation-wrap,[lang=fa] .profile-menu>.center>.header-mail .middle .animation-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 4px;
    position: relative;
    width: 100%
}

[lang=ar] .banner,[lang=fa] .banner {
    position: relative;
    z-index: 1
}

[lang=ar] .banner .banner-container,[lang=fa] .banner .banner-container {
    height: 117px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

[lang=ar] .banner .banner-container>.banner-img,[lang=fa] .banner .banner-container>.banner-img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

[lang=ar] .banner .banner-container.banner-container .slick-slider .slick-list .slick-track,[lang=fa] .banner .banner-container.banner-container .slick-slider .slick-list .slick-track {
    transform: none!important
}

[lang=ar] .banner .banner-container .slick-slider,[lang=fa] .banner .banner-container .slick-slider {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .banner .banner-container .slick-slider .slick-list,[lang=ar] .banner .banner-container .slick-slider .slick-list .slick-track,[lang=fa] .banner .banner-container .slick-slider .slick-list,[lang=fa] .banner .banner-container .slick-slider .slick-list .slick-track {
    height: 100%;
    width: 100%
}

[lang=ar] .banner .banner-container .slick-slider .image-wrap,[lang=fa] .banner .banner-container .slick-slider .image-wrap {
    height: 100%;
    position: relative
}

[lang=ar] .banner .banner-container .slick-slider .image-wrap .banner-img,[lang=fa] .banner .banner-container .slick-slider .image-wrap .banner-img {
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: center top;
    width: 100%
}

[lang=ar] .banner .banner-container .slick-slider button,[lang=fa] .banner .banner-container .slick-slider button {
    background: none;
    border-radius: 100%;
    display: none!important;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

[lang=ar] .banner .banner-container .slick-slider button:before,[lang=fa] .banner .banner-container .slick-slider button:before {
    content: "";
    font-size: 23px;
    height: auto;
    left: 7px;
    top: 9px;
    width: auto
}

[lang=ar] .banner .banner-container .slick-slider button.slick-prev,[lang=fa] .banner .banner-container .slick-slider button.slick-prev {
    left: 15px
}

[lang=ar] .banner .banner-container .slick-slider button.slick-next,[lang=fa] .banner .banner-container .slick-slider button.slick-next {
    right: 15px
}

[lang=ar] .banner .banner-container .slick-slider button.slick-next:before,[lang=fa] .banner .banner-container .slick-slider button.slick-next:before {
    content: "";
    left: 10px;
    top: 10px;
    transform: rotate(0deg)
}

[lang=ar] .banner .banner-container .slick-slider .slick-slide,[lang=ar] .banner .banner-container .slick-slider .slick-slide div,[lang=fa] .banner .banner-container .slick-slider .slick-slide,[lang=fa] .banner .banner-container .slick-slider .slick-slide div {
    height: 100%
}

[lang=ar] .banner .banner-container .slick-slider .slick-slide.slick-active,[lang=fa] .banner .banner-container .slick-slider .slick-slide.slick-active {
    z-index: 1
}

[lang=ar] .banner-panel-wrap,[lang=fa] .banner-panel-wrap {
    overflow: hidden;
    position: relative
}

[lang=ar] .banner-panel-wrap:after,[lang=fa] .banner-panel-wrap:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .banner-panel-wrap .banner-panel,[lang=fa] .banner-panel-wrap .banner-panel {
    align-content: flex-start;
    align-items: stretch;
    background: #1a1a1a;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

[lang=ar] .banner-panel-wrap .banner-panel .block,[lang=fa] .banner-panel-wrap .banner-panel .block {
    align-self: auto;
    background: #000;
    background: -moz-linear-gradient(top,#000 0,#282727 100%);
    background: -webkit-linear-gradient(top,#000,#282727);
    background: linear-gradient(180deg,#000 0,#282727);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0);
    flex: 0 1 100%;
    text-align: center
}

[lang=ar] .banner-panel-wrap .banner-panel .block:not(:last-child),[lang=fa] .banner-panel-wrap .banner-panel .block:not(:last-child) {
    margin: 0 1px 0 0
}

[lang=ar] .banner-panel-wrap .banner-panel .block .middle,[lang=fa] .banner-panel-wrap .banner-panel .block .middle {
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 40px;
    justify-content: center
}

[lang=ar] .banner-panel-wrap .banner-panel .block .middle i,[lang=fa] .banner-panel-wrap .banner-panel .block .middle i {
    color: #aeaeae;
    display: none;
    font-size: 23px
}

[lang=ar] .banner-panel-wrap .banner-panel .block .middle .title,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title {
    margin: 1px 0 0;
    width: 100%
}

[lang=ar] .banner-panel-wrap .banner-panel .block .middle .title h3,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title h3 {
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase
}

[lang=ar] .banner-panel-wrap .banner-panel .block .middle .title h2,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title h2 {
    color: #ed1c24;
    font-family: NotoSansBold,serif;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase
}

[lang=ar] .banner-panel-wrap .banner-news,[lang=fa] .banner-panel-wrap .banner-news {
    position: relative;
    width: 100%
}

[lang=ar] .banner-panel-wrap .banner-news>h2,[lang=fa] .banner-panel-wrap .banner-news>h2 {
    background: #000;
    background: -moz-linear-gradient(top,#000 0,#1a1a1a 100%);
    background: -webkit-linear-gradient(top,#000,#1a1a1a);
    background: linear-gradient(180deg,#000 0,#1a1a1a);
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0);
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 34px;
    padding: 0 0 0 19px;
    text-align: left;
    text-transform: uppercase
}

[lang=ar] .banner-panel-wrap .banner-news .badge,[lang=fa] .banner-panel-wrap .banner-news .badge {
    background: #ed1c24;
    border-radius: 0;
    height: 27px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 40px
}

[lang=ar] .banner-panel-wrap .banner-news .badge:after,[lang=fa] .banner-panel-wrap .banner-news .badge:after {
    border-left: 22px solid #0000;
    border-top: 13px solid #ed1c24;
    bottom: -12px;
    content: "";
    display: block;
    position: absolute;
    right: 0
}

[lang=ar] .banner-panel-wrap .banner-news .badge:before,[lang=fa] .banner-panel-wrap .banner-news .badge:before {
    border-right: 22px solid #0000;
    border-top: 13px solid #ed1c24;
    bottom: -12px;
    content: "";
    display: block;
    left: 0;
    position: absolute
}

[lang=ar] .banner-panel-wrap .banner-news .badge i,[lang=fa] .banner-panel-wrap .banner-news .badge i {
    color: #000;
    display: inline-block;
    font-size: 24px;
    line-height: 27px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container {
    height: auto;
    margin: 10px 0 0;
    padding: 0 10px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider {
    height: auto
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list {
    height: auto!important
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide {
    height: auto
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button {
    text-indent: 0;
    top: auto
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button:before,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide button:before {
    display: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block:after,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .image,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .image {
    border: 1px solid #4d4d4d;
    display: block;
    float: left;
    height: 84px;
    width: 112px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions {
    float: left;
    margin: 0 0 0 10px;
    width: 177px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text {
    min-height: 48px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text h2,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    min-height: 28px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text p,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .actions .text p {
    color: #ed1c24;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 5px 0 0
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group {
    margin: 10px 0 0;
    width: 100%
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group:after,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    position: relative;
    transition: background .5s ease
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i {
    color: #fff;
    transform-origin: center
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i.start-animation,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button i.start-animation {
    animation: scaleUp .5s ease
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0 5px;
    width: auto
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play span,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play span {
    display: block;
    font-family: OpenSansRegular,serif;
    font-size: 13px;
    text-transform: uppercase
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play i,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.play i {
    display: none
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0;
    width: 32px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite i,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite i {
    color: #fff;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: 5px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star {
    color: #ffe44d;
    opacity: 0;
    transform: scale(4);
    transform-origin: center
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.start-favorite-animation,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.start-favorite-animation {
    animation: dropDown .3s forwards
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.end-favorite-animation,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite .icon-star.end-favorite-animation {
    animation: scaleFade .5s forwards
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite.is-favorite .icon-star,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.favorite.is-favorite .icon-star {
    opacity: 1;
    transform: scale(1)
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0;
    width: 32px
}

[lang=ar] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo i,[lang=fa] .banner-panel-wrap .banner-news .vertical-slider-container .slick-slider .slick-list .slick-slide .winners-game-block .button-group button.demo i {
    color: #fff;
    font-size: 16px
}

[lang=ar] .panel-below-slider:after,[lang=fa] .panel-below-slider:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .panel-below-slider,[lang=fa] .panel-below-slider {
    color: #fff;
    margin-top: 20px;
    width: 100%
}

[lang=ar] .panel-below-slider p,[lang=fa] .panel-below-slider p {
    text-align: center;
    width: 100%
}

[lang=ar] .panel-below-slider img,[lang=fa] .panel-below-slider img {
    display: inline-block;
    padding: 0 20px;
    width: 100%
}

[lang=ar] .panel-redirect-banner:after,[lang=fa] .panel-redirect-banner:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .panel-redirect-banner,[lang=fa] .panel-redirect-banner {
    background: #c32426;
    color: #fff;
    margin: 16px 0 0
}

[lang=ar] .panel-redirect-banner p,[lang=fa] .panel-redirect-banner p {
    font-size: 9px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .panel-redirect-banner p span a,[lang=fa] .panel-redirect-banner p span a {
    background: #e02529;
    border: 2px solid #fff;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: lowercase
}

[lang=ar] .panel-leagues,[lang=fa] .panel-leagues {
    padding: 20px 0 0 10px;
    position: relative;
    width: 100%
}

[lang=ar] .panel-leagues>h2,[lang=fa] .panel-leagues>h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .panel-leagues .block-wrap,[lang=fa] .panel-leagues .block-wrap {
    padding: 0 0 10px;
    text-align: center
}

[lang=ar] .panel-leagues .block,[lang=fa] .panel-leagues .block {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 116px
}

[lang=ar] .panel-leagues .block a,[lang=fa] .panel-leagues .block a {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 104px;
    position: relative;
    text-decoration: none
}

[lang=ar] .panel-leagues .block a span,[lang=fa] .panel-leagues .block a span {
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px
}

[lang=ar] .panel-leagues .block a span:after,[lang=ar] .panel-leagues .block a span:before,[lang=fa] .panel-leagues .block a span:after,[lang=fa] .panel-leagues .block a span:before {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[lang=ar] .panel-leagues .block a span:after,[lang=fa] .panel-leagues .block a span:after {
    opacity: 0
}

[lang=ar] .panel-leagues .block a:hover,[lang=fa] .panel-leagues .block a:hover {
    border-color: #ed1c24
}

[lang=ar] .panel-leagues .block a:hover span:after,[lang=fa] .panel-leagues .block a:hover span:after {
    opacity: 1
}

[lang=ar] .panel-leagues .block h2,[lang=fa] .panel-leagues .block h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    margin: 5px 0 0;
    text-align: center
}

[lang=ar] .panel-games,[lang=fa] .panel-games {
    padding: 0 0 0 10px;
    position: relative;
    width: 100%
}

[lang=ar] .panel-games:before,[lang=fa] .panel-games:before {
    background: #18181800;
    background: -moz-linear-gradient(left,#18181800 0,#181818 100%);
    background: -webkit-linear-gradient(left,#18181800,#181818);
    background: linear-gradient(90deg,#18181800 0,#181818);
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$left",endColorstr="$right",GradientType=1);
    height: 500%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1
}

[lang=ar] .panel-games .panel-game-block,[lang=fa] .panel-games .panel-game-block {
    padding-top: 20px
}

[lang=ar] .panel-games .panel-game-block>h2,[lang=fa] .panel-games .panel-game-block>h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .panel-games .panel-game-block .blocks-wrap,[lang=fa] .panel-games .panel-game-block .blocks-wrap {
    overflow-x: auto;
    padding: 0 0 10px;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

[lang=ar] .panel-games .panel-game-block .blocks-wrap::-webkit-scrollbar,[lang=fa] .panel-games .panel-game-block .blocks-wrap::-webkit-scrollbar {
    display: none
}

[lang=ar] .panel-games .panel-game-block .game-block,[lang=fa] .panel-games .panel-game-block .game-block {
    background: none;
    border: none;
    display: inline-block;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    height: 184px;
    overflow: hidden;
    position: relative;
    width: 240px
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .image,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .image-container,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .image-container {
    height: 100%;
    width: 100%
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .image-container img.image,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .image-container img.image {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .overlay:after,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .overlay:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .overlay,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .overlay {
    text-align: center
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .overlay button,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .overlay button {
    float: none;
    padding: 0 10px 0 35px;
    width: auto
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .overlay button i,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .overlay button i {
    left: 15px
}

[lang=ar] .panel-games .panel-game-block .game-block>.image-wrap .overlay .demo-btn,[lang=fa] .panel-games .panel-game-block .game-block>.image-wrap .overlay .demo-btn {
    display: block;
    margin: 5px 0 0
}

[lang=ar] .panel-games .panel-game-block .game-block>h2,[lang=fa] .panel-games .panel-game-block .game-block>h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    padding: 5px 0;
    text-align: center
}

[lang=ar] .panel-product-banners,[lang=fa] .panel-product-banners {
    padding: 20px 0 0 10px;
    position: relative;
    width: 100%
}

[lang=ar] .panel-product-banners:before,[lang=fa] .panel-product-banners:before {
    background: #18181800;
    background: -moz-linear-gradient(left,#18181800 0,#181818 100%);
    background: -webkit-linear-gradient(left,#18181800,#181818);
    background: linear-gradient(90deg,#18181800 0,#181818);
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$left",endColorstr="$right",GradientType=1);
    height: 500%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1
}

[lang=ar] .panel-product-banners>h2,[lang=fa] .panel-product-banners>h2 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .panel-product-banners .blocks-wrap,[lang=fa] .panel-product-banners .blocks-wrap {
    overflow-x: auto;
    padding: 0 0 10px;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

[lang=ar] .panel-product-banners .blocks-wrap::-webkit-scrollbar,[lang=fa] .panel-product-banners .blocks-wrap::-webkit-scrollbar {
    display: none
}

[lang=ar] .panel-product-banners .panel-product-banner-block,[lang=fa] .panel-product-banners .panel-product-banner-block {
    border: 1px solid #4d4d4d;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    width: 305px
}

[lang=ar] .panel-product-banners .panel-product-banner-block img,[lang=fa] .panel-product-banners .panel-product-banner-block img {
    border-radius: 2px 2px 0 0;
    display: block;
    width: 100%
}

[lang=ar] .panel-product-banners .panel-product-banner-block .text,[lang=fa] .panel-product-banners .panel-product-banner-block .text {
    background: #181818;
    min-height: 70px;
    padding: 5px 12px;
    white-space: normal
}

[lang=ar] .panel-product-banners .panel-product-banner-block .text h2,[lang=fa] .panel-product-banners .panel-product-banner-block .text h2 {
    color: #fff;
    font-size: 14px
}

[lang=ar] .search-window,[lang=fa] .search-window {
    background: #000000f2;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 101
}

[lang=ar] .search-window .search-window-content,[lang=fa] .search-window .search-window-content {
    padding: 0;
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-header,[lang=fa] .search-window .search-window-content .search-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    justify-content: flex-end;
    justify-content: flex-start;
    padding: 0 16px
}

[lang=ar] .search-window .search-window-content .search-header .icon-close-round,[lang=fa] .search-window .search-window-content .search-header .icon-close-round {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    margin-left: -12px;
    margin-right: 0;
    width: 44px
}

[lang=ar] .search-window .search-window-content .search-input,[lang=fa] .search-window .search-window-content .search-input {
    align-items: center;
    border-bottom: 1px solid #4d4d4d4d;
    display: flex;
    gap: 10px;
    padding: 12px 16px
}

[lang=ar] .search-window .search-window-content .search-input .icon-wrap,[lang=fa] .search-window .search-window-content .search-input .icon-wrap {
    align-items: center;
    color: #ffffff80;
    display: flex;
    font-size: 14px;
    justify-content: center
}

[lang=ar] .search-window .search-window-content .search-input input,[lang=fa] .search-window .search-window-content .search-input input {
    background: none;
    border: none;
    color: #fff;
    flex: 1;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    outline: none;
    padding: 8px 0;
    text-align: left;
    text-align: right
}

[lang=ar] .search-window .search-window-content .search-input input::placeholder,[lang=fa] .search-window .search-window-content .search-input input::placeholder {
    color: #fff6
}

[lang=ar] .search-window .search-window-content .search-result-tabs,[lang=fa] .search-window .search-window-content .search-result-tabs {
    border-bottom: 1px solid #4d4d4d4d;
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
    padding: 0 16px
}

[lang=ar] .search-window .search-window-content .search-result-tabs button,[lang=fa] .search-window .search-window-content .search-result-tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    cursor: pointer;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    gap: 4px;
    padding: 12px 16px;
    text-transform: uppercase
}

[lang=ar] .search-window .search-window-content .search-result-tabs button>span,[lang=fa] .search-window .search-window-content .search-result-tabs button>span {
    color: #fff
}

[lang=ar] .search-window .search-window-content .search-result-tabs button>span:nth-of-type(2),[lang=fa] .search-window .search-window-content .search-result-tabs button>span:nth-of-type(2) {
    color: #ed1c24
}

[lang=ar] .search-window .search-window-content .search-result-tabs button.selected,[lang=fa] .search-window .search-window-content .search-result-tabs button.selected {
    border-color: #ed1c24
}

[lang=ar] .search-window .search-window-content .search-result,[lang=fa] .search-window .search-window-content .search-result {
    overflow: hidden;
    padding: 16px 16px 80px
}

[lang=ar] .search-window .search-window-content .search-result .global-pagination,[lang=fa] .search-window .search-window-content .search-result .global-pagination {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-result .global-pagination .pagination-wrap .pagination li,[lang=fa] .search-window .search-window-content .search-result .global-pagination .pagination-wrap .pagination li {
    direction: ltr;
    float: right;
    margin: 0 2px 0 0
}

[lang=ar] .search-window .search-window-content .search-result .search-group,[lang=fa] .search-window .search-window-content .search-result .search-group {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

[lang=ar] .search-window .search-window-content .search-result .search-group .game-block,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block {
    position: relative;
    width: calc(33.333% - 6px)
}

[lang=ar] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap {
    cursor: pointer;
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap .image,[lang=ar] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap img.image,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap .image,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block .image-animation-wrap img.image {
    aspect-ratio: 4/3;
    border-radius: 4px;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-result .search-group .game-block .game-title,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block .game-title {
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

[lang=ar] .search-window .search-window-content .search-result .search-group .game-block .overlay,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block .overlay {
    display: none
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block {
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block a,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 12px
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .image,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .image {
    border-radius: 4px;
    flex-shrink: 0;
    height: 65px;
    overflow: hidden;
    width: 110px
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .image img,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text {
    flex: 1;
    min-width: 0
}

[lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2 {
    color: #ed1c24;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

[lang=ar] .game-block,[lang=fa] .game-block {
    display: flex;
    flex-direction: column
}

[lang=ar] .game-block .game-player-count,[lang=fa] .game-block .game-player-count {
    align-items: center;
    color: #ffffffe6;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 9px;
    gap: 4px;
    justify-content: flex-start;
    padding: 4px 0
}

[lang=ar] .game-block .game-player-count .online-indicator,[lang=fa] .game-block .game-player-count .online-indicator {
    background: lime;
    border-radius: 50%;
    box-shadow: 0 0 4px #0f09;
    flex-shrink: 0;
    height: 6px;
    width: 6px
}

[lang=ar] .game-block .game-player-count>span:not(.online-indicator),[lang=fa] .game-block .game-player-count>span:not(.online-indicator) {
    line-height: 1;
    white-space: nowrap
}

[lang=ar] .sidebar,[lang=fa] .sidebar {
    border-top: 1px solid #4d4d4d;
    text-align: center
}

[lang=ar] .sidebar .toggle-filters,[lang=fa] .sidebar .toggle-filters {
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 10px 0
}

[lang=ar] .sidebar .toggle-filters i,[lang=fa] .sidebar .toggle-filters i {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 10px;
    vertical-align: middle
}

[lang=ar] .sidebar .toggle-filters span,[lang=fa] .sidebar .toggle-filters span {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

[lang=ar] .sidebar .toggle-filters img,[lang=fa] .sidebar .toggle-filters img {
    display: inline-block;
    height: 21px;
    vertical-align: middle
}

[lang=ar] .sidebar .main-sidebar .filters-tabs button,[lang=fa] .sidebar .main-sidebar .filters-tabs button {
    background: none;
    background: #181818;
    border: none;
    border-bottom: 2px solid #4d4d4d;
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 24px;
    padding: 0 10px 5px;
    width: 49.5%
}

[lang=ar] .sidebar .main-sidebar .filters-tabs button:first-child,[lang=fa] .sidebar .main-sidebar .filters-tabs button:first-child {
    margin: 0 0 0 1%
}

[lang=ar] .sidebar .main-sidebar .filters-tabs button>span,[lang=fa] .sidebar .main-sidebar .filters-tabs button>span {
    color: #fff;
    display: inline-block
}

[lang=ar] .sidebar .main-sidebar .filters-tabs button.active,[lang=fa] .sidebar .main-sidebar .filters-tabs button.active {
    border-color: #ed1c24
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu:after,[lang=fa] .sidebar .main-sidebar .sidebar-menu:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu .categories-list,[lang=ar] .sidebar .main-sidebar .sidebar-menu .provider-list,[lang=fa] .sidebar .main-sidebar .sidebar-menu .categories-list,[lang=fa] .sidebar .main-sidebar .sidebar-menu .provider-list {
    margin: 4px 0 0;
    padding: 0 3px
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul:after,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul {
    text-align: left;
    text-align: right
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li {
    display: inline-block;
    margin: 2px 0 0 .5%;
    width: 19.6%
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(5n+5),[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(5n+5) {
    margin: 2px 0 0
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li.active a,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li.active a {
    background: #ed1c24
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li a,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li a {
    background: #282727;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 32px;
    padding: 0 2px;
    text-align: center
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li a:after,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li a i,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li a i {
    display: none
}

[lang=ar] .sidebar .main-sidebar .sidebar-menu ul li a span,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li a span {
    display: inline-block;
    font-family: NotoSansRegular,serif;
    margin: 0;
    text-transform: capitalize;
    vertical-align: middle
}

[lang=ar] .page-content:after,[lang=fa] .page-content:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .page-content .home-page,[lang=fa] .page-content .home-page {
    padding: 10px 10px 0
}

[lang=ar] .page-content .home-page>.flex-games-block,[lang=fa] .page-content .home-page>.flex-games-block {
    box-sizing: border-box;
    width: 100%
}

[lang=ar] .page-content .home-page>.flex-games-block>div,[lang=fa] .page-content .home-page>.flex-games-block>div {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

[lang=ar] .page-content .home-page>.flex-games-block>div .game-block,[lang=fa] .page-content .home-page>.flex-games-block>div .game-block {
    flex-grow: 0;
    flex-shrink: 0;
    float: none;
    margin: 0;
    width: calc(33.33333% - 6.66667px)
}

@media screen and (min-width: 768px) {
    [lang=ar] .page-content .home-page>.flex-games-block>div,[lang=fa] .page-content .home-page>.flex-games-block>div {
        gap:12px
    }

    [lang=ar] .page-content .home-page>.flex-games-block>div .game-block,[lang=fa] .page-content .home-page>.flex-games-block>div .game-block {
        width: calc(16.66667% - 10px)
    }
}

[lang=ar] .page-content .game-grid-top-panel,[lang=fa] .page-content .game-grid-top-panel {
    margin: 0;
    padding: 0 10px
}

[lang=ar] .page-content .game-grid-top-panel .flex-games-block,[lang=fa] .page-content .game-grid-top-panel .flex-games-block {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

[lang=ar] .page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track,[lang=fa] .page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start
}

[lang=ar] .page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track .slick-slide,[lang=fa] .page-content .game-grid-top-panel .flex-games-block.slick-flex .slick-track .slick-slide {
    width: calc(33.33333% - 6.66667px)
}

[lang=ar] .page-content .game-grid-top-panel .flex-games-block>div,[lang=fa] .page-content .game-grid-top-panel .flex-games-block>div {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

[lang=ar] .page-content .game-grid-top-panel .flex-games-block>div .game-block,[lang=fa] .page-content .game-grid-top-panel .flex-games-block>div .game-block {
    flex-grow: 0;
    flex-shrink: 0;
    float: none;
    margin: 0;
    width: calc(33.33333% - 6.66667px)
}

@media screen and (min-width: 768px) {
    [lang=ar] .page-content .game-grid-top-panel .flex-games-block>div,[lang=fa] .page-content .game-grid-top-panel .flex-games-block>div {
        gap:12px
    }

    [lang=ar] .page-content .game-grid-top-panel .flex-games-block>div .game-block,[lang=fa] .page-content .game-grid-top-panel .flex-games-block>div .game-block {
        width: calc(16.66667% - 10px)
    }
}

[lang=ar] .page-content .game-grid-top-panel .search-input,[lang=fa] .page-content .game-grid-top-panel .search-input {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .page-content .game-grid-top-panel .search-input input,[lang=fa] .page-content .game-grid-top-panel .search-input input {
    color: #fff;
    font-size: 14px;
    padding: 0 25px 14px
}

[lang=ar] .page-content .game-grid-top-panel .search-input input::-webkit-input-placeholder,[lang=fa] .page-content .game-grid-top-panel .search-input input::-webkit-input-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif
}

[lang=ar] .page-content .game-grid-top-panel .search-input input:-moz-placeholder,[lang=ar] .page-content .game-grid-top-panel .search-input input::-moz-placeholder,[lang=fa] .page-content .game-grid-top-panel .search-input input:-moz-placeholder,[lang=fa] .page-content .game-grid-top-panel .search-input input::-moz-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif;
    opacity: 1
}

[lang=ar] .page-content .game-grid-top-panel .search-input input:-ms-input-placeholder,[lang=fa] .page-content .game-grid-top-panel .search-input input:-ms-input-placeholder {
    color: #fff;
    font-family: OpenSansRegular,serif
}

[lang=ar] .page-content .game-grid-top-panel .search-input .icon-search,[lang=fa] .page-content .game-grid-top-panel .search-input .icon-search {
    color: #fff;
    display: block;
    font-size: 13px;
    position: absolute;
    top: 2px
}

[lang=ar] .page-content .game-grid-top-panel .search-input .icon-close-round,[lang=fa] .page-content .game-grid-top-panel .search-input .icon-close-round {
    color: #fff;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

[lang=ar] .page-content .total-games,[lang=fa] .page-content .total-games {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin: 10px 0
}

[lang=ar] .page-content .game-block,[lang=fa] .page-content .game-block {
    border-radius: 7px;
    box-sizing: border-box;
    position: relative;
    width: calc(33.33333% - 6.66667px)
}

[lang=ar] .page-content .game-block .game-item-badge,[lang=fa] .page-content .game-block .game-item-badge {
    background: #ff0031;
    border: 1px solid #0000;
    border-radius: 5px;
    display: flex;
    left: 6px;
    padding: 2px 4px;
    position: absolute;
    top: 9px;
    z-index: 6
}

[lang=ar] .page-content .game-block .game-item-badge.badge-new,[lang=fa] .page-content .game-block .game-item-badge.badge-new {
    background: #ff0031
}

[lang=ar] .page-content .game-block .game-item-badge.badge-exclusive,[lang=fa] .page-content .game-block .game-item-badge.badge-exclusive {
    background: #088c35
}

[lang=ar] .page-content .game-block .game-item-badge span,[lang=fa] .page-content .game-block .game-item-badge span {
    color: #d7d7d7;
    font-size: 8px;
    text-transform: uppercase
}

[lang=ar] .page-content .game-block .image-animation-wrap,[lang=fa] .page-content .game-block .image-animation-wrap {
    position: relative;
    width: 100%
}

[lang=ar] .page-content .game-block .image-animation-wrap .image,[lang=fa] .page-content .game-block .image-animation-wrap .image {
    aspect-ratio: 4/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    height: auto;
    position: relative;
    width: 100%
}

[lang=ar] .page-content .game-block .image-animation-wrap .image img,[lang=fa] .page-content .game-block .image-animation-wrap .image img {
    display: none
}

[lang=ar] .page-content .game-block .image-animation-wrap .title,[lang=fa] .page-content .game-block .image-animation-wrap .title {
    height: 40px;
    text-align: center
}

[lang=ar] .page-content .game-block .image-animation-wrap .title:after,[lang=fa] .page-content .game-block .image-animation-wrap .title:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .page-content .game-block .image-animation-wrap .title .game-title,[lang=fa] .page-content .game-block .image-animation-wrap .title .game-title {
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .game-block-popup,[lang=fa] .game-block-popup {
    background: #000000e6;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(0);
    width: 100%;
    z-index: 110
}

[lang=ar] .game-block-popup:after,[lang=fa] .game-block-popup:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .game-block-popup .popup-overlay,[lang=fa] .game-block-popup .popup-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[lang=ar] .game-block-popup .popup-content,[lang=fa] .game-block-popup .popup-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

[lang=ar] .game-block-popup .popup-close,[lang=fa] .game-block-popup .popup-close {
    align-items: center;
    background: #282727;
    border: 2px solid #4d4d4d;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -12px;
    top: -12px;
    transition: background .2s ease,transform .2s ease;
    width: 32px;
    z-index: 10
}

[lang=ar] .game-block-popup .popup-close i,[lang=fa] .game-block-popup .popup-close i {
    color: #fff;
    font-size: 14px
}

[lang=ar] .game-block-popup .popup-close:active,[lang=fa] .game-block-popup .popup-close:active {
    background: #424040;
    transform: scale(.95)
}

[lang=ar] .game-block-popup .image-wrap,[lang=fa] .game-block-popup .image-wrap {
    border-radius: 8px;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 220px
}

[lang=ar] .game-block-popup .image-wrap .popup-image,[lang=fa] .game-block-popup .image-wrap .popup-image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

[lang=ar] .game-block-popup .image-wrap .favorite,[lang=fa] .game-block-popup .image-wrap .favorite {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 100%;
    bottom: auto;
    color: #fff;
    height: 36px;
    left: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    z-index: 2
}

[lang=ar] .game-block-popup .image-wrap .favorite i,[lang=fa] .game-block-popup .image-wrap .favorite i {
    color: #fff;
    font-size: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%
}

[lang=ar] .game-block-popup .image-wrap .favorite .icon-star,[lang=fa] .game-block-popup .image-wrap .favorite .icon-star {
    color: #ffe44d;
    opacity: 0;
    transform: scale(4);
    transform-origin: center
}

[lang=ar] .game-block-popup .image-wrap .favorite .icon-star.start-favorite-animation,[lang=fa] .game-block-popup .image-wrap .favorite .icon-star.start-favorite-animation {
    animation: dropDown .3s forwards
}

[lang=ar] .game-block-popup .image-wrap .favorite .icon-star.end-favorite-animation,[lang=fa] .game-block-popup .image-wrap .favorite .icon-star.end-favorite-animation {
    animation: scaleFade .5s forwards
}

[lang=ar] .game-block-popup .image-wrap .favorite.is-favorite .icon-star,[lang=fa] .game-block-popup .image-wrap .favorite.is-favorite .icon-star {
    opacity: 1;
    transform: scale(1)
}

[lang=ar] .game-block-popup .game-info,[lang=fa] .game-block-popup .game-info {
    padding: 12px 0;
    text-align: center;
    width: 220px
}

[lang=ar] .game-block-popup .game-info .game-title,[lang=fa] .game-block-popup .game-info .game-title {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[lang=ar] .game-block-popup .game-info .game-provider,[lang=fa] .game-block-popup .game-info .game-provider {
    color: #fff9;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    margin-top: 4px
}

[lang=ar] .game-block-popup .button-group,[lang=fa] .game-block-popup .button-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 220px
}

[lang=ar] .game-block-popup .button-group .demo,[lang=ar] .game-block-popup .button-group .play,[lang=fa] .game-block-popup .button-group .demo,[lang=fa] .game-block-popup .button-group .play {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

[lang=ar] .game-block-popup .button-group .demo .icon-wrap,[lang=ar] .game-block-popup .button-group .play .icon-wrap,[lang=fa] .game-block-popup .button-group .demo .icon-wrap,[lang=fa] .game-block-popup .button-group .play .icon-wrap {
    display: none
}

[lang=ar] .game-block-popup .button-group .play,[lang=fa] .game-block-popup .button-group .play {
    background: #088c35;
    border: 1px solid #088c35;
    border-top-color: #0bbc47;
    color: #fff;
    padding: 0;
    width: 100%
}

[lang=ar] .game-block-popup .button-group .demo,[lang=fa] .game-block-popup .button-group .demo {
    background: #282727;
    border: 1px solid #282727;
    border-top-color: #424040;
    color: #fff;
    padding: 0;
    width: 100%
}

[lang=ar] .page-content.full-iframe iframe,[lang=fa] .page-content.full-iframe iframe {
    height: 100%;
    left: 0;
    padding: 80px 0 60px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

[lang=ar] .page-content.full-iframe:has(.oddsmatrix),[lang=fa] .page-content.full-iframe:has(.oddsmatrix) {
    height: auto;
    padding: 0;
    position: relative;
    top: auto
}

[lang=ar] .main-container:has(.oddsmatrix) .auth-btns,[lang=ar] .main-container:has(.oddsmatrix) .profile-menu,[lang=fa] .main-container:has(.oddsmatrix) .auth-btns,[lang=fa] .main-container:has(.oddsmatrix) .profile-menu {
    display: none
}

[lang=ar] .page-content.full-iframe .oddsmatrix,[lang=fa] .page-content.full-iframe .oddsmatrix {
    height: auto;
    position: relative;
    width: 100%
}

[lang=ar] .page-content.full-iframe .oddsmatrix iframe,[lang=fa] .page-content.full-iframe .oddsmatrix iframe {
    height: auto;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
    z-index: auto
}

[lang=ar] .omfe-overlay-active,[lang=fa] .omfe-overlay-active {
    overflow: hidden
}

[lang=ar] .omfe-overlay-active .page-content.full-iframe:has(.oddsmatrix),[lang=fa] .omfe-overlay-active .page-content.full-iframe:has(.oddsmatrix) {
    bottom: 0;
    height: auto;
    padding: 0;
    position: fixed;
    top: 60px
}

[lang=ar] .omfe-overlay-active .page-content.full-iframe .oddsmatrix iframe,[lang=fa] .omfe-overlay-active .page-content.full-iframe .oddsmatrix iframe {
    height: calc(100vh - 60px)
}

[lang=ar] .omfe-overlay-active .auth-btns,[lang=ar] .omfe-overlay-active .profile-menu,[lang=ar] .omfe-overlay-active footer,[lang=fa] .omfe-overlay-active .auth-btns,[lang=fa] .omfe-overlay-active .profile-menu,[lang=fa] .omfe-overlay-active footer {
    display: none
}

[lang=ar] footer,[lang=fa] footer {
    margin: 10px 0 0
}

[lang=ar] footer .payment-types,[lang=fa] footer .payment-types {
    border-bottom: 1px solid #181818;
    padding: 0 0 16px
}

[lang=ar] footer .payment-types span:after,[lang=fa] footer .payment-types span:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] footer .payment-types span,[lang=fa] footer .payment-types span {
    display: inline-block;
    height: 28px;
    margin: 7px 0 0;
    text-align: center;
    width: 59.5px
}

[lang=ar] footer .payment-types span img,[lang=fa] footer .payment-types span img {
    display: inline-block;
    max-height: 22px;
    max-width: 52px;
    vertical-align: middle
}

[lang=ar] footer .payment-types span img:not(:first-child),[lang=fa] footer .payment-types span img:not(:first-child) {
    margin: 0 0 12px 20px
}

[lang=ar] footer .footer-logo,[lang=fa] footer .footer-logo {
    margin: 15px auto 0;
    width: 66%
}

[lang=ar] footer .license-logos,[lang=fa] footer .license-logos {
    align-items: flex-start;
    border-bottom: 1px solid #181818;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: left;
    padding: 16px 0 4px
}

[lang=ar] footer .license-logos .ceg-seal,[lang=fa] footer .license-logos .ceg-seal {
    display: block;
    text-align: center
}

[lang=ar] footer .license-logos .ceg-seal p,[lang=fa] footer .license-logos .ceg-seal p {
    margin: 0
}

[lang=ar] footer .license-logos .ceg-seal p a,[lang=fa] footer .license-logos .ceg-seal p a {
    display: inline-block
}

[lang=ar] footer .license-logos .ceg-seal p a img,[lang=fa] footer .license-logos .ceg-seal p a img {
    height: 80px;
    max-height: 80px;
    width: auto
}

[lang=ar] footer .license-logos .header-sponsorships,[lang=fa] footer .license-logos .header-sponsorships {
    color: #fff;
    margin: 16px 0 0;
    width: 100%
}

[lang=ar] footer .license-logos .header-sponsorships ul,[lang=fa] footer .license-logos .header-sponsorships ul {
    display: flex;
    gap: 12px;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

[lang=ar] footer .license-logos .header-sponsorships ul li,[lang=fa] footer .license-logos .header-sponsorships ul li {
    display: inline-block
}

[lang=ar] footer .license-logos .header-sponsorships ul li img,[lang=fa] footer .license-logos .header-sponsorships ul li img {
    max-height: 30px;
    width: auto
}

[lang=ar] footer .license-logos .header-sponsorships p,[lang=fa] footer .license-logos .header-sponsorships p {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
    text-align: center;
    width: 100%
}

[lang=ar] footer .copy-block,[lang=fa] footer .copy-block {
    margin: 15px 0 0
}

[lang=ar] footer .copy-block img,[lang=fa] footer .copy-block img {
    display: none
}

[lang=ar] footer .copy-block h2,[lang=fa] footer .copy-block h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center
}

[lang=ar] footer .copy-block h2 a,[lang=fa] footer .copy-block h2 a {
    color: #ed1c24;
    text-decoration: none
}

[lang=ar] footer .copy-block .license p,[lang=fa] footer .copy-block .license p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 9px;
    line-height: 16px;
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[lang=ar] footer .copy-block .license.more p,[lang=fa] footer .copy-block .license.more p {
    white-space: normal
}

[lang=ar] footer .copy-block .arrow,[lang=fa] footer .copy-block .arrow {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 18px;
    margin: 7px 0 0;
    text-align: center
}

[lang=ar] footer .footer-menu-block,[lang=fa] footer .footer-menu-block {
    margin: 17px 0 0
}

[lang=ar] footer .footer-menu-block ul:after,[lang=fa] footer .footer-menu-block ul:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] footer .footer-menu-block ul,[lang=fa] footer .footer-menu-block ul {
    margin: 10px 0 0
}

[lang=ar] footer .footer-menu-block ul li,[lang=fa] footer .footer-menu-block ul li {
    float: left;
    float: right;
    margin: 5px 0 0;
    position: relative
}

[lang=ar] footer .footer-menu-block ul li a,[lang=fa] footer .footer-menu-block ul li a {
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 9px;
    padding: 0 0 0 10px;
    position: relative
}

[lang=ar] footer .footer-menu-block ul li a:after,[lang=fa] footer .footer-menu-block ul li a:after {
    color: #fff;
    content: "";
    display: block;
    font-family: Icons!important;
    font-size: 16px;
    position: absolute;
    right: -3px;
    top: -2px;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: -3px;
    right: auto
}

[lang=ar] footer .footer-menu-block ul li:last-child a:after,[lang=fa] footer .footer-menu-block ul li:last-child a:after {
    display: none
}

[lang=ar] .bonus-page,[lang=fa] .bonus-page {
    padding: 0 15px
}

[lang=ar] .bonus-page>h2,[lang=fa] .bonus-page>h2 {
    border-bottom: 1px solid #4d4d4d;
    color: #fff;
    font-size: 17px;
    padding: 12px 0;
    text-align: center
}

[lang=ar] .bonus-page .bonus-wrap,[lang=fa] .bonus-page .bonus-wrap {
    margin: 16px 0 0
}

[lang=ar] .bonus-page .bonus-game-wrap,[lang=fa] .bonus-page .bonus-game-wrap {
    margin: 24px 0 0
}

[lang=ar] .bonus-page .bonus-game-wrap .bonus-block,[lang=fa] .bonus-page .bonus-game-wrap .bonus-block {
    margin: 12px 0 0
}

[lang=ar] .bonus-page .bonus-game-wrap .bonus-block:first-child,[lang=fa] .bonus-page .bonus-game-wrap .bonus-block:first-child {
    margin-top: 0
}

[lang=ar] .bonus-page .bonus-block,[lang=fa] .bonus-page .bonus-block {
    background: #28272780;
    border-radius: 8px;
    margin: 16px 0 0;
    overflow: hidden;
    padding: 8px;
    width: 100%
}

[lang=ar] .bonus-page .bonus-block:first-child,[lang=fa] .bonus-page .bonus-block:first-child {
    margin-top: 0
}

[lang=ar] .bonus-page .bonus-block .image,[lang=fa] .bonus-page .bonus-block .image {
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

[lang=ar] .bonus-page .bonus-block .image img,[lang=fa] .bonus-page .bonus-block .image img {
    display: block;
    width: 100%
}

[lang=ar] .bonus-page .bonus-block .image i,[lang=fa] .bonus-page .bonus-block .image i {
    align-items: center;
    background: #ed1c24;
    border-radius: 50%;
    bottom: -16px;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    position: absolute;
    right: 12px;
    text-align: center;
    width: 32px
}

[lang=ar] .bonus-page .bonus-block .text,[lang=fa] .bonus-page .bonus-block .text {
    margin: 8px auto 0;
    padding: 0 8px;
    text-align: center
}

[lang=ar] .bonus-page .bonus-block .text p,[lang=fa] .bonus-page .bonus-block .text p {
    color: #fff;
    font-size: 13px;
    line-height: 1.4
}

[lang=ar] .bonus-page .bonus-block .game-text,[lang=fa] .bonus-page .bonus-block .game-text {
    padding: 12px;
    text-align: center
}

[lang=ar] .bonus-page .bonus-block .game-text h2,[lang=fa] .bonus-page .bonus-block .game-text h2 {
    color: #fff;
    font-size: 14px;
    margin: 0 0 4px
}

[lang=ar] .bonus-page .bonus-block .game-text p,[lang=fa] .bonus-page .bonus-block .game-text p {
    color: #ffffffb3;
    font-size: 12px;
    margin: 0 0 12px
}

[lang=ar] .bonus-page .bonus-block .game-text .button,[lang=fa] .bonus-page .bonus-block .game-text .button {
    align-items: center;
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    gap: 6px;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px
}

[lang=ar] .bonus-page .bonus-block .game-text .button i,[lang=fa] .bonus-page .bonus-block .game-text .button i {
    font-size: 12px
}

[lang=ar] .tournaments-page img,[lang=fa] .tournaments-page img {
    display: block;
    height: auto;
    max-width: 100%
}

[lang=ar] .tournaments-page .text,[lang=fa] .tournaments-page .text {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0 0
}

[lang=ar] .tournaments-page .text p,[lang=fa] .tournaments-page .text p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 18px
}

[lang=ar] .tournaments-page .text p:not(:first-child),[lang=fa] .tournaments-page .text p:not(:first-child) {
    margin: 20px 0 0
}

[lang=ar] .tournaments-page .text h1,[lang=ar] .tournaments-page .text h2,[lang=ar] .tournaments-page .text h3,[lang=fa] .tournaments-page .text h1,[lang=fa] .tournaments-page .text h2,[lang=fa] .tournaments-page .text h3 {
    border: none;
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    margin: 20px 0 0;
    padding: 15px 0 15px 15px;
    position: relative
}

[lang=ar] .tournaments-page .text h1:before,[lang=ar] .tournaments-page .text h2:before,[lang=ar] .tournaments-page .text h3:before,[lang=fa] .tournaments-page .text h1:before,[lang=fa] .tournaments-page .text h2:before,[lang=fa] .tournaments-page .text h3:before {
    background: #282727;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[lang=ar] .tournaments-page .text h1:after,[lang=ar] .tournaments-page .text h2:after,[lang=ar] .tournaments-page .text h3:after,[lang=fa] .tournaments-page .text h1:after,[lang=fa] .tournaments-page .text h2:after,[lang=fa] .tournaments-page .text h3:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

[lang=ar] .tournaments-page .text h2,[lang=fa] .tournaments-page .text h2 {
    font-size: 23px
}

[lang=ar] .tournaments-page .text h1,[lang=fa] .tournaments-page .text h1 {
    border: none;
    font-size: 26px
}

[lang=ar] .tournaments-page .text h3,[lang=fa] .tournaments-page .text h3 {
    font-family: NotoSansRegular,serif;
    font-size: 20px
}

[lang=ar] .tournaments-page .text strong,[lang=fa] .tournaments-page .text strong {
    font-family: NotoSansBold,serif
}

[lang=ar] .tournaments-page .text a,[lang=fa] .tournaments-page .text a {
    color: #fff
}

[lang=ar] .tournaments-page .text a:visited,[lang=fa] .tournaments-page .text a:visited {
    color: #aeaeae
}

[lang=ar] .tournaments-page .text ol,[lang=ar] .tournaments-page .text ul,[lang=fa] .tournaments-page .text ol,[lang=fa] .tournaments-page .text ul {
    list-style: initial;
    margin: 20px 0 0;
    padding: 0 25px 0 0
}

[lang=ar] .tournaments-page .text ol li,[lang=ar] .tournaments-page .text ul li,[lang=fa] .tournaments-page .text ol li,[lang=fa] .tournaments-page .text ul li {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 18px
}

[lang=ar] .tournaments-page .text ol li:not(:first-child),[lang=ar] .tournaments-page .text ul li:not(:first-child),[lang=fa] .tournaments-page .text ol li:not(:first-child),[lang=fa] .tournaments-page .text ul li:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .tournaments-page .text ol,[lang=fa] .tournaments-page .text ol {
    list-style: decimal
}

[lang=ar] .tournaments-page table,[lang=fa] .tournaments-page table {
    width: 100%
}

[lang=ar] .tournaments-page table td,[lang=fa] .tournaments-page table td {
    border: 1px solid #4d4d4d;
    font-family: NotoSansRegular,serif;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

[lang=ar] .tournaments-page table td:not(:first-child),[lang=fa] .tournaments-page table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

[lang=ar] .single-bonus-page,[lang=fa] .single-bonus-page {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0;
    padding: 0 15px
}

[lang=ar] .single-bonus-page>img,[lang=fa] .single-bonus-page>img {
    display: block;
    margin: 0 auto;
    width: 100%
}

[lang=ar] .single-bonus-page .single-bonus-category,[lang=fa] .single-bonus-page .single-bonus-category {
    margin: 20px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-category h2,[lang=fa] .single-bonus-page .single-bonus-category h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .single-bonus-page .single-bonus-category ul,[lang=fa] .single-bonus-page .single-bonus-category ul {
    height: auto;
    margin: 10px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 15px;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .single-bonus-page .single-bonus-category ul li,[lang=fa] .single-bonus-page .single-bonus-category ul li {
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

[lang=ar] .single-bonus-page .single-bonus-category ul li:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-category ul li:not(:first-child) {
    margin: 0 0 0 10px
}

[lang=ar] .single-bonus-page .single-bonus-content,[lang=fa] .single-bonus-page .single-bonus-content {
    margin: 20px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content>h1,[lang=fa] .single-bonus-page .single-bonus-content>h1 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 20px
}

[lang=ar] .single-bonus-page .single-bonus-content .get,[lang=fa] .single-bonus-page .single-bonus-content .get {
    border: 1px solid #39b54a;
    color: #39b54a;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    margin: 15px 0 0;
    padding: 10px 15px 10px 60px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

[lang=ar] .single-bonus-page .single-bonus-content .get i,[lang=fa] .single-bonus-page .single-bonus-content .get i {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/icon.svg) no-repeat 50%/contain;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px
}

[lang=ar] .single-bonus-page .single-bonus-content .get i:before,[lang=fa] .single-bonus-page .single-bonus-content .get i:before {
    display: none
}

[lang=ar] .single-bonus-page .single-bonus-content .text,[lang=fa] .single-bonus-page .single-bonus-content .text {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 16px;
    margin: 15px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content .text p,[lang=fa] .single-bonus-page .single-bonus-content .text p {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 16px
}

[lang=ar] .single-bonus-page .single-bonus-content .text p:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-content .text p:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content .text h1,[lang=ar] .single-bonus-page .single-bonus-content .text h2,[lang=ar] .single-bonus-page .single-bonus-content .text h3,[lang=ar] .single-bonus-page .single-bonus-content .text h4,[lang=ar] .single-bonus-page .single-bonus-content .text h5,[lang=ar] .single-bonus-page .single-bonus-content .text h6,[lang=fa] .single-bonus-page .single-bonus-content .text h1,[lang=fa] .single-bonus-page .single-bonus-content .text h2,[lang=fa] .single-bonus-page .single-bonus-content .text h3,[lang=fa] .single-bonus-page .single-bonus-content .text h4,[lang=fa] .single-bonus-page .single-bonus-content .text h5,[lang=fa] .single-bonus-page .single-bonus-content .text h6 {
    border-bottom: 1px solid #4d4d4d;
    border-top: 1px solid #000;
    color: #fff;
    font-family: NotoSansBold,serif;
    margin: 15px 0 0;
    padding: 15px 0 15px 15px;
    position: relative
}

[lang=ar] .single-bonus-page .single-bonus-content .text h1:before,[lang=ar] .single-bonus-page .single-bonus-content .text h2:before,[lang=ar] .single-bonus-page .single-bonus-content .text h3:before,[lang=ar] .single-bonus-page .single-bonus-content .text h4:before,[lang=ar] .single-bonus-page .single-bonus-content .text h5:before,[lang=ar] .single-bonus-page .single-bonus-content .text h6:before,[lang=fa] .single-bonus-page .single-bonus-content .text h1:before,[lang=fa] .single-bonus-page .single-bonus-content .text h2:before,[lang=fa] .single-bonus-page .single-bonus-content .text h3:before,[lang=fa] .single-bonus-page .single-bonus-content .text h4:before,[lang=fa] .single-bonus-page .single-bonus-content .text h5:before,[lang=fa] .single-bonus-page .single-bonus-content .text h6:before {
    background: #4d4d4d;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[lang=ar] .single-bonus-page .single-bonus-content .text h1:after,[lang=ar] .single-bonus-page .single-bonus-content .text h2:after,[lang=ar] .single-bonus-page .single-bonus-content .text h3:after,[lang=ar] .single-bonus-page .single-bonus-content .text h4:after,[lang=ar] .single-bonus-page .single-bonus-content .text h5:after,[lang=ar] .single-bonus-page .single-bonus-content .text h6:after,[lang=fa] .single-bonus-page .single-bonus-content .text h1:after,[lang=fa] .single-bonus-page .single-bonus-content .text h2:after,[lang=fa] .single-bonus-page .single-bonus-content .text h3:after,[lang=fa] .single-bonus-page .single-bonus-content .text h4:after,[lang=fa] .single-bonus-page .single-bonus-content .text h5:after,[lang=fa] .single-bonus-page .single-bonus-content .text h6:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

[lang=ar] .single-bonus-page .single-bonus-content .text h2,[lang=fa] .single-bonus-page .single-bonus-content .text h2 {
    font-size: 18px
}

[lang=ar] .single-bonus-page .single-bonus-content .text h1,[lang=fa] .single-bonus-page .single-bonus-content .text h1 {
    font-size: 20px
}

[lang=ar] .single-bonus-page .single-bonus-content .text h3,[lang=ar] .single-bonus-page .single-bonus-content .text h4,[lang=ar] .single-bonus-page .single-bonus-content .text h5,[lang=fa] .single-bonus-page .single-bonus-content .text h3,[lang=fa] .single-bonus-page .single-bonus-content .text h4,[lang=fa] .single-bonus-page .single-bonus-content .text h5 {
    font-size: 16px
}

[lang=ar] .single-bonus-page .single-bonus-content .text h6,[lang=fa] .single-bonus-page .single-bonus-content .text h6 {
    font-size: 14px
}

[lang=ar] .single-bonus-page .single-bonus-content .text strong,[lang=fa] .single-bonus-page .single-bonus-content .text strong {
    font-family: NotoSansBold,serif
}

[lang=ar] .single-bonus-page .single-bonus-content .text a,[lang=fa] .single-bonus-page .single-bonus-content .text a {
    color: #fff
}

[lang=ar] .single-bonus-page .single-bonus-content .text a:visited,[lang=fa] .single-bonus-page .single-bonus-content .text a:visited {
    color: #aeaeae
}

[lang=ar] .single-bonus-page .single-bonus-content .text ol,[lang=ar] .single-bonus-page .single-bonus-content .text ul,[lang=fa] .single-bonus-page .single-bonus-content .text ol,[lang=fa] .single-bonus-page .single-bonus-content .text ul {
    list-style: initial;
    margin: 15px 0 0;
    padding: 0 0 0 25px
}

[lang=ar] .single-bonus-page .single-bonus-content .text ol li,[lang=ar] .single-bonus-page .single-bonus-content .text ul li,[lang=fa] .single-bonus-page .single-bonus-content .text ol li,[lang=fa] .single-bonus-page .single-bonus-content .text ul li {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 16px
}

[lang=ar] .single-bonus-page .single-bonus-content .text ol li:not(:first-child),[lang=ar] .single-bonus-page .single-bonus-content .text ul li:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-content .text ol li:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-content .text ul li:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content .text ol,[lang=fa] .single-bonus-page .single-bonus-content .text ol {
    list-style: decimal
}

[lang=ar] .single-bonus-page .single-bonus-content .text table,[lang=fa] .single-bonus-page .single-bonus-content .text table {
    margin: 20px 0 0;
    width: 100%
}

[lang=ar] .single-bonus-page .single-bonus-content .text table td,[lang=fa] .single-bonus-page .single-bonus-content .text table td {
    border: 1px solid #4d4d4d;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

[lang=ar] .single-bonus-page .single-bonus-content .text table td:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-content .text table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

[lang=ar] .single-bonus-page .single-bonus-content .social-share-icons,[lang=fa] .single-bonus-page .single-bonus-content .social-share-icons {
    margin: 30px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content .social-share-icons a,[lang=fa] .single-bonus-page .single-bonus-content .social-share-icons a {
    color: #ed1c24
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction {
    margin: 30px 0 0;
    text-align: center
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction button,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 20px auto 0;
    padding: 0 35px;
    width: auto
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list {
    list-style: none!important;
    padding: 0!important
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list:after,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li {
    float: none!important;
    width: 100%!important
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li:after,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li:not(:first-child),[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li span,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li span {
    border: 3px solid #ed1c24;
    border-radius: 100%;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 35px;
    line-height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 35px
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3,[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li p,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li p {
    float: left;
    text-align: left;
    width: 80%
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3 {
    border: none;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    font-style: italic;
    line-height: 18px;
    margin: 5px 0 0;
    padding: 0;
    text-transform: uppercase
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3:after,[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3:before,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3:after,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li h3:before {
    display: none
}

[lang=ar] .single-bonus-page .single-bonus-content .bonus-instruction-list li p,[lang=fa] .single-bonus-page .single-bonus-content .bonus-instruction-list li p {
    color: #c8c8c8;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    margin: 8px 0 0
}

[lang=ar] .footer-pages-wrap,[lang=fa] .footer-pages-wrap {
    background-attachment: fixed;
    background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png);
    background-position: center 45px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 400px;
    padding: 0 10px 30px;
    position: relative
}

[lang=ar] .footer-pages-wrap:after,[lang=fa] .footer-pages-wrap:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .footer-pages-wrap.footer-preload-mode,[lang=fa] .footer-pages-wrap.footer-preload-mode {
    min-height: 400px;
    padding: 0
}

[lang=ar] .footer-pages-wrap .footer-pages-preloader,[lang=fa] .footer-pages-wrap .footer-pages-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 111
}

[lang=ar] .footer-pages-wrap .info-category h2,[lang=fa] .footer-pages-wrap .info-category h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin: 7px 0 0;
    text-transform: uppercase
}

[lang=ar] .footer-pages-wrap .info-category ul,[lang=fa] .footer-pages-wrap .info-category ul {
    height: auto;
    margin: 10px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 15px;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .footer-pages-wrap .info-category ul li,[lang=fa] .footer-pages-wrap .info-category ul li {
    display: inline-block
}

[lang=ar] .footer-pages-wrap .info-category ul li:not(:first-child),[lang=fa] .footer-pages-wrap .info-category ul li:not(:first-child) {
    margin: 0 0 0 10px
}

[lang=ar] .footer-pages-wrap .info-category ul li a,[lang=fa] .footer-pages-wrap .info-category ul li a {
    background: #ed1c2480;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

[lang=ar] .footer-pages-wrap .info-category ul li a.active,[lang=fa] .footer-pages-wrap .info-category ul li a.active {
    background: #ed1c24
}

[lang=ar] .footer-pages-wrap .footer-pages-content,[lang=fa] .footer-pages-wrap .footer-pages-content {
    margin: 20px 0 0
}

[lang=ar] .footer-pages-wrap .footer-pages-content h1,[lang=ar] .footer-pages-wrap .footer-pages-content h2,[lang=ar] .footer-pages-wrap .footer-pages-content h3,[lang=ar] .footer-pages-wrap .footer-pages-content h4,[lang=ar] .footer-pages-wrap .footer-pages-content h5,[lang=ar] .footer-pages-wrap .footer-pages-content h6,[lang=fa] .footer-pages-wrap .footer-pages-content h1,[lang=fa] .footer-pages-wrap .footer-pages-content h2,[lang=fa] .footer-pages-wrap .footer-pages-content h3,[lang=fa] .footer-pages-wrap .footer-pages-content h4,[lang=fa] .footer-pages-wrap .footer-pages-content h5,[lang=fa] .footer-pages-wrap .footer-pages-content h6 {
    color: #fff;
    font-family: NotoSansBold,serif;
    margin: 0 0 15px
}

[lang=ar] .footer-pages-wrap .footer-pages-content h1:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content h2:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content h3:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content h4:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content h5:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content h6:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h1:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h2:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h3:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h4:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h5:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content h6:not(:first-child) {
    margin: 15px 0 0
}

[lang=ar] .footer-pages-wrap .footer-pages-content h1,[lang=fa] .footer-pages-wrap .footer-pages-content h1 {
    font-size: 20px
}

[lang=ar] .footer-pages-wrap .footer-pages-content p,[lang=fa] .footer-pages-wrap .footer-pages-content p {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    line-height: 14px;
    margin: 2px 0 0;
    padding: 0 0 0 5px
}

[lang=ar] .footer-pages-wrap .footer-pages-content h2,[lang=ar] .footer-pages-wrap .footer-pages-content h3,[lang=fa] .footer-pages-wrap .footer-pages-content h2,[lang=fa] .footer-pages-wrap .footer-pages-content h3 {
    font-size: 18px
}

[lang=ar] .footer-pages-wrap .footer-pages-content h4,[lang=ar] .footer-pages-wrap .footer-pages-content h5,[lang=fa] .footer-pages-wrap .footer-pages-content h4,[lang=fa] .footer-pages-wrap .footer-pages-content h5 {
    font-size: 16px
}

[lang=ar] .footer-pages-wrap .footer-pages-content h6,[lang=fa] .footer-pages-wrap .footer-pages-content h6 {
    font-size: 14px
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol,[lang=ar] .footer-pages-wrap .footer-pages-content ul,[lang=fa] .footer-pages-wrap .footer-pages-content ol,[lang=fa] .footer-pages-wrap .footer-pages-content ul {
    list-style: initial;
    margin: 15px 0 0;
    padding: 0 0 0 5px
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol li,[lang=ar] .footer-pages-wrap .footer-pages-content ul li,[lang=fa] .footer-pages-wrap .footer-pages-content ol li,[lang=fa] .footer-pages-wrap .footer-pages-content ul li {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    line-height: 14px
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol li:not(:first-child),[lang=ar] .footer-pages-wrap .footer-pages-content ul li:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content ol li:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content ul li:not(:first-child) {
    margin: 5px 0 0
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol,[lang=fa] .footer-pages-wrap .footer-pages-content ol {
    counter-reset: item;
    list-style: decimal
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol li,[lang=fa] .footer-pages-wrap .footer-pages-content ol li {
    display: block
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol li:before,[lang=fa] .footer-pages-wrap .footer-pages-content ol li:before {
    content: counters(item,".") " ";
    counter-increment: item
}

[lang=ar] .footer-pages-wrap .footer-pages-content ol>li:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content ol>li:not(:first-child) {
    margin: 5px 0 0
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li {
    cursor: pointer;
    padding: 0 0 0 10px;
    position: relative
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li:after,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li:after {
    content: "";
    font-family: Icons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    left: 0;
    position: absolute;
    top: 2px
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li.opened,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li.opened {
    color: #fff
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li.opened:after,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li.opened:after {
    color: #ed1c24;
    transform: rotate(90deg)
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li>ol,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li>ol {
    display: none
}

[lang=ar] .footer-pages-wrap .footer-pages-content .accordeon>li>ol li,[lang=fa] .footer-pages-wrap .footer-pages-content .accordeon>li>ol li {
    color: #aeaeae;
    cursor: text
}

[lang=ar] .footer-pages-wrap .footer-pages-content strong,[lang=fa] .footer-pages-wrap .footer-pages-content strong {
    font-family: NotoSansBold,serif
}

[lang=ar] .footer-pages-wrap .footer-pages-content em,[lang=fa] .footer-pages-wrap .footer-pages-content em {
    font-style: italic
}

[lang=ar] .footer-pages-wrap .footer-pages-content a,[lang=fa] .footer-pages-wrap .footer-pages-content a {
    color: #ed1c24
}

[lang=ar] .footer-pages-wrap .footer-pages-content table,[lang=fa] .footer-pages-wrap .footer-pages-content table {
    margin: 15px 0 0;
    width: 100%!important
}

[lang=ar] .footer-pages-wrap .footer-pages-content table td,[lang=fa] .footer-pages-wrap .footer-pages-content table td {
    border: 1px solid #4d4d4d;
    height: 35px;
    padding: 0 0 0 10px;
    vertical-align: middle
}

[lang=ar] .footer-pages-wrap .footer-pages-content table td:not(:first-child),[lang=fa] .footer-pages-wrap .footer-pages-content table td:not(:first-child) {
    padding: 0 10px 0 0;
    text-align: right
}

[lang=ar] .mailbox-wrap,[lang=fa] .mailbox-wrap {
    padding: 20px 10px 0
}

[lang=ar] .mailbox-wrap h2,[lang=fa] .mailbox-wrap h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 18px
}

[lang=ar] .mailbox-wrap .icon-delete,[lang=ar] .mailbox-wrap .icon-email,[lang=fa] .mailbox-wrap .icon-delete,[lang=fa] .mailbox-wrap .icon-email {
    color: #ed1c24;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px 0 0
}

[lang=ar] .mailbox-wrap .icon-arrow-left-1,[lang=ar] .mailbox-wrap .icon-arrow-right-1,[lang=ar] .mailbox-wrap .icon-back-left,[lang=fa] .mailbox-wrap .icon-arrow-left-1,[lang=fa] .mailbox-wrap .icon-arrow-right-1,[lang=fa] .mailbox-wrap .icon-back-left {
    color: #ed1c24;
    cursor: pointer;
    font-size: 16px
}

[lang=ar] .mailbox-wrap .mailbox-header,[lang=fa] .mailbox-wrap .mailbox-header {
    padding: 10px
}

[lang=ar] .mailbox-wrap .inbox,[lang=fa] .mailbox-wrap .inbox {
    border: 1px solid #4d4d4d;
    min-height: 100px;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: 100%
}

[lang=ar] .mailbox-wrap .single-message,[lang=fa] .mailbox-wrap .single-message {
    border: 1px solid #4d4d4d;
    min-height: 100px;
    position: relative
}

[lang=ar] .mailbox-wrap .single-message .single-message-header,[lang=fa] .mailbox-wrap .single-message .single-message-header {
    border-bottom: 1px solid #4d4d4d;
    padding: 15px
}

[lang=ar] .mailbox-wrap .single-message .single-message-header:after,[lang=fa] .mailbox-wrap .single-message .single-message-header:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .mailbox-wrap .single-message .single-message-header h2,[lang=fa] .mailbox-wrap .single-message .single-message-header h2 {
    float: left
}

[lang=ar] .mailbox-wrap .single-message .single-message-header .right-panel,[lang=fa] .mailbox-wrap .single-message .single-message-header .right-panel {
    float: right
}

[lang=ar] .mailbox-wrap .single-message .single-message-header .right-panel i:nth-of-type(2),[lang=fa] .mailbox-wrap .single-message .single-message-header .right-panel i:nth-of-type(2) {
    margin: 0 10px 0 20px
}

[lang=ar] .mailbox-wrap .single-message .message-content,[lang=fa] .mailbox-wrap .single-message .message-content {
    height: 600px
}

[lang=ar] .mailbox-wrap .single-message .message-content.text,[lang=fa] .mailbox-wrap .single-message .message-content.text {
    height: auto;
    padding: 20px
}

[lang=ar] .mailbox-wrap .single-message .message-content div,[lang=ar] .mailbox-wrap .single-message .message-content p,[lang=fa] .mailbox-wrap .single-message .message-content div,[lang=fa] .mailbox-wrap .single-message .message-content p {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

[lang=ar] .mailbox-wrap .single-message .message-content a,[lang=fa] .mailbox-wrap .single-message .message-content a {
    color: #ed1c24
}

[lang=ar] .mailbox-wrap .table .thead,[lang=fa] .mailbox-wrap .table .thead {
    background: #1b1a1a
}

[lang=ar] .mailbox-wrap .table .thead .tr,[lang=fa] .mailbox-wrap .table .thead .tr {
    background: none
}

[lang=ar] .mailbox-wrap .table .tr,[lang=fa] .mailbox-wrap .table .tr {
    background: #010101
}

[lang=ar] .mailbox-wrap .table .tr.unread,[lang=fa] .mailbox-wrap .table .tr.unread {
    background: #131313
}

[lang=ar] .mailbox-wrap .table .td,[lang=fa] .mailbox-wrap .table .td {
    font-size: 13px;
    line-height: 13px
}

[lang=ar] .mailbox-wrap .table .td p,[lang=fa] .mailbox-wrap .table .td p {
    color: #aeaeae;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px
}

[lang=ar] .mailbox-wrap .table .td .subject,[lang=fa] .mailbox-wrap .table .td .subject {
    display: block;
    word-wrap: break-word
}

[lang=ar] .mailbox-wrap .table .td .date,[lang=fa] .mailbox-wrap .table .td .date {
    display: block
}

[lang=ar] .mailbox-wrap .table .td:not(:last-child),[lang=fa] .mailbox-wrap .table .td:not(:last-child) {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[lang=ar] .mailbox-wrap .table .tbody .td:last-child,[lang=fa] .mailbox-wrap .table .tbody .td:last-child {
    text-align: right
}

[lang=ar] .user-profile-menu,[lang=fa] .user-profile-menu {
    padding: 0 0 32px
}

[lang=ar] .user-profile-menu .menu-header,[lang=fa] .user-profile-menu .menu-header {
    padding: 16px 16px 0
}

[lang=ar] .user-profile-menu .menu-header .balance,[lang=fa] .user-profile-menu .menu-header .balance {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

[lang=ar] .user-profile-menu .menu-header .balance .block,[lang=fa] .user-profile-menu .menu-header .balance .block {
    background: #28272780;
    border-radius: 8px;
    flex: 1;
    padding: 12px 8px;
    text-align: center
}

[lang=ar] .user-profile-menu .menu-header .balance .block>span,[lang=fa] .user-profile-menu .menu-header .balance .block>span {
    color: #ed1c24;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 1.2
}

[lang=ar] .user-profile-menu .menu-header .balance .block p,[lang=fa] .user-profile-menu .menu-header .balance .block p {
    color: #ffffffb3;
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 1.2;
    margin: 6px 0 0;
    text-transform: uppercase
}

[lang=ar] .user-profile-menu .menu,[lang=fa] .user-profile-menu .menu {
    margin: 24px 0 0;
    padding: 0 16px
}

[lang=ar] .user-profile-menu .menu ul li,[lang=fa] .user-profile-menu .menu ul li {
    border-bottom: 1px solid #4d4d4d80
}

[lang=ar] .user-profile-menu .menu ul li:last-child,[lang=fa] .user-profile-menu .menu ul li:last-child {
    border-bottom: none
}

[lang=ar] .user-profile-menu .menu ul li a,[lang=fa] .user-profile-menu .menu ul li a {
    align-items: center;
    display: flex;
    min-height: 48px;
    padding: 12px 0;
    text-decoration: none;
    transition: background .15s ease
}

[lang=ar] .user-profile-menu .menu ul li a:active,[lang=fa] .user-profile-menu .menu ul li a:active {
    background: #2827274d;
    margin: 0 -16px;
    padding: 12px 16px
}

[lang=ar] .user-profile-menu .menu ul li i:first-child,[lang=fa] .user-profile-menu .menu ul li i:first-child {
    color: #fff;
    flex-shrink: 0;
    font-size: 18px;
    order: 1;
    text-align: center;
    width: 40px
}

[lang=ar] .user-profile-menu .menu ul li span,[lang=fa] .user-profile-menu .menu ul li span {
    color: #fff;
    flex: 1;
    font-size: 15px;
    line-height: 1.3;
    order: 0;
    text-align: right
}

[lang=ar] .user-profile-menu .menu ul li .icon-arrow-right,[lang=fa] .user-profile-menu .menu ul li .icon-arrow-right {
    color: #ffffff80;
    flex-shrink: 0;
    font-size: 12px;
    margin-left: 0;
    margin-right: 8px;
    order: -1;
    transform: rotate(180deg)
}

[lang=ar] .user-profile-menu h3,[lang=fa] .user-profile-menu h3 {
    border-top: 1px solid #4d4d4d4d;
    color: #fff9;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 24px 16px 8px;
    padding-top: 24px;
    text-transform: uppercase
}

[lang=ar] .user-profile-menu h3:first-of-type,[lang=fa] .user-profile-menu h3:first-of-type {
    border-top: none;
    padding-top: 0
}

[lang=ar] .personal-info-header,[lang=fa] .personal-info-header {
    align-items: center;
    border-bottom: 1px solid #4d4d4d80;
    display: flex;
    height: 48px;
    padding: 0 16px
}

[lang=ar] .personal-info-header .back,[lang=fa] .personal-info-header .back {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    left: auto;
    margin-left: 0;
    margin-right: -12px;
    position: relative;
    top: auto;
    width: 44px
}

[lang=ar] .personal-info-header .back i,[lang=fa] .personal-info-header .back i {
    color: #fff;
    font-size: 16px
}

[lang=ar] .personal-info-header h2,[lang=fa] .personal-info-header h2 {
    color: #fff;
    flex: 1;
    font-size: 16px;
    margin-left: 44px;
    margin-right: 0;
    text-align: center
}

[lang=ar] .personal-info-form,[lang=fa] .personal-info-form {
    margin: 15px 0 0;
    padding: 0 15px;
    width: 100%
}

[lang=ar] .personal-info-form .form-label,[lang=fa] .personal-info-form .form-label {
    display: block;
    margin: 0 0 16px;
    position: relative;
    text-align: right;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .error-message,[lang=fa] .personal-info-form .form-label .error-message {
    display: block;
    margin: 4px 0 0
}

[lang=ar] .personal-info-form .form-label .label,[lang=fa] .personal-info-form .form-label .label {
    color: #aeaeae;
    display: block;
    font-size: 13px;
    margin: 0 0 8px
}

[lang=ar] .personal-info-form .form-label div,[lang=ar] .personal-info-form .form-label label,[lang=fa] .personal-info-form .form-label div,[lang=fa] .personal-info-form .form-label label {
    display: block
}

[lang=ar] .personal-info-form .form-label div.password-group,[lang=ar] .personal-info-form .form-label label.password-group,[lang=fa] .personal-info-form .form-label div.password-group,[lang=fa] .personal-info-form .form-label label.password-group {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .personal-info-form .form-label div.password-group .mask-input,[lang=ar] .personal-info-form .form-label label.password-group .mask-input,[lang=fa] .personal-info-form .form-label div.password-group .mask-input,[lang=fa] .personal-info-form .form-label label.password-group .mask-input {
    border: none;
    width: 100%
}

[lang=ar] .personal-info-form .form-label div.password-group .mask-input input,[lang=ar] .personal-info-form .form-label label.password-group .mask-input input,[lang=fa] .personal-info-form .form-label div.password-group .mask-input input,[lang=fa] .personal-info-form .form-label label.password-group .mask-input input {
    padding: 0 0 0 30px;
    width: 100%
}

[lang=ar] .personal-info-form .form-label div.password-group:after,[lang=ar] .personal-info-form .form-label label.password-group:after,[lang=fa] .personal-info-form .form-label div.password-group:after,[lang=fa] .personal-info-form .form-label label.password-group:after {
    display: none
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap {
    position: relative;
    z-index: 100
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap:last-child,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap:last-child,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap:last-child,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap .validation-popup,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap .validation-popup,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap .validation-popup,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap .validation-popup ul,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap .validation-popup ul,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap .validation-popup ul,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap .validation-popup:before,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap .validation-popup:before,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap .validation-popup:before,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap .validation-popup:after,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap .validation-popup:after,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap .validation-popup:after,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

[lang=ar] .personal-info-form .form-label div.password-group .view-wrap i,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap i,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap i,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    left: 0;
    position: absolute;
    right: 0;
    right: auto;
    top: 0;
    z-index: 1
}

[lang=ar] .personal-info-form .form-label div.mask-input,[lang=ar] .personal-info-form .form-label label.mask-input,[lang=fa] .personal-info-form .form-label div.mask-input,[lang=fa] .personal-info-form .form-label label.mask-input {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .personal-info-form .form-label div.mask-input input,[lang=ar] .personal-info-form .form-label label.mask-input input,[lang=fa] .personal-info-form .form-label div.mask-input input,[lang=fa] .personal-info-form .form-label label.mask-input input {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 10px 12px;
    text-align: left;
    text-align: right;
    width: 100%
}

[lang=ar] .personal-info-form .form-label div.mask-input input:disabled,[lang=ar] .personal-info-form .form-label label.mask-input input:disabled,[lang=fa] .personal-info-form .form-label div.mask-input input:disabled,[lang=fa] .personal-info-form .form-label label.mask-input input:disabled {
    color: #aeaeae;
    cursor: not-allowed
}

[lang=ar] .personal-info-form .form-label div.mask-input input:focus,[lang=ar] .personal-info-form .form-label label.mask-input input:focus,[lang=fa] .personal-info-form .form-label div.mask-input input:focus,[lang=fa] .personal-info-form .form-label label.mask-input input:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .personal-info-form .form-label .select,[lang=fa] .personal-info-form .form-label .select {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    display: block;
    height: 44px;
    position: relative;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .select:before,[lang=fa] .personal-info-form .form-label .select:before {
    color: #fff;
    font-size: 20px;
    left: 12px;
    pointer-events: none;
    right: 12px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

[lang=ar] .personal-info-form .form-label .select select,[lang=fa] .personal-info-form .form-label .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 100%;
    padding: 0 12px 0 40px;
    position: relative;
    text-align: right;
    width: 100%;
    z-index: 1
}

[lang=ar] .personal-info-form .form-label .select select:disabled,[lang=fa] .personal-info-form .form-label .select select:disabled {
    color: #aeaeae;
    cursor: not-allowed
}

[lang=ar] .personal-info-form .form-label .select select:focus,[lang=fa] .personal-info-form .form-label .select select:focus {
    outline: none
}

[lang=ar] .personal-info-form .form-label .select:focus-within,[lang=fa] .personal-info-form .form-label .select:focus-within {
    border-color: #ed1c24
}

[lang=ar] .personal-info-form .form-label .Select,[lang=fa] .personal-info-form .form-label .Select {
    direction: ltr;
    position: relative;
    text-align: right;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .Select.is-open .Select-control,[lang=fa] .personal-info-form .form-label .Select.is-open .Select-control {
    border-color: #ed1c24
}

[lang=ar] .personal-info-form .form-label .Select.is-disabled .Select-control,[lang=fa] .personal-info-form .form-label .Select.is-disabled .Select-control {
    background: #282727;
    cursor: not-allowed
}

[lang=ar] .personal-info-form .form-label .Select.is-disabled .Select-control .Select-placeholder,[lang=ar] .personal-info-form .form-label .Select.is-disabled .Select-control .Select-value,[lang=fa] .personal-info-form .form-label .Select.is-disabled .Select-control .Select-placeholder,[lang=fa] .personal-info-form .form-label .Select.is-disabled .Select-control .Select-value {
    color: #aeaeae
}

[lang=ar] .personal-info-form .form-label .Select .Select-control,[lang=fa] .personal-info-form .form-label .Select .Select-control {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    cursor: pointer;
    display: table;
    height: 44px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper {
    display: table-cell;
    height: 42px;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-value,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-value {
    bottom: 0;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0 40px 0 12px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-value:after,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-value:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-value,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-value {
    padding: 0 12px 0 40px;
    text-align: right
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-value .Select-value-label,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-value .Select-value-label {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-placeholder,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-placeholder {
    bottom: 0;
    color: #aeaeae;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    left: 0;
    line-height: 42px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 12px 0 40px;
    position: absolute;
    right: 0;
    text-align: right;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-input,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-input {
    border: none;
    height: 42px;
    padding: 0 12px;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-input input,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-input input {
    -webkit-appearance: none;
    background: none #0000;
    border: 0;
    box-shadow: none;
    color: #fff;
    cursor: default;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 40px;
    margin: 0;
    outline: none;
    padding: 0;
    width: 92%!important
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone {
    cursor: pointer;
    display: table-cell;
    padding: 0 0 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

[lang=ar] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone .Select-arrow,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone .Select-arrow {
    border-color: #fff #0000 #0000;
    border-style: solid;
    border-width: 5px 5px 2.5px;
    display: inline-block;
    height: 0;
    width: 0
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 8px #0000004d;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-menu,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-menu {
    max-height: 198px;
    overflow-y: auto
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option {
    border-bottom: 1px solid #4d4d4d80;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 12px
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option:last-child,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option:last-child {
    border-bottom: none
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-focused,[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option:active,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-focused,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option:active {
    background: #ed1c2433
}

[lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-selected,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option.is-selected {
    background: #ed1c24;
    color: #fff
}

[lang=ar] .personal-info-form .form-label .form-group,[lang=fa] .personal-info-form .form-label .form-group {
    display: block;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .birthday,[lang=fa] .personal-info-form .form-label .birthday {
    display: block;
    position: relative;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .birthday .form-group,[lang=fa] .personal-info-form .form-label .birthday .form-group {
    display: flex;
    gap: 8px
}

[lang=ar] .personal-info-form .form-label .birthday .form-group .select,[lang=fa] .personal-info-form .form-label .birthday .form-group .select {
    flex: 1;
    height: 44px;
    width: auto
}

[lang=ar] .personal-info-form .form-label .react-tel-input,[lang=fa] .personal-info-form .form-label .react-tel-input {
    display: block;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .react-tel-input input[type=tel],[lang=ar] .personal-info-form .form-label .react-tel-input input[type=text],[lang=fa] .personal-info-form .form-label .react-tel-input input[type=tel],[lang=fa] .personal-info-form .form-label .react-tel-input input[type=text] {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    padding: 0 55px 0 12px!important;
    text-align: right;
    width: 100%
}

[lang=ar] .personal-info-form .form-label .react-tel-input input[type=tel]:focus,[lang=ar] .personal-info-form .form-label .react-tel-input input[type=text]:focus,[lang=fa] .personal-info-form .form-label .react-tel-input input[type=tel]:focus,[lang=fa] .personal-info-form .form-label .react-tel-input input[type=text]:focus {
    border-color: #ed1c24;
    outline: none
}

[lang=ar] .personal-info-form .form-label .react-tel-input .flag-dropdown,[lang=fa] .personal-info-form .form-label .react-tel-input .flag-dropdown {
    background: #0000;
    border: none;
    border-left: 1px solid #4d4d4d;
    border-radius: 4px 0 0 4px;
    border-radius: 0 4px 4px 0
}

[lang=ar] .personal-info-form .form-label .react-tel-input .selected-flag,[lang=fa] .personal-info-form .form-label .react-tel-input .selected-flag {
    padding: 0 8px;
    width: 50px
}

[lang=ar] .personal-info-form .form-label .react-tel-input .selected-flag .flag,[lang=fa] .personal-info-form .form-label .react-tel-input .selected-flag .flag {
    left: 10px;
    left: auto;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .personal-info-form .form-label .react-tel-input .selected-flag .arrow,[lang=fa] .personal-info-form .form-label .react-tel-input .selected-flag .arrow {
    border-top-color: #fff
}

[lang=ar] .personal-info-form .form-label .react-tel-input .country-list,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list {
    background: #282727;
    background-color: #282727!important;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    margin-top: 4px
}

[lang=ar] .personal-info-form .form-label .react-tel-input .country-list .country,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list .country {
    padding: 10px 12px
}

[lang=ar] .personal-info-form .form-label .react-tel-input .country-list .country.highlight,[lang=ar] .personal-info-form .form-label .react-tel-input .country-list .country:hover,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list .country.highlight,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list .country:hover {
    background: #ed1c2433
}

[lang=ar] .personal-info-form .form-label .react-tel-input .country-list .country-name,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list .country-name {
    color: #fff
}

[lang=ar] .personal-info-form .form-label .react-tel-input .country-list .dial-code,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list .dial-code {
    color: #aeaeae
}

[lang=ar] .personal-info-form .form-label .checkbox,[lang=fa] .personal-info-form .form-label .checkbox {
    display: block;
    padding: 12px 0 0
}

[lang=ar] .personal-info-form .form-label .checkbox .checkbox-wrap,[lang=fa] .personal-info-form .form-label .checkbox .checkbox-wrap {
    display: block;
    padding: 0 0 0 70px;
    position: relative
}

[lang=ar] .personal-info-form .form-label .checkbox .icon,[lang=fa] .personal-info-form .form-label .checkbox .icon {
    background: #fff;
    border: 3px solid #4d4d4d;
    border-radius: 20px;
    direction: ltr;
    height: 28px;
    left: auto;
    left: 0;
    right: 0;
    right: auto;
    vertical-align: middle;
    width: 52px
}

[lang=ar] .personal-info-form .form-label .checkbox .icon:before,[lang=fa] .personal-info-form .form-label .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    top: -1px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 24px
}

[lang=ar] .personal-info-form .form-label .checkbox .text,[lang=fa] .personal-info-form .form-label .checkbox .text {
    color: #aeaeae;
    font-size: 12px;
    line-height: 1.4;
    text-align: right
}

[lang=ar] .personal-info-form .form-label .checkbox .text a,[lang=fa] .personal-info-form .form-label .checkbox .text a {
    color: #fff;
    text-decoration: none
}

[lang=ar] .personal-info-form .form-label .checkbox input:checked+.icon,[lang=fa] .personal-info-form .form-label .checkbox input:checked+.icon {
    background: #39b54a;
    border: 3px solid #39b54a
}

[lang=ar] .personal-info-form .form-label .checkbox input:checked+.icon:before,[lang=fa] .personal-info-form .form-label .checkbox input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -1px;
    transform: translateX(24px)
}

[lang=ar] .personal-info-form .radio,[lang=fa] .personal-info-form .radio {
    margin: 0 10px 0 0
}

[lang=ar] .personal-info-form .radio .text,[lang=fa] .personal-info-form .radio .text {
    color: #aeaeae
}

[lang=ar] .personal-info-form img,[lang=fa] .personal-info-form img {
    display: block;
    margin: 20px auto 0;
    max-width: 290px
}

[lang=ar] .personal-info-form .button-wrap,[lang=fa] .personal-info-form .button-wrap {
    padding: 0;
    width: 100%
}

[lang=ar] .personal-info-form .button-wrap button,[lang=fa] .personal-info-form .button-wrap button {
    background: #088c35;
    border: 1px solid #088c35;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    height: 48px;
    line-height: 46px;
    margin: 24px 0 0;
    padding: 0;
    width: 100%
}

[lang=ar] .personal-info-form .subscribes-wrap,[lang=fa] .personal-info-form .subscribes-wrap {
    float: left;
    margin: 20px 0 0;
    width: 100%
}

[lang=ar] .personal-info-form .subscribes-wrap .checkbox:first-of-type,[lang=fa] .personal-info-form .subscribes-wrap .checkbox:first-of-type {
    margin: 0 15px 0 0
}

[lang=ar] .user-transactions,[lang=fa] .user-transactions {
    width: 100%
}

[lang=ar] .user-transactions .user-transactions-header,[lang=fa] .user-transactions .user-transactions-header {
    margin: 10px 0;
    padding: 0 15px
}

[lang=ar] .user-transactions .user-transactions-header:after,[lang=fa] .user-transactions .user-transactions-header:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions .user-transactions-header .period,[lang=fa] .user-transactions .user-transactions-header .period {
    border-top: 1px solid #4d4d4d;
    margin: 10px 0 0
}

[lang=ar] .user-transactions .user-transactions-header .period h2,[lang=fa] .user-transactions .user-transactions-header .period h2 {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 8px 0 0
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group,[lang=fa] .user-transactions .user-transactions-header .period .date-group {
    margin: 8px 0 0
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group:after,[lang=fa] .user-transactions .user-transactions-header .period .date-group:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group .calendar,[lang=fa] .user-transactions .user-transactions-header .period .date-group .calendar {
    float: left;
    margin: 8px 0 0;
    width: 67%
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group .calendar .date,[lang=fa] .user-transactions .user-transactions-header .period .date-group .calendar .date {
    display: inline-block;
    vertical-align: middle;
    width: 48%
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group .calendar .date:first-of-type,[lang=fa] .user-transactions .user-transactions-header .period .date-group .calendar .date:first-of-type {
    margin: 0 2% 0 0
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group .calendar .date input,[lang=fa] .user-transactions .user-transactions-header .period .date-group .calendar .date input {
    padding: 0 0 5px
}

[lang=ar] .user-transactions .user-transactions-header .period .date-group .button,[lang=fa] .user-transactions .user-transactions-header .period .date-group .button {
    background: #ed1c24;
    border: none;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 38px;
    width: 33%
}

[lang=ar] .user-transactions .user-transactions-header .tabs,[lang=fa] .user-transactions .user-transactions-header .tabs {
    text-align: left;
    text-align: right
}

[lang=ar] .user-transactions .user-transactions-header .tabs>div,[lang=fa] .user-transactions .user-transactions-header .tabs>div {
    display: inline-block;
    margin: 0 5px 10px 0
}

[lang=ar] .user-transactions .user-transactions-header .tabs>div:last-child,[lang=fa] .user-transactions .user-transactions-header .tabs>div:last-child {
    margin: 0
}

[lang=ar] .user-transactions .user-transactions-header .tabs button,[lang=fa] .user-transactions .user-transactions-header .tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #4d4d4d;
    color: #aeaeae;
    cursor: pointer;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    padding: 0 5px 7px
}

[lang=ar] .user-transactions .user-transactions-header .tabs button.selected,[lang=fa] .user-transactions .user-transactions-header .tabs button.selected {
    border-color: #ed1c24;
    color: #fff
}

[lang=ar] .user-transactions [data-tabs],[lang=fa] .user-transactions [data-tabs] {
    margin: 0;
    padding: 0 15px
}

[lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list:after,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li {
    background: #282727;
    border: none!important;
    border-top: 1px solid #4d4d4d!important;
    display: block;
    float: left;
    font-size: 10px;
    height: 30px;
    margin: 0 .65% 0 0;
    padding: 0 5px;
    text-align: center;
    width: 24.5%
}

[lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li:before,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li span,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li:last-child,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li:last-child {
    margin: 0
}

[lang=ar] .user-transactions .user-account-block,[lang=fa] .user-transactions .user-account-block {
    padding: 10px 15px 0
}

[lang=ar] .user-transactions .user-account-block .group .block,[lang=fa] .user-transactions .user-account-block .group .block {
    background: #282727;
    border-top: 1px solid #4d4d4d;
    padding: 5px 0
}

[lang=ar] .user-transactions .user-account-block .group .block:after,[lang=fa] .user-transactions .user-account-block .group .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group .block>div,[lang=fa] .user-transactions .user-account-block .group .block>div {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
    width: 33%
}

[lang=ar] .user-transactions .user-account-block .group .block>div:after,[lang=fa] .user-transactions .user-account-block .group .block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group .block>div>span,[lang=fa] .user-transactions .user-account-block .group .block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group .block>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group .block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type,[lang=fa] .user-transactions .user-account-block .group .block>div .type {
    border-radius: 3px;
    padding: 1px 5px 2px
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type.won,[lang=fa] .user-transactions .user-account-block .group .block>div .type.won {
    background: #39b54a
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type.lost,[lang=fa] .user-transactions .user-account-block .group .block>div .type.lost {
    background: #ed1c24
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type.returned,[lang=fa] .user-transactions .user-account-block .group .block>div .type.returned {
    background: #babb00
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type.accepted,[lang=fa] .user-transactions .user-account-block .group .block>div .type.accepted {
    background: #4169e1
}

[lang=ar] .user-transactions .user-account-block .group .block>div .type.cash-out,[lang=fa] .user-transactions .user-account-block .group .block>div .type.cash-out {
    background: #1ab394
}

[lang=ar] .user-transactions .user-account-block .group .block>div i,[lang=fa] .user-transactions .user-account-block .group .block>div i {
    color: #4e4e4e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px
}

[lang=ar] .user-transactions .user-account-block .group .block>div.more,[lang=fa] .user-transactions .user-account-block .group .block>div.more {
    text-align: right
}

[lang=ar] .user-transactions .user-account-block .group .block>div.more>span,[lang=fa] .user-transactions .user-account-block .group .block>div.more>span {
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    font-style: italic;
    line-height: normal;
    margin: 0
}

[lang=ar] .user-transactions .user-account-block .group .sub-block,[lang=fa] .user-transactions .user-account-block .group .sub-block {
    background: #424040
}

[lang=ar] .user-transactions .user-account-block .group .sub-block>div,[lang=fa] .user-transactions .user-account-block .group .sub-block>div {
    display: inline-block;
    height: 30px;
    padding: 0 10px
}

[lang=ar] .user-transactions .user-account-block .group .sub-block>div:after,[lang=fa] .user-transactions .user-account-block .group .sub-block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group .sub-block>div>span,[lang=fa] .user-transactions .user-account-block .group .sub-block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group .sub-block>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group .sub-block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

[lang=ar] .user-transactions .user-account-block .group .sub-block .bet-tables,[lang=fa] .user-transactions .user-account-block .group .sub-block .bet-tables {
    display: block;
    height: auto;
    padding: 10px;
    width: 100%
}

[lang=ar] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table,[lang=fa] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table {
    border: 1px solid #181818;
    width: 100%
}

[lang=ar] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table:not(first-child),[lang=fa] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table:not(first-child) {
    margin: 10px 0 0
}

[lang=ar] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td,[lang=fa] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td {
    border: 1px solid #181818;
    color: #aeaeae;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    padding: 2px 5px;
    width: 40%
}

[lang=ar] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td:last-child,[lang=fa] .user-transactions .user-account-block .group .sub-block .bet-tables .bet-info-table td:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    width: 60%
}

[lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child {
    text-align: center
}

[lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child .image,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child .image {
    border-radius: 100%;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child .image img,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child .image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child {
    text-align: center
}

[lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image {
    display: inline-block;
    height: 30px;
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image:after,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image img,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.pending .block>div.button-wrap,[lang=fa] .user-transactions .user-account-block .group.pending .block>div.button-wrap {
    text-align: left
}

[lang=ar] .user-transactions .user-account-block .group.pending .block>div.button-wrap button,[lang=fa] .user-transactions .user-account-block .group.pending .block>div.button-wrap button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: auto
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block {
    padding: 15px 10px 0!important;
    text-align: center
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon {
    background: #282727;
    display: inline-block;
    height: auto;
    margin: 0 1.5% 15px;
    padding: 0;
    text-align: left;
    width: 80%
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon:after,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon:after {
    display: none
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header {
    border-bottom: 1px dashed #424040;
    padding: 20px 10px 10px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type {
    border-radius: 3px;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 10px;
    padding: 1px 10px 2px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.won,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.won {
    background: #39b54a
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.lost,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.lost {
    background: #ed1c24
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.returned,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.returned {
    background: #babb00
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.accepted,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.accepted {
    background: #4169e1
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.cash-out,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.cash-out {
    background: #1ab394
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.pending,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header h2 .type.pending {
    background: orange
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div {
    margin: 15px 0 0
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div:after,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-header>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content {
    background: #302f2f;
    padding: 5px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game:not(:first-child),[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game:not(:first-child) {
    margin: 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game a,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game a {
    background: #3d3b3b;
    border: 1px solid #282727;
    color: #aeaeae;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    padding: 5px 10px;
    text-decoration: none
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul {
    padding: 10px 10px 10px 30px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li:not(:first-child),[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-content .game ul li:not(:first-child) {
    margin: 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer {
    padding: 10px
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:after,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:not(:first-child),[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div:not(:first-child) {
    margin: 10px 0 0
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

[lang=ar] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group.bet .sub-block .coupon .coupon-footer>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group,[lang=fa] .user-transactions .user-account-block .betting-group {
    border-top: 3px solid #4d4d4d
}

[lang=ar] .user-transactions .user-account-block .betting-group:not(:first-of-type),[lang=fa] .user-transactions .user-account-block .betting-group:not(:first-of-type) {
    margin: 10px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group.won,[lang=fa] .user-transactions .user-account-block .betting-group.won {
    border-color: #39b54a
}

[lang=ar] .user-transactions .user-account-block .betting-group.lost,[lang=fa] .user-transactions .user-account-block .betting-group.lost {
    border-color: #ed1c24
}

[lang=ar] .user-transactions .user-account-block .betting-group.returned,[lang=fa] .user-transactions .user-account-block .betting-group.returned {
    border-color: #babb00
}

[lang=ar] .user-transactions .user-account-block .betting-group.accepted,[lang=fa] .user-transactions .user-account-block .betting-group.accepted {
    border-color: #4169e1
}

[lang=ar] .user-transactions .user-account-block .betting-group.pending,[lang=fa] .user-transactions .user-account-block .betting-group.pending {
    border-color: orange
}

[lang=ar] .user-transactions .user-account-block .betting-group.cashedout,[lang=fa] .user-transactions .user-account-block .betting-group.cashedout {
    border-color: #1ab394
}

[lang=ar] .user-transactions .user-account-block .betting-group .block,[lang=fa] .user-transactions .user-account-block .betting-group .block {
    cursor: pointer;
    padding: 0 7px
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top,[lang=fa] .user-transactions .user-account-block .betting-group .block .top {
    border-bottom: 1px solid #4d4d4d;
    padding: 8px 17px 10px
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top:after,[lang=fa] .user-transactions .user-account-block .betting-group .block .top:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .left,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .left {
    float: left
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .left .date,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .left .date {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 12px
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .left .id,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .left .id {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .left .id span,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .left .id span {
    display: inline-block
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .left .id>span:last-child,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .left .id>span:last-child {
    color: #fff;
    margin: 0 0 0 5px
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right {
    float: right;
    text-align: right
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type {
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    text-transform: uppercase
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.won,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.won {
    color: #39b54a
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.lost,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.lost {
    color: #ed1c24
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.returned,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.returned {
    color: #babb00
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.accepted,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.accepted {
    color: #4169e1
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.pending,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.pending {
    color: orange
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .type.cashedout,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .type.cashedout {
    color: #1ab394
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .top .right .bet-type,[lang=fa] .user-transactions .user-account-block .betting-group .block .top .right .bet-type {
    color: #fff;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom {
    padding: 0 17px 8px
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom:after,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom>div,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom>div {
    float: left
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom>div.right,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom>div.right {
    float: right
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom>div>div,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom>div>div {
    color: #aeaeae;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 5px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom>div>div span,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom>div>div span {
    display: inline-block
}

[lang=ar] .user-transactions .user-account-block .betting-group .block .bottom>div>div>span:last-child,[lang=fa] .user-transactions .user-account-block .betting-group .block .bottom>div>div>span:last-child {
    color: #fff;
    margin: 0 0 0 5px
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info {
    background: #424040;
    border-left: 3px solid #0000;
    padding: 8px 24px
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:after,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:not(:first-of-type),[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info:not(:first-of-type) {
    margin: 2px 0 0
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.won,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.won {
    border-left: 3px solid #39b54a
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.lost,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.lost {
    border-left: 3px solid #ed1c24
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.returned,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.returned {
    border-left: 3px solid #babb00
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.accepted,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.accepted {
    border-left: 3px solid #4169e1
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.pending,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.pending {
    border-left: 3px solid orange
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.cashedout,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info.cashedout {
    border-left: 3px solid #1ab394
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span {
    color: #aeaeae;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 20px
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.bet-type,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.bet-type {
    text-transform: uppercase
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.won,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.won {
    color: #39b54a
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.lost,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.lost {
    color: #ed1c24
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.returned,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.returned {
    color: #babb00
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.accepted,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.accepted {
    color: #4169e1
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.pending,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.pending {
    color: orange
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.cashedout,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span.cashedout {
    color: #1ab394
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span:nth-of-type(2),[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div>span:nth-of-type(2) {
    color: #fff;
    margin: 0 0 0 5px
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div.name>span,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info>div>div.name>span {
    color: #fff
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .left,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .left {
    float: left
}

[lang=ar] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .right,[lang=fa] .user-transactions .user-account-block .betting-group .cupon .cupon-content .game-info .right {
    float: right;
    text-align: right
}

[lang=ar] .user-transactions .user-account-block.deposit-wager-block .group .block>div,[lang=fa] .user-transactions .user-account-block.deposit-wager-block .group .block>div {
    width: 50%
}

[lang=ar] .personal-information.uploader,[lang=fa] .personal-information.uploader {
    min-height: 200px
}

[lang=ar] .personal-information.change-password,[lang=fa] .personal-information.change-password {
    min-height: 450px
}

[lang=ar] .personal-information .user-settings-preloader,[lang=fa] .personal-information .user-settings-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

[lang=ar] .personal-information .file-upload,[lang=fa] .personal-information .file-upload {
    border: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 20px auto 0
}

[lang=ar] .personal-information .file-upload label,[lang=fa] .personal-information .file-upload label {
    cursor: pointer;
    display: block;
    height: 38px;
    overflow: hidden;
    padding: 0 0 0 50px;
    position: relative
}

[lang=ar] .personal-information .file-upload label:after,[lang=fa] .personal-information .file-upload label:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .personal-information .file-upload i,[lang=fa] .personal-information .file-upload i {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .personal-information .file-upload span,[lang=fa] .personal-information .file-upload span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .personal-information .file-upload input,[lang=fa] .personal-information .file-upload input {
    position: absolute;
    visibility: hidden
}

[lang=ar] .user-bonuses,[lang=fa] .user-bonuses {
    width: 100%
}

[lang=ar] .user-bonuses [data-tabs],[lang=fa] .user-bonuses [data-tabs] {
    margin: 0
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list {
    margin: 0 0 20px
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list:after,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list li,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list li {
    background: #282727;
    border: none!important;
    border-top: 1px solid #4d4d4d!important;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    margin: 0 .65% 0 0;
    padding: 0 5px;
    text-align: center;
    width: 32%
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list li:before,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list li span,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list li span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .user-bonuses [data-tabs] .react-tabs__tab-list li:last-child,[lang=fa] .user-bonuses [data-tabs] .react-tabs__tab-list li:last-child {
    margin: 0
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block,[lang=fa] .user-bonuses .user-bonuses-block .group .block {
    background: #282727;
    border-top: 1px solid #4d4d4d;
    padding: 10px 0
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block:after,[lang=fa] .user-bonuses .user-bonuses-block .group .block:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    width: 33.3%
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div:after,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div>span,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div i,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div i {
    color: #4e4e4e;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div .decline-button,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div .decline-button {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    width: auto
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div.more,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.more {
    text-align: right
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div.more>span,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.more>span {
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-style: italic;
    line-height: normal;
    margin: 0
}

[lang=ar] .user-bonuses .user-bonuses-block .group .block>div.button-wrap,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.button-wrap {
    margin: 0;
    text-align: right
}

[lang=ar] .user-bonuses .user-bonuses-block .group .sub-block,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block {
    background: #424040
}

[lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div {
    display: inline-block;
    height: 30px;
    padding: 0 10px
}

[lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div:after,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div>span,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 12px;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 0 0 0 5px
}

[lang=ar] .user-bonuses .user-bonuses-block .user-bonuses-table-content h2,[lang=fa] .user-bonuses .user-bonuses-block .user-bonuses-table-content h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 16px;
    margin: 0 0 20px
}

[lang=ar] .user-bonuses .user-bonuses-block button,[lang=fa] .user-bonuses .user-bonuses-block button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    width: auto
}

[lang=ar] .user-bonuses .user-bonuses-block button.cancel,[lang=fa] .user-bonuses .user-bonuses-block button.cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 0 15px;
    width: auto
}

[lang=ar] .user-bonuses .user-bonuses-block .table,[lang=fa] .user-bonuses .user-bonuses-block .table {
    margin: 20px 0 0
}

[lang=ar] .user-bonuses .user-bonuses-block .table .tr:last-child .td,[lang=fa] .user-bonuses .user-bonuses-block .table .tr:last-child .td {
    border-bottom: 1px solid #4d4d4d
}

[lang=ar] .user-bonuses .user-bonuses-block .table .td,[lang=fa] .user-bonuses .user-bonuses-block .table .td {
    padding: 10px
}

[lang=ar] .user-bonuses .user-bonuses-block .table .td:first-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td:first-child {
    border-left: 1px solid #4d4d4d
}

[lang=ar] .user-bonuses .user-bonuses-block .table .td:last-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td:last-child {
    border-right: 1px solid #4d4d4d;
    text-align: right
}

[lang=ar] .user-bonuses .user-bonuses-block .table .td>span,[lang=fa] .user-bonuses .user-bonuses-block .table .td>span {
    color: #aeaeae;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .table .td>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td>span:last-child {
    color: #fff;
    font-family: NotoSansRegular,serif;
    margin: 0 0 0 5px
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap {
    margin: 20px 0 0
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap>span,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap>span {
    color: #aeaeae;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar {
    background: #282727;
    height: 40px;
    margin: 20px 0 10px;
    position: relative;
    text-align: center;
    width: 100%
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar:after,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>div,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>div {
    background: #39b54a;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

[lang=ar] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>span,[lang=fa] .user-bonuses .user-bonuses-block .percentage-bar-wrap .percentage-bar>span {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    position: relative;
    z-index: 2
}

[lang=ar] .user-bonuses .user-settings-preloader,[lang=fa] .user-bonuses .user-settings-preloader {
    background: #000c;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

[lang=ar] .user-bonuses .empty-bonuses,[lang=fa] .user-bonuses .empty-bonuses {
    padding: 15px;
    text-align: center
}

[lang=ar] .user-bonuses .empty-bonuses p,[lang=fa] .user-bonuses .empty-bonuses p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    text-transform: uppercase
}

[lang=ar] .user-bonuses .button-wrap,[lang=fa] .user-bonuses .button-wrap {
    margin: 20px 0 0;
    text-align: center
}

[lang=ar] .user-bonuses .button-wrap button,[lang=fa] .user-bonuses .button-wrap button {
    cursor: pointer;
    padding: 0 15px
}

[lang=ar] .user-bonuses .promotion-code h2,[lang=ar] .user-bonuses .table h2,[lang=fa] .user-bonuses .promotion-code h2,[lang=fa] .user-bonuses .table h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    margin: 0 0 20px
}

[lang=ar] .user-bonuses button,[lang=fa] .user-bonuses button {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
    width: auto
}

[lang=ar] .user-bonuses button.cancel,[lang=fa] .user-bonuses button.cancel {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    margin: 0 0 0 10px;
    padding: 0 15px;
    width: auto
}

[lang=ar] .user-bonuses .promotion-code .promotion-code-wrap .form-label,[lang=fa] .user-bonuses .promotion-code .promotion-code-wrap .form-label {
    position: relative
}

[lang=ar] .user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input,[lang=fa] .user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input {
    display: block
}

[lang=ar] .user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input input,[lang=fa] .user-bonuses .promotion-code .promotion-code-wrap .form-label .mask-input input {
    padding: 0 40% 5px 0;
    text-align: left
}

[lang=ar] .user-bonuses .promotion-code .promotion-code-wrap .form-label button,[lang=fa] .user-bonuses .promotion-code .promotion-code-wrap .form-label button {
    bottom: 0;
    padding: 0 30px;
    position: absolute;
    right: 0
}

[lang=ar] .user-documents,[lang=fa] .user-documents {
    float: left;
    width: 100%
}

[lang=ar] .user-documents .documents-wrap,[lang=fa] .user-documents .documents-wrap {
    position: relative
}

[lang=ar] .user-documents .documents-wrap .no-document,[lang=fa] .user-documents .documents-wrap .no-document {
    margin: 30px 0 0
}

[lang=ar] .user-documents .documents-wrap .no-document img,[lang=fa] .user-documents .documents-wrap .no-document img {
    display: block;
    margin: 0 auto;
    width: 50px
}

[lang=ar] .user-documents .documents-wrap .no-document p,[lang=fa] .user-documents .documents-wrap .no-document p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 0;
    padding: 0;
    text-align: center
}

[lang=ar] .user-documents .documents-wrap .file-upload,[lang=fa] .user-documents .documents-wrap .file-upload {
    margin: 0 auto
}

[lang=ar] .user-documents .documents-wrap .file-upload .text,[lang=fa] .user-documents .documents-wrap .file-upload .text {
    padding: 10px 15px 0
}

[lang=ar] .user-documents .documents-wrap .file-upload .text p,[lang=fa] .user-documents .documents-wrap .file-upload .text p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 18px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group {
    background: #2827274d;
    border-radius: 8px;
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    margin-top: 16px;
    padding: 12px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .icon,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .icon {
    align-items: center;
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    color: #aeaeae;
    display: flex;
    flex-shrink: 0;
    font-size: 24px;
    height: 48px;
    justify-content: center;
    width: 48px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap {
    flex: 1;
    min-width: 0
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 {
    color: #fff;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 8px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span {
    font-size: 12px;
    opacity: .7
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span {
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: NotoSansRegular,NotoSansBold,serif;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.pending,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.pending {
    background: #1ab394
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.approved,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.approved {
    background: #57ca67
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.declined,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span.declined {
    background: #ed1c24
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap {
    align-items: center;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    height: 44px;
    padding: 0 12px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i {
    color: #4e4e4e;
    flex-shrink: 0;
    font-size: 18px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap input,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap input {
    position: absolute;
    visibility: hidden
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error {
    align-items: center;
    color: #ed1c24;
    display: flex;
    font-family: NotoSansRegular,serif;
    font-size: 13px;
    gap: 8px;
    margin-top: 8px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error i,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error i {
    font-size: 16px
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group.approved .icon,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group.approved .icon {
    border-color: #57ca67;
    color: #57ca67
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group.pending .icon,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group.pending .icon {
    border-color: #1ab394;
    color: #1ab394
}

[lang=ar] .user-documents .documents-wrap .file-upload .upload-group.declined .icon,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group.declined .icon {
    border-color: #ed1c24;
    color: #ed1c24
}

[lang=ar] .user-reality,[lang=fa] .user-reality {
    width: 100%
}

[lang=ar] .user-reality .tabs,[lang=fa] .user-reality .tabs {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    padding: 0 16px
}

[lang=ar] .user-reality .tabs button,[lang=fa] .user-reality .tabs button {
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    color: #fff;
    cursor: pointer;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 10px 16px;
    text-transform: uppercase
}

[lang=ar] .user-reality .tabs button.selected,[lang=fa] .user-reality .tabs button.selected {
    border-color: #ed1c24
}

[lang=ar] .user-reality .duration-wrap,[lang=fa] .user-reality .duration-wrap {
    width: 100%
}

[lang=ar] .user-reality .duration-wrap .cont,[lang=fa] .user-reality .duration-wrap .cont {
    padding: 16px
}

[lang=ar] .user-reality .duration-wrap .cont h2,[lang=fa] .user-reality .duration-wrap .cont h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    margin-bottom: 12px;
    text-align: center
}

[lang=ar] .user-reality .duration-wrap .cont p,[lang=fa] .user-reality .duration-wrap .cont p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 1.5
}

[lang=ar] .user-reality .duration-wrap .cont .static-block p,[lang=fa] .user-reality .duration-wrap .cont .static-block p {
    color: #fffc;
    font-size: 14px;
    line-height: 1.5
}

[lang=ar] .user-reality .duration-wrap .cont .checkbox,[lang=fa] .user-reality .duration-wrap .cont .checkbox {
    display: block;
    margin-top: 16px
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap,[lang=fa] .user-reality .duration-wrap .cont .button-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap button,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button {
    align-items: center;
    background: #1ab394;
    border: 1px solid #1ab394;
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0 15px;
    width: auto;
    width: 100%
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap button i,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button i {
    display: none
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap button.selected,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button.selected {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    border-radius: 4px;
    color: #fff;
    height: 44px;
    padding: 0 15px;
    width: auto
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap button.selected i,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button.selected i {
    display: inline-block;
    margin-left: 10px;
    margin-right: 0
}

[lang=ar] .user-reality .duration-wrap .cont .button-wrap button.submit,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button.submit {
    background: #088c35;
    border: 1px solid #088c35;
    border-radius: 4px;
    color: #fff;
    height: 44px;
    margin-top: 10px;
    padding: 0 15px;
    width: auto
}

[lang=ar] .limit .cont,[lang=fa] .limit .cont {
    margin: 0 auto;
    text-align: center
}

[lang=ar] .limit .cont .alerts,[lang=fa] .limit .cont .alerts {
    padding: 0 15px
}

[lang=ar] .limit .cont .alerts .alert,[lang=fa] .limit .cont .alerts .alert {
    margin: 10px auto;
    width: 100%
}

[lang=ar] .limit .cont .button-wrap:after,[lang=fa] .limit .cont .button-wrap:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .limit .cont .button-wrap button,[lang=fa] .limit .cont .button-wrap button {
    background: #282727;
    border: none;
    color: #fff;
    display: block;
    float: left;
    float: right;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 45px;
    margin: 0 2.5% 0 0;
    padding: 0;
    width: 30%
}

[lang=ar] .limit .cont .button-wrap button.selected,[lang=fa] .limit .cont .button-wrap button.selected {
    background: #ed1c24
}

[lang=ar] .limit .cont .limit-wrap,[lang=fa] .limit .cont .limit-wrap {
    margin: 20px 0 0;
    padding: 0 15px
}

[lang=ar] .limit .cont .limit-wrap:after,[lang=fa] .limit .cont .limit-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .limit .cont .limit-wrap h2,[lang=fa] .limit .cont .limit-wrap h2 {
    border-top: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 15px;
    padding: 5px 0 0;
    text-align: left;
    text-align: right;
    text-transform: uppercase
}

[lang=ar] .limit .cont .limit-wrap .number-group,[lang=fa] .limit .cont .limit-wrap .number-group {
    margin: 45px 0 0;
    position: relative
}

[lang=ar] .limit .cont .limit-wrap .number-group:after,[lang=fa] .limit .cont .limit-wrap .number-group:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .limit .cont .limit-wrap .number-group button,[lang=fa] .limit .cont .limit-wrap .number-group button {
    background: #282727;
    border: none;
    color: #fff;
    display: block;
    float: left;
    font-family: NotoSansBold,serif;
    font-size: 35px;
    height: 45px;
    padding: 0;
    width: 45px
}

[lang=ar] .limit .cont .limit-wrap .number-group button:nth-of-type(2),[lang=fa] .limit .cont .limit-wrap .number-group button:nth-of-type(2) {
    float: right
}

[lang=ar] .limit .cont .limit-wrap .number-group input,[lang=fa] .limit .cont .limit-wrap .number-group input {
    border: none;
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 35px;
    height: 45px;
    left: 50%;
    max-width: 210px;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
    width: auto
}

[lang=ar] .limit .cont .limit-wrap .number-group span,[lang=fa] .limit .cont .limit-wrap .number-group span {
    color: #fff;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    padding: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 210px
}

[lang=ar] .limit .cont .actual-limit,[lang=fa] .limit .cont .actual-limit {
    background: #282727;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    margin: 50px 0 0;
    padding: 0 15px;
    text-align: left
}

[lang=ar] .limit .cont .submit,[lang=fa] .limit .cont .submit {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 15px;
    width: auto
}

[lang=ar] .limit .cont .static-block,[lang=fa] .limit .cont .static-block {
    margin: 20px 0 0;
    padding: 0 15px;
    text-align: left
}

[lang=ar] .limit .cont .static-block>div,[lang=fa] .limit .cont .static-block>div {
    border-top: 1px solid #4d4d4d;
    padding: 5px 0 0
}

[lang=ar] .limit .cont .static-block p,[lang=fa] .limit .cont .static-block p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px
}

[lang=ar] .subscription-settings,[lang=fa] .subscription-settings {
    width: 100%;
    z-index: 1
}

[lang=ar] .subscription-settings .subscription-settings-wrap,[lang=fa] .subscription-settings .subscription-settings-wrap {
    position: relative
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap {
    width: 100%
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap {
    text-align: center;
    width: 100%
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap:nth-of-type(2),[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap:nth-of-type(2) {
    margin: 20px 0 0;
    padding: 0 0 20px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap p,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox-wrap p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    margin: 20px auto 0;
    text-align: center;
    width: 80%
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox {
    display: block;
    min-height: 10px;
    min-width: 13px;
    padding: 0 0 0 25px;
    position: relative;
    text-align: center
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input {
    opacity: 0;
    position: absolute
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon {
    background: #181818;
    border: 1px solid #4d4d4d;
    color: #39b54a;
    cursor: pointer;
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon:before,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .icon:before {
    content: "";
    display: none
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .text,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox .text {
    color: #fff;
    font-family: OpenSansRegular,serif;
    font-size: 14px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input:checked+.icon:before,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox input:checked+.icon:before {
    display: block;
    font-size: 14px;
    margin: 1px 0 0
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe {
    display: inline-block;
    height: auto;
    min-height: auto;
    min-width: auto;
    padding: 0;
    width: auto
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image {
    display: block;
    height: 111px;
    margin: 0 auto;
    position: relative;
    width: 103px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img {
    bottom: 0;
    display: block;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .7s ease
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img:nth-of-type(2),[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .image img:nth-of-type(2) {
    opacity: 0
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon {
    background: #fff;
    border-radius: 30px;
    height: 40px;
    left: auto;
    margin: 20px auto 0;
    position: relative;
    top: auto;
    transform: translateY(0);
    width: 90px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon:before,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .icon:before {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 2px 0 2px 1px #000000bf;
    -moz-box-shadow: 2px 0 2px 1px #000000bf;
    box-shadow: 2px 0 2px 1px #000000bf;
    content: "";
    display: block;
    height: 45px;
    position: absolute;
    top: -3.5px;
    transform: translateX(0);
    transition: transform .3s linear;
    width: 45px
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    line-height: normal;
    margin: 20px 0 0!important;
    padding: 0 0 0 20px!important;
    position: relative;
    text-align: center
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text span,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text span {
    display: inline-block;
    vertical-align: middle
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text i,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe .text i {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-32%)
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon {
    background: #39b54a
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon:before,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe input:checked+.icon:before {
    box-shadow: 0 0 0 0 #000;
    margin: 0;
    top: -3.5px;
    transform: translateX(46px)
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img {
    opacity: 0
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img:nth-of-type(2),[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .image img:nth-of-type(2) {
    opacity: 1
}

[lang=ar] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .text i,[lang=fa] .subscription-settings .subscription-settings-wrap .subscribes-wrap .checkbox.subscribe.subscribed .text i {
    color: #39b54a
}

[lang=ar] .new-password,[lang=fa] .new-password {
    padding: 60px 0 0;
    width: 100%
}

[lang=ar] .new-password .new-password-information,[lang=fa] .new-password .new-password-information {
    margin: 140px auto 0;
    padding: 0 15px
}

[lang=ar] .new-password .new-password-information .new-password-form:after,[lang=fa] .new-password .new-password-information .new-password-form:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .new-password .new-password-information .new-password-form .error-message,[lang=fa] .new-password .new-password-information .new-password-form .error-message {
    display: inline-block;
    font-family: NotoSansRegular,serif
}

[lang=ar] .new-password .new-password-information .new-password-form .label,[lang=fa] .new-password .new-password-information .new-password-form .label {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    vertical-align: middle;
    width: 40%
}

[lang=ar] .new-password .new-password-information .new-password-form div,[lang=ar] .new-password .new-password-information .new-password-form label,[lang=fa] .new-password .new-password-information .new-password-form div,[lang=fa] .new-password .new-password-information .new-password-form label {
    display: block
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group,[lang=ar] .new-password .new-password-information .new-password-form label.password-group,[lang=fa] .new-password .new-password-information .new-password-form div.password-group,[lang=fa] .new-password .new-password-information .new-password-form label.password-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group:after,[lang=ar] .new-password .new-password-information .new-password-form label.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form div.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form label.password-group:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .mask-input,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .mask-input,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .mask-input,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .mask-input {
    border: none;
    width: 100%
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .mask-input input,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .mask-input input,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .mask-input input,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .mask-input input {
    padding: 0 30px 0 0;
    width: 100%
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group:after,[lang=ar] .new-password .new-password-information .new-password-form label.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form div.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form label.password-group:after {
    display: none
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap {
    position: relative;
    width: 100%
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child {
    margin: 5px 0 0
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup {
    background: #282727;
    border: 1px solid #4d4d4d;
    border-radius: 5px;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 12px;
    height: auto;
    left: 0;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateY(-108%);
    width: 100%;
    z-index: 1
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup ul,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup ul,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup ul,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup ul {
    list-style: inside
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:before,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:before,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:before,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #282727;
    bottom: -10px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:after,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:after,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap .validation-popup:after,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap .validation-popup:after {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    border-top: 10px solid #4d4d4d;
    bottom: -11px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 0
}

[lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap i,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap i,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap i,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap i {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

[lang=ar] .new-password .new-password-information .new-password-form div.mask-input,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 60%
}

[lang=ar] .new-password .new-password-information .new-password-form div.mask-input:after,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input:after,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input:after,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .new-password .new-password-information .new-password-form div.mask-input input,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input input,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input input,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input input {
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    padding: 0;
    text-align: left;
    width: 100%
}

[lang=ar] .new-password .new-password-information .new-password-form div.mask-input input:disabled,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input input:disabled,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input input:disabled,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input input:disabled {
    color: #aeaeae
}

[lang=ar] .new-password .new-password-information .new-password-form .button-wrap,[lang=fa] .new-password .new-password-information .new-password-form .button-wrap {
    margin: 20px 0 0;
    text-align: center;
    width: 100%
}

[lang=ar] .new-password .new-password-information .new-password-form .button-wrap button,[lang=fa] .new-password .new-password-information .new-password-form .button-wrap button {
    background: #ed1c24;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    height: 30px;
    padding: 0;
    width: 90%
}

[lang=ar] .otp-settings-wrap,[lang=fa] .otp-settings-wrap {
    margin: 15px 0 0;
    padding: 0 15px;
    width: 100%
}

[lang=ar] .otp-settings-description h2,[lang=fa] .otp-settings-description h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px
}

[lang=ar] .otp-settings-description p,[lang=fa] .otp-settings-description p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0
}

[lang=ar] .otp-settings-switcher,[lang=fa] .otp-settings-switcher {
    margin: 30px 0 0
}

[lang=ar] .otp-settings-switcher .checkbox,[lang=fa] .otp-settings-switcher .checkbox {
    direction: ltr;
    display: block;
    min-height: 30px;
    padding: 0
}

[lang=ar] .otp-settings-switcher .checkbox .checkbox-wrap,[lang=fa] .otp-settings-switcher .checkbox .checkbox-wrap {
    display: block;
    padding: 0 60px 0 0;
    position: relative
}

[lang=ar] .otp-settings-switcher .checkbox .icon,[lang=fa] .otp-settings-switcher .checkbox .icon {
    background: none;
    border: 1px solid #fff;
    border-radius: 18px;
    height: 24px;
    left: 0;
    left: auto;
    margin: -12px 0 0;
    right: 0;
    transform: translateY(0);
    vertical-align: middle;
    width: 50px
}

[lang=ar] .otp-settings-switcher .checkbox .icon:before,[lang=fa] .otp-settings-switcher .checkbox .icon:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: 1px;
    transform: translateX(1px);
    transition: transform .3s linear;
    width: 20px
}

[lang=ar] .otp-settings-switcher .checkbox .text,[lang=fa] .otp-settings-switcher .checkbox .text {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    text-align: right
}

[lang=ar] .otp-settings-switcher .checkbox .text a,[lang=fa] .otp-settings-switcher .checkbox .text a {
    text-decoration: none
}

[lang=ar] .otp-settings-switcher .checkbox input:checked+.icon,[lang=fa] .otp-settings-switcher .checkbox input:checked+.icon {
    border: 1px solid #39b54a
}

[lang=ar] .otp-settings-switcher .checkbox input:checked+.icon:before,[lang=fa] .otp-settings-switcher .checkbox input:checked+.icon:before {
    background: #fff;
    margin: 0;
    top: 1px;
    transform: translateX(27px)
}

[lang=ar] .otp-settings .help-blocks ul li,[lang=fa] .otp-settings .help-blocks ul li {
    margin: 38px 0 0
}

[lang=ar] .otp-settings .help-blocks ul li:first-of-type,[lang=fa] .otp-settings .help-blocks ul li:first-of-type {
    margin: 25px 0 0
}

[lang=ar] .otp-settings .help-blocks ul li .image,[lang=fa] .otp-settings .help-blocks ul li .image {
    text-align: center
}

[lang=ar] .otp-settings .help-blocks ul li .image img,[lang=fa] .otp-settings .help-blocks ul li .image img {
    display: inline-block
}

[lang=ar] .otp-settings .help-blocks ul li .text,[lang=fa] .otp-settings .help-blocks ul li .text {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 14px 0 0
}

[lang=ar] .otp-settings-email,[lang=fa] .otp-settings-email {
    margin: 20px 0 0
}

[lang=ar] .otp-settings-email .email-wrap h2,[lang=fa] .otp-settings-email .email-wrap h2 {
    border-bottom: 1px solid #4d4d4d;
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 16px;
    padding: 0 0 8px;
    text-align: center
}

[lang=ar] .otp-settings-email .buttons-wrap,[lang=fa] .otp-settings-email .buttons-wrap {
    border-top: 1px solid #4d4d4d;
    margin: 25px 0 0;
    padding: 30px 0 0
}

[lang=ar] .otp-settings-email .buttons-wrap .input,[lang=fa] .otp-settings-email .buttons-wrap .input {
    margin: 0 auto;
    width: 160px
}

[lang=ar] .otp-settings-email .buttons-wrap .button,[lang=fa] .otp-settings-email .buttons-wrap .button {
    display: block;
    font-size: 13px;
    margin: 15px auto 0;
    transition: background .5s ease,border .5s ease
}

[lang=ar] .otp-settings-email .buttons-wrap .button:first-of-type,[lang=fa] .otp-settings-email .buttons-wrap .button:first-of-type {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
    padding: 0;
    width: 160px
}

[lang=ar] .otp-settings-email .buttons-wrap .button:first-of-type:hover,[lang=fa] .otp-settings-email .buttons-wrap .button:first-of-type:hover {
    background: #ed1c245e;
    border-color: #ed1c245e
}

[lang=ar] .otp-settings-email .buttons-wrap .button:nth-of-type(2),[lang=fa] .otp-settings-email .buttons-wrap .button:nth-of-type(2) {
    background: #088c35;
    border: 1px solid #088c35;
    color: #fff;
    margin: 10px auto;
    padding: 0;
    width: 160px
}

[lang=ar] .otp-settings-email .buttons-wrap .button:nth-of-type(2):hover,[lang=fa] .otp-settings-email .buttons-wrap .button:nth-of-type(2):hover {
    background: #39b54a5e;
    border-color: #39b54a5e
}

[lang=ar] .otp-settings-success,[lang=fa] .otp-settings-success {
    text-align: center
}

[lang=ar] .otp-settings-success:after,[lang=fa] .otp-settings-success:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .otp-settings-success .middle,[lang=fa] .otp-settings-success .middle {
    display: inline-block;
    width: 80%
}

[lang=ar] .otp-settings-success .middle img,[lang=fa] .otp-settings-success .middle img {
    display: inline-block;
    width: 50px
}

[lang=ar] .otp-settings-success .middle h2,[lang=fa] .otp-settings-success .middle h2 {
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 14px;
    margin: 25px 0 0
}

[lang=ar] .otp-settings-success .middle p,[lang=fa] .otp-settings-success .middle p {
    color: #fff;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    margin: 20px 0 0
}

[lang=ar] .ath-viewport *,[lang=fa] .ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[lang=ar] .ath-viewport,[lang=fa] .ath-viewport {
    pointer-events: none;
    position: relative;
    z-index: 2147483641;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

[lang=ar] .ath-modal,[lang=fa] .ath-modal {
    background: #0009;
    pointer-events: auto!important
}

[lang=ar] .ath-mandatory,[lang=fa] .ath-mandatory {
    background: #000
}

[lang=ar] .ath-container,[lang=fa] .ath-container {
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 .2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    padding: .7em .6em;
    pointer-events: auto!important;
    position: absolute;
    text-align: center;
    width: 18em;
    z-index: 2147483641
}

[lang=ar] .ath-container small,[lang=fa] .ath-container small {
    display: block;
    font-size: .8em;
    line-height: 1.3em;
    margin-top: .5em
}

[lang=ar] .ath-ios.ath-phone,[lang=fa] .ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

[lang=ar] .ath-ios6.ath-tablet,[lang=fa] .ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em
}

[lang=ar] .ath-ios7.ath-tablet,[lang=fa] .ath-ios7.ath-tablet {
    left: .7em;
    top: 1.8em
}

[lang=ar] .ath-ios10.ath-tablet,[lang=ar] .ath-ios8.ath-tablet,[lang=ar] .ath-ios9.ath-tablet,[lang=fa] .ath-ios10.ath-tablet,[lang=fa] .ath-ios8.ath-tablet,[lang=fa] .ath-ios9.ath-tablet {
    right: .4em;
    top: 1.8em
}

[lang=ar] .ath-android,[lang=fa] .ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

[lang=ar] .ath-container:before,[lang=fa] .ath-container:before {
    background-color: #fffc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    color: #a33;
    content: "";
    display: block;
    float: right;
    height: 2.7em;
    margin: -.7em -.6em 0 .5em;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 2.7em;
    z-index: 2147483642
}

[lang=ar] .ath-container.ath-icon:before,[lang=fa] .ath-container.ath-icon:before {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

[lang=ar] .ath-mandatory .ath-container:before,[lang=fa] .ath-mandatory .ath-container:before {
    display: none
}

[lang=ar] .ath-container.ath-android:before,[lang=fa] .ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em
}

[lang=ar] .ath-container.ath-android.ath-icon:before,[lang=fa] .ath-container.ath-android.ath-icon:before {
    float: none;
    left: 0;
    margin: 0;
    position: absolute;
    right: auto
}

[lang=ar] .ath-action-icon,[lang=fa] .ath-action-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999em;
    vertical-align: middle
}

[lang=ar] .ath-ios10 .ath-action-icon,[lang=ar] .ath-ios7 .ath-action-icon,[lang=ar] .ath-ios8 .ath-action-icon,[lang=ar] .ath-ios9 .ath-action-icon,[lang=fa] .ath-ios10 .ath-action-icon,[lang=fa] .ath-ios7 .ath-action-icon,[lang=fa] .ath-ios8 .ath-action-icon,[lang=fa] .ath-ios9 .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
    background-size: auto 100%;
    height: 1.6em;
    margin-top: -.3em;
    width: 1.6em
}

[lang=ar] .ath-ios6 .ath-action-icon,[lang=fa] .ath-ios6 .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
    background-size: 100% auto;
    height: 1.8em;
    margin-bottom: .4em;
    width: 1.8em
}

[lang=ar] .ath-android .ath-action-icon,[lang=fa] .ath-android .ath-action-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
    height: 1.5em;
    width: 1.4em
}

[lang=ar] .ath-container p,[lang=fa] .ath-container p {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: 0 .1em 0 #fff;
    z-index: 2147483642
}

[lang=ar] .ath-ios.ath-phone:after,[lang=fa] .ath-ios.ath-phone:after {
    bottom: -.9em;
    box-shadow: .2em .2em 0 #d1d1d1
}

[lang=ar] .ath-ios.ath-phone:after,[lang=ar] .ath-ios.ath-tablet:after,[lang=fa] .ath-ios.ath-phone:after,[lang=fa] .ath-ios.ath-tablet:after {
    background: #eee;
    content: "";
    height: 2em;
    left: 50%;
    margin-left: -1em;
    position: absolute;
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    width: 2em
}

[lang=ar] .ath-ios.ath-tablet:after,[lang=fa] .ath-ios.ath-tablet:after {
    top: -.9em;
    z-index: 2147483641
}

[lang=ar] .ath-application-icon,[lang=fa] .ath-application-icon {
    border: 0;
    height: 6em;
    margin: 0 auto .2em;
    padding: 0;
    position: relative;
    width: 6em;
    z-index: 2147483642
}

[lang=ar] .ath-container.ath-ios .ath-application-icon,[lang=fa] .ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 .2em .4em #0000004d,inset 0 .07em 0 #ffffff80;
    margin: 0 auto .4em
}

@media only screen and (orientation: landscape) {
    [lang=ar] .ath-container.ath-phone,[lang=fa] .ath-container.ath-phone {
        width:24em
    }

    [lang=ar] .ath-android.ath-phone,[lang=ar] .ath-ios.ath-phone,[lang=fa] .ath-android.ath-phone,[lang=fa] .ath-ios.ath-phone {
        margin-left: -12em
    }

    [lang=ar] .ath-ios6:after,[lang=fa] .ath-ios6:after {
        left: 39%
    }

    [lang=ar] .ath-ios8.ath-phone,[lang=fa] .ath-ios8.ath-phone {
        bottom: auto;
        left: auto;
        right: .4em;
        top: 1.8em
    }

    [lang=ar] .ath-ios8.ath-phone:after,[lang=fa] .ath-ios8.ath-phone:after {
        bottom: auto;
        box-shadow: none;
        left: 68%;
        top: -.9em;
        z-index: 2147483641
    }
}

[lang=ar] .football-manager-wrap,[lang=fa] .football-manager-wrap {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/FM_BG.png) no-repeat top/cover;
    height: 100%;
    margin: -10px 0 0;
    overflow-y: auto;
    position: absolute
}

[lang=ar] .football-manager-wrap .football-manager-header,[lang=fa] .football-manager-wrap .football-manager-header {
    background: #28272780;
    height: 48px;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-header ul,[lang=fa] .football-manager-wrap .football-manager-header ul {
    margin: 0 auto;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-header ul:after,[lang=fa] .football-manager-wrap .football-manager-header ul:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .football-manager-wrap .football-manager-header ul li,[lang=fa] .football-manager-wrap .football-manager-header ul li {
    float: left
}

[lang=ar] .football-manager-wrap .football-manager-header ul li a,[lang=fa] .football-manager-wrap .football-manager-header ul li a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansRegular,serif;
    font-size: 14px;
    height: 47px;
    line-height: 47px;
    padding: 0 15px;
    text-decoration: none
}

[lang=ar] .football-manager-wrap .football-manager-header ul li a.active,[lang=ar] .football-manager-wrap .football-manager-header ul li a:hover,[lang=fa] .football-manager-wrap .football-manager-header ul li a.active,[lang=fa] .football-manager-wrap .football-manager-header ul li a:hover {
    background: #ed1c24
}

[lang=ar] .football-manager-wrap .football-manager-content,[lang=fa] .football-manager-wrap .football-manager-content {
    margin: 0 auto;
    padding: 30px 10px 0;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo,[lang=fa] .football-manager-wrap .football-manager-content .f-logo {
    margin: 0
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo:after,[lang=fa] .football-manager-wrap .football-manager-content .f-logo:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo img,[lang=fa] .football-manager-wrap .football-manager-content .f-logo img {
    display: inline-block;
    height: 80px;
    vertical-align: top
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo h1,[lang=fa] .football-manager-wrap .football-manager-content .f-logo h1 {
    color: #fff;
    display: inline-block;
    font-family: NotoSansRegular,serif;
    font-size: 38px;
    margin: 0 0 0 20px;
    text-shadow: 5px 5px 4px 0 #00000080;
    vertical-align: top
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo h1 span,[lang=fa] .football-manager-wrap .football-manager-content .f-logo h1 span {
    display: block
}

[lang=ar] .football-manager-wrap .football-manager-content .f-logo h1 span:last-child,[lang=fa] .football-manager-wrap .football-manager-content .f-logo h1 span:last-child {
    color: #ed1c24;
    font-family: NotoSansBold,serif;
    margin: 4px 0 0
}

[lang=ar] .football-manager-wrap .football-manager-content button,[lang=fa] .football-manager-wrap .football-manager-content button {
    background-color: #ed1c24;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 25px;
    height: 43px;
    margin: 20px 0 0;
    padding: 0;
    text-decoration: none;
    width: 191px
}

[lang=ar] .football-manager-wrap .football-manager-content .background,[lang=fa] .football-manager-wrap .football-manager-content .background {
    background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/football-manager/coaches.png) no-repeat top/300px auto;
    margin: 25px 0 0;
    padding: 105px 0 0
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap {
    border: 5px solid #ed1c24;
    border-radius: 2px;
    border-top: none
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap:after,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap:after {
    clear: both;
    content: "";
    display: table
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block {
    background: #0006;
    position: relative;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block h2,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block h2 {
    background: #ed1c24;
    color: #fff;
    font-family: NotoSansBold,serif;
    font-size: 16px;
    height: 43px;
    line-height: 43px;
    padding: 0 0 0 65px;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap {
    padding: 10px;
    text-align: center
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap:after,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap img,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block .image-wrap img {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

[lang=ar] .football-manager-wrap .football-manager-content .blocks-wrap .block .block-number,[lang=fa] .football-manager-wrap .football-manager-content .blocks-wrap .block .block-number {
    background: #fff;
    border: 5px solid #ed1c24;
    border-radius: 100px;
    box-shadow: inset 8px 1px 3px 0 #0000001c;
    color: #ed1c24;
    display: block;
    font-family: NotoSansBold,serif;
    font-size: 35px;
    height: 51px;
    left: 0;
    line-height: 41px;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 51px
}

@media screen and (min-width: 414px) {
    [lang=ar] .profile-menu>div i,[lang=fa] .profile-menu>div i {
        font-size:20px;
        margin: 0 0 5px
    }

    [lang=ar] .profile-menu>div .animation-wrap>span,[lang=ar] .profile-menu>div .middle>span,[lang=ar] .profile-menu>div a>span,[lang=fa] .profile-menu>div .animation-wrap>span,[lang=fa] .profile-menu>div .middle>span,[lang=fa] .profile-menu>div a>span {
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    [lang=ar] .header,[lang=fa] .header {
        height:80px
    }

    [lang=ar] .header .header-content .header-header_logo,[lang=ar] .header .header-content .logo,[lang=ar] .header .header-content .logo-link,[lang=fa] .header .header-content .header-header_logo,[lang=fa] .header .header-content .logo,[lang=fa] .header .header-content .logo-link {
        height: 50px
    }

    [lang=ar] .header .header-content .rectangle,[lang=fa] .header .header-content .rectangle {
        background-color: #1e1e1e;
        border-radius: 4px
    }

    [lang=ar] .header .header-content .live-chat,[lang=ar] .header .header-content .search-header,[lang=ar] .header .header-content .user-icon,[lang=fa] .header .header-content .live-chat,[lang=fa] .header .header-content .search-header,[lang=fa] .header .header-content .user-icon {
        height: 34px;
        width: 34px
    }

    [lang=ar] .header .header-content .live-chat,[lang=ar] .header .header-content .user-icon,[lang=fa] .header .header-content .live-chat,[lang=fa] .header .header-content .user-icon {
        left: 48px;
        right: 48px;
        right: auto
    }

    [lang=ar] .header .header-content .search-header,[lang=fa] .header .header-content .search-header {
        left: 100px;
        right: 100px;
        right: auto
    }

    [lang=ar] .global-container,[lang=fa] .global-container {
        padding: 80px 0
    }

    [lang=ar] .global-container .container-content:after,[lang=fa] .global-container .container-content:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .global-container .container-content,[lang=fa] .global-container .container-content {
        overflow: hidden
    }

    [lang=ar] .full-iframe,[lang=fa] .full-iframe {
        height: calc(100% - 125px);
        top: 80px
    }

    [lang=ar] .container,[lang=fa] .container {
        width: 100%
    }

    [lang=ar] .menu-icon,[lang=fa] .menu-icon {
        left: 10px;
        left: auto;
        right: 10px
    }

    [lang=ar] .profile-menu,[lang=fa] .profile-menu {
        text-align: center
    }

    [lang=ar] .profile-menu .center>div,[lang=fa] .profile-menu .center>div {
        display: inline-block;
        float: none;
        vertical-align: middle;
        width: 10%
    }

    [lang=ar] .profile-menu .center>div:not(:first-child):before,[lang=fa] .profile-menu .center>div:not(:first-child):before {
        background: #c61017;
        content: "";
        height: 80%;
        position: absolute;
        right: 0;
        top: 5px;
        width: 1px
    }

    [lang=ar] .profile-menu .center>div:first-child:before,[lang=fa] .profile-menu .center>div:first-child:before {
        display: none
    }

    [lang=ar] .profile-menu .center>div i,[lang=fa] .profile-menu .center>div i {
        color: #fff;
        display: block;
        font-size: 20px;
        margin: 0 0 9px
    }

    [lang=ar] .profile-menu .center>div .animation-wrap>span,[lang=ar] .profile-menu .center>div .middle>span,[lang=ar] .profile-menu .center>div a>span,[lang=fa] .profile-menu .center>div .animation-wrap>span,[lang=fa] .profile-menu .center>div .middle>span,[lang=fa] .profile-menu .center>div a>span {
        font-size: 10px;
        min-height: 18px
    }

    [lang=ar] .auth-btns button,[lang=fa] .auth-btns button {
        height: 49px
    }

    [lang=ar] .auth-btns button.sign-up,[lang=fa] .auth-btns button.sign-up {
        width: 65%
    }

    [lang=ar] .auth-btns button.sign-in,[lang=fa] .auth-btns button.sign-in {
        width: 35%
    }

    [lang=ar] .auth-btns button i,[lang=ar] .auth-btns button span,[lang=fa] .auth-btns button i,[lang=fa] .auth-btns button span {
        font-size: 16px
    }

    [lang=ar] .back,[lang=fa] .back {
        left: 24px;
        top: 30px
    }

    [lang=ar] .back i,[lang=fa] .back i {
        font-size: 28px
    }

    [lang=ar] .sign-in-popup,[lang=fa] .sign-in-popup {
        padding: 0
    }

    [lang=ar] .sign-in-popup .sign-in-header,[lang=fa] .sign-in-popup .sign-in-header {
        height: 56px
    }

    [lang=ar] .sign-in-popup .sign-in-header .back,[lang=ar] .sign-in-popup .sign-in-header .close,[lang=fa] .sign-in-popup .sign-in-header .back,[lang=fa] .sign-in-popup .sign-in-header .close {
        height: 56px;
        width: 56px
    }

    [lang=ar] .sign-in-popup .sign-in-header .back i,[lang=ar] .sign-in-popup .sign-in-header .close i,[lang=fa] .sign-in-popup .sign-in-header .back i,[lang=fa] .sign-in-popup .sign-in-header .close i {
        font-size: 18px
    }

    [lang=ar] .sign-in-popup .sign-in-header h2,[lang=fa] .sign-in-popup .sign-in-header h2 {
        font-size: 18px;
        margin-left: 56px;
        margin-right: 0
    }

    [lang=ar] .sign-in-popup .sign-in-form,[lang=fa] .sign-in-popup .sign-in-form {
        margin: 60px auto 0;
        max-width: 420px;
        width: 100%
    }

    [lang=ar] .sign-in-popup .sign-in-form .sign-in-logo,[lang=fa] .sign-in-popup .sign-in-form .sign-in-logo {
        height: 169px;
        width: 160px
    }

    [lang=ar] .sign-in-popup .sign-in-form form,[lang=fa] .sign-in-popup .sign-in-form form {
        margin: 50px 0 0
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap {
        margin: 0;
        position: relative
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2),[lang=fa] .sign-in-popup .sign-in-form form .input-wrap:nth-of-type(2) {
        margin: 20px 0 0
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap i,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap i {
        font-size: 20px;
        left: 16px;
        left: auto;
        right: 16px;
        top: 50%;
        transform: translateY(-50%)
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap input,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        font-size: 16px;
        height: 52px;
        padding: 0 52px 0 16px
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap input:focus,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap input:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-in-popup .sign-in-form form .input-wrap .mask-input,[lang=fa] .sign-in-popup .sign-in-form form .input-wrap .mask-input {
        display: block;
        width: 100%
    }

    [lang=ar] .sign-in-popup .sign-in-form form .forgot-password,[lang=fa] .sign-in-popup .sign-in-form form .forgot-password {
        font-size: 14px;
        line-height: 20px;
        margin: 20px 0 0
    }

    [lang=ar] .sign-in-popup .sign-in-form form .signin-error i,[lang=fa] .sign-in-popup .sign-in-form form .signin-error i {
        font-size: 14px;
        position: static;
        transform: none
    }

    [lang=ar] .sign-in-popup .sign-in-form form .signin-error span,[lang=fa] .sign-in-popup .sign-in-form form .signin-error span {
        font-family: NotoSansRegular,serif;
        font-size: 14px
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group,[lang=fa] .sign-in-popup .sign-in-form form .button-group {
        margin: 32px 0 0
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group button,[lang=fa] .sign-in-popup .sign-in-form form .button-group button {
        border-radius: 4px;
        font-size: 17px;
        height: 52px
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group button.sign-in,[lang=fa] .sign-in-popup .sign-in-form form .button-group button.sign-in {
        width: 100%
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group button.sign-up,[lang=fa] .sign-in-popup .sign-in-form form .button-group button.sign-up {
        margin-top: 16px;
        width: 100%
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group button i,[lang=fa] .sign-in-popup .sign-in-form form .button-group button i {
        font-size: 18px;
        position: static;
        transform: none
    }

    [lang=ar] .sign-in-popup .sign-in-form form .button-group button span,[lang=fa] .sign-in-popup .sign-in-form form .button-group button span {
        font-size: 17px
    }

    [lang=ar] .sign-up-popup .sign-up-header,[lang=fa] .sign-up-popup .sign-up-header {
        height: 56px;
        padding: 0 16px
    }

    [lang=ar] .sign-up-popup .sign-up-header .back,[lang=ar] .sign-up-popup .sign-up-header .close,[lang=fa] .sign-up-popup .sign-up-header .back,[lang=fa] .sign-up-popup .sign-up-header .close {
        height: 40px;
        width: 40px
    }

    [lang=ar] .sign-up-popup .sign-up-header .back i,[lang=ar] .sign-up-popup .sign-up-header .close i,[lang=fa] .sign-up-popup .sign-up-header .back i,[lang=fa] .sign-up-popup .sign-up-header .close i {
        font-size: 24px
    }

    [lang=ar] .sign-up-popup .sign-up-header h2,[lang=fa] .sign-up-popup .sign-up-header h2 {
        font-size: 18px;
        margin-left: 40px;
        margin-right: 0
    }

    [lang=ar] .sign-up-popup .sign-up-window-form,[lang=fa] .sign-up-popup .sign-up-window-form {
        padding: 24px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form .step .logo,[lang=fa] .sign-up-popup .sign-up-window-form .step .logo {
        display: block;
        height: 140px;
        margin: 32px auto 0;
        width: 133px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form .step>.form-group,[lang=fa] .sign-up-popup .sign-up-window-form .step>.form-group {
        background: none;
        border: none;
        border-radius: 0;
        margin: 32px auto 0;
        max-width: 400px;
        padding: 0;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .text h2,[lang=fa] .sign-up-popup .sign-up-window-form form .text h2 {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 4px;
        text-align: center;
        text-transform: capitalize
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .text p,[lang=fa] .sign-up-popup .sign-up-window-form form .text p {
        font-size: 14px;
        margin: 0 0 16px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label {
        border-bottom: none;
        display: block;
        margin: 0 0 16px;
        padding: 0;
        position: relative;
        text-align: left;
        text-align: right;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .error-message,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .error-message {
        display: block;
        font-family: NotoSansRegular,serif;
        font-size: 12px;
        margin: 4px 0 0
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .label {
        color: #aeaeae;
        display: block;
        font-family: NotoSansRegular,serif;
        font-size: 13px;
        margin: 0 0 8px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label {
        display: block
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:first-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:first-child {
        margin-bottom: 12px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px 0 40px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group:after,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group:after,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group:after {
        display: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap {
        position: relative
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap:last-child {
        margin: 8px 0 0
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.password-group .view-wrap i,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        left: 12px;
        position: absolute;
        right: 12px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question {
        display: block;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .mask-input {
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        height: 48px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control {
        background: #0000;
        border: none;
        height: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-placeholder,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-control .Select-value,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-placeholder,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-control .Select-value {
        line-height: 48px;
        padding: 0 12px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select.is-focused {
        border-color: #ed1c24
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 4px 8px #0000004d;
        left: -1px;
        max-height: 200px;
        position: absolute;
        right: -1px;
        top: 100%;
        width: auto;
        z-index: 1000
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-menu,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-menu {
        max-height: 198px;
        overflow-y: auto
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option {
        border-bottom: 1px solid #4d4d4d80;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        padding: 12px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:last-child,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:last-child {
        border-bottom: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option:active,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-focused,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option:active {
        background: #ed1c2433
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.secret-question .Select .Select-menu-outer .Select-option.is-selected,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.secret-question .Select .Select-menu-outer .Select-option.is-selected {
        background: #ed1c24;
        color: #fff
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px;
        text-align: right;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input input:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input input:disabled {
        color: #aeaeae
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select {
        display: block;
        overflow: visible;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        left: 12px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px 0 40px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label div.mask-input .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label label.mask-input .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question {
        display: block;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select {
        display: block;
        margin-bottom: 12px;
        overflow: visible;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        left: 12px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px 0 40px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input {
        display: block;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .secret-question .mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select {
        display: block;
        overflow: visible;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 20px;
        left: 12px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 12px 0 40px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .select select:disabled,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .select select:disabled {
        color: #aeaeae
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group {
        display: block;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input:focus-within {
        border-color: #ed1c24
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text] {
        background: #0000;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 100%;
        padding: 0 60px 0 12px!important;
        text-align: right;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input input[type=text]:focus {
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .flag-dropdown {
        background: #0000;
        border: none;
        border-left: 1px solid #4d4d4d;
        height: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag {
        height: 100%;
        padding: 0 0 0 12px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .selected-flag .flag {
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .form-group .react-tel-input .country-list {
        background: #000;
        border: 1px solid #4d4d4d;
        border-radius: 4px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group {
        display: flex;
        gap: 8px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select {
        display: block;
        flex: 1;
        overflow: visible;
        position: relative
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select:before {
        content: "";
        font-family: Icons!important;
        speak: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none!important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        font-size: 16px;
        left: 8px;
        pointer-events: none;
        position: absolute;
        right: 8px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 48px;
        padding: 0 8px 0 28px;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.birthday .form-group .select select:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input:focus-within,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input:focus-within {
        border-color: #ed1c24
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel],[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text] {
        background: #0000;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        height: 100%;
        padding: 0 60px 0 12px!important;
        text-align: right;
        width: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input input[type=text]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=tel]:focus,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input input[type=text]:focus {
        outline: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .flag-dropdown,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .flag-dropdown {
        align-items: center;
        background: #0000;
        border: none;
        border-left: 1px solid #4d4d4d;
        display: flex;
        height: 100%
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag {
        align-items: center;
        display: flex;
        height: 100%;
        padding: 0 0 0 12px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .selected-flag .flag,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .selected-flag .flag {
        left: auto;
        margin-top: 0;
        position: relative;
        right: 0;
        top: auto;
        transform: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,[lang=ar] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.mask-input>.form-group>.react-tel-input .country-list,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label>.react-tel-input .country-list {
        background: #000;
        border: 1px solid #4d4d4d;
        border-radius: 4px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox {
        display: block;
        padding: 0
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .checkbox-wrap {
        display: block;
        padding: 0 0 0 70px;
        position: relative
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon {
        background: #fff;
        border: 3px solid #4d4d4d;
        border-radius: 18px;
        direction: ltr;
        height: 26px;
        left: auto;
        left: 0;
        right: 0;
        right: auto;
        vertical-align: middle;
        width: 50px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .icon:before {
        background: #fff;
        border-radius: 100%;
        -webkit-box-shadow: 2px 0 2px 1px #000000bf;
        -moz-box-shadow: 2px 0 2px 1px #000000bf;
        box-shadow: 2px 0 2px 1px #000000bf;
        content: "";
        display: block;
        height: 22px;
        position: absolute;
        top: -1px;
        transform: translateX(0);
        transition: transform .3s linear;
        width: 22px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text {
        font-size: 12px;
        line-height: 14px
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text a,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox .text a {
        text-decoration: none
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon {
        background: #39b54a;
        border: 3px solid #39b54a
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before,[lang=fa] .sign-up-popup .sign-up-window-form form .form-label .checkbox input:checked+.icon:before {
        box-shadow: 0 0 0 0 #000;
        margin: 0;
        top: -1px;
        transform: translateX(22px)
    }

    [lang=ar] .sign-up-popup .sign-up-window-form form button,[lang=fa] .sign-up-popup .sign-up-window-form form button {
        border-radius: 4px;
        display: block;
        font-size: 16px;
        height: 48px;
        margin: 24px 0 0;
        width: 100%
    }

    [lang=ar] .sign-up-popup .welcome-text,[lang=fa] .sign-up-popup .welcome-text {
        height: auto;
        margin: 20px auto 0;
        width: 500px
    }

    [lang=ar] .sign-up-popup .welcome-text i,[lang=fa] .sign-up-popup .welcome-text i {
        font-size: 190px
    }

    [lang=ar] .sign-up-popup .welcome-text .checkbox .text,[lang=fa] .sign-up-popup .welcome-text .checkbox .text {
        display: block;
        font-size: 20px;
        line-height: 24px;
        text-align: right
    }

    [lang=ar] .sign-up-popup .message p,[lang=fa] .sign-up-popup .message p {
        font-size: 18px
    }

    [lang=ar] .sign-up-popup .button-group,[lang=ar] .sign-up-popup .step-buttons,[lang=fa] .sign-up-popup .button-group,[lang=fa] .sign-up-popup .step-buttons {
        margin: 24px auto 0;
        max-width: 400px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content.payment-modal,[lang=fa] .ReactModal__Overlay .ReactModal__Content.payment-modal {
        background-attachment: fixed!important;
        background-image: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/sites/marsbahis.com/bg-3.png)!important;
        background-position: center 0!important;
        background-repeat: no-repeat!important;
        background-size: auto 100%!important
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header {
        height: 56px;
        padding: 0 32px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header h2 {
        font-size: 18px;
        margin-left: 48px;
        margin-right: 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .back,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .back {
        height: 48px;
        width: 48px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .back i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .back i {
        font-size: 18px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-arrow-left {
        font-size: 18px;
        height: 48px;
        width: 48px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-header .icon-close-round {
        color: #4e4e4e;
        font-size: 28px;
        right: 24px;
        top: 4px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type {
        margin: 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block {
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .group {
        margin: 0 auto;
        width: 600px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .image {
        width: 20%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block .limit {
        color: #00000080;
        display: inline-block;
        font-family: NotoSansBold,serif;
        padding: 0;
        text-align: center;
        width: 50%;
        z-index: 18
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-content-payments-type .payment-blocks .block p {
        font-size: 18px;
        width: 30%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single {
        padding: 0 15px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header {
        padding: 0 32px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .back,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .back,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-header .icon-arrow-left {
        margin-left: 0;
        margin-right: -12px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text {
        margin: 30px auto 0;
        padding: 20px 15px 30px;
        width: 65%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image {
        border-bottom: 1px solid #18181880;
        padding: 0 0 10px;
        text-align: left
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image img {
        display: inline-block;
        vertical-align: middle;
        width: 120px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text .image h3 {
        color: #00000080;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 18px;
        margin: 0 0 0 35px;
        text-align: left;
        vertical-align: middle;
        width: 65%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .text>p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 17px;
        line-height: 19px;
        margin: 10px 0 0;
        text-align: left
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title {
        margin: 15px auto 10px;
        padding: 0;
        text-align: left;
        width: 65%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .form-title h2 {
        border-top: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 24px;
        padding: 8px 0 0;
        text-transform: uppercase
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single {
        margin: 0 auto;
        position: relative;
        text-align: left;
        width: 65%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block {
        padding: 15px 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .bonus-block:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses h2 {
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 24px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox {
        margin: 10px 0 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .icon,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .icon {
        background: #282727;
        border: 1px solid #fff
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .text,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .checkbox .text {
        color: #fff
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-bonuses .message {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 16px;
        padding: 15px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont {
        padding: 0 0 10px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label {
        align-items: center;
        border-bottom: 1px solid #4d4d4d;
        display: flex;
        min-height: 60px;
        padding: 10px 0;
        position: relative;
        text-align: left;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .error-message {
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 18px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .label {
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        padding: 0 5px 0 0;
        vertical-align: middle;
        width: 40%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label {
        display: block
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .mask-input input {
        padding: 0 30px 0 0;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group:after {
        display: none
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap {
        position: relative
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap:last-child,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap:last-child {
        margin: 5px 0 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.password-group .view-wrap i,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 15px;
        text-align: left;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label div.mask-input input:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label label.mask-input input:disabled {
        color: #aeaeae
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select:after {
        color: #fff;
        content: "\\E075";
        font-family: Icons;
        font-size: 24px;
        pointer-events: none;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 35px 0 15px;
        position: relative;
        width: 100%;
        z-index: 1
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .select select:disabled {
        color: #aeaeae
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .form-group {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select {
        width: 32%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type),[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .birthday .form-group .select:not(:first-of-type) {
        margin: 0 0 0 2%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],[lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text],[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=tel],[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input input[type=text] {
        background: none;
        border: none;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        padding: 0 16px 0 50px!important;
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .selected-flag .flag {
        top: 17px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .react-tel-input .country-list {
        background: #000
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol {
        display: inline-block;
        position: relative;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input {
        width: 100%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        height: 50px;
        padding: 0 15px 0 65px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .currency-symbol .symbol {
        align-items: center;
        bottom: 0;
        color: #fff;
        display: flex;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        left: 5px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 60px;
        z-index: 1
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select {
        display: inline-block;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select .mask-input {
        display: none
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a {
        border: 1px solid #4d4d4d;
        border-radius: 1px;
        color: #aeaeae;
        cursor: pointer;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 24px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        width: 45%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a:first-of-type {
        margin: 0 12px 0 0
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .form-cont form>div .form-label .group-select a.selected {
        background: #424040;
        color: #fff
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .form-label {
        border: none!important
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .converter .mask-input {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 45px;
        margin: 24px auto 0;
        padding: 0;
        width: 193px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .payment-form-hidden {
        display: none
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window {
        border: 1px solid #4d4d4d;
        padding: 38px 0 47px;
        text-align: center
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window h2 {
        font-family: OpenSansBold,serif;
        font-size: 24px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p {
        color: #aeaeae;
        font-family: OpenSansBold,serif;
        font-size: 14px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window p:first-of-type {
        margin: 17px
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.error h2 {
        color: #ed1c24
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .message-window.success h2 {
        color: #39b54a
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .frame-block iframe {
        border: 1px solid #4d4d4d
    }

    [lang=ar] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked,[lang=fa] .ReactModal__Overlay .ReactModal__Content .modal-payments-single .modal-content-payments-single .single-payment-block .blocked {
        background: #ed1c24;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 14px;
        margin: 20px 0 0;
        padding: 20px;
        text-align: center
    }

    [lang=ar] .password-progress,[lang=fa] .password-progress {
        display: block;
        height: 1px;
        position: absolute;
        top: 34px;
        transition: all .3s linear;
        z-index: 1
    }

    [lang=ar] .banner .banner-container,[lang=fa] .banner .banner-container {
        height: 217px
    }

    [lang=ar] .banner-panel-wrap .banner-panel,[lang=fa] .banner-panel-wrap .banner-panel {
        height: 100px
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block,[lang=fa] .banner-panel-wrap .banner-panel .block {
        background: #282727;
        background: -moz-linear-gradient(top,#282727 0,#050505 100%);
        background: -webkit-linear-gradient(top,#282727,#050505);
        background: linear-gradient(180deg,#282727 0,#050505);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$up",endColorstr="$down",GradientType=0)
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block .middle,[lang=fa] .banner-panel-wrap .banner-panel .block .middle {
        height: 100px
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block .middle i,[lang=fa] .banner-panel-wrap .banner-panel .block .middle i {
        display: none
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block .middle .title,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title {
        margin: 1px 0 0;
        width: 100%
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block .middle .title h3,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title h3 {
        font-family: NotoSansBold,serif;
        font-size: 18px;
        line-height: 24px
    }

    [lang=ar] .banner-panel-wrap .banner-panel .block .middle .title h2,[lang=fa] .banner-panel-wrap .banner-panel .block .middle .title h2 {
        font-size: 24px;
        line-height: 24px
    }

    [lang=ar] .sidebar,[lang=fa] .sidebar {
        border-top: 1px solid #4d4d4d;
        padding: 0;
        text-align: center
    }

    [lang=ar] .sidebar .toggle-filters,[lang=fa] .sidebar .toggle-filters {
        font-size: 14px;
        margin: 8px 0 0
    }

    [lang=ar] .sidebar .main-sidebar,[lang=fa] .sidebar .main-sidebar {
        margin: 0
    }

    [lang=ar] .sidebar .main-sidebar .filters-tabs,[lang=fa] .sidebar .main-sidebar .filters-tabs {
        margin: 10px 0 0
    }

    [lang=ar] .sidebar .main-sidebar .filters-tabs button,[lang=fa] .sidebar .main-sidebar .filters-tabs button {
        height: 32px;
        width: 49.75%
    }

    [lang=ar] .sidebar .main-sidebar .filters-tabs button:first-child,[lang=fa] .sidebar .main-sidebar .filters-tabs button:first-child {
        margin: 0 0 0 .5%
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu:after,[lang=fa] .sidebar .main-sidebar .sidebar-menu:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu .sidebar-title,[lang=fa] .sidebar .main-sidebar .sidebar-menu .sidebar-title {
        color: #a1a1a1;
        font-family: MuseoSans700,NotoSansBold,serif;
        font-size: 16px;
        margin: 0 0 20px;
        text-transform: capitalize
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu .categories-list,[lang=ar] .sidebar .main-sidebar .sidebar-menu .provider-list,[lang=fa] .sidebar .main-sidebar .sidebar-menu .categories-list,[lang=fa] .sidebar .main-sidebar .sidebar-menu .provider-list {
        margin: 4px 0 0;
        padding: 0 3px
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu ul,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul {
        text-align: left;
        text-align: right
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu ul li,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li {
        display: inline-block;
        margin: 5px 0 0 .5%;
        width: 16.2%
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(2n),[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(2n) {
        margin: 5px 0 0 .5%
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(6n+6),[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li:nth-of-type(6n+6) {
        margin: 5px 0 0
    }

    [lang=ar] .sidebar .main-sidebar .sidebar-menu ul li a,[lang=fa] .sidebar .main-sidebar .sidebar-menu ul li a {
        font-size: 14px
    }

    [lang=ar] .page-content,[lang=fa] .page-content {
        padding: 10px 0 0
    }

    [lang=ar] .page-content .game-block .image-animation-wrap .image,[lang=fa] .page-content .game-block .image-animation-wrap .image {
        height: 110px
    }

    [lang=ar] .page-content .game-block .image-animation-wrap .title,[lang=fa] .page-content .game-block .image-animation-wrap .title {
        height: 46px
    }

    [lang=ar] .page-content .game-block .image-animation-wrap .title h2,[lang=fa] .page-content .game-block .image-animation-wrap .title h2 {
        font-size: 12px;
        line-height: 14px
    }

    [lang=ar] .game-block-popup .popup-content,[lang=fa] .game-block-popup .popup-content {
        display: inline-block;
        vertical-align: middle
    }

    [lang=ar] .game-block-popup .image-wrap,[lang=fa] .game-block-popup .image-wrap {
        border-bottom: 2px solid #ed1c24;
        border-radius: 12px 12px 0 0;
        height: 280px;
        padding: 0 16px;
        width: 320px
    }

    [lang=ar] .game-block-popup .image-wrap .back,[lang=fa] .game-block-popup .image-wrap .back {
        height: 40px;
        left: 16px;
        top: 16px;
        width: 40px
    }

    [lang=ar] .game-block-popup .image-wrap .back i,[lang=fa] .game-block-popup .image-wrap .back i {
        font-size: 20px
    }

    [lang=ar] .game-block-popup .image-wrap h2,[lang=fa] .game-block-popup .image-wrap h2 {
        font-size: 20px;
        margin: 20px 0 0;
        padding: 0 32px 10px
    }

    [lang=ar] .game-block-popup .button-group,[lang=fa] .game-block-popup .button-group {
        gap: 16px;
        margin: 32px 0 0;
        width: 320px
    }

    [lang=ar] .game-block-popup .button-group .demo,[lang=ar] .game-block-popup .button-group .play,[lang=fa] .game-block-popup .button-group .demo,[lang=fa] .game-block-popup .button-group .play {
        border-radius: 6px;
        font-size: 16px;
        height: 52px
    }

    [lang=ar] .user-profile-menu .menu-header,[lang=fa] .user-profile-menu .menu-header {
        margin: 0 auto;
        max-width: 700px;
        padding: 16px 32px 0
    }

    [lang=ar] .user-profile-menu .menu-header .balance,[lang=fa] .user-profile-menu .menu-header .balance {
        gap: 16px
    }

    [lang=ar] .user-profile-menu .menu-header .balance .block,[lang=fa] .user-profile-menu .menu-header .balance .block {
        padding: 16px 12px
    }

    [lang=ar] .user-profile-menu .menu-header .balance .block>span,[lang=fa] .user-profile-menu .menu-header .balance .block>span {
        font-size: 24px
    }

    [lang=ar] .user-profile-menu .menu-header .balance .block p,[lang=fa] .user-profile-menu .menu-header .balance .block p {
        font-size: 13px;
        margin-top: 8px
    }

    [lang=ar] .user-profile-menu .menu,[lang=fa] .user-profile-menu .menu {
        margin: 32px auto 0;
        max-width: 700px;
        padding: 0 32px
    }

    [lang=ar] .user-profile-menu .menu ul li a,[lang=fa] .user-profile-menu .menu ul li a {
        min-height: 56px;
        padding: 16px 0
    }

    [lang=ar] .user-profile-menu .menu ul li a:active,[lang=fa] .user-profile-menu .menu ul li a:active {
        margin: 0 -32px;
        padding: 16px 32px
    }

    [lang=ar] .user-profile-menu .menu ul li i:first-child,[lang=fa] .user-profile-menu .menu ul li i:first-child {
        font-size: 20px;
        width: 48px
    }

    [lang=ar] .user-profile-menu .menu ul li span,[lang=fa] .user-profile-menu .menu ul li span {
        font-size: 17px
    }

    [lang=ar] .user-profile-menu .menu ul li .icon-arrow-right,[lang=fa] .user-profile-menu .menu ul li .icon-arrow-right {
        font-size: 14px
    }

    [lang=ar] .user-profile-menu h3,[lang=fa] .user-profile-menu h3 {
        font-size: 13px;
        margin: 32px auto 12px;
        max-width: 700px;
        padding: 32px 32px 0;
        text-align: center
    }

    [lang=ar] .personal-info-form,[lang=fa] .personal-info-form {
        margin: 20px auto 0;
        max-width: 500px;
        padding: 0 24px;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label,[lang=fa] .personal-info-form .form-label {
        border-bottom: none;
        display: block;
        margin: 0 0 20px;
        padding: 0;
        position: relative;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .error-message,[lang=fa] .personal-info-form .form-label .error-message {
        display: block;
        font-size: 13px;
        margin: 6px 0 0
    }

    [lang=ar] .personal-info-form .form-label .label,[lang=fa] .personal-info-form .form-label .label {
        color: #aeaeae;
        display: block;
        font-size: 14px;
        margin: 0 0 10px;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div,[lang=ar] .personal-info-form .form-label label,[lang=fa] .personal-info-form .form-label div,[lang=fa] .personal-info-form .form-label label {
        display: block
    }

    [lang=ar] .personal-info-form .form-label div.password-group,[lang=ar] .personal-info-form .form-label label.password-group,[lang=fa] .personal-info-form .form-label div.password-group,[lang=fa] .personal-info-form .form-label label.password-group {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div.password-group .mask-input,[lang=ar] .personal-info-form .form-label label.password-group .mask-input,[lang=fa] .personal-info-form .form-label div.password-group .mask-input,[lang=fa] .personal-info-form .form-label label.password-group .mask-input {
        border: none;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div.password-group .mask-input input,[lang=ar] .personal-info-form .form-label label.password-group .mask-input input,[lang=fa] .personal-info-form .form-label div.password-group .mask-input input,[lang=fa] .personal-info-form .form-label label.password-group .mask-input input {
        padding: 0 0 0 40px;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div.password-group:after,[lang=ar] .personal-info-form .form-label label.password-group:after,[lang=fa] .personal-info-form .form-label div.password-group:after,[lang=fa] .personal-info-form .form-label label.password-group:after {
        display: none
    }

    [lang=ar] .personal-info-form .form-label div.password-group .view-wrap,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap {
        position: relative
    }

    [lang=ar] .personal-info-form .form-label div.password-group .view-wrap:last-child,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap:last-child,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap:last-child,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap:last-child {
        margin: 8px 0 0
    }

    [lang=ar] .personal-info-form .form-label div.password-group .view-wrap i,[lang=ar] .personal-info-form .form-label label.password-group .view-wrap i,[lang=fa] .personal-info-form .form-label div.password-group .view-wrap i,[lang=fa] .personal-info-form .form-label label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        left: 12px;
        position: absolute;
        right: 12px;
        right: auto;
        top: 12px;
        z-index: 1
    }

    [lang=ar] .personal-info-form .form-label div.mask-input,[lang=ar] .personal-info-form .form-label label.mask-input,[lang=fa] .personal-info-form .form-label div.mask-input,[lang=fa] .personal-info-form .form-label label.mask-input {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div.mask-input input,[lang=ar] .personal-info-form .form-label label.mask-input input,[lang=fa] .personal-info-form .form-label div.mask-input input,[lang=fa] .personal-info-form .form-label label.mask-input input {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 48px;
        padding: 12px 14px;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label div.mask-input input:disabled,[lang=ar] .personal-info-form .form-label label.mask-input input:disabled,[lang=fa] .personal-info-form .form-label div.mask-input input:disabled,[lang=fa] .personal-info-form .form-label label.mask-input input:disabled {
        color: #aeaeae;
        cursor: not-allowed
    }

    [lang=ar] .personal-info-form .form-label div.mask-input input:focus,[lang=ar] .personal-info-form .form-label label.mask-input input:focus,[lang=fa] .personal-info-form .form-label div.mask-input input:focus,[lang=fa] .personal-info-form .form-label label.mask-input input:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .personal-info-form .form-label .select,[lang=fa] .personal-info-form .form-label .select {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        display: block;
        height: 48px;
        position: relative;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .select:before,[lang=fa] .personal-info-form .form-label .select:before {
        color: #fff;
        font-size: 22px;
        left: 14px;
        pointer-events: none;
        right: 14px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0
    }

    [lang=ar] .personal-info-form .form-label .select select,[lang=fa] .personal-info-form .form-label .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #0000;
        border: none;
        color: #fff;
        cursor: pointer;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 100%;
        padding: 0 14px 0 44px;
        position: relative;
        text-align: right;
        width: 100%;
        z-index: 1
    }

    [lang=ar] .personal-info-form .form-label .select select:disabled,[lang=fa] .personal-info-form .form-label .select select:disabled {
        color: #aeaeae;
        cursor: not-allowed
    }

    [lang=ar] .personal-info-form .form-label .select select:focus,[lang=fa] .personal-info-form .form-label .select select:focus {
        outline: none
    }

    [lang=ar] .personal-info-form .form-label .select:focus-within,[lang=fa] .personal-info-form .form-label .select:focus-within {
        border-color: #ed1c24
    }

    [lang=ar] .personal-info-form .form-label .Select,[lang=fa] .personal-info-form .form-label .Select {
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control,[lang=fa] .personal-info-form .form-label .Select .Select-control {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        height: 48px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-multi-value-wrapper {
        height: 46px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-value,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-value {
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        line-height: 46px;
        padding: 0 44px 0 14px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-placeholder,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-placeholder {
        font-size: 15px;
        line-height: 46px;
        padding: 0 44px 0 14px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-input,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-input {
        height: 46px;
        padding: 0 14px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-input input,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-input input {
        font-size: 15px;
        height: 44px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone,[lang=fa] .personal-info-form .form-label .Select .Select-control .Select-arrow-zone {
        padding: 0 14px 0 0;
        width: 44px
    }

    [lang=ar] .personal-info-form .form-label .Select .Select-menu-outer .Select-option,[lang=fa] .personal-info-form .form-label .Select .Select-menu-outer .Select-option {
        font-size: 15px;
        padding: 14px
    }

    [lang=ar] .personal-info-form .form-label .form-group,[lang=fa] .personal-info-form .form-label .form-group {
        display: block;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .birthday,[lang=fa] .personal-info-form .form-label .birthday {
        display: block;
        position: relative;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .birthday .form-group,[lang=fa] .personal-info-form .form-label .birthday .form-group {
        display: flex;
        gap: 8px
    }

    [lang=ar] .personal-info-form .form-label .birthday .form-group .select,[lang=fa] .personal-info-form .form-label .birthday .form-group .select {
        flex: 1
    }

    [lang=ar] .personal-info-form .form-label .react-tel-input,[lang=fa] .personal-info-form .form-label .react-tel-input {
        display: block;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .react-tel-input input[type=tel],[lang=ar] .personal-info-form .form-label .react-tel-input input[type=text],[lang=fa] .personal-info-form .form-label .react-tel-input input[type=tel],[lang=fa] .personal-info-form .form-label .react-tel-input input[type=text] {
        background: #282727;
        border: 1px solid #4d4d4d;
        border-radius: 4px;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 15px;
        height: 48px;
        padding: 0 60px 0 14px!important;
        width: 100%
    }

    [lang=ar] .personal-info-form .form-label .react-tel-input input[type=tel]:focus,[lang=ar] .personal-info-form .form-label .react-tel-input input[type=text]:focus,[lang=fa] .personal-info-form .form-label .react-tel-input input[type=tel]:focus,[lang=fa] .personal-info-form .form-label .react-tel-input input[type=text]:focus {
        border-color: #ed1c24;
        outline: none
    }

    [lang=ar] .personal-info-form .form-label .react-tel-input .selected-flag .flag,[lang=fa] .personal-info-form .form-label .react-tel-input .selected-flag .flag {
        top: 11px
    }

    [lang=ar] .personal-info-form .form-label .react-tel-input .country-list,[lang=fa] .personal-info-form .form-label .react-tel-input .country-list {
        background: #000
    }

    [lang=ar] .personal-info-form .form-label .checkbox,[lang=fa] .personal-info-form .form-label .checkbox {
        display: block;
        padding: 16px 0 0
    }

    [lang=ar] .personal-info-form .form-label .checkbox .checkbox-wrap,[lang=fa] .personal-info-form .form-label .checkbox .checkbox-wrap {
        display: block;
        padding: 0 0 0 70px;
        position: relative
    }

    [lang=ar] .personal-info-form .form-label .checkbox .icon,[lang=fa] .personal-info-form .form-label .checkbox .icon {
        background: #fff;
        border: 3px solid #4d4d4d;
        border-radius: 20px;
        direction: ltr;
        height: 28px;
        left: auto;
        left: 0;
        right: 0;
        right: auto;
        vertical-align: middle;
        width: 52px
    }

    [lang=ar] .personal-info-form .form-label .checkbox .icon:before,[lang=fa] .personal-info-form .form-label .checkbox .icon:before {
        background: #fff;
        border-radius: 100%;
        box-shadow: 2px 0 2px 1px #000000bf;
        content: "";
        display: block;
        height: 24px;
        position: absolute;
        top: -1px;
        transform: translateX(0);
        transition: transform .3s linear;
        width: 24px
    }

    [lang=ar] .personal-info-form .form-label .checkbox .text,[lang=fa] .personal-info-form .form-label .checkbox .text {
        color: #aeaeae;
        font-size: 13px;
        line-height: 1.4
    }

    [lang=ar] .personal-info-form .form-label .checkbox .text a,[lang=fa] .personal-info-form .form-label .checkbox .text a {
        color: #fff;
        text-decoration: none
    }

    [lang=ar] .personal-info-form .form-label .checkbox input:checked+.icon,[lang=fa] .personal-info-form .form-label .checkbox input:checked+.icon {
        background: #39b54a;
        border: 3px solid #39b54a
    }

    [lang=ar] .personal-info-form .form-label .checkbox input:checked+.icon:before,[lang=fa] .personal-info-form .form-label .checkbox input:checked+.icon:before {
        box-shadow: 0 0 0 0 #000;
        margin: 0;
        top: -1px;
        transform: translateX(24px)
    }

    [lang=ar] .personal-info-form .button-wrap,[lang=fa] .personal-info-form .button-wrap {
        padding: 0;
        width: 100%
    }

    [lang=ar] .personal-info-form .button-wrap button,[lang=fa] .personal-info-form .button-wrap button {
        background: #088c35;
        border: 1px solid #088c35;
        border-radius: 4px;
        color: #fff;
        display: block;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        height: 48px;
        line-height: 46px;
        margin: 24px 0 0;
        padding: 0;
        width: 100%
    }

    [lang=ar] .user-transactions,[lang=fa] .user-transactions {
        padding: 35px 0 0;
        width: 100%
    }

    [lang=ar] .user-transactions .user-transactions-header,[lang=fa] .user-transactions .user-transactions-header {
        padding: 0 24px
    }

    [lang=ar] .user-transactions .user-transactions-header .tabs button,[lang=fa] .user-transactions .user-transactions-header .tabs button {
        margin: 0 5px 0 0
    }

    [lang=ar] .user-transactions [data-tabs],[lang=fa] .user-transactions [data-tabs] {
        margin: 50px auto 0;
        padding: 0 24px
    }

    [lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list:after,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li {
        background: #282727;
        border: none!important;
        border-top: 1px solid #4d4d4d!important;
        display: block;
        float: left;
        font-size: 14px;
        height: 40px;
        margin: 0 .65% 0 0;
        padding: 0 10px;
        text-align: center;
        width: 24.5%
    }

    [lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li:before,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li span,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li span {
        display: inline-block;
        vertical-align: middle
    }

    [lang=ar] .user-transactions [data-tabs] .react-tabs__tab-list li:last-child,[lang=fa] .user-transactions [data-tabs] .react-tabs__tab-list li:last-child {
        margin: 0
    }

    [lang=ar] .user-transactions .user-account-block,[lang=fa] .user-transactions .user-account-block {
        padding: 10px 24px 0
    }

    [lang=ar] .user-transactions .user-account-block .group,[lang=fa] .user-transactions .user-account-block .group {
        margin: 0 0 2px
    }

    [lang=ar] .user-transactions .user-account-block .group .block,[lang=fa] .user-transactions .user-account-block .group .block {
        background: #282727;
        border-top: 1px solid #4d4d4d;
        padding: 10px 0
    }

    [lang=ar] .user-transactions .user-account-block .group .block:after,[lang=fa] .user-transactions .user-account-block .group .block:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div,[lang=fa] .user-transactions .user-account-block .group .block>div {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
        width: 33%
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div:after,[lang=fa] .user-transactions .user-account-block .group .block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div>span,[lang=fa] .user-transactions .user-account-block .group .block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        line-height: 18px;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group .block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div i,[lang=fa] .user-transactions .user-account-block .group .block>div i {
        color: #4e4e4e;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px;
        position: relative;
        top: 3px
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div.more,[lang=fa] .user-transactions .user-account-block .group .block>div.more {
        text-align: right
    }

    [lang=ar] .user-transactions .user-account-block .group .block>div.more>span,[lang=fa] .user-transactions .user-account-block .group .block>div.more>span {
        cursor: pointer;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        font-style: italic;
        line-height: normal;
        margin: 0
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block,[lang=fa] .user-transactions .user-account-block .group .sub-block {
        background: #424040
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block>div,[lang=fa] .user-transactions .user-account-block .group .sub-block>div {
        display: inline-block;
        height: 30px;
        padding: 0 10px
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block>div:after,[lang=fa] .user-transactions .user-account-block .group .sub-block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block>div>span,[lang=fa] .user-transactions .user-account-block .group .sub-block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block>div>span:last-child,[lang=fa] .user-transactions .user-account-block .group .sub-block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    [lang=ar] .user-transactions .user-account-block .group .sub-block>div i,[lang=fa] .user-transactions .user-account-block .group .sub-block>div i {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    [lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child {
        text-align: center
    }

    [lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child .image,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child .image {
        border-radius: 100%;
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        width: 100%
    }

    [lang=ar] .user-transactions .user-account-block .group.game .block>div:first-child .image img,[lang=fa] .user-transactions .user-account-block .group.game .block>div:first-child .image img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child {
        text-align: center
    }

    [lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image {
        display: inline-block;
        height: 30px;
        padding: 2px 5px;
        text-align: center;
        vertical-align: middle;
        width: 100%
    }

    [lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image:after,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-transactions .user-account-block .group.payment .block>div:first-child .image img,[lang=fa] .user-transactions .user-account-block .group.payment .block>div:first-child .image img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle
    }

    [lang=ar] .personal-information.uploader,[lang=fa] .personal-information.uploader {
        min-height: 200px
    }

    [lang=ar] .personal-information.change-password,[lang=fa] .personal-information.change-password {
        min-height: 900px
    }

    [lang=ar] .personal-information .user-settings-preloader,[lang=fa] .personal-information .user-settings-preloader {
        background: #000c;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    [lang=ar] .personal-information .file-upload,[lang=fa] .personal-information .file-upload {
        border: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        margin: 20px auto 0
    }

    [lang=ar] .personal-information .file-upload label,[lang=fa] .personal-information .file-upload label {
        cursor: pointer;
        display: block;
        height: 38px;
        overflow: hidden;
        padding: 0 0 0 50px;
        position: relative
    }

    [lang=ar] .personal-information .file-upload label:after,[lang=fa] .personal-information .file-upload label:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .personal-information .file-upload i,[lang=fa] .personal-information .file-upload i {
        left: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    [lang=ar] .personal-information .file-upload span,[lang=fa] .personal-information .file-upload span {
        display: inline-block;
        vertical-align: middle
    }

    [lang=ar] .personal-information .file-upload input,[lang=fa] .personal-information .file-upload input {
        position: absolute;
        visibility: hidden
    }

    [lang=ar] .user-bonuses,[lang=fa] .user-bonuses {
        margin: 60px 0 0;
        padding: 0 24px;
        width: 100%
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group,[lang=fa] .user-bonuses .user-bonuses-block .group {
        margin: 0 0 2px
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block,[lang=fa] .user-bonuses .user-bonuses-block .group .block {
        background: #282727;
        border-top: 1px solid #4d4d4d;
        padding: 10px 0
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block:after,[lang=fa] .user-bonuses .user-bonuses-block .group .block:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div {
        display: inline-block;
        padding: 0 10px;
        vertical-align: middle;
        width: 33.3%
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div:after,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div>span,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        line-height: 18px;
        margin: 0 5px 0 0;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div i,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div i {
        color: #4e4e4e;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px;
        position: relative;
        top: 3px
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div .decline-button,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div .decline-button {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        width: auto
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div.more,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.more {
        text-align: right
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div.more>span,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.more>span {
        cursor: pointer;
        font-family: NotoSansRegular,serif;
        font-style: italic;
        line-height: normal;
        margin: 0
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .block>div.button-wrap,[lang=fa] .user-bonuses .user-bonuses-block .group .block>div.button-wrap {
        text-align: right
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .sub-block,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block {
        background: #424040
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div {
        display: inline-block;
        height: 30px;
        padding: 0 10px
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div:after,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div>span,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .group .sub-block>div>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 14px;
        margin: 0 0 0 5px
    }

    [lang=ar] .user-bonuses .user-bonuses-block .user-bonuses-table-content h2,[lang=fa] .user-bonuses .user-bonuses-block .user-bonuses-table-content h2 {
        color: #fff;
        font-family: NotoSansRegular,NotoSansBold,serif;
        font-size: 16px;
        margin: 0 0 20px
    }

    [lang=ar] .user-bonuses .user-bonuses-block button,[lang=fa] .user-bonuses .user-bonuses-block button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0 5px;
        width: auto
    }

    [lang=ar] .user-bonuses .user-bonuses-block button.cancel,[lang=fa] .user-bonuses .user-bonuses-block button.cancel {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        margin: 0 0 0 10px;
        padding: 0 5px;
        width: auto
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table,[lang=fa] .user-bonuses .user-bonuses-block .table {
        margin: 20px 0 0
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .tr:last-child .td,[lang=fa] .user-bonuses .user-bonuses-block .table .tr:last-child .td {
        border-bottom: 1px solid #4d4d4d
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .td,[lang=fa] .user-bonuses .user-bonuses-block .table .td {
        padding: 10px
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .td:first-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td:first-child {
        border-left: 1px solid #4d4d4d
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .td:last-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td:last-child {
        border-right: 1px solid #4d4d4d;
        text-align: right
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .td>span,[lang=fa] .user-bonuses .user-bonuses-block .table .td>span {
        color: #aeaeae;
        display: inline-block;
        font-family: NotoSansBold,serif;
        font-size: 14px;
        vertical-align: middle
    }

    [lang=ar] .user-bonuses .user-bonuses-block .table .td>span:last-child,[lang=fa] .user-bonuses .user-bonuses-block .table .td>span:last-child {
        color: #fff;
        font-family: NotoSansRegular,serif;
        margin: 0 0 0 5px
    }

    [lang=ar] .user-bonuses .user-settings-preloader,[lang=fa] .user-bonuses .user-settings-preloader {
        background: #000c;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

    [lang=ar] .user-bonuses .empty-bonuses,[lang=fa] .user-bonuses .empty-bonuses {
        padding: 15px;
        text-align: center
    }

    [lang=ar] .user-bonuses .empty-bonuses p,[lang=fa] .user-bonuses .empty-bonuses p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 12px;
        text-transform: uppercase
    }

    [lang=ar] .user-bonuses .button-wrap,[lang=fa] .user-bonuses .button-wrap {
        margin: 20px 0 0;
        text-align: center
    }

    [lang=ar] .user-bonuses .button-wrap button,[lang=fa] .user-bonuses .button-wrap button {
        cursor: pointer;
        padding: 0 15px
    }

    [lang=ar] .user-bonuses button,[lang=fa] .user-bonuses button {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0 5px;
        width: auto
    }

    [lang=ar] .user-bonuses button.cancel,[lang=fa] .user-bonuses button.cancel {
        background: #ed1c24;
        border: 1px solid #ed1c24;
        color: #fff;
        margin: 0 0 0 10px;
        padding: 0 5px;
        width: auto
    }

    [lang=ar] .user-documents,[lang=fa] .user-documents {
        float: left;
        padding: 35px 10px 0;
        width: 100%
    }

    [lang=ar] .user-documents .documents-wrap,[lang=fa] .user-documents .documents-wrap {
        border: 1px solid #4d4d4d;
        margin: 50px auto;
        position: relative;
        width: 500px
    }

    [lang=ar] .user-documents .documents-wrap .no-document,[lang=fa] .user-documents .documents-wrap .no-document {
        margin: 0;
        padding: 50px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload,[lang=fa] .user-documents .documents-wrap .file-upload {
        margin: 0 auto;
        padding: 10px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .text p,[lang=fa] .user-documents .documents-wrap .file-upload .text p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 18px;
        line-height: 20px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group {
        gap: 16px;
        margin: 16px auto 0;
        max-width: 500px;
        padding: 16px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .icon,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .icon {
        font-size: 28px;
        height: 64px;
        width: 64px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 {
        font-size: 16px;
        margin-bottom: 12px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap h2 span {
        font-size: 13px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .process-wrap span {
        font-size: 15px;
        height: 48px;
        line-height: 48px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap {
        height: 48px;
        padding: 0 16px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap i {
        font-size: 20px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .upload-input .input-wrap span {
        font-size: 15px
    }

    [lang=ar] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error,[lang=fa] .user-documents .documents-wrap .file-upload .upload-group .upload-wrap .error {
        font-size: 14px
    }

    [lang=ar] .user-reality .tabs,[lang=fa] .user-reality .tabs {
        margin: 0 auto;
        max-width: 500px;
        padding: 0 32px
    }

    [lang=ar] .user-reality .duration-wrap .cont,[lang=fa] .user-reality .duration-wrap .cont {
        padding: 24px 32px
    }

    [lang=ar] .user-reality .duration-wrap .cont p,[lang=fa] .user-reality .duration-wrap .cont p {
        font-size: 15px;
        line-height: 1.6
    }

    [lang=ar] .user-reality .duration-wrap .cont .static-block p,[lang=fa] .user-reality .duration-wrap .cont .static-block p {
        font-size: 15px
    }

    [lang=ar] .user-reality .duration-wrap .cont .button-wrap,[lang=fa] .user-reality .duration-wrap .cont .button-wrap {
        gap: 12px;
        margin-top: 24px
    }

    [lang=ar] .user-reality .duration-wrap .cont .button-wrap button,[lang=ar] .user-reality .duration-wrap .cont .button-wrap button.selected,[lang=ar] .user-reality .duration-wrap .cont .button-wrap button.submit,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button.selected,[lang=fa] .user-reality .duration-wrap .cont .button-wrap button.submit {
        height: 48px
    }

    [lang=ar] .limit,[lang=fa] .limit {
        padding: 45px 0 0
    }

    [lang=ar] .limit .cont,[lang=fa] .limit .cont {
        margin: 50px auto 0;
        text-align: center;
        width: 500px
    }

    [lang=ar] .limit .cont .alerts,[lang=fa] .limit .cont .alerts {
        padding: 0 15px
    }

    [lang=ar] .limit .cont .alerts .alert,[lang=fa] .limit .cont .alerts .alert {
        margin: 10px auto;
        width: 100%
    }

    [lang=ar] .limit .cont .button-wrap:after,[lang=fa] .limit .cont .button-wrap:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .limit .cont .button-wrap button,[lang=fa] .limit .cont .button-wrap button {
        background: #282727;
        border: none;
        color: #fff;
        display: block;
        font-family: NotoSansBold,serif;
        font-size: 20px;
        height: 45px;
        padding: 0
    }

    [lang=ar] .limit .cont .button-wrap button.selected,[lang=fa] .limit .cont .button-wrap button.selected {
        background: #ed1c24
    }

    [lang=ar] .limit .cont .limit-wrap,[lang=fa] .limit .cont .limit-wrap {
        margin: 20px 0 0;
        padding: 0 15px
    }

    [lang=ar] .limit .cont .limit-wrap:after,[lang=fa] .limit .cont .limit-wrap:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .limit .cont .limit-wrap h2,[lang=fa] .limit .cont .limit-wrap h2 {
        border-top: 1px solid #4d4d4d;
        color: #fff;
        font-family: NotoSansBold,serif;
        font-size: 15px;
        padding: 8px 0 0;
        text-transform: uppercase
    }

    [lang=ar] .limit .cont .limit-wrap .number-group,[lang=fa] .limit .cont .limit-wrap .number-group {
        margin: 45px 0 0;
        position: relative
    }

    [lang=ar] .limit .cont .limit-wrap .number-group:after,[lang=fa] .limit .cont .limit-wrap .number-group:after {
        clear: both;
        content: "";
        display: table
    }

    [lang=ar] .limit .cont .limit-wrap .number-group button,[lang=fa] .limit .cont .limit-wrap .number-group button {
        background: #282727;
        border: none;
        color: #fff;
        display: block;
        float: left;
        font-family: NotoSansBold,serif;
        font-size: 35px;
        height: 45px;
        padding: 0;
        width: 45px
    }

    [lang=ar] .limit .cont .limit-wrap .number-group button:nth-of-type(2),[lang=fa] .limit .cont .limit-wrap .number-group button:nth-of-type(2) {
        float: right
    }

    [lang=ar] .limit .cont .limit-wrap .number-group input,[lang=fa] .limit .cont .limit-wrap .number-group input {
        border: none;
        color: #fff;
        display: block;
        font-family: NotoSansBold,serif;
        font-size: 35px;
        height: 45px;
        left: 50%;
        max-width: 210px;
        padding: 0;
        position: absolute;
        transform: translateX(-50%);
        width: auto
    }

    [lang=ar] .limit .cont .limit-wrap .number-group span,[lang=fa] .limit .cont .limit-wrap .number-group span {
        color: #fff;
        display: block;
        font-family: NotoSansBold,serif;
        font-size: 35px;
        height: 45px;
        left: 50%;
        padding: 0;
        position: absolute;
        transform: translateX(-50%);
        width: 210px
    }

    [lang=ar] .limit .cont .actual-limit,[lang=fa] .limit .cont .actual-limit {
        background: #282727;
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 20px;
        height: 45px;
        line-height: 45px;
        margin: 50px 0 0;
        padding: 0 15px;
        text-align: left
    }

    [lang=ar] .limit .cont .submit,[lang=fa] .limit .cont .submit {
        background: #088c35;
        border: 1px solid #088c35;
        color: #fff;
        display: inline-block;
        margin: 20px 0 0;
        padding: 0 15px;
        width: auto
    }

    [lang=ar] .limit .cont .static-block,[lang=fa] .limit .cont .static-block {
        margin: 20px 0 0;
        padding: 0 15px;
        text-align: left
    }

    [lang=ar] .limit .cont .static-block>div,[lang=fa] .limit .cont .static-block>div {
        border-top: 1px solid #4d4d4d;
        padding: 5px 0 0
    }

    [lang=ar] .limit .cont .static-block p,[lang=fa] .limit .cont .static-block p {
        color: #fff;
        font-family: NotoSansRegular,serif;
        font-size: 18px;
        line-height: 20px
    }

    [lang=ar] .new-password,[lang=fa] .new-password {
        padding: 35px 0 0;
        width: 100%
    }

    [lang=ar] .new-password .new-password-information,[lang=fa] .new-password .new-password-information {
        margin: 140px auto 0;
        width: 500px
    }

    [lang=ar] .new-password .new-password-information .new-password-form .label,[lang=fa] .new-password .new-password-information .new-password-form .label {
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        vertical-align: middle;
        width: 40%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div,[lang=ar] .new-password .new-password-information .new-password-form label,[lang=fa] .new-password .new-password-information .new-password-form div,[lang=fa] .new-password .new-password-information .new-password-form label {
        display: block
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group,[lang=ar] .new-password .new-password-information .new-password-form label.password-group,[lang=fa] .new-password .new-password-information .new-password-form div.password-group,[lang=fa] .new-password .new-password-information .new-password-form label.password-group {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group:after,[lang=ar] .new-password .new-password-information .new-password-form label.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form div.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form label.password-group:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group .mask-input,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .mask-input,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .mask-input,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .mask-input {
        border: none;
        width: 100%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group .mask-input input,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .mask-input input,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .mask-input input,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .mask-input input {
        padding: 0 30px 0 0;
        width: 100%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group:after,[lang=ar] .new-password .new-password-information .new-password-form label.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form div.password-group:after,[lang=fa] .new-password .new-password-information .new-password-form label.password-group:after {
        display: none
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap {
        position: relative
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap:last-child,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap:last-child {
        margin: 5px 0 0
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.password-group .view-wrap i,[lang=ar] .new-password .new-password-information .new-password-form label.password-group .view-wrap i,[lang=fa] .new-password .new-password-information .new-password-form div.password-group .view-wrap i,[lang=fa] .new-password .new-password-information .new-password-form label.password-group .view-wrap i {
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 0;
        top: 6px;
        z-index: 1
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.mask-input,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        width: 60%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.mask-input:after,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input:after,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input:after,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.mask-input input,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input input,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input input,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input input {
        background: none;
        border: none;
        color: #fff;
        display: inline-block;
        font-family: NotoSansRegular,serif;
        font-size: 24px;
        padding: 0;
        text-align: left;
        width: 100%
    }

    [lang=ar] .new-password .new-password-information .new-password-form div.mask-input input:disabled,[lang=ar] .new-password .new-password-information .new-password-form label.mask-input input:disabled,[lang=fa] .new-password .new-password-information .new-password-form div.mask-input input:disabled,[lang=fa] .new-password .new-password-information .new-password-form label.mask-input input:disabled {
        color: #aeaeae
    }

    [lang=ar] .new-password .new-password-information .new-password-form .button-wrap button,[lang=fa] .new-password .new-password-information .new-password-form .button-wrap button {
        height: 40px;
        width: 50%
    }

    [lang=ar] .otp-settings-wrap,[lang=fa] .otp-settings-wrap {
        margin: 15px auto 0;
        padding: 0 15px;
        width: 500px
    }

    [lang=ar] .search-window,[lang=fa] .search-window {
        top: 81px
    }

    [lang=ar] .search-window .search-window-content,[lang=fa] .search-window .search-window-content {
        padding: 0;
        width: 100%
    }

    [lang=ar] .search-window .search-window-content .search-header,[lang=fa] .search-window .search-window-content .search-header {
        height: 56px
    }

    [lang=ar] .search-window .search-window-content .search-header .close,[lang=fa] .search-window .search-window-content .search-header .close {
        height: 48px;
        width: 48px
    }

    [lang=ar] .search-window .search-window-content .search-header .close i,[lang=fa] .search-window .search-window-content .search-header .close i {
        font-size: 18px
    }

    [lang=ar] .search-window .search-window-content .search-header h2,[lang=fa] .search-window .search-window-content .search-header h2 {
        font-size: 14px
    }

    [lang=ar] .search-window .search-window-content .search-input,[lang=fa] .search-window .search-window-content .search-input {
        height: 48px
    }

    [lang=ar] .search-window .search-window-content .search-input i,[lang=fa] .search-window .search-window-content .search-input i {
        font-size: 18px
    }

    [lang=ar] .search-window .search-window-content .search-input input,[lang=fa] .search-window .search-window-content .search-input input {
        font-size: 16px
    }

    [lang=ar] .search-window .search-window-content .search-result-tabs,[lang=fa] .search-window .search-window-content .search-result-tabs {
        margin-top: 20px
    }

    [lang=ar] .search-window .search-window-content .search-result-tabs button,[lang=fa] .search-window .search-window-content .search-result-tabs button {
        font-size: 16px;
        padding: 12px 20px
    }

    [lang=ar] .search-window .search-window-content .search-result .search-group,[lang=fa] .search-window .search-window-content .search-result .search-group {
        gap: 12px
    }

    [lang=ar] .search-window .search-window-content .search-result .search-group .game-block,[lang=fa] .search-window .search-window-content .search-result .search-group .game-block {
        width: calc(20% - 10px)
    }

    [lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .image,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .image {
        height: 85px;
        width: 140px
    }

    [lang=ar] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2,[lang=fa] .search-window .search-window-content .search-result .search-group .bonus-block .search-bonus-text h2 {
        font-size: 16px
    }

    [lang=ar] .burger-menu-overlay.opened,[lang=fa] .burger-menu-overlay.opened {
        left: 330px;
        right: 330px
    }

    [lang=ar] .burger-menu,[lang=fa] .burger-menu {
        left: -340px;
        padding-top: 80px;
        right: -340px;
        width: 340px
    }

    [lang=ar] .burger-menu .menu-icon,[lang=fa] .burger-menu .menu-icon {
        top: 18px
    }

    [lang=ar] footer .payment-types span,[lang=fa] footer .payment-types span {
        width: 77px
    }

    [lang=ar] footer .payment-types span img,[lang=fa] footer .payment-types span img {
        max-width: 60px
    }

    [lang=ar] .football-manager-wrap,[lang=fa] .football-manager-wrap {
        margin: -10px 0 0
    }

    [lang=ar] .football-manager-wrap .football-manager-content,[lang=fa] .football-manager-wrap .football-manager-content {
        width: 600px
    }

    [lang=ar] .football-manager-wrap .football-manager-content .background,[lang=fa] .football-manager-wrap .football-manager-content .background {
        background: url(//d1hpetrtq93mp2.cloudfront.net/web/assets/images/football-manager/coaches.png) no-repeat 100% 0/auto auto;
        padding: 165px 0 0
    }
}

.banner-panel-wrap {
    order: 2
}

.panel-product-banners {
    order: 1
}

.backgammon,.okey {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

.full-iframe {
    display: block;
    overflow-y: scroll;
    padding: 0
}

body {
    background: #000
}

.preloader-wrap {
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.preloader-wrap,.preloader-wrap.sign-in-preloader {
    background: #000c
}

.preloader {
    height: 150px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 150px
}

.preloader img {
    animation: preloader 6s ease-in-out infinite;
    height: 150px;
    transform: scale(.5);
    width: 150px
}

@keyframes preloader {
    0% {
        transform: rotate(0deg) scale(.5)
    }

    6% {
        transform: rotate(-30deg) scale(.5)
    }

    14% {
        transform: rotate(30deg) scale(.5)
    }

    21% {
        transform: rotate(-15deg) scale(.5)
    }

    28% {
        transform: rotate(15deg) scale(.5)
    }

    36% {
        transform: rotate(-5deg) scale(.5)
    }

    43% {
        transform: rotate(5deg) scale(.5)
    }

    50% {
        transform: rotate(0deg) scale(.5)
    }

    57% {
        transform: rotate(-390deg) scale(1)
    }

    63% {
        transform: rotate(-330deg) scale(1)
    }

    70% {
        transform: rotate(-375deg) scale(1)
    }

    76% {
        transform: rotate(-345deg) scale(1)
    }

    82% {
        transform: rotate(-365deg) scale(1)
    }

    88% {
        transform: rotate(-355deg) scale(1)
    }

    94% {
        transform: rotate(-1turn) scale(1)
    }

    to {
        transform: rotate(0deg) scale(.5)
    }
}

@-webkit-keyframes preloader {
    0% {
        -webkit-transform: rotate(0deg) scale(.5)
    }

    6% {
        -webkit-transform: rotate(-30deg) scale(.5)
    }

    14% {
        -webkit-transform: rotate(30deg) scale(.5)
    }

    21% {
        -webkit-transform: rotate(-15deg) scale(.5)
    }

    28% {
        -webkit-transform: rotate(15deg) scale(.5)
    }

    36% {
        -webkit-transform: rotate(-5deg) scale(.5)
    }

    43% {
        -webkit-transform: rotate(5deg) scale(.5)
    }

    50% {
        -webkit-transform: rotate(0deg) scale(.5)
    }

    57% {
        -webkit-transform: rotate(-390deg) scale(1)
    }

    63% {
        -webkit-transform: rotate(-330deg) scale(1)
    }

    70% {
        -webkit-transform: rotate(-375deg) scale(1)
    }

    76% {
        -webkit-transform: rotate(-345deg) scale(1)
    }

    82% {
        -webkit-transform: rotate(-365deg) scale(1)
    }

    88% {
        -webkit-transform: rotate(-355deg) scale(1)
    }

    94% {
        -webkit-transform: rotate(-1turn) scale(1)
    }

    to {
        -webkit-transform: rotate(0deg) scale(.5)
    }
}

@-ms-keyframes preloader {
    0% {
        -ms-transform: rotate(0deg) scale(.5)
    }

    6% {
        -ms-transform: rotate(-30deg) scale(.5)
    }

    14% {
        -ms-transform: rotate(30deg) scale(.5)
    }

    21% {
        -ms-transform: rotate(-15deg) scale(.5)
    }

    28% {
        -ms-transform: rotate(15deg) scale(.5)
    }

    36% {
        -ms-transform: rotate(-5deg) scale(.5)
    }

    43% {
        -ms-transform: rotate(5deg) scale(.5)
    }

    50% {
        -ms-transform: rotate(0deg) scale(.5)
    }

    57% {
        -ms-transform: rotate(-390deg) scale(1)
    }

    63% {
        -ms-transform: rotate(-330deg) scale(1)
    }

    70% {
        -ms-transform: rotate(-375deg) scale(1)
    }

    76% {
        -ms-transform: rotate(-345deg) scale(1)
    }

    82% {
        -ms-transform: rotate(-365deg) scale(1)
    }

    88% {
        -ms-transform: rotate(-355deg) scale(1)
    }

    94% {
        -ms-transform: rotate(-1turn) scale(1)
    }

    to {
        -ms-transform: rotate(0deg) scale(.5)
    }
}

@-o-keyframes preloader {
    0% {
        -o-transform: rotate(0deg) scale(.5)
    }

    6% {
        -o-transform: rotate(-30deg) scale(.5)
    }

    14% {
        -o-transform: rotate(30deg) scale(.5)
    }

    21% {
        -o-transform: rotate(-15deg) scale(.5)
    }

    28% {
        -o-transform: rotate(15deg) scale(.5)
    }

    36% {
        -o-transform: rotate(-5deg) scale(.5)
    }

    43% {
        -o-transform: rotate(5deg) scale(.5)
    }

    50% {
        -o-transform: rotate(0deg) scale(.5)
    }

    57% {
        -o-transform: rotate(-390deg) scale(1)
    }

    63% {
        -o-transform: rotate(-330deg) scale(1)
    }

    70% {
        -o-transform: rotate(-375deg) scale(1)
    }

    76% {
        -o-transform: rotate(-345deg) scale(1)
    }

    82% {
        -o-transform: rotate(-365deg) scale(1)
    }

    88% {
        -o-transform: rotate(-355deg) scale(1)
    }

    94% {
        -o-transform: rotate(-1turn) scale(1)
    }

    to {
        -o-transform: rotate(0deg) scale(.5)
    }
}