.lr-container {
    min-height: 450px
}

.isMobile .lr-container {
    min-height: unset
}

.lr-container .form-title {
    font-family: Roboto, sans-serif;
    color: #28292c
}

.lr-container .form-title .t {
    font-size: 18px;
    font-weight: 700
}

.lr-container .form-title .d {
    font-size: 14px;
    margin-top: 17px
}

.lr-container .lr-close {
    float: right;
    margin: 20px
}

.lr-container .lr-header .logo-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 10000px;
    height: 130px;
    background: #200b4d;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg)
}

.lr-container .lr-header .logo {
    padding: 50px
}

.lr-container .lr-header .logo img {
    position: relative
}

.lr-container .lr-header .menu {
    padding: 52px
}

.lr-container .lr-header .menu a {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #28292c;
    padding-right: 40px
}

.lr-container .lr-header .menu a.router-link-active:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 5px;
    background-color: #28292c;
    margin-top: 25px
}

.lr-container .lr-header .steps {
    margin-top: -13px
}

.lr-container .lr-header .steps a {
    position: relative;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 0
}

.lr-container .lr-header .steps a:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background: #c4ddfb;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0
}

.lr-container .lr-header .steps a .t {
    position: relative;
    line-height: 24px
}

.lr-container .lr-header .steps a .line {
    width: 10000px;
    height: 2px;
    background: #c4ddfb;
    position: absolute;
    right: 0;
    top: 50%
}

.lr-container .lr-header .steps a.active .line, .lr-container .lr-header .steps a.active:before {
    background: #338af3
}

.lr-container .lr-header .my-tooltip {
    color: #000;
    background-color: #fff
}

.lr-container select.custom-select:not([size]):not([multiple]) {
    height: auto;
    background: #fff;
    padding: 13px 20px
}

.lr-container textarea.form-control {
    padding: 10px 20px
}

.lr-container .custom-select:not([size]):not([multiple]), .lr-container .form-control {
    background: #fff;
    border: 1px solid rgba(32, 11, 77, .32);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid::-webkit-input-placeholder, .lr-container .form-control.is-invalid::-webkit-input-placeholder {
    color: #f7697a
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid::-moz-placeholder, .lr-container .form-control.is-invalid::-moz-placeholder {
    color: #f7697a
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid:-ms-input-placeholder, .lr-container .form-control.is-invalid:-ms-input-placeholder {
    color: #f7697a
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid::-ms-input-placeholder, .lr-container .form-control.is-invalid::-ms-input-placeholder {
    color: #f7697a
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid, .lr-container .custom-select:not([size]):not([multiple]).is-invalid::placeholder, .lr-container .form-control.is-invalid, .lr-container .form-control.is-invalid::placeholder {
    color: #f7697a
}

.lr-container .custom-select:not([size]):not([multiple]).is-invalid, .lr-container .form-control.is-invalid {
    -webkit-box-shadow: 0 1px 0 #f7697a;
    box-shadow: 0 1px 0 #f7697a
}

.lr-container .input-group > .custom-select:not(:last-child), .lr-container .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.lr-container .input-group > .form-control:not(:last-child) + div .btn {
    border: 1px solid rgba(32, 11, 77, .32)
}

.isMobile .lr-header .logo {
    padding: 13px !important
}

.isMobile .lr-header .logo a img {
    height: 20px
}

.isMobile .lr-header .logo-bg {
    height: 50px !important
}

.isMobile .lr-header .menu {
    padding: 20px 0 0 !important
}

.isMobile .lr-header .menu a {
    padding: 10px !important
}

.Modal-form-item input {
    height: auto
}

.page-register .rm-header {
    padding: 16px;
    height: 70px;
    background: #fff;
    -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, .01);
    box-shadow: 0 4px 2px rgba(0, 0, 0, .01)
}

.page-register .rm-header .step-con {
    margin-right: 22px
}

.page-register .rm-header .step-con .svg-reg {
    background: var(--secondary-color);
    border-radius: 8px;
    height: 38px;
    width: 38px
}

.page-register .rm-header .step-con .svg-reg.passive {
    background: var(--passive-color)
}

.page-register .rm-header .step-con .svg-reg.success {
    background: var(--primary-color)
}

.page-register .rm-header .step-con .step-title {
    margin-left: 10px;
    margin-right: 22px
}

.page-register .rm-header .step-con.rb-gray {
    border-right: 1px solid rgba(12, 13, 38, .1)
}

.page-register .is-invalid {
    border-color: #d45561 !important
}

.page-register .is-invalid-desc {
    color: #d45561 !important
}

.banking-menu a {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #25a27c;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e7f4;
    border-radius: 5px;
    padding: 20px 5px;
    display: block
}

.banking-menu a:hover {
    text-decoration: none;
    opacity: .9
}

.banking-menu a.router-link-active {
    color: #fff;
    background: #25a27c;
    border: 1px solid #25a27c
}

.banking-menu.banking-menu-mobile a {
    padding: 10px 5px
}

.Panel-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Panel-form, .Panel-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Panel-form-item {
    width: calc(50% - 15px);
    position: relative;
    padding: 24px 20px;
    border-bottom: 1px solid #e4eae6;
    -webkit-transition: all .5s;
    transition: all .5s
}

.Panel-form-item p {
    font-size: 14px;
    font-weight: 500;
    color: #222423
}

.Panel-form-item span {
    font-size: 14px;
    font-weight: 700;
    color: #222423;
    margin-right: 14px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.Panel-form-item-change {
    background-color: transparent;
    font-size: 24px;
    position: absolute;
    right: 12px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.Panel-form-item:hover {
    background-color: #d3ece5;
    border-radius: 5px
}

.Panel-form-item.Panel-form-item-button:hover span {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.Panel-form-item.Panel-form-item-button:hover .Panel-form-item-change {
    opacity: 1;
    pointer-events: all
}

.Panel-form-item.alert-success {
    background-color: #f3fffb !important
}

.Panel-form-item-upload {
    padding: 0;
    border: none
}

.Panel-form-item-upload form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Panel-form-item-upload:hover {
    background-color: transparent;
    -webkit-transition: .5s;
    transition: .5s
}

.Panel-form-item-upload .dz-message {
    height: 173px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    border-radius: 15px;
    background-color: #ebf2ee;
    margin-bottom: 13px
}

.Panel-form-item-upload .dz-message .icon-document {
    font-size: 24px;
    margin-bottom: 24px
}

.Panel-form-item-upload .dz-message p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #222423;
    margin-bottom: 24px
}

.Panel-form-item-upload .dz-message .dz-button {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    padding: 8px 24px;
    border-radius: 5px;
    background-color: #222423
}

.Panel-form-item-upload .dz-preview {
    margin-right: 16px
}

.Panel-form-item-upload .dz-image {
    width: 60px;
    height: 60px;
    position: relative
}

.Panel-form-item-upload .dz-image img {
    width: 100%;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

.Panel-form-item-upload .dz-remove {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 24px;
    background-color: rgba(0, 0, 0, .4392156862745098);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px
}

.Panel-form-desc-title {
    font-size: 18px
}

.Panel-form-desc-text, .Panel-form-desc-title {
    font-weight: 500;
    color: #222423;
    margin-top: 20px
}

.Panel-form-desc-text {
    font-size: 14px;
    margin-bottom: 15px
}

.Panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 24px
}

.Panel-head {
    margin-bottom: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Panel-head, .Panel-head .nav-link, .Panel-head .nav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Panel-head .nav-link, .Panel-head .nav button {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    color: #222423;
    background-color: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 40px
}

.Panel-head .nav-link:hover, .Panel-head .nav button:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.Panel-head .nav-link:after, .Panel-head .nav button:after {
    content: " ";
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #49b176;
    opacity: 0
}

.Panel-head .nav-link.active, .Panel-head .nav button.active {
    font-weight: 700;
    color: #222423;
    background-color: transparent
}

.Panel-head .nav-link.active:after, .Panel-head .nav button.active:after {
    opacity: 1
}

.Panel-head-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Panel-head-filter .bootstrap-select {
    margin-right: 10px;
    width: 125px !important
}

.Panel-head-filter .bootstrap-select:last-child {
    margin-right: 0
}

.Panel-head-filter .bootstrap-select .dropdown-toggle {
    padding: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #222423
}

.Panel-head-filter .bootstrap-select .dropdown-menu {
    width: auto
}

.Panel-head-filter .bootstrap-select .dropdown-menu li a {
    font-size: 12px
}

.Panel-head-filter .bootstrap-select .dropdown-item.active, .Panel-head-filter .bootstrap-select .dropdown-item:active {
    background-color: #49b176
}

.Panel-content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 5px;
    background-color: #222423;
    margin-bottom: 24px
}

.Panel-content-head-item {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: normal;
    width: 9.4%;
    text-align: center
}

.Panel-content-head-item.method {
    text-align: left
}

.Panel-content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4eae6
}

.Panel-content-item-no {
    padding-right: 5px;
    -webkit-transition: .5s;
    transition: .5s
}

.Panel-content-item-no:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.Panel-content-item p {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #222423;
    width: 9.4%;
    text-align: center
}

.Panel-content-item p span {
    display: block
}

.Panel-content-item p.status {
    color: #fff;
    border-radius: 5px;
    background-color: #49b176;
    padding: 5px 0
}

.Panel-content-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Panel-content-item-title p {
    width: 100%;
    text-align: left
}

.Panel-content-item-title-img {
    min-width: 50px;
    height: 50px;
    background-color: #ebf2ee;
    border-radius: 50%;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Panel-content-item-title-img img {
    width: 100%;
    border-radius: 100%
}

.Panel-content-item .button {
    background-color: transparent;
    cursor: pointer
}

.Panel-content-item-img {
    width: 60px;
    height: 24px;
    border-radius: 5px;
    background-color: #ebf2ee;
    margin-right: 16px
}

.Panel-content-item-img img {
    width: 100%
}

.Panel-content .method {
    width: 55%
}

.Panel-content .button {
    width: 5%
}

.Panel-content .Add-button {
    border-radius: 10px;
    background-color: #222423;
    border: 1px solid #222423;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 14px 64px;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    margin-top: 14px
}

.Panel-content .Add-button:hover {
    background-color: #fff;
    color: #222423
}

.Panel .inputHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 0
}

.Panel .inputHolder input, .Panel .inputHolder textarea {
    border-radius: 5px;
    background-color: #ebf2ee;
    padding: 17px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222423;
    border: none;
    outline: none;
    height: unset
}

.Panel .inputHolder input:disabled, .Panel .inputHolder textarea:disabled {
    color: #878b89
}

.Panel .inputHolder textarea {
    height: 180px
}

.Panel .inputHolder .bootstrap-select {
    width: 100% !important
}

.Panel .inputHolder .bootstrap-select .dropdown-toggle {
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222423;
    background-color: #ebf2ee;
    cursor: pointer
}

.Panel .inputHolder .bootstrap-select .dropdown-toggle .filter-option {
    cursor: pointer
}

.Panel .inputHolder .bootstrap-select .dropdown-menu li a {
    font-size: 14px
}

.Panel .inputHolder .bootstrap-select .dropdown-item.active, .Panel .inputHolder .bootstrap-select .dropdown-item:active {
    background-color: #49b176;
    color: #fff
}

.Panel .inputHolder .bootstrap-select .dropdown-item.active span, .Panel .inputHolder .bootstrap-select .dropdown-item:active span {
    color: #fff
}

.Panel .inputHolder .input-group-addon {
    border: none;
    background-color: #ebf2ee
}

.Panel .inputHolder .input-group-addon .icon-calendar {
    font-size: 18px
}

.Panel .inputHolder .input-group input {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ebf2ee
}

.mobileProfile {
    font-family: Roboto, sans-serif;
    background: #fff
}

.mobileProfile .btn-purp {
    background: #338af3;
    border-radius: 5px;
    padding: 11px 5px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobileProfile .btn-purp:hover {
    background: #64a6f5;
    color: #fff
}

.mobileProfile .btn-pdark {
    background: #200b4d;
    border-radius: 5px;
    padding: 11px 5px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobileProfile .btn-pdark:hover {
    background: #33117a;
    color: #fff
}

.mobileProfile .profileContent {
    position: relative;
    top: -40px
}

.mobileProfile .profileContent .profileList {
    padding-bottom: 60px
}

.mobileProfile .profileContent .profileList .list-group-item {
    background: #fff;
    border: 1px solid #e5e7f4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #200b4d;
    padding: 0
}

.mobileProfile .profileContent .profileList .list-group-item a {
    display: block;
    padding: .75rem;
    color: #200b4d
}

.mobileProfile .profileContent .profileList .list-group-item a .fa {
    font-size: 18px;
    width: 27px;
    text-align: left
}

.mobileProfile .profileContent .profileList .list-group-item a .fa.fa-pull-right {
    color: #e5e7f4
}

.mobileProfile .profileContent .profileList .list-group-item.item-logout {
    position: fixed;
    bottom: 0;
    right: 1rem;
    left: 1rem
}

.mobileProfile .b-holder {
    background: -webkit-gradient(linear, left top, left bottom, from(#3b2864), to(#1e1432)), #3b2864;
    background: linear-gradient(180deg, #3b2864, #1e1432), #3b2864;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2), 0 3px 14px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .14);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2), 0 3px 14px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .14);
    border-radius: 5px;
    font-style: normal;
    color: #fff;
    top: -56px;
    position: relative;
    height: 112px;
    font-size: 14px;
    font-weight: 400;
    line-height: 180%
}

.mobileProfile .b-holder .b-line {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: .05em
}

.mobileProfile .u-holder {
    background: #524471;
    height: 112px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #fff
}

.page-membership .accountDiv .form-group {
    border-bottom: .5px solid #dbdbdb;
    font-family: Roboto, sans-serif
}

.page-membership .accountDiv .form-group .col-3 {
    font-size: 14px;
    font-weight: 300;
    color: #898d93;
    border-right: .5px solid #dbdbdb;
    padding-top: 11px
}

.page-membership .accountDiv .form-group .custom-select, .page-membership .accountDiv .form-group .form-control {
    color: #585858;
    height: calc(2.25rem + 2px);
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-file *, .custom-file :after {
    z-index: unset
}

.my-bonus-item {
    color: #7bb874;
    font-family: Roboto, sans-serif;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .14);
    background: #fff;
    border: 1px solid #e5e7f4;
    border-radius: 1px
}

.my-bonus-item .title {
    padding: 10px 20px;
    font-size: 16px
}

.my-bonus-item .tbl {
    font-size: 14px;
    border-top: 1px solid #e5e7f4;
    border-bottom: 1px solid #e5e7f4
}

.my-bonus-item .tbl .th {
    background: #eff1f7
}

.my-bonus-item .tbl .th .col {
    padding: 7px
}

.my-bonus-item .tbl .th th {
    font-weight: 400 !important
}

.my-bonus-item .tbl .tb td, .my-bonus-item .tbl .th th {
    color: #697888 !important;
    padding: 7px 0 !important
}

.my-bonus-item .tbl .statusWidth {
    width: 190px
}

.my-bonus-item .tbl .status {
    padding: 2px 6px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px
}

.my-bonus-item .tbl .s-0 {
    background: #ffa700
}

.my-bonus-item .tbl .s-1 {
    background: #6fcaa8
}

.my-bonus-item .tbl .s-2 {
    background: #eaebed
}

.my-bonus-item .tbl .s-4 {
    background: #ff7588
}

.my-bonus-item .tbl .progress {
    height: .6rem;
    border: 1px solid #dfe0e4
}

.my-bonus-item .tbl .progress .progress-bar {
    background: #048f67;
    border-radius: .25rem
}

.my-bonus-item .footer {
    padding: 10px 20px;
    font-size: 12px
}

#couponDetailModal .modal-dialog-scrollable {
    max-width: 690px;
    height: 100vh;
    overflow: auto
}

#couponDetailModal .close {
    position: fixed;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 30px;
    height: 30px;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 99;
    background: #000;
    border-radius: 50%
}

#couponDetailModal .close, #couponDetailModal .close .handler {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/*    !*background: #f4f4f4;*!*/
/*    !*border: 1px solid #dfe0e4;*!*/
/*!*@formatter:off*!*/

                      .history-filter .cps-btn-grp .btn {
                          padding: .5rem .75rem
                      }

.history-filter .form-control, .history-filter select.custom-select {
    height: auto
}

.new-history-item {
    background: #f4f3f0;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #1d1b16
}

.new-history-item .coupon-result-dot {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%
}

.new-history-item .op70 {
    opacity: .7
}

.new-history-item .status {
    font-size: 14px;
    padding: 2px 20px;
    border-radius: 10px
}

.new-history-item .nhi-pad {
    padding: 7px 20px
}

.new-history-item .nhi-pad:first-child {
    padding-bottom: 4px
}

.new-history-item .bb-border {
    border-bottom: 1px solid #e5e5e5
}

.new-history-item .show-details {
    background: #dfdcd3;
    width: 100%;
    border-radius: 0 0 10px 10px;
    color: #1d1b16
}

.page-transactions .btn-ow {
    padding: 2px 8px
}

.dropdown.b-dropdown.btn-group.active .btn {
    background: #c2c7e5
}

                      .page-bankAccounts ::-webkit-input-placeholder {
                          color: #dddfe2
                      }

.page-bankAccounts ::-moz-placeholder {
    color: #dddfe2
}

.page-bankAccounts :-ms-input-placeholder {
    color: #dddfe2
}

.page-bankAccounts ::-ms-input-placeholder {
    color: #dddfe2
}

.page-bankAccounts ::placeholder {
    color: #dddfe2
}

.page-bankAccounts .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]:before {
    content: attr(data-label);
    width: 20%
}

                      .depositTypes {
                          font-family: Roboto, sans-serif
                      }

.depositTypes .withdrawRow {
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #aaa;
    cursor: pointer
}

.depositTypes .withdrawRow .dp-right .dpCol {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 18px
}

.depositTypes .withdrawRow:hover {
    background: #efefef
}

.depositTypes .withdrawRow img {
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px
}

.depositTypes .depositTitle {
    border: none;
    background: #e5e7f4;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #524471
}

.isMobile .depositTypes {
    margin: 0 -.5rem !important
}

.isMobile .depositTypes .withdrawRow img {
    width: 25px;
    height: 25px
}

                      .depositBanks .depositBankItem[data-v-c4748886] {
                          cursor: pointer;
                          font-size: 13px
                      }

.depositBanks .depositBankItem .depositBankItemInner[data-v-c4748886] {
    background: #fff;
    border: 1px solid #ddd
}

.depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-c4748886] {
    padding: 10px 0;
    width: 100%
}

.depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-c4748886] {
    color: #155724;
    background-color: #c3e6cb;
    background: #fff;
    border: 1px solid #efe
}

.bankList .bankItem[data-v-c4748886] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: calc(20% - 2px);
    margin-right: 2px;
    height: 194px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
    border-radius: 3px
}

.bankList .bankItem *[data-v-c4748886] {
    position: relative;
    z-index: 2 !important
}

.bankList .bankItem .img[data-v-c4748886] {
    width: 100%;
    height: 140px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bankList .bankItem .bankName[data-v-c4748886] {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600
}

.bankList .bankItem .link[data-v-c4748886] {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    margin-top: 15px;
    -webkit-transition: .3s;
    transition: .3s
}

.bankList .bankItem .link a[data-v-c4748886] {
    display: inline-block;
    width: 136px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #006b00;
    border-bottom: 3px solid #006000;
    color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 0 3px 2px 0 #d4d4d4;
    box-shadow: 0 3px 2px 0 #d4d4d4
}

.bankList .bankItem .link a[data-v-c4748886]:hover {
    background-color: #019f01
}

.bankList .bankItem[data-v-c4748886]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #f0f1f5;
    z-index: 1
}

.bankList .bankItem[data-v-c4748886]:hover {
    z-index: 5
}

.bankList .bankItem[data-v-c4748886]:hover:before {
    height: 110%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 3px solid #ffc600;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), to(#ffe89a));
    background: linear-gradient(180deg, #fff 41%, #ffe89a);
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
}

.bankList .bankItem:hover .link[data-v-c4748886] {
    opacity: 1;
    pointer-events: inherit
}

.bankList .bankItem:hover .bankName[data-v-c4748886] {
    color: #007f00
}

.bankList.bankListMobile[data-v-c4748886] {
    width: 100%
}

.bankList.bankListMobile .bankItem[data-v-c4748886] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: calc(50% - 2px);
    margin-right: 2px;
    height: 124px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
    border-radius: 3px
}

.bankList.bankListMobile .bankItem *[data-v-c4748886] {
    position: relative;
    z-index: 2 !important
}

.bankList.bankListMobile .bankItem .img[data-v-c4748886] {
    width: 100%;
    padding: 0 20px;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bankList.bankListMobile .bankItem .img img[data-v-c4748886] {
    max-width: 90%
}

.bankList.bankListMobile .bankItem .bankName[data-v-c4748886] {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600
}

.bankList.bankListMobile .bankItem .link[data-v-c4748886] {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    margin-top: 15px;
    -webkit-transition: .3s;
    transition: .3s
}

.bankList.bankListMobile .bankItem .link a[data-v-c4748886] {
    display: inline-block;
    width: 136px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #006b00;
    border-bottom: 3px solid #006000;
    color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 0 3px 2px 0 #d4d4d4;
    box-shadow: 0 3px 2px 0 #d4d4d4
}

.bankList.bankListMobile .bankItem .link a[data-v-c4748886]:hover {
    background-color: #019f01
}

.bankList.bankListMobile .bankItem[data-v-c4748886]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #f0f1f5;
    z-index: 1
}

.bankList.bankListMobile .bankItem[data-v-c4748886]:hover {
    z-index: 5
}

.bankList.bankListMobile .bankItem[data-v-c4748886]:hover:before {
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 3px solid #ffc600;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), to(#ffe89a));
    background: linear-gradient(180deg, #fff 41%, #ffe89a);
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
}

.bankList.bankListMobile .bankItem:hover .link[data-v-c4748886] {
    opacity: 1;
    pointer-events: inherit;
    margin-top: -65px
}

.bankList.bankListMobile .bankItem:hover .bankName[data-v-c4748886] {
    color: #007f00
}

.eftFrame[data-v-c4748886] {
    width: 100%;
    font-family: Open Sans, sans-serif
}

.bankList[data-v-c4748886]:after, .eftFrame[data-v-c4748886]:after {
    content: "";
    display: block;
    clear: both
}

.eftFrame .heading[data-v-c4748886] {
    background-color: #404245;
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 23px;
    border-radius: 30px
}

.bankList[data-v-c4748886] {
    width: 100%
}

.bankItem[data-v-c4748886] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: calc(20% - 2px);
    margin-right: 2px;
    height: 194px;
    margin-bottom: 2px;
    position: relative;
    text-align: center;
    border-radius: 3px
}

.bankItem[data-v-c4748886]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #f0f1f5;
    z-index: 1
}

.bankItem *[data-v-c4748886] {
    position: relative;
    z-index: 2 !important
}

.bankItem .img[data-v-c4748886] {
    width: 100%;
    height: 140px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bankItem .bankName[data-v-c4748886] {
    width: 100%;
    color: #8c8f97;
    font-size: 12px;
    font-weight: 600
}

.bankItem .link[data-v-c4748886] {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    margin-top: 15px
}

.bankItem .link[data-v-c4748886], .bankItem .link a[data-v-c4748886] {
    -webkit-transition: .3s;
    transition: .3s
}

.bankItem .link a[data-v-c4748886] {
    display: inline-block;
    width: 136px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 700;
    background-color: #006b00;
    border-bottom: 3px solid #006000;
    color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: 0 3px 2px 0 #d4d4d4;
    box-shadow: 0 3px 2px 0 #d4d4d4
}

.bankItem .link a[data-v-c4748886]:hover {
    background-color: #019f01
}

.bankItem[data-v-c4748886]:hover {
    z-index: 5
}

.bankItem[data-v-c4748886]:hover:before {
    height: 110%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 3px solid #ffc600;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), to(#ffe89a));
    background: linear-gradient(180deg, #fff 41%, #ffe89a);
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .2)
}

.bankItem:hover .link[data-v-c4748886] {
    opacity: 1;
    pointer-events: inherit
}

.bankItem:hover .bankName[data-v-c4748886] {
    color: #007f00
}

.paymentEft .form-control[data-v-c4748886] {
    margin-bottom: inherit !important
}

                      body, html {
                          scroll-behavior: smooth
                      }

                      .depositBanks .depositBankItem[data-v-f707a37a] {
                          cursor: pointer;
                          font-size: 13px
                      }

.depositBanks .depositBankItem .depositBankItemInner[data-v-f707a37a] {
    background: #fff;
    border: 1px solid #ddd
}

.depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-f707a37a] {
    padding: 10px 0;
    width: 100%
}

.depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-f707a37a] {
    color: #155724;
    background-color: #c3e6cb;
    border: 1px solid #efe
}

                      .superBanks .sbItem {
                          display: block;
                          font-size: 14px;
                          text-align: center;
                          font-weight: 700;
                          color: #555;
                          -webkit-transition: .3s;
                          transition: .3s;
                          padding: 15px 5px;
                          border: 4px solid #c5c8cf;
                          border-radius: 10px
                      }

.superBanks .sbItem:hover {
    text-decoration: none
}

                      .allpayBanks .sbItem {
                          display: block;
                          font-size: 14px;
                          text-align: center;
                          font-weight: 700;
                          color: #555;
                          -webkit-transition: .3s;
                          transition: .3s;
                          padding: 15px 5px;
                          border: 4px solid #c5c8cf;
                          border-radius: 10px
                      }

.allpayBanks .sbItem:hover {
    text-decoration: none
}

                      .depositBanks .depositBankItem[data-v-46f6c80e] {
                          cursor: pointer;
                          font-size: 13px
                      }

.depositBanks .depositBankItem .depositBankItemInner[data-v-46f6c80e] {
    background: #e7e7e7;
    border: 1px solid #ddd;
    border-radius: 15px
}

.depositBanks .depositBankItem .depositBankItemInner .btn-sal[data-v-46f6c80e] {
    padding: 10px 0;
    width: 100%
}

.depositBanks .depositBankItem .depositBankItemInner.depositBankItemActive[data-v-46f6c80e] {
    color: #155724;
    background-color: #c3e6cb;
    background: #fff;
    border: 1px solid #efe
}

                      .account-page .accountDiv[data-v-732a9c9c] {
                          height: auto
                      }

.paymentPsContent .form-title[data-v-732a9c9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 5px;
    background-color: #222423;
    margin-bottom: 24px
}

.paymentPsContent .form-control[data-v-732a9c9c], .paymentPsContent select[data-v-732a9c9c], .paymentPsContent select.custom-select[data-v-732a9c9c] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0 !important;
    padding: 3px 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #121212;
    height: calc(2rem + 2px);
    font-weight: 500
}

.paymentPsContent .tx[data-v-732a9c9c] {
    color: #8b8b8b;
    font-size: 13px
}

.paymentPsContent .btn[data-v-732a9c9c] {
    border-radius: 2px;
    background: #25a27c;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 20px;
    padding: 11px 20px;
    text-align: center;
    border: none
}

.depositTypes[data-v-732a9c9c] {
    font-family: Roboto, sans-serif
}

.depositTypes .depositRow[data-v-732a9c9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4eae6;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400
}

.depositTypes .depositRow .dp-right .dpCol[data-v-732a9c9c] {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px
}

.depositTypes .depositRow[data-v-732a9c9c]:hover {
    background: #efefef
}

.depositTypes .depositRow img[data-v-732a9c9c] {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.depositTypes .depositTitle[data-v-732a9c9c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 16px;
    border-radius: 5px;
    background-color: #222423;
    margin-bottom: 24px;
    color: #fff
}

.paymentInnerContentMobile .logoHolder[data-v-732a9c9c] {
    float: left;
    width: 100%;
    height: 80px;
    border: 1px solid #c5c8cf;
    margin-bottom: 12px
}

.paymentInnerContentMobile .logoHolder img[data-v-732a9c9c] {
    height: 80px
}

.paymentInnerContentMobile .rightContent[data-v-732a9c9c] {
    float: left;
    width: 100%
}

.paymentInnerContentMobile .lineRow[data-v-732a9c9c], .paymentInnerContentMobile .rightContent .lineRow[data-v-732a9c9c] {
    padding: 20px
}

.tipListMobile[data-v-732a9c9c] {
    text-align: left
}

.tipListMobile .tipItem .img[data-v-732a9c9c] {
    float: left
}

.tipListMobile .tipItem .noteWrap[data-v-732a9c9c] {
    padding: 10px 5px;
    float: left
}

.tipListMobile .tipItem[data-v-732a9c9c] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    position: relative;
    font-size: 12px;
    text-align: left;
    background: #f3f3f3;
    background: linear-gradient(45deg, #f3f3f3, #fff);
    border: 1px solid #d8dbe2
}

.panel-sub-contents[data-v-732a9c9c] {
    min-height: 369px
}

.bankPaymentFrame[data-v-732a9c9c] {
    width: 100%
}

.bankPaymentFrame .form-group[data-v-732a9c9c]:after, .bankPaymentFrame[data-v-732a9c9c]:after {
    content: "";
    display: block;
    clear: both
}

.bankPaymentFrame .accountInfo[data-v-732a9c9c] {
    width: 100%;
    border-bottom: 5px solid #b9d6d1;
    background: #cde1df;
    background: -webkit-gradient(linear, left top, left bottom, from(#cde1df), color-stop(61%, #eff0f4));
    background: linear-gradient(180deg, #cde1df, #eff0f4 61%)
}

.bankPaymentFrame .accountInfo .bankSelected[data-v-732a9c9c] {
    width: 100%;
    height: 130px;
    background-color: #abd0c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

.bankPaymentFrame .accountInfo .bankSelected .logos[data-v-732a9c9c] {
    float: left;
    width: 220px;
    height: 100px
}

.bankPaymentFrame .accountInfo .bankSelected span[data-v-732a9c9c] {
    float: left;
    background-color: #fff;
    width: 220px;
    height: 100px;
    -webkit-box-shadow: 0 4px 0 0 #b3c8c5;
    box-shadow: 0 4px 0 0 #b3c8c5;
    border-radius: 3px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bankPaymentFrame .accountInfo .bankSelected strong[data-v-732a9c9c] {
    float: left;
    padding-top: 40px;
    width: calc(100% - 220px);
    text-align: center;
    color: #485d59;
    font-weight: 700;
    font-size: 18px
}

.bankPaymentFrame .accountInfo .bankInfo[data-v-732a9c9c] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.bankPaymentFrame .accountInfo .bankInfo .form-group[data-v-732a9c9c] {
    width: 100%;
    background-color: #fff;
    height: 36px;
    -webkit-box-shadow: 0 4px 2px 0 #d2dcdc;
    box-shadow: 0 4px 2px 0 #d2dcdc;
    border-radius: 3px
}

.bankPaymentFrame .accountInfo .bankInfo .cell[data-v-732a9c9c] {
    width: 100%;
    display: block;
    line-height: 36px;
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 700
}

.bankPaymentFrame .accountInfo .bankInfo .cell[data-v-732a9c9c]:after {
    content: ":";
    float: right
}

.bankPaymentFrame .accountInfo .bankInfo .form-control[data-v-732a9c9c] {
    width: 100%;
    height: 36px;
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    color: #404245
}

.bankPaymentFrame .accountInfo .bankInfo .form-control.red[data-v-732a9c9c] {
    color: #db504c
}

.bankPaymentFrame .accountInfo .bankInfo.bankInfoMobile *[data-v-732a9c9c] {
    font-size: 12px !important
}

.bankPaymentFrame .button[data-v-732a9c9c] {
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #767b88;
    height: 47px;
    line-height: 45px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 3px solid #6b707c;
    color: #fff;
    padding: 0 20px;
    border-radius: 25px;
    -webkit-box-shadow: 0 4px 2px 0 #d4d4d4;
    box-shadow: 0 4px 2px 0 #d4d4d4
}

.bankPaymentFrame .button[data-v-732a9c9c]:hover {
    background-color: #6b707c
}

.bankPaymentFrame .nextProcess[data-v-732a9c9c] {
    width: 100%;
    background-color: #f8f9fb
}

.warningNote[data-v-732a9c9c] {
    width: 100%;
    padding-left: 95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ea5e5a;
    height: 85px;
    font-size: 13px;
    color: #fff;
    position: relative
}

.warningNote[data-v-732a9c9c]:before {
    background: url(assets/images/warning-icon0cc1.html?a) no-repeat 50%;
    z-index: 2
}

.warningNote[data-v-732a9c9c]:after, .warningNote[data-v-732a9c9c]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 95px;
    height: 100%
}

.warningNote[data-v-732a9c9c]:after {
    background: url(assets/images/blur0cc1.html?a) no-repeat 50%;
    background-size: cover;
    z-index: 1
}

.warningNote span[data-v-732a9c9c] {
    float: left;
    width: 100%;
    padding-right: 10px;
    padding-top: 20px
}

.investorInfo[data-v-732a9c9c] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 10px
}

.investorInfo .form-control[data-v-732a9c9c] {
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    color: #404245;
    background-color: transparent;
    border: 1px solid #d0d2d8;
    border-radius: 25px
}

.investorInfo .cell[data-v-732a9c9c] {
    line-height: 50px;
    font-weight: 600;
    font-size: 15px;
    color: #404245
}

.lastNote[data-v-732a9c9c] {
    width: 100%;
    color: #fff;
    background-color: #404245;
    text-align: center;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px
}

                      .container-game {
                          background: #000;
                          padding-top: .5rem
                      }

@media (max-width: 989px) {
    .not-padding-mobile {
        padding: 0 !important
    }
}

                      .container-game {
                          padding-top: .5rem
                      }

                      .container-game {
                          padding-top: .5rem
                      }

                      .poker-row:not(:first-child) {
                          cursor: pointer !important
                      }

.poker-row:not(:first-child):hover {
    background: #f3edff !important
}

.poker-main-content .poker-content .poker-row.poker-title {
    background: #3b2863
}

.btn-lobby {
    background: #c625ac
}

@media (max-width: 989px) {
    .poker-side {
        padding-left: 0 !important
    }
}

                      .casinoMenu .item {
                          width: -webkit-fit-content;
                          width: -moz-fit-content;
                          width: fit-content
                      }

.casinoMenu a {
    display: block;
    text-align: center
}

                      .page-evolution .casino-item {
                          padding: 7px
                      }

@media (max-width: 989px) {
    .page-evolution .container {
        padding: 0 5px
    }

    .page-evolution .casino-item {
        padding-top: 0;
        padding-bottom: 10px
    }
}

                      .jackpotDetails .jackpot {
                          background: #0e1626;
                          color: #f1f0a1;
                          font-weight: 700;
                          font-size: 35px
                      }

.streak_items {
    text-align: center;
    font-size: 12px;
    color: #fff
}

.streak_items a {
    position: relative;
    display: inline-block;
    color: #fff;
    margin-bottom: 20px
}

.streak_items a[href]:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.streak_items a > span {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4588235294117647);
    box-shadow: 0 0 20px rgba(0, 0, 0, .4588235294117647)
}

.streak_items a > span .type {
    position: absolute;
    margin: 10px
}

.streak_items a > span .type img {
    width: 150px
}

.streak_items a > span .dealer {
    position: absolute;
    padding: 6px 15px;
    bottom: 0;
    background-color: #97875c;
    color: #fff
}

.streak_items a > span .seats {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 8px;
    background: rgba(0, 0, 0, .5098039215686274);
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000
}

.streak_items a > span .seats .not-available-seats {
    opacity: .5
}

.streak_items a > span .g-status {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    color: #fff
}

.streak_items a > span .status * {
    vertical-align: middle
}

.streak_items a > span .offline, .streak_items a > span .online {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #333;
    border-radius: 10px
}

.streak_items a > span .online {
    background: #0f0
}

.cc1 {
    font-size: 9.207px;
    letter-spacing: 2.5px;
    font-family: Geometria, sans-serif;
    color: #edba07;
    line-height: 3.436;
    text-align: center;
    -webkit-transform: matrix(2.389, 0, 0, 2.389, 0, 0);
    transform: matrix(2.389, 0, 0, 2.389, 0, 0);
    z-index: 64;
    padding-top: 20px
}

.btn-info {
    padding: 5px 10px;
    background: #22a86c
}

                      .casinoItems[data-v-49f8f55c] {
                          background: #fff;
                          border-radius: 8px
                      }

.casinoItems .casinoItem[data-v-49f8f55c] {
    padding: 10px !important
}

.casinoItems .casinoItem .itemSubHolder[data-v-49f8f55c] {
    position: relative
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-49f8f55c] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-49f8f55c] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, .85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #dbdde6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-49f8f55c]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-49f8f55c]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-49f8f55c] {
    background: rgba(66, 71, 87, .8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-49f8f55c] {
    padding: 6px;
    background: #ff4b55;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    text-align: center
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-49f8f55c]:first-child {
    background: #df3e47
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-49f8f55c] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding-bottom: 4px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-49f8f55c] {
    font-weight: 600;
    font-size: 11px;
    color: #dbdde6;
    text-align: center;
    padding-bottom: 10px
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important
    }
}

                      #carousel1 .carousel-item a {
                          height: 448px;
                          background-blend-mode: overlay
                      }

#carousel1 .carousel-item a, .slot-top-container a {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, .4666666666666667);
    box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, .4666666666666667)
}

.slot-top-container a {
    background-size: contain;
    background-blend-mode: overlay
}

.img-zm {
    -webkit-animation: img-zm 2s ease-in-out infinite alternate;
    animation: img-zm 2s ease-in-out infinite alternate
}

@-webkit-keyframes img-zm {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes img-zm {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(var(--swiper-navigation-size) * -1 / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

                      .page-slot .container {
                          max-width: calc(100% - 3rem)
                      }

.newlayoutgame {
    border-radius: 10px;
    background: #fff
}

.newlayoutgame .generic .slick-arrow {
    position: absolute;
    background: #25a27c;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    z-index: 30
}

.newlayoutgame .generic .slick-prev {
    left: -38px;
    border-radius: 8px 8px 0 8px
}

.newlayoutgame .generic .slick-next {
    right: -38px;
    border-radius: 8px 8px 8px 0
}

.newlayoutgame .generic .slick-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.newlayoutgame .generic .slick-next:before, .newlayoutgame .generic .slick-prev:before {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    font-family: inherit;
    content: "";
    opacity: 1
}

.newlayoutgame .generic .slick-next:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.newlayoutgame .home-top-frame {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.newlayoutgame .nav-slider {
    height: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 368px);
    flex: 0 0 calc(100% - 368px);
    width: calc(100% - 368px)
}

.newlayoutgame .nav-slider > .nav-slide-item {
    display: none
}

.newlayoutgame .n-item a {
    text-align: center;
    padding-top: 10px
}

.newlayoutgame .n-icon, .newlayoutgame .n-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.newlayoutgame .n-icon {
    background: #e1eef0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newlayoutgame .n-icon, .newlayoutgame .n-icon svg {
    -webkit-transition: .3s;
    transition: .3s
}

.newlayoutgame .n-item:hover .n-icon {
    background-color: #25a27c
}

.newlayoutgame .n-item:hover svg path {
    fill: #fff
}

.newlayoutgame .n-txt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
    color: #28292c;
    font-size: 16px;
    line-height: 1.3
}

.newlayoutgame .home-btn {
    width: 150px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    height: 36px;
    background: #25a27c;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 12px;
    border: none;
    color: #fff
}

.newlayoutgame .home-btn.black {
    background-color: #28292c
}

.newlayoutgame .widget-header {
    background: #25a27c;
    border-radius: 10px;
    height: 58px;
    color: #fff;
    padding: 0 16px;
    margin-bottom: 16px
}

.newlayoutgame .widget-title {
    margin: 0;
    font-size: 26px;
    font-weight: 700
}

.newlayoutgame .widget-title span {
    font-weight: 400
}

.newlayoutgame .show-all svg {
    margin-left: 10px
}

.newlayoutgame .show-all {
    font-size: 18px;
    font-weight: 300
}

.newlayoutgame .w-item-img {
    position: relative
}

.newlayoutgame .w-item-img a {
    display: block
}

.newlayoutgame .w-item-img img {
    border-radius: 14px
}

.newlayoutgame .w-item figcaption {
    height: 50px;
    color: #28292c;
    font-size: 13px;
    font-weight: 500
}

.newlayoutgame .w-like {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    color: #25a27c;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.newlayoutgame .w-item-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.newlayoutgame .w-like svg {
    margin-left: 5px
}

.newlayoutgame .widget-slider {
    position: relative
}

.newlayoutgame .widget-slider .slick-slide {
    height: auto
}

.newlayoutgame .widget-slider > .w-slide-item:not(:first-child) {
    display: none
}

.newlayoutgame .widget-slider .slick-slide {
    margin: 0 8px
}

.newlayoutgame .widget-slider .slick-list {
    margin: 0 -8px
}

.newlayoutgame .winner-slider .slide-item {
    height: auto
}

.newlayoutgame .winner-slider > .winner-slide-item:not(:first-child) {
    display: none
}

.newlayoutgame .winner-slider-frame {
    background-color: #edf5f6;
    height: 123px;
    margin: 0 -45px 30px;
    padding: 24px 45px 0
}

.newlayoutgame .winner-slider .slick-slide {
    margin: 0 8px
}

.newlayoutgame .winner-slider .slick-list {
    margin: 0 -8px
}

.newlayoutgame .winner-slide-item {
    height: 76px
}

.newlayoutgame .winner-slide-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.newlayoutgame .winner-thumb {
    height: 65px;
    width: 87px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87px;
    flex: 0 0 87px
}

.newlayoutgame .winner-thumb img {
    max-width: 100%;
    height: auto
}

.newlayoutgame .winner-box-info {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.newlayoutgame .winner-box-name {
    font-size: 14px;
    line-height: 16px;
    color: #999ca5;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newlayoutgame .winner-box-icon {
    width: 16px;
    height: 16px;
    background: #d0e4de;
    border-radius: 5px 5px 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.newlayoutgame .winner-box-icon:before {
    content: "";
    border: solid #28292c;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    font-family: inherit;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.newlayoutgame .winner-user {
    color: #28292c;
    font-size: 12px;
    font-weight: 500
}

.newlayoutgame .winner-user img {
    max-width: 18px
}

.newlayoutgame .winner-award-price {
    text-align: right;
    color: #25a27c;
    font-size: 18px;
    font-weight: 800
}

.newlayoutgame .winner-box-bottom {
    margin-top: 15px
}

.newlayoutgame .checkbox-item {
    width: 20px;
    position: relative
}

.newlayoutgame .checkbox-item .checkbox-item-holder {
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #28292c;
    border-radius: 4px
}

.newlayoutgame .checkbox-item .checkbox-item-holder:after {
    content: "";
    width: 11px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 5px;
    border: 3px solid #25a27c;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.newlayoutgame .checkbox-item .checkbox-item-holder:hover:after {
    opacity: .5
}

.newlayoutgame .checkbox-item input[type=checkbox] {
    visibility: hidden
}

.newlayoutgame .checkbox-item input[type=checkbox]:checked + .checkbox-item-holder:after {
    opacity: 1
}

.newlayoutgame .search-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999
}

.newlayoutgame .serch-popup-content {
    max-width: 1650px;
    background-color: #fff;
    width: 90%;
    border-radius: 28px;
    padding: 15px 45px 45px;
    height: 90vh;
    position: relative
}

.newlayoutgame .popup-title {
    color: #25a27c;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.newlayoutgame .popup-title span {
    font-weight: 400
}

.newlayoutgame .search-tab-frame {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 370px;
    flex: 0 0 370px;
    width: 370px
}

.newlayoutgame .search-input-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 370px);
    flex: 0 0 calc(100% - 370px);
    width: calc(100% - 370px);
    background: #ededed;
    border: 2px solid #28292c;
    border-radius: 7px
}

.newlayoutgame .search-tab-btn {
    margin-left: 8px;
    background: #25a27c;
    border-radius: 7px;
    color: #fff;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 14px;
    font-weight: 700;
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.newlayoutgame input.popup-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 52px;
    background: transparent;
    border: none;
    padding: 0 20px;
    color: #28292c;
    font-size: 18px;
    font-weight: 500
}

.newlayoutgame .popup-search-btn {
    width: 52px;
    height: 52px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    background: transparent;
    border: none
}

.newlayoutgame .popup-search-list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
}

.newlayoutgame .popup-search-list figure {
    margin: 0
}

.newlayoutgame .search-top-group {
    margin-bottom: 30px
}

.newlayoutgame .search-tab-btn.active, .newlayoutgame .search-tab-btn:hover {
    color: #fff;
    background-color: #28292c
}

.newlayoutgame .search-check-list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 20px
}

.newlayoutgame .check-list-row {
    color: #28292c;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 2px solid #d1d1d1;
    height: 58px;
    -webkit-transition: .2s;
    transition: .2s
}

.newlayoutgame .check-list-row:hover {
    border-color: #25a27c
}

.newlayoutgame .check-list-row .count {
    color: #25a27c;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px
}

.newlayoutgame .s-label {
    height: 22px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    background-color: #28292c;
    font-size: 11px;
    font-weight: 600;
    width: auto;
    margin-right: 5px;
    position: relative;
    z-index: 2
}

.newlayoutgame .s-label.red {
    background-color: #e35252
}

.newlayoutgame .s-label.green {
    background-color: #29ba5a
}

.newlayoutgame .s-label.blue {
    background-color: #2997ba
}

.newlayoutgame .s-label.purple {
    background-color: #7852e3
}

.newlayoutgame .check-row-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    position: relative
}

.newlayoutgame .check-list-row label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    height: 56px;
    cursor: pointer
}

.newlayoutgame .more-show-btn {
    background: #25a27c;
    border-radius: 85px;
    height: 62px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 520px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    border: none
}

.newlayoutgame .more-show-btn:hover {
    color: #fff;
    background-color: #28292c
}

.newlayoutgame .popup-inner-content::-webkit-scrollbar {
    width: 8px
}

.newlayoutgame .popup-inner-content::-webkit-scrollbar-track {
    border-radius: 6px
}

.newlayoutgame .popup-inner-content::-webkit-scrollbar-thumb {
    background: #6d6d6d;
    border-radius: 6px
}

.newlayoutgame .popup-inner-content::-webkit-scrollbar-thumb:hover {
    background: #6d6d6d
}

.newlayoutgame .popup-inner-content {
    height: calc(100% - 110px);
    overflow-y: auto;
    overflow-x: hidden
}

.newlayoutgame .popup-close {
    position: absolute;
    right: 40px;
    top: 10px;
    background-color: transparent;
    border: none;
    width: 40px;
    height: 40px
}

@media screen and (min-width: 1680px) {
    .newlayoutgame .large-container {
        max-width: 1680px;
        margin-right: auto;
        margin-left: auto
    }

    .newlayoutgame .check-list-row {
        font-size: 18px
    }
}

@media screen and (max-width: 1200px) {
    .newlayoutgame .search-check-list {
        display: grid;
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 992px) {
    .newlayoutgame .home-top-frame {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .newlayoutgame .home-btn-group, .newlayoutgame .nav-slider {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

    .newlayoutgame .home-btn-group {
        margin-top: 20px
    }

    .newlayoutgame .home-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .newlayoutgame .popup-search-list, .newlayoutgame .search-check-list {
        display: grid;
        grid-template-columns:1fr 1fr 1fr
    }

    .newlayoutgame .search-input-wrapper {
        margin-bottom: 15px
    }

    .newlayoutgame .search-input-wrapper, .newlayoutgame .search-tab-frame {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }

    .newlayoutgame .search-tab-nav {
        margin: 0 -5px
    }

    .newlayoutgame .search-tab-btn {
        margin: 0 5px
    }

    .newlayoutgame .serch-popup-content {
        padding: 15px 30px
    }

    .newlayoutgame .popup-inner-content {
        height: calc(100% - 220px)
    }
}

@media screen and (max-width: 767px) {
    .newlayoutgame .nav-slider {
        background: #f1f1f1
    }

    .newlayoutgame .widget-slider {
        padding: 0 10px
    }

    .newlayoutgame .nav-slider .slick-list, .newlayoutgame .widget-slider .slick-list {
        padding: 0 10% 0 0 !important;
        margin-right: 0
    }

    .newlayoutgame .inner-container {
        padding: 0
    }

    .newlayoutgame .widget-header {
        border-radius: 0
    }

    .newlayoutgame .home-btn-group {
        padding: 0 10px;
        margin-top: 10px
    }

    .newlayoutgame .home-top-frame {
        margin-bottom: 15px
    }

    .newlayoutgame .winner-slider-frame {
        margin: 0;
        padding: 24px 10px 0
    }

    .newlayoutgame .widget-title {
        font-size: 18px
    }

    .newlayoutgame .show-all {
        font-size: 13px
    }

    .newlayoutgame .mega-slider .slick-arrow {
        width: 30px;
        height: 30px
    }

    .newlayoutgame .mega-slider .slick-prev:before {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .newlayoutgame .mega-slider .slick-next:before, .newlayoutgame .mega-slider .slick-prev:before {
        border: solid #fff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 4px;
        font-family: inherit;
        content: "";
        opacity: 1
    }

    .newlayoutgame .mega-slider .slick-next:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .newlayoutgame .serch-popup-content {
        width: 100%;
        height: 100vh;
        border-radius: 0;
        padding: 15px 10px
    }

    .newlayoutgame .search-check-list {
        display: grid;
        grid-template-columns:1fr 1fr;
        -webkit-column-gap: 7px;
        -moz-column-gap: 7px;
        column-gap: 7px;
        row-gap: 7px
    }

    .newlayoutgame .search-tab-btn {
        height: 40px
    }

    .newlayoutgame .search-top-group {
        margin-bottom: 18px
    }

    .newlayoutgame .check-list-row {
        height: 40px;
        border: 1px solid #d1d1d1;
        border-radius: 7px;
        font-size: 14px
    }

    .newlayoutgame .check-list-row.active {
        border-color: #25a27c;
        border-width: 2px
    }

    .newlayoutgame .check-list-row label {
        height: 38px;
        padding: 0 5px
    }

    .newlayoutgame .popup-search-list {
        display: grid;
        grid-template-columns:1fr 1fr
    }

    .newlayoutgame .popup-close {
        right: 10px;
        top: 10px
    }

    .newlayoutgame .popup-inner-content {
        height: calc(100% - 200px)
    }

    .newlayoutgame .checkbox-item {
        visibility: hidden;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0
    }
}

@media screen and (max-width: 576px) {
    .newlayoutgame .n-txt {
        font-size: 12px
    }

    .newlayoutgame .mega-slide-item img {
        width: 100%
    }
}

@media screen and (max-width: 420px) {
    .newlayoutgame .winner-slider .slick-list {
        padding: 0 10% 0 0 !important;
        margin-right: 0
    }
}

.newlayoutgame .n-tag-games {
    position: relative;
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin: 16px 45px
}

.newlayoutgame .n-tag-header {
    background: #25a27c;
    border-radius: 10px;
    height: 58px;
    color: #fff;
    padding: 0 16px;
    margin: 16px 45px
}

.newlayoutgame .n-tag-header img {
    border-radius: 14px
}

.newlayoutgame .popup-title {
    font-weight: 400
}

.newlayoutgame .w-item-img img {
    aspect-ratio: 16/8
}

.newlayoutgame .search-check-list {
    overflow-x: hidden;
    max-height: 145px
}

                      .container-vivo {
                          background: #000;
                          margin-top: -.5rem;
                          padding-top: .5rem
                      }

                      .GameList .game a[data-v-34715ae1] {
                          display: block;
                          position: relative;
                          border-radius: 5px;
                          color: #fff
                      }

.GameList .game a img[data-v-34715ae1] {
    width: 100%;
    border-radius: 5px
}

.GameList .game a .game-title[data-v-34715ae1] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, .5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all 2s;
    transition: all 2s
}

.GameList .game a:hover .game-title[data-v-34715ae1] {
    display: block
}

@media (max-width: 989px) {
    .GameList .game a[data-v-34715ae1] {
        border: none !important
    }
}

                      .img-zm[data-v-461ba05e] {
                          -webkit-animation: img-zm-data-v-461ba05e 2s ease-in-out infinite alternate;
                          animation: img-zm-data-v-461ba05e 2s ease-in-out infinite alternate
                      }

.bg-slot-side[data-v-461ba05e] {
    background: #fff url(assets/images/side-bg-2.html);
    background-size: cover
}

.bg-slot-side .slot-side-bottom[data-v-461ba05e] {
    background: #2b3b4b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b3b4b), to(#1c1f24));
    background: linear-gradient(180deg, #2b3b4b, #1c1f24);
    height: 0;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10
}

.bg-slot-side img[data-v-461ba05e] {
    height: 220px
}

.bg-slot-side .t-slot-image[data-v-461ba05e] {
    position: absolute;
    z-index: 2;
    bottom: 20px
}

.bg-slot-side .t-slot-image.slot-back[data-v-461ba05e] {
    left: 30px
}

.bg-slot-side .t-slot-image.slot-model[data-v-461ba05e] {
    left: 120px;
    height: 280px
}

.slot-games .game a[data-v-461ba05e] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #fff
}

.slot-games .game a img[data-v-461ba05e] {
    width: 100%;
    border-radius: 5px
}

.slot-games .game a .game-title[data-v-461ba05e] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, .5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all 2s;
    transition: all 2s
}

.slot-games .game a:hover .game-title[data-v-461ba05e] {
    display: block
}

@-webkit-keyframes img-zm-data-v-461ba05e {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes img-zm-data-v-461ba05e {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

                      .featured-slots[data-v-59c5b595] {
                          background: #e5e7f4
                      }

.featured-slots[data-v-59c5b595], .slot-games[data-v-59c5b595] {
    font-family: Roboto, sans-serif;
    min-height: 250px
}

.featured-slots .btn.show-more[data-v-59c5b595], .slot-games .btn.show-more[data-v-59c5b595] {
    border-radius: 3px;
    background: #e5e7f4;
    border: 1px solid #524471;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 20px;
    padding: 5px 20px;
    color: #200b4d
}

.featured-slots .btn.show-more.active[data-v-59c5b595], .featured-slots .btn.show-more[data-v-59c5b595]:hover, .slot-games .btn.show-more.active[data-v-59c5b595], .slot-games .btn.show-more[data-v-59c5b595]:hover {
    background: #200b4d;
    color: #fff
}

.featured-slots .fs-tooltip[data-v-59c5b595], .slot-games .fs-tooltip[data-v-59c5b595] {
    position: absolute;
    top: 10px;
    left: 0;
    background: #f7697a;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    line-height: 1;
    font-weight: 700;
    color: #fff;
    padding: 5px 10px
}

.featured-slots .fs-tooltip.tt2[data-v-59c5b595], .slot-games .fs-tooltip.tt2[data-v-59c5b595] {
    background: #6fcaa8 !important
}

.featured-slots .fs-tooltip.tt3[data-v-59c5b595], .slot-games .fs-tooltip.tt3[data-v-59c5b595] {
    background: #3c8cea !important
}

.featured-slots .fs-tooltip.tt4[data-v-59c5b595], .slot-games .fs-tooltip.tt4[data-v-59c5b595] {
    background: -webkit-gradient(linear, left top, left bottom, from(#eacf3c), to(#d09830)) !important;
    background: linear-gradient(#eacf3c, #d09830) !important
}

.featured-slots .fs-content[data-v-59c5b595], .slot-games .fs-content[data-v-59c5b595] {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #524471
}

.featured-slots .fs-title[data-v-59c5b595], .slot-games .fs-title[data-v-59c5b595] {
    font-weight: 700;
    font-size: 25px;
    letter-spacing: .02em;
    margin-bottom: 10px;
    text-align: left;
    color: #200b4d
}

.img-zm[data-v-59c5b595] {
    -webkit-animation: img-zm-data-v-59c5b595 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-59c5b595 2s ease-in-out infinite alternate
}

.bg-slot-side[data-v-59c5b595] {
    background: #fff;
    background-size: cover
}

.bg-slot-side .slot-side-bottom[data-v-59c5b595] {
    background: #2b3b4b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b3b4b), to(#1c1f24));
    background: linear-gradient(180deg, #2b3b4b, #1c1f24);
    height: 0;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10
}

.bg-slot-side img[data-v-59c5b595] {
    height: 220px
}

.bg-slot-side .t-slot-image[data-v-59c5b595] {
    position: absolute;
    z-index: 2;
    bottom: 20px
}

.bg-slot-side .t-slot-image.slot-back[data-v-59c5b595] {
    left: 30px
}

.bg-slot-side .t-slot-image.slot-model[data-v-59c5b595] {
    left: 120px;
    height: 280px
}

.slot-games .game a[data-v-59c5b595] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #fff
}

.slot-games .game a img[data-v-59c5b595] {
    width: 100%;
    border-radius: 5px
}

.slot-games .game a .game-title[data-v-59c5b595] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, .5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all 2s;
    transition: all 2s
}

.slot-games .game a:hover .game-title[data-v-59c5b595] {
    display: block
}

@-webkit-keyframes img-zm-data-v-59c5b595 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes img-zm-data-v-59c5b595 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

                      .container-game {
                          background: #000;
                          padding-top: .5rem
                      }

                      .page-algnet .container-game {
                          background: #000;
                          padding-top: .5rem
                      }

.page-algnet .container-game .container {
    height: 720px
}

                      .featured-slots[data-v-d2d636a2] {
                          background: #e5e7f4
                      }

.featured-slots[data-v-d2d636a2], .slot-games[data-v-d2d636a2] {
    font-family: Roboto, sans-serif;
    min-height: 250px
}

.featured-slots .btn.show-more[data-v-d2d636a2], .slot-games .btn.show-more[data-v-d2d636a2] {
    border-radius: 3px;
    background: #e5e7f4;
    border: 1px solid #524471;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 20px;
    padding: 5px 20px;
    color: #200b4d
}

.featured-slots .btn.show-more.active[data-v-d2d636a2], .featured-slots .btn.show-more[data-v-d2d636a2]:hover, .slot-games .btn.show-more.active[data-v-d2d636a2], .slot-games .btn.show-more[data-v-d2d636a2]:hover {
    background: #200b4d;
    color: #fff
}

.featured-slots .fs-tooltip[data-v-d2d636a2], .slot-games .fs-tooltip[data-v-d2d636a2] {
    position: absolute;
    top: 10px;
    left: 0;
    background: #f7697a;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .16);
    line-height: 1;
    font-weight: 700;
    color: #fff;
    padding: 5px 10px
}

.featured-slots .fs-tooltip.tt2[data-v-d2d636a2], .slot-games .fs-tooltip.tt2[data-v-d2d636a2] {
    background: #6fcaa8 !important
}

.featured-slots .fs-tooltip.tt3[data-v-d2d636a2], .slot-games .fs-tooltip.tt3[data-v-d2d636a2] {
    background: #3c8cea !important
}

.featured-slots .fs-tooltip.tt4[data-v-d2d636a2], .slot-games .fs-tooltip.tt4[data-v-d2d636a2] {
    background: -webkit-gradient(linear, left top, left bottom, from(#eacf3c), to(#d09830)) !important;
    background: linear-gradient(#eacf3c, #d09830) !important
}

.featured-slots .fs-content[data-v-d2d636a2], .slot-games .fs-content[data-v-d2d636a2] {
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #524471
}

.featured-slots .fs-title[data-v-d2d636a2], .slot-games .fs-title[data-v-d2d636a2] {
    font-weight: 700;
    font-size: 25px;
    letter-spacing: .02em;
    margin-bottom: 10px;
    text-align: left;
    color: #200b4d
}

.img-zm[data-v-d2d636a2] {
    -webkit-animation: img-zm-data-v-d2d636a2 2s ease-in-out infinite alternate;
    animation: img-zm-data-v-d2d636a2 2s ease-in-out infinite alternate
}

.bg-slot-side[data-v-d2d636a2] {
    background: #fff;
    background-size: cover
}

.bg-slot-side .slot-side-bottom[data-v-d2d636a2] {
    background: #2b3b4b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b3b4b), to(#1c1f24));
    background: linear-gradient(180deg, #2b3b4b, #1c1f24);
    height: 0;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 10
}

.bg-slot-side img[data-v-d2d636a2] {
    height: 220px
}

.bg-slot-side .t-slot-image[data-v-d2d636a2] {
    position: absolute;
    z-index: 2;
    bottom: 20px
}

.bg-slot-side .t-slot-image.slot-back[data-v-d2d636a2] {
    left: 30px
}

.bg-slot-side .t-slot-image.slot-model[data-v-d2d636a2] {
    left: 120px;
    height: 280px
}

.slot-games .game a[data-v-d2d636a2] {
    display: block;
    position: relative;
    border-radius: 5px;
    color: #fff
}

.slot-games .game a img[data-v-d2d636a2] {
    width: 100%;
    border-radius: 5px
}

.slot-games .game a .game-title[data-v-d2d636a2] {
    border-radius: 5px;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 0, 0, .5);
    vertical-align: baseline;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all 2s;
    transition: all 2s
}

.slot-games .game a:hover .game-title[data-v-d2d636a2] {
    display: block
}

@-webkit-keyframes img-zm-data-v-d2d636a2 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes img-zm-data-v-d2d636a2 {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

                      .casinoItems[data-v-620c61c4] {
                          background: #fff;
                          border-radius: 8px
                      }

.casinoItems .casinoItem[data-v-620c61c4] {
    padding: 10px !important
}

.casinoItems .casinoItem .itemSubHolder[data-v-620c61c4] {
    position: relative
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-620c61c4] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-620c61c4] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, .85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #dbdde6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-620c61c4]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-620c61c4]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-620c61c4] {
    background: rgba(66, 71, 87, .8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-620c61c4] {
    padding: 6px;
    background: #ff4b55;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    text-align: center
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-620c61c4]:first-child {
    background: #df3e47
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-620c61c4] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding-bottom: 4px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-620c61c4] {
    font-weight: 600;
    font-size: 11px;
    color: #dbdde6;
    text-align: center;
    padding-bottom: 10px
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important
    }
}

                      .casinoItems[data-v-56ff5088] {
                          background: #fff;
                          border-radius: 8px
                      }

.casinoItems .casinoItem[data-v-56ff5088] {
    padding: 10px !important
}

.casinoItems .casinoItem .itemSubHolder[data-v-56ff5088] {
    position: relative
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-56ff5088] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-56ff5088] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, .85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #dbdde6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-56ff5088]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-56ff5088]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-56ff5088] {
    background: rgba(66, 71, 87, .8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-56ff5088] {
    padding: 6px;
    background: #ff4b55;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    text-align: center
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-56ff5088]:first-child {
    background: #df3e47
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-56ff5088] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding-bottom: 4px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-56ff5088] {
    font-weight: 600;
    font-size: 11px;
    color: #dbdde6;
    text-align: center;
    padding-bottom: 10px
}

@media (max-width: 989px) {
    .page-vivo .container {
        padding: 0
    }

    .page-vivo .casinoItems {
        background: none !important;
        padding: 0
    }

    .page-vivo .casinoItems .casinoItem {
        padding-top: 3px !important;
        margin: 0 !important
    }
}

                      .casinoItems[data-v-3cc4ba7b] {
                          background: #fff;
                          border-radius: 8px
                      }

.casinoItems .casinoItem[data-v-3cc4ba7b] {
    padding: 10px !important
}

.casinoItems .casinoItem .itemSubHolder[data-v-3cc4ba7b] {
    position: relative
}

.casinoItems .casinoItem .itemSubHolder .itemCover[data-v-3cc4ba7b] {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 8px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3cc4ba7b] {
    position: absolute;
    display: inline-block;
    background: rgba(66, 71, 87, .85);
    z-index: 11;
    padding: 10px;
    line-height: 1.45;
    font-size: 14px;
    color: #dbdde6;
    text-align: center;
    top: 0;
    left: 20%;
    right: 20%
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3cc4ba7b]:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameType[data-v-3cc4ba7b]:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(66, 71, 87, .85);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg)
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails[data-v-3cc4ba7b] {
    background: rgba(66, 71, 87, .8);
    border-radius: 0 0 8px 8px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-3cc4ba7b] {
    padding: 6px;
    background: #ff4b55;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    text-align: center
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .gameLimits div[data-v-3cc4ba7b]:first-child {
    background: #df3e47
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .dealerName[data-v-3cc4ba7b] {
    padding-top: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    text-align: center;
    padding-bottom: 4px
}

.casinoItems .casinoItem .itemSubHolder .itemCover .gameDetails .openTime[data-v-3cc4ba7b] {
    font-weight: 600;
    font-size: 11px;
    color: #dbdde6;
    text-align: center;
    padding-bottom: 10px
}

                      .error404 .container {
                          max-width: none !important;
                          margin: 0 !important;
                          width: 100% !important;
                          padding: 100px;
                          color: hsla(0, 0%, 100%, .8);
                          background-color: #1d233a
                      }

.error404 .container .box {
    background-color: #1f2841;
    height: 500px;
    border-radius: 30px;
    text-align: center;
    padding: 100px 0;
    overflow: hidden
}

.error404 .container .box .context {
    z-index: 5;
    position: relative
}

.error404 .container .box .context .t1 {
    margin: 10px;
    font-size: xx-large
}

.error404 .container .box .context .t2 {
    margin: 10px;
    font-size: x-large
}

.error404 .container .box .context .t3 {
    margin: 10px;
    font-size: large;
    color: hsla(0, 0%, 100%, .2)
}

.error404 .container .box .context .getout {
    width: 300px;
    margin: 50px;
    padding: 20px;
    font-size: large;
    border-radius: 50px;
    background-color: #f06191;
    color: #e0d6e8;
    border: 0
}

.error404 .container .box .t404 {
    white-space: nowrap;
    font-family: initial;
    position: relative;
    top: -400px;
    font-size: 400px;
    text-shadow: -10px 50px 100px rgba(0, 0, 0, .5647058823529412);
    color: #1f2841
}

                      .error404 .container {
                          max-width: none !important;
                          margin: 0 !important;
                          width: 100% !important;
                          padding: 100px;
                          color: hsla(0, 0%, 100%, .8);
                          background-color: #1d233a
                      }

.error404 .container .box {
    background-color: #1f2841;
    height: 500px;
    border-radius: 30px;
    text-align: center;
    padding: 100px 0;
    overflow: hidden
}

.error404 .container .box .context {
    z-index: 5;
    position: relative
}

.error404 .container .box .context .t1 {
    margin: 10px;
    font-size: xx-large
}

.error404 .container .box .context .t2 {
    margin: 10px;
    font-size: x-large
}

.error404 .container .box .context .t3 {
    margin: 10px;
    font-size: large;
    color: hsla(0, 0%, 100%, .2)
}

.error404 .container .box .context .getout {
    width: 300px;
    margin: 50px;
    padding: 20px;
    font-size: large;
    border-radius: 50px;
    background-color: #f06191;
    color: #e0d6e8;
    border: 0
}

.error404 .container .box .t404 {
    white-space: nowrap;
    font-family: initial;
    position: relative;
    top: -400px;
    font-size: 400px;
    text-shadow: -10px 50px 100px rgba(0, 0, 0, .5647058823529412);
    color: #1f2841
}

                      .custom-control.custom-switch {
                          height: 20px;
                          width: 36px
                      }

.custom-control.custom-switch .custom-control-input ~ .custom-control-label:active {
    background-color: transparent
}

.custom-control.custom-switch .custom-control-input ~ .custom-control-label:before {
    background-color: transparent;
    border-radius: 100px;
    height: 1.667rem;
    width: 3rem;
    border-color: #858f99;
    top: 0
}

.custom-control.custom-switch .custom-control-input ~ .custom-control-label:after {
    background-color: #9da8b2;
    border-radius: 100px;
    top: .18rem;
    left: calc(-2.25rem + 3px);
    width: calc(1.667rem - 6px);
    height: calc(1.667rem - 6px)
}

.custom-control.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.custom-control.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
    border-color: unset
}

.custom-control.custom-switch .custom-control-input:hover ~ .custom-control-label:after {
    -webkit-box-shadow: 0 0 0 7px rgba(0, 198, 131, .18823529411764706);
    box-shadow: 0 0 0 7px rgba(0, 198, 131, .18823529411764706)
}

.custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
    background-color: rgba(0, 198, 131, .08) !important;
    border-color: #858f99 !important
}

.custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #00c683 !important;
    -webkit-transform: translateX(1.3rem) !important;
    transform: translateX(1.3rem) !important
}

                      .float.form-sal {
                          background: #ebf2ee;
                          max-width: 409px;
                          border-radius: 20px;
                          -webkit-box-shadow: 0 20px 30px rgba(81, 88, 95, .6549019607843137);
                          box-shadow: 0 20px 30px rgba(81, 88, 95, .6549019607843137);
                          padding: 24px 16px;
                          min-width: 320px
                      }

.float.form-sal .title {
    font-size: 32px
}

.float.form-sal .inp-pri {
    background: transparent !important
}

.modeLight .float.form-sal {
    background-color: #fafdff;
    -webkit-box-shadow: 0 20px 30px rgba(28, 33, 38, .6549019607843137);
    box-shadow: 0 20px 30px rgba(28, 33, 38, .6549019607843137)
}

@media (min-width: 600px) {
    .float.form-sal {
        padding: 40px 30px 45px
    }
}

.login-mini {
    font-size: 15px
}

.isMobile .login-mini {
    max-width: calc(min(100vw, 400px) - 3rem)
}

                      .editorschoice {
                          background: #fff;
                          border-radius: 20px;
                          margin-top: 24px;
                          padding: 24px;
                          color: #222423
                      }

.editorschoice .title1 {
    font-size: 18px;
    line-height: 24px
}

.editorschoice .title2 {
    font-size: 32px;
    line-height: 43px
}

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

.editorschoice .carosal .carosalcard img {
    border-radius: 5px
}

.editorschoice .carosal .carosalcard .title3 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 13px
}

.editorschoice .carosal .carosalcard .title4 {
    font-size: 15px;
    line-height: 26px;
    margin-top: 13px
}

                      .index-game-cats {
                          margin-top: 24px
                      }

.isMobile .index-game-cats {
    margin-top: 0
}

.index-game-cats img {
    border-radius: 20px
}

                      .index-game-cats .games {
                          border-radius: 5px
                      }

.index-game-cats .games .pr {
    border-radius: 5px;
    position: relative;
    background-size: auto 100% !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important
}

@media (min-width: 768px) {
    .index-game-cats .games .pr {
        height: 335px
    }
}

.index-game-cats .games .pr .overlay {
    color: #fff;
    padding: 30px 20px
}

@media (min-width: 768px) {
    .index-game-cats .games .pr .overlay {
        background: #020308;
        border-radius: 5px;
        position: absolute;
        bottom: 0;
        margin: 13px
    }

    .index-game-cats .games .pr .overlay .title {
        font-size: 30px
    }

    .index-game-cats .games .pr .overlay .text {
        width: 100%
    }
}

@media (max-width: 768px) {
    .index-game-cats .games .pr .overlay .title {
        font-size: 24px
    }

    .index-game-cats .games .pr .overlay .text {
        width: 70%
    }
}

.index-game-cats .games .pr .overlay .title {
    font-weight: 700
}

.index-game-cats .games .pr .overlay .text {
    font-size: 18px
}

.index-counted-games .game {
    background: #fff;
    border-radius: 5px;
    padding: 20px
}

.index-counted-games .game .logo {
    margin-bottom: 20px
}

.index-counted-games .game .gl .img {
    width: 50px;
    height: 50px;
    margin-right: -20px;
    border: 3px solid #fff;
    border-radius: 50%;
    float: left;
    background-size: 100%
}

.index-counted-games .game .gl .img.count {
    background: #0372d3;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-counted-games .game .gl .view {
    font-size: 13px;
    float: right;
    padding-top: 10px
}

.index-counted-games .game .gl .view > * {
    display: block;
    clear: both;
    float: right
}

.index-jackpot {
    font-size: 13px;
    border-radius: 5px;
    background-color: #fff
}

.index-jackpot .header .title {
    font-size: 30px
}

.index-jackpot .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.index-jackpot .nav a {
    width: 30px;
    height: 30px;
    background: url(assets-ps/svg/i-arr-l.html) no-repeat 50%;
    border: 1px solid rgba(12, 13, 38, .18823529411764706);
    border-radius: 50%;
    margin: .33rem
}

.index-jackpot .nav a:last-child {
    background-image: url(assets-ps/svg/i-arr-r.html)
}

.index-jackpot .games img {
    border-radius: 5px
}

.index-jackpot .games .win {
    font-size: 18px;
    font-weight: 700
}

@media (min-width: 768px) and (max-width: 992px) {
    .index-game-cats {
        overflow-x: scroll
    }

    .index-game-cats .games {
        width: 960px
    }
}

@media (max-width: 768px) {
    .index-counted-games {
        overflow-x: scroll
    }

    .index-counted-games > .row {
        width: 1330px
    }

    .index-counted-games .game .gl .img {
        width: 40px;
        height: 40px
    }
}

                      .index2021 {
                          background-color: #170f25;
                          color: #fff
                      }

.index2021 .i-games {
    border-top: 5px solid #c625ac
}

.index2021 .i-games .i-title {
    font-size: 34pt
}

.index2021 .i-games .i-tab-title {
    font-size: 17pt;
    color: #8e859e
}

.index2021 .i-games .i-card-title {
    font-size: 17pt
}

.index2021 .i-games .i-card-title-sub {
    font-size: 14pt
}

.index2021 .i-social .i-s-top {
    color: #c625ac;
    font-size: 17pt
}

.index2021 .i-social .i-s-t {
    font-size: 28pt
}

.index2021 .i-social .i-s-sub {
    color: #8e859e;
    font-size: 20pt
}

.index2021 .i-social .i-c {
    margin-right: 10px;
    margin-bottom: 40px;
    height: 100px;
    width: 100px;
    background-color: #241d2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px
}

.index2021 .i-social .i-c:active {
    background-color: #e4405f
}

.index2021 .i-social .i-c .i-c-top {
    color: #8e859e;
    font-size: 12pt
}

.index2021 .i-social .i-c .i-c-t {
    font-size: 20pt
}

.index2021 .i-social .i-c .i-c-sub {
    color: #f5c337;
    font-size: 12pt
}

                      .container-game {
                          background: #000;
                          margin-top: -.5rem;
                          padding-top: .5rem
                      }

.container-game .cont-moboile {
    background: none
}

                      .page-betsolutions .container-main {
                          background: #07080e
                      }

                      .container-game.container {
                          background: #000;
                          margin-top: -.5rem;
                          padding-top: .5rem;
                          min-width: 1280px !important
                      }

                      .container-helio {
                          background: #000;
                          max-width: 1280px
                      }

.container-helio iframe {
    height: 768px
}

.isMobile .container-helio iframe {
    height: calc(100vh - 140px)
}

                      .container-game {
                          background: #000;
                          margin-top: -.5rem;
                          padding-top: .5rem
                      }

                      .cp {
                          cursor: pointer
                      }

.bb-db, .bb-lb {
    border-bottom: 1px solid #fff
}

.p-10 {
    padding: 10px
}

.bg-lb {
    background-color: #f5f5f5
}

.bg-bb {
    background-color: #39414a
}

.bg-bb2 {
    background-color: #f5f5f5
}

.bg-db, .bg-mb {
    background-color: grey
}

.bg-fg {
    background-color: #1eff93
}

.bg-y {
    background-color: #f2c94c
}

.bg-lr {
    background-color: #ff8296
}

.font-db {
    color: #000
}

                      .lottery-label {
                          border: 1px dashed #49b176;
                          height: 38px;
                          border-radius: 8px;
                          position: relative;
                          padding: 0 5px;
                          color: #fff;
                          -webkit-box-align: center;
                          -ms-flex-align: center;
                          align-items: center;
                          position: absolute;
                          left: 250px;
                          top: 30px
                      }

.lottery-label .lottery-ticket-info span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23px;
    flex: 0 0 23px;
    width: 23px
}

.lottery-label .lottery-ticket-info strong {
    font-size: 25px;
    font-weight: 800;
    margin-left: 5px;
    margin-right: 5px
}

.lottery-label .lottery-text {
    font-size: 11px;
    font-weight: 800;
    margin: 0 8px;
    line-height: 1.3
}

.lottery-label .lottery-img {
    margin-top: 3px
}

.m-menu-row {
    padding: 0 24px
}

.mobile-lottery-label {
    border: 1px dashed #49b176;
    height: 44px;
    border-radius: 8px;
    position: relative;
    padding: 0 5px;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-lottery-label .m-lottery-ticket-info span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23px;
    flex: 0 0 23px;
    width: 23px
}

.mobile-lottery-label .m-lottery-ticket-info strong {
    font-size: 25px;
    font-weight: 800;
    margin-left: 5px;
    margin-right: 5px
}

.mobile-lottery-label .m-lottery-text {
    font-size: 11px;
    font-weight: 800;
    margin: 0 8px;
    line-height: 1.3
}

.mobile-lottery-label .m-lottery-img {
    margin-top: 3px
}

.new-year-page, .page-raffle {
    background: #ecf2ee
}

.new-year-page .inner {
    padding-top: 445px;
    height: 590px
}

.new-year-page .inner-container {
    width: 932px;
    margin: 0 auto
}

.new-year-page .ticket-show-frame {
    margin: 0 -6px;
    max-height: 220px;
    overflow-y: auto
}

.new-year-page .ticket-show-frame .cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
    padding: 0 6px
}

.new-year-page .ticket-show-frame .cell .ticket-no {
    height: 40px;
    border: 1px solid #25a27c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    color: #284e42;
    font-weight: 700;
    margin-bottom: 15px
}

.new-year-page .ticket-show-frame::-webkit-scrollbar {
    width: 4px
}

.new-year-page .ticket-show-frame::-webkit-scrollbar-track {
    background: #e2e2e2
}

.new-year-page .ticket-show-frame::-webkit-scrollbar-thumb {
    background: #28292c;
    border-radius: 4px
}

.new-year-page .ticket-show-frame::-webkit-scrollbar-thumb:hover {
    background: #28292c
}

.new-year-page .t-title {
    color: #201633;
    font-weight: 700;
    font-size: 14px
}

.new-year-page .ticket-info-label {
    background: url(assets-sh/new-year/ticket-bg.html) no-repeat top;
    width: 258px;
    height: 62px;
    color: #fff;
    font-weight: 800;
    font-size: 50px
}

.new-year-page .ticket-info-label strong {
    margin-left: 10px;
    margin-right: 10px
}

.new-year-page .draw-rules {
    background-color: #25a27c;
    padding: 7px;
    border-radius: 8px
}

.new-year-page .draw-rules .heading.text-center {
    color: #fff;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 800
}

.new-year-page .draw-rules .draw-content {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 50px
}

.new-year-page .draw-rules .draw-content h2 {
    text-align: center;
    font-size: 20px;
    color: #201633;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 25px
}

.new-year-page .draw-rules .ticket-no-head {
    background-color: #def3ed;
    color: #25a27c
}

.new-year-page .draw-rules .ticket-no-head, .new-year-page .draw-rules .ticket-no-text {
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    font-weight: 700;
    margin-bottom: 7px
}

.new-year-page .draw-rules .ticket-no-text {
    background-color: #e9e8eb;
    color: #201633
}

.new-year-page .draw-rules .rule-list {
    counter-reset: my-sec-counter;
    line-height: 1.6;
    color: #201633;
    font-size: 15px
}

.new-year-page .draw-rules .rule-list li {
    list-style-type: none;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

.new-year-page .draw-rules .rule-list li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
    position: absolute;
    left: 0;
    top: 0;
    color: #25a27c;
    font-weight: 700
}

@media screen and (max-width: 1200px) {
    .lottery-label {
        left: 230px
    }

    .lottery-label .lottery-text {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .lottery-img {
        display: none
    }

    .lottery-label .lottery-ticket-info strong {
        font-size: 18px;
        margin: 0 2px;
        font-weight: 500
    }

    .new-year-page .inner-container {
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    .lottery-label {
        display: none !important
    }

    .new-year-page .ticket-show-frame {
        max-height: 185px
    }
}

@media screen and (max-width: 767px) {
    .new-year-page .draw-rules .ticket-no-text:not(.second) {
        margin-bottom: 0;
        height: auto;
        padding-top: 5px;
        font-size: 16px
    }

    .new-year-page .draw-rules .ticket-no-text.second {
        color: #25a27c;
        font-size: 25px
    }

    .new-year-page .ticket-show-frame .cell {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .new-year-page .draw-rules .draw-content {
        padding: 15px
    }
}

@media screen and (max-width: 420px) {
    .page-banner {
        width: 100%
    }

    .page-banner img {
        width: 100%;
        height: auto
    }
}

                      .isDesktop .widenAccountPage {
                          margin: 0 -50px
                      }

.open-conv {
    background: #ebf2ee;
    color: #000;
    border-radius: 10px;
    padding: 30px
}

.open-conv .op30 {
    opacity: .3
}

.open-conv .f-s-12 {
    font-size: 12px
}

.open-conv .oc-messagebox textarea {
    background: #fafdff;
    border-radius: 10px;
    padding: 12px 20px 18px 13px;
    font-size: 12px;
    line-height: 20px;
    color: #262d33;
    width: 100%;
    min-height: 90px;
    border: 0;
    overflow: auto;
    resize: none
}

                      .max-quest-mobile .buttons {
                          float: right
                      }

.max-quest-mobile p {
    padding: 10px;
    background-color: #e5e5e5;
    border-radius: 3px
}

.max-quest-mobile .btn {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#a69ac0));
    background-image: linear-gradient(#fff, #a69ac0);
    border: none;
    border-radius: 5px;
    color: #2e1c5a;
    font-weight: 700;
    padding: 12px 50px 12px 20px;
    font-size: 14px;
    cursor: pointer
}

.max-quest-mobile .btn [class^=flaticon-]:before {
    font-size: 14px;
    margin-top: 1px;
    margin-left: 14px
}

.max-quest-mobile .btn2 {
    background-color: #f5c638;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5c638), to(#f59138));
    background-image: linear-gradient(#f5c638, #f59138);
    border: none;
    border-radius: 5px;
    color: #2e1c5a;
    font-weight: 700;
    padding: 12px 56px 12px 20px;
    font-size: 14px;
    cursor: pointer
}

.max-quest-mobile .btn3 {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 10px 7px;
    cursor: pointer
}

.max-quest-mobile .btn2 [class^=flaticon-]:before {
    font-size: 14px;
    margin-top: 1px;
    margin-left: 22
}

.max-quest-mobile .abs2, .max-quest-mobile .shape3 {
    top: 0;
    right: 0
}

.max-quest-mobile .mr {
    margin-right: 16px
}

.max-quest-mobile .img2 {
    width: 100%
}

.max-quest-mobile .img-2-p, .max-quest-mobile .img-3-p {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px
}

.max-quest-mobile .btn4 {
    background-color: #eeae0a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeae0a), to(#e8750e));
    background-image: linear-gradient(#eeae0a, #e8750e)
}

.max-quest-mobile .btn4, .max-quest-mobile .btn5 {
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: 8px 15px;
    font-size: 18px;
    cursor: pointer;
    border: none
}

.max-quest-mobile .btn5 {
    background-color: #59606e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59606e), to(#282c35));
    background-image: linear-gradient(#59606e, #282c35)
}

.max-quest-mobile .btn2:hover, .max-quest-mobile .btn3:hover, .max-quest-mobile .btn4:hover, .max-quest-mobile .btn5:hover, .max-quest-mobile .btn:hover {
    opacity: .7
}

.max-quest-mobile .lists li a:hover {
    text-decoration: underline;
    font-weight: 700
}

.max-quest-mobile .social li:hover {
    color: #6a5c8b;
    display: inline
}

.max-quest-mobile .topnav a:hover {
    color: #6c5a90;
    font-weight: 700
}

                      .fade-enter-active, .fade-leave-active {
                          -webkit-transition: opacity .5s;
                          transition: opacity .5s
                      }

.fade-enter, .fade-leave-to {
    opacity: 0
}

                      .modal-prettier {
                          padding: 20px !important;
                          border-radius: 20px;
                          overflow: hidden
                      }

                      svg {
                          cursor: pointer
                      }

.bottom_bar, .top_bar {
    stroke-dasharray: 140px 910px
}

.middle_bar {
    stroke-dasharray: 240px 240px
}

.open .bottom_bar, .open .top_bar {
    stroke-dasharray: 240px 910px;
    stroke-dashoffset: -650px
}

.open .middle_bar {
    stroke-dasharray: 0 220px;
    stroke-dashoffset: -120px
}

.balance-holder * {
    vertical-align: middle
}

.bg-t-darken {
    background: #200b4d
}

.isDesktop .mainmenu menu {
    display: block !important
}

.mobile-main-menu-trigger {
    text-align: center;
    padding: 15px 10px
}

.mobile-main-menu-trigger img {
    height: 20px;
    vertical-align: top
}

@media (max-width: 349px) {
    .isMobile .logo img {
        margin-right: -20px
    }
}

                      .blinkingAnimation {
                          -webkit-animation: blinkingAnimationKey 3s infinite;
                          animation: blinkingAnimationKey 3s infinite
                      }

@-webkit-keyframes blinkingAnimationKey {
    0% {
        color: #fff
    }
    50% {
        color: #ff3e02
    }
    to {
        color: #fff
    }
}

@keyframes blinkingAnimationKey {
    0% {
        color: #fff
    }
    50% {
        color: #ff3e02
    }
    to {
        color: #fff
    }
}

.support-h {
    background: #28292c;
    border: 1px solid #4b4d52;
    border-radius: 6px;
    padding: 9px 14px;
    font-size: 12px;
    color: #fff
}

.support-h svg {
    margin-right: 8px
}

.leftsidesocial a {
    padding: 0 .12rem
}

.has-caret:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.sideMenu {
    z-index: 1019 !important
}

.sidebarMenu {
    z-index: 1010 !important
}

.sidebarMenu .color-gray {
    color: #b9bbbb
}

.sidebarMenu .nav {
    font-size: 12px
}

.sidebarMenu .nav .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 10px 10px 24px
}

.sidebarMenu .nav .nav-item .nav-link i {
    width: 25px;
    text-align: center;
    font-size: 16px
}

.sidebarMenu .nav .nav-item .nav-link svg {
    margin-right: 10px
}

.sidebarMenu .nav .nav-item .nav-link span {
    display: inline-block;
    text-transform: lowercase
}

.sidebarMenu .nav .nav-item .nav-link span:first-letter {
    text-transform: capitalize
}

.sidebarMenu .nav .nav-item .nav-link.router-link-active, .sidebarMenu .nav .nav-item .nav-link.router-link-exact-active {
    position: relative
}

.sidebarMenu .nav .nav-item .nav-link.router-link-active svg [fill]:not([fill=none]), .sidebarMenu .nav .nav-item .nav-link.router-link-exact-active svg [fill]:not([fill=none]) {
    fill: #25a27c !important
}

.sidebarMenu .nav .nav-item .nav-link.router-link-active svg [stroke], .sidebarMenu .nav .nav-item .nav-link.router-link-exact-active svg [stroke] {
    stroke: #25a27c !important
}

.sidebarMenu .nav .nav-item .nav-link.router-link-active .lm, .sidebarMenu .nav .nav-item .nav-link.router-link-exact-active .lm {
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 3px;
    background: #25a27c;
    border-radius: 0 5px 5px 0
}

.sidebarMenu .nav .nav-item.nav-item-title .nav-link {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 24px
}

.sidebarMenu .nav.f-s-14 .nav-item .nav-link {
    padding: 7px 7px 7px 24px
}

.sideMenu {
    padding-top: 0;
    z-index: 1000;
    background: #28292c
}

.sideMenu .border-bottom {
    border-bottom-color: #414247 !important
}

.subs-nonclick * {
    pointer-events: none
}

                      .footer-container .f-banks {
                          border-radius: 10px 10px 0 0;
                          background: #666a68;
                          height: 100px;
                          padding: 0 30px;
                          overflow: scroll
                      }

.footer-container .f-banks > div {
    height: 20px
}

.footer-container .f-banks svg {
    max-height: 100%
}

.footer-container .f-banks svg [fill]:not([fill=none]) {
    fill: #e6faf5 !important
}

.footer-container .f-banks svg [stroke] {
    stroke: #e6faf5 !important
}

.footer-container .footer {
    border-radius: 0 0 10px 10px;
    margin-bottom: 25px;
    background-color: #fff;
    font-style: normal
}

.footer-container .footer .f-t {
    height: 94px;
    border-bottom: 1px solid hsla(0, 0%, 76.9%, .3)
}

.footer-container .footer .f-t .f-t-btn-chat {
    cursor: pointer;
    font-size: 13px;
    line-height: 20px;
    color: #041c3f;
    width: 145px;
    height: 45px;
    padding: 8px 11px;
    background: rgba(217, 178, 79, .06);
    border: 1px solid #386c50;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    border-radius: 40px;
    margin-right: 33px
}

.footer-container .footer .f-t .f-t-btn-chat svg {
    margin-right: 11px
}

.footer-container .footer .f-t .f-t-social {
    width: 150px
}

.footer-container .footer .f-m {
    padding-top: 40px
}

.footer-container .footer .f-m .f-m-title {
    width: 291px;
    min-width: 291px;
    margin-right: 150px;
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
    color: #020308
}

.footer-container .footer .f-m .f-m-links {
    font-weight: 600;
    font-size: 14px;
    line-height: 33.64px
}

.footer-container .footer .f-m .f-m-links a {
    cursor: pointer
}

.footer-container .footer .f-m .f-m-links .f-m-active {
    font-weight: 800
}

.footer-container .footer .f-m .f-m-links .flex-column {
    padding-bottom: 40px
}

.isMobile .footer-container .footer .f-m .f-m-links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.isMobile .footer-container .footer .f-m .f-m-links .flex-column {
    width: 50%
}

.footer-container .footer .f-b {
    color: #020308;
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    text-align: left;
    padding: 40px
}

.footer-container .footer .f-b.footerlogos {
    padding: 10px 20px 40px
}

.footer-container .footer .f-b.footerlogos img {
    display: inline-block;
    max-width: 100%;
    margin: 15px
}

                      .footer-bg {
                          background: #3b2864 url(assets/images/footer-pattern.html) repeat-x top
                      }

.footer-bg .footer ul li.h {
    font-family: Roboto, sans-serif;
    margin-bottom: 6px;
    font-weight: 900;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #fff
}

.footer-bg .footer ul li.h:after {
    content: "";
    height: 5px;
    width: 80px;
    background: #c625ac;
    display: block
}

.footer-bg .footer ul li a {
    opacity: .5;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 2
}

.footer-bg .footer.footer-mobile ul li.h.active:after {
    content: "";
    height: 5px;
    width: 80px;
    background: #c625ac;
    display: block
}

.footer-bg .footer.footer-mobile ul li.h:after {
    content: "";
    height: 0;
    width: 80px;
    background: transparent;
    display: block
}

.footer-bg .logo-bar {
    background: #2b3b4b;
    padding: 20px 0
}

.footer-bg .logo-bar .logos {
    display: table
}

.footer-bg .logo-bar .logos div {
    display: table-cell;
    text-align: center
}

.footer-bg .logo-bar .logos div:first-child {
    text-align: left !important
}

.footer-bg .social-icons {
    display: inline-block
}

.footer-bg .social-icons li {
    display: table-cell;
    text-align: left;
    text-indent: -9999em;
    padding: 5px
}

.footer-bg .social-icons li a {
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    text-decoration: none;
    color: #a7a7ab
}

.footer-bg .social-icons li a:before {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    font: 50px/50px icomoon;
    text-indent: 0
}

.footer-bg .social-icons li a:hover:before {
    color: #878787
}

.footer-bg .social-icons li.facebook a:before {
    content: "\e6c7"
}

.footer-bg .social-icons li.twitter a:before {
    content: "\e6c5"
}

.footer-bg .social-icons li.google a:before {
    content: "\e6c4"
}

.footer-bg .social-icons li.youtube a {
    background: 0 0
}

.footer-bg .social-icons li.youtube a:before {
    content: "\e6c8"
}

.footer-bg .social-icons li.instagram a:before {
    content: "\e6c6"
}

                      body.isMobile .menu {
                          overflow-x: scroll;
                          white-space: nowrap
                      }

.menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    color: #595b61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    border-radius: 0 0 15px 15px;
    text-transform: capitalize
}

.menu a {
    padding: 16px 8px;
    font-size: 14px;
    white-space: nowrap
}

.isMobile .menu a {
    padding: 13px 12px;
    font-size: 12px
}

.menu a svg {
    margin-right: 5px;
    height: 17px
}

.menu a.active, .menu a.router-link-active, .menu a.router-link-exact-active, .menu a:hover {
    color: #28292c;
    -webkit-box-shadow: inset 0 -2px 0 0 #25a27c;
    box-shadow: inset 0 -2px 0 0 #25a27c
}

.menu a + a {
    -webkit-box-shadow: -16px 0 0 -15px hsla(0, 0%, 100%, .08627450980392157);
    box-shadow: -16px 0 0 -15px hsla(0, 0%, 100%, .08627450980392157)
}

                      .left-balance {
                          background-color: #49b176;
                          color: #fff;
                          border-radius: 10px
                      }

.left-bonus {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #cdd2cf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1rem
}

                      .custom-popover {
                          position: absolute;
                          z-index: 100;
                          background: #25a27c;
                          border-radius: 10px;
                          padding: 15px;
                          -webkit-box-shadow: 0 40px 50px rgba(28, 33, 38, .7);
                          box-shadow: 0 40px 50px rgba(28, 33, 38, .7);
                          min-width: 160px
                      }

.custom-popover:before {
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent #25a27c;
    border-style: solid;
    border-width: 0 8px 6px;
    line-height: 0;
    position: absolute;
    top: -6px;
    right: 20px
}

                      :root {
                          --header-height: 50px
                      }

header {
    z-index: 10
}

header, header .header-top {
    position: relative;
    border-radius: 15px 15px 0 0
}

header .header-top {
    z-index: 2;
    padding: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #28292c;
    color: #fff;
    font-size: 12px
}

.isMobile header .header-top {
    padding: 0 15px
}

header .header-top > div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

header .header-top .oi, header .header-top > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .header-top .oi {
    background: #25a27c;
    padding: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.isMobile header .header-top .oi {
    padding: 5px;
    height: 30px;
    width: 30px
}

header .header-top .oi svg {
    max-height: 20px
}

header .header-top .logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

header .header-top .right {
    font-size: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

header .header-top .mobile-main-menu-trigger {
    border-right: 1px solid #414348;
    padding: 25px 10px
}

.page-login header, .page-register header {
    padding: 0
}

.page-login header .header-top, .page-register header .header-top {
    border-radius: 0;
    position: fixed;
    width: 100%
}

.logged-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.logged-in > * + * {
    margin-left: 10px
}

.logged-in .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logged-in .user .user-dd button {
    padding-left: 0;
    padding-right: 0
}

.logged-in .user .dropdown-toggle:after {
    display: none
}

.logged-in .user .img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    margin-right: 10px;
    background: #c5dfcf url(assets-ps/svg/tmp-profile4a8a.html?c) 50% no-repeat
}

.logged-in .user .username {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap
}

.logged-in .user .username:after {
    content: "";
    border-left: 0 solid #fff;
    border-right: 0 solid #fff;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.logged-in .user .balance {
    font-size: 17px
}

.logged-in .user .money {
    display: none
}

.logged-in .balance-btn {
    font-size: 17px;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid #d2d0d0;
    color: #000;
    padding: 7px 20px 5px
}

.logged-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logged-out a {
    font-weight: 700;
    padding: 6px
}

.isMobile .logged-out .btn-login, .isMobile .logged-out .btn-register {
    padding: 10px;
    border-radius: 100%;
    aspect-ratio: 1
}

.isMobile .logged-out .btn-login svg, .isMobile .logged-out .btn-register svg {
    margin-right: 0
}

.btn-login, .btn-register {
    padding: 12px 24px;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase
}

.btn-login.btn-login, .btn-register.btn-login {
    border: 1px solid #4b4d52
}

.btn-login.btn-register, .btn-register.btn-register {
    background: #25a27c
}

.btn-login svg, .btn-register svg {
    margin-right: 5px
}

.money-btn {
    padding: 12px 24px;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 0 0 1.5px #25a27c;
    box-shadow: inset 0 0 0 1.5px #25a27c;
    background: #25a27c
}

.money-btn.deposit {
    background: transparent;
    color: #25a27c
}

.langs button {
    font-weight: 500;
    font-size: 12px;
    color: #fff
}

.langs button:after {
    opacity: .5
}

.modal#modalMembership, .modal#modalMenu {
    padding: 0 !important
}

.modal#modalMembership .modal-dialog-scrollable, .modal#modalMenu .modal-dialog-scrollable {
    max-height: 100% !important
}

.modal#modalMembership .modal-dialog, .modal#modalMenu .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100% !important;
    margin: 0
}

.modal#modalMembership .modal-content, .modal#modalMenu .modal-content {
    height: 100%;
    max-height: 100% !important;
    border: 0;
    border-radius: 0
}

.modal#modalMembership .modal-body, .modal#modalMenu .modal-body {
    overflow-y: auto;
    background: #fff;
    padding: 0
}

.modal#modalMembership .modal-header, .modal#modalMenu .modal-header {
    background: #fff
}

.pop-menu .item {
    display: block;
    padding: 1rem;
    font-size: 18px;
    font-weight: 700;
    color: #c6c6c4
}

.pop-menu .item.router-link-active {
    color: #000
}

[canvas] {
    z-index: 1
}

[canvas=container] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

[canvas=container]:after, [canvas=container]:before {
    clear: both;
    content: "";
    display: table
}

[off-canvas] {
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    color: #fff;
    -webkit-overflow-scrolling: touch
}

[off-canvas*=top] {
    width: 100%;
    height: 255px;
    top: 0
}

[off-canvas*=right] {
    width: 255px;
    height: 100%;
    top: 0;
    right: 0
}

[off-canvas*=bottom] {
    width: 100%;
    height: 255px;
    bottom: 0
}

[off-canvas*=left] {
    width: 314px;
    height: 100%;
    top: 0;
    left: 0
}

[off-canvas*=reveal] {
    z-index: 0
}

[off-canvas*=push] {
    z-index: 1
}

[off-canvas*=overlay] {
    z-index: 9999
}

[off-canvas*=shift] {
    z-index: 0
}

.carousel-indicators {
    z-index: auto
}

.logged-in-sh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.logged-in-sh > * + * {
    margin-left: 5px
}

.logged-in-sh .bd-holder {
    border-radius: 5px;
    padding: 11px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.isMobile .logged-in-sh .bd-holder {
    padding: 7px 5px;
    border-radius: 10px
}

.logged-in-sh .bd-holder .b-text {
    color: #fff;
    font-size: 17px;
    font-weight: 600
}

.logged-in-sh .bd-holder .d-btn {
    margin: 0 11px
}

.isMobile .logged-in-sh .bd-holder .d-btn {
    margin: 0 8px
}

                          /* Slider */
                      .slick-slider {
                          position: relative;

                          display: block;
                          box-sizing: border-box;

                          -webkit-user-select: none;
                          -moz-user-select: none;
                          -ms-user-select: none;
                          user-select: none;

                          -webkit-touch-callout: none;
                          -khtml-user-select: none;
                          -ms-touch-action: pan-y;
                          touch-action: pan-y;
                          -webkit-tap-highlight-color: transparent;
                      }

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('vendor/slick-carousel/slick/fonts/slick.html') format('woff');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


                      .sliderouter {
                          width: 100%;
                          position: relative
                      }

.sliderouter .carousel-inner .carousel-item img {
    border-radius: 20px !important
}

.sliderouter .carousel-control-next, .sliderouter .carousel-control-prev {
    width: 7%
}

.slick-slide {
    padding: 0
}

.slick-hack {
    margin-right: -10px;
    margin-left: -10px
}

                      .screenshot {
                          position: fixed;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%
                      }

.screenshot .borderedBox, .screenshot .crosshairs, .screenshot .overlay, .screenshot .tooltip {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.screenshot .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.screenshot .overlay.highlighting {
    background: none;
    border-color: rgba(0, 0, 0, .5);
    border-style: solid
}

.screenshot .crosshairs {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2147483645
}

.screenshot .crosshairs.hidden {
    display: none
}

.screenshot .crosshairs:after, .screenshot .crosshairs:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    border: none !important
}

.screenshot .crosshairs:before {
    left: -100%;
    top: -100%;
    border-right: 1px solid hsla(0, 0%, 100%, .3) !important;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important
}

.screenshot .crosshairs:after {
    left: 0;
    top: 0;
    border-top: 1px solid hsla(0, 0%, 100%, .3) !important;
    border-left: 1px solid hsla(0, 0%, 100%, .3) !important
}

.screenshot .borderedBox {
    border: 1px solid #fff;
    position: absolute
}

.screenshot .borderedBox.hidden {
    display: none
}

.screenshot .tooltip {
    display: inline-block;
    position: absolute;
    background-color: grey;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
    padding: 6px;
    margin: 6px;
    white-space: nowrap
}

.screenshot .tooltip.hidden {
    display: none
}

.screenshot .Flash {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2147483646;
    opacity: 1;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screenshot .screenshot-enter-active, .screenshot .screenshot-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.screenshot .screenshot-enter, .screenshot .screenshot-leave-to {
    opacity: 0
}

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

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

                      .fb-mobile {
                          bottom: 81px;
                          top: inherit !important
                      }

.feedback {
    position: fixed;
    left: 0;
    top: 50%
}

.feedback .fb-fb {
    background-color: #c625ac;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -30px;
    font-size: 10px;
    opacity: .8
}

.feedback .fb-box, .feedback .fb-thanks {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #dddfe2
}

.feedback .fb-box {
    margin-bottom: 20px;
    max-width: 95vw;
    width: 330px
}

.feedback .fb-box .fb-send {
    background-color: #c625ac
}

.feedback .fb-box textarea {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #dddfe2;
    border-right: none;
    border-left: none
}

.feedback .fb-box .fb-top {
    padding: 40px 0 20px
}

.feedback .fb-box .fb-points {
    padding: 0 30px
}

.feedback .fb-box .fb-points i {
    cursor: pointer
}

.feedback .fb-box .fb-x {
    position: absolute;
    top: -16px;
    right: 10px;
    border-radius: 22px;
    border: 1px solid #dddfe2
}

                      .footer-float-menu {
                          font-size: 14px;
                          color: #fff;
                          border-radius: 10px;
                          overflow: hidden;
                          position: fixed;
                          bottom: 20px;
                          right: 90px;
                          z-index: 99
                      }

.footer-float-menu .items {
    display: none;
    background-color: #414543
}

.footer-float-menu .items .item + .item {
    border-top: 1px solid #545957
}

.footer-float-menu .items .item:hover {
    background-color: #3a3e3c
}

.footer-float-menu .item {
    padding: 10px 30px;
    display: block;
    cursor: pointer
}

.footer-float-menu .ffm-toggle .item {
    background-color: #1f2120
}

.footer-float-menu .ffm-toggle .item:hover {
    background-color: #2d302e
}

.footer-float-menu.open .items {
    display: block
}

.footer-float-menu.open .ffm-toggle .item {
    background-color: #2d302e
}

.isMobile .footer-float-menu {
    bottom: 95px;
    right: 20px
}

.isMobile .footer-float-menu .items {
    border-radius: 10px;
    border-bottom-right-radius: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px
}

.isMobile .footer-float-menu .arrow {
    float: right;
    width: 0;
    height: 0;
    border-color: transparent #414543 transparent transparent;
    border-style: solid;
    border-width: 0 10px 10px 0
}

.isMobile .footer-float-menu .ffm-toggle {
    clear: both
}

.isMobile .footer-float-menu .ffm-toggle .item {
    padding: 21px;
    border-radius: 50%;
    float: right
}

.isMobile .footer-float-menu .ffm-toggle .item span:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

                      .claimmodal .modal-content {
                          background: #28292c;
                          color: #fff
                      }

                          /*
        @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-SemiBoldItalic.woff2') format('woff2');
                font-weight: 600;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Regular.woff2') format('woff2');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-ThinItalic.woff2') format('woff2');
                font-weight: 100;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Thin.woff2') format('woff2');
                font-weight: 100;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-SemiBold.woff2') format('woff2');
                font-weight: 600;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Heavy.woff2') format('woff2');
                font-weight: 900;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-LightItalic.woff2') format('woff2');
                font-weight: 300;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-ExtraLight.woff2') format('woff2');
                font-weight: 200;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Light.woff2') format('woff2');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-MediumItalic.woff2') format('woff2');
                font-weight: 500;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-ExtraLightItalic.woff2') format('woff2');
                font-weight: 200;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-HeavyItalic.woff2') format('woff2');
                font-weight: 900;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Medium.woff2') format('woff2');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-ExtraBold.woff2') format('woff2');
                font-weight: 800;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Italic.woff2') format('woff2');
                font-weight: normal;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Bold.woff2') format('woff2');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-ExtraBoldItalic.woff2') format('woff2');
                font-weight: 800;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-BoldItalic.woff2') format('woff2');
                font-weight: bold;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-BlackItalic.woff2') format('woff2');
                font-weight: 900;
                font-style: italic;
                font-display: swap;
            }

            @font-facesss {
                font-family: 'GalanoGrotesque';
                src: url('/assets/fonts/GalanoGrotesque/GalanoGrotesque-Black.woff2') format('woff2');
                font-weight: 900;
                font-style: normal;
                font-display: swap;
            }
            */


                      :root {
                          --header-height: 0px;
                          --vh100-header: calc(100vh - var(--header-height));
                          --primary-color: #25a27c;
                          --secondary-color: #0c0d26;
                          --third-color: #5534d2;
                          --passive-color: #cecfd4;
                          --gray-color: #ecedf0
                      }

body, html {
    height: 100%;
    scroll-behavior: smooth;
    font-family: GalanoGrotesque, sans-serif
}

body {
    background: #ebf2ee url(frontend/assets-sh/images/bg_2021_sh.jpg) no-repeat top fixed;
    color: #222423;
    font-weight: 500;
    text-rendering: geometricprecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-transform: none
}

menu {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin: 0
}

img {
    max-width: 100%
}

a, img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

*, :focus {
    outline: none !important
}

p {
    margin-top: 0;
    margin-bottom: 0
}

ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

a, a:hover {
    color: inherit
}

a:hover {
    text-decoration: none
}

svg:not([fill]) {
    fill: none
}

.cp {
    cursor: pointer
}

.modal-body {
    overflow: hidden;
    padding: 0
}

.modal-content {
    background: none;
    border: none
}

.f-s-10 {
    font-size: 10px !important
}

.f-s-11 {
    font-size: 11px !important
}

.f-s-12 {
    font-size: 12px !important
}

.f-s-13 {
    font-size: 13px !important
}

.f-s-14 {
    font-size: 14px !important
}

.f-s-15 {
    font-size: 15px !important
}

.f-s-16 {
    font-size: 16px !important
}

.f-s-17 {
    font-size: 17px !important
}

.f-s-18 {
    font-size: 18px !important
}

.f-s-19 {
    font-size: 19px !important
}

.f-s-20 {
    font-size: 20px !important
}

.f-s-21 {
    font-size: 21px !important
}

.f-s-22 {
    font-size: 22px !important
}

.f-s-23 {
    font-size: 23px !important
}

.f-s-24 {
    font-size: 24px !important
}

.f-s-25 {
    font-size: 25px !important
}

.f-s-26 {
    font-size: 26px !important
}

.f-s-27 {
    font-size: 27px !important
}

.f-s-28 {
    font-size: 28px !important
}

.f-s-29 {
    font-size: 29px !important
}

.f-s-30 {
    font-size: 30px !important
}

.f-s-31 {
    font-size: 31px !important
}

.f-s-32 {
    font-size: 32px !important
}

.f-s-33 {
    font-size: 33px !important
}

.f-s-34 {
    font-size: 34px !important
}

.f-s-35 {
    font-size: 35px !important
}

.f-s-36 {
    font-size: 36px !important
}

.f-s-37 {
    font-size: 37px !important
}

.f-s-38 {
    font-size: 38px !important
}

@media (min-width: 768px) {
    .fs-sm-10 {
        font-size: 10px !important
    }

    .fs-sm-11 {
        font-size: 11px !important
    }

    .fs-sm-12 {
        font-size: 12px !important
    }

    .fs-sm-13 {
        font-size: 13px !important
    }

    .fs-sm-14 {
        font-size: 14px !important
    }

    .fs-sm-15 {
        font-size: 15px !important
    }

    .fs-sm-16 {
        font-size: 16px !important
    }

    .fs-sm-17 {
        font-size: 17px !important
    }

    .fs-sm-18 {
        font-size: 18px !important
    }

    .fs-sm-19 {
        font-size: 19px !important
    }

    .fs-sm-20 {
        font-size: 20px !important
    }

    .fs-sm-21 {
        font-size: 21px !important
    }

    .fs-sm-22 {
        font-size: 22px !important
    }

    .fs-sm-23 {
        font-size: 23px !important
    }

    .fs-sm-24 {
        font-size: 24px !important
    }

    .fs-sm-25 {
        font-size: 25px !important
    }

    .fs-sm-26 {
        font-size: 26px !important
    }

    .fs-sm-27 {
        font-size: 27px !important
    }

    .fs-sm-28 {
        font-size: 28px !important
    }

    .fs-sm-29 {
        font-size: 29px !important
    }

    .fs-sm-30 {
        font-size: 30px !important
    }

    .fs-sm-31 {
        font-size: 31px !important
    }

    .fs-sm-32 {
        font-size: 32px !important
    }

    .fs-sm-33 {
        font-size: 33px !important
    }

    .fs-sm-34 {
        font-size: 34px !important
    }

    .fs-sm-35 {
        font-size: 35px !important
    }

    .fs-sm-36 {
        font-size: 36px !important
    }

    .fs-sm-37 {
        font-size: 37px !important
    }

    .fs-sm-38 {
        font-size: 38px !important
    }
}

@media (min-width: 768px) {
    .br-sm-3 {
        border-radius: 3px
    }

    .br-sm-5 {
        border-radius: 5px
    }

    .br-sm-10 {
        border-radius: 10px
    }

    .br-sm-15 {
        border-radius: 15px
    }

    .br-sm-20 {
        border-radius: 20px
    }

    .br-sm-50 {
        border-radius: 50%
    }
}

.btn-sal, .btn.btn-sal {
    padding: 9px 20px;
    border-radius: 10px;
    background-color: #222423;
    border: 1px solid #222423;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.btn-sal:hover, .btn.btn-sal:hover {
    color: #222423;
    background-color: #fff
}

.btn-sal.black, .btn.btn-sal.black {
    background: var(--secondary-color)
}

.btn-sal.purple, .btn.btn-sal.purple {
    color: #fff;
    background: #5534d2
}

.btn-sal.outlined, .btn.btn-sal.outlined {
    border: 1px solid #b8c2cc;
    color: rgba(12, 13, 38, .5);
    background: none
}

.btn-sal.outlined:hover, .btn.btn-sal.outlined:hover {
    color: #000
}

.btn-sh, .btn.btn-sh {
    padding: 9px 20px;
    border-radius: 10px;
    background-color: var(--primary-color);
    border: 1px solid #239a76;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.btn-sh:hover, .btn.btn-sh:hover {
    color: #fff;
    background: #208d6c;
    border: 1px solid #1e8566
}

.btn-sh.black, .btn.btn-sh.black {
    background: #313131;
    border: 1px solid #1f1f1f
}

.btn-sh.outlined, .btn.btn-sh.outlined {
    border: 1px solid #b8c2cc;
    color: rgba(12, 13, 38, .5);
    background: none
}

.btn-sh.outlined:hover, .btn.btn-sh.outlined:hover {
    color: #000
}

.btn-cir {
    width: 28px;
    height: 28px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    background: #42ae8d;
    padding: 4px
}

.btn-cir, .btn-cir > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-cir > * {
    background: var(--primary-color);
    width: 100%;
    padding: 5px;
    border-radius: 50%
}

.btn-cir.orange {
    border: 1px solid #f7931a;
    background: rgba(247, 147, 26, .34901960784313724)
}

.btn-cir.orange > * {
    background: #f7931a
}

.btn-cir.message {
    border: 1px solid #beb8a7;
    background: #fdf8ea
}

.btn-cir.message > * {
    background: #386c50
}

.form-style-sal .sal-inp {
    border-radius: 10px;
    border: 1px solid #ecedf0;
    padding: 1rem;
    font-size: 14px
}

.form-style-sal .sal-inp.search {
    background: #fff url(assets-ps/svg/i-search.html) no-repeat right 1rem center
}

.form-style-sal.filter .sal-inp {
    font-size: 13px;
    font-weight: 600
}

.form-style-sal.filter .sal-inp::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.form-style-sal.filter .sal-inp::-moz-placeholder {
    color: #000;
    opacity: 1
}

.form-style-sal.filter .sal-inp:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.form-style-sal.filter .sal-inp::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.form-style-sal.filter .sal-inp::placeholder {
    color: #000;
    opacity: 1
}

.form-sal {
    padding: 24px 16px;
    -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, .01);
    box-shadow: 0 4px 2px rgba(0, 0, 0, .01);
    border-radius: 5px;
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
}

@media (min-width: 600px) {
    .form-sal {
        padding: 40px 30px 45px
    }
}

.form-sal .title {
    margin-bottom: 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #0c0d26
}

@media (min-width: 600px) {
    .form-sal .title {
        font-size: 30px;
        line-height: 38px
    }
}

.form-sal .bottom-link {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #0c0d26
}

.form-sal .group {
    margin-bottom: 20px
}

.form-sal .group label {
    margin-bottom: 7px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 600
}

.form-sal .group input[type=email], .form-sal .group input[type=number], .form-sal .group input[type=password], .form-sal .group input[type=text] {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 15px;
    width: 100%;
    color: rgba(12, 13, 38, .5);
    height: 47px;
    background: #fff;
    border: 1px solid rgba(12, 13, 38, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px
}

.op-50 {
    opacity: .5
}

.col-p-12 .row {
    margin-right: -12px;
    margin-left: -12px
}

.col-p-12 .col, .col-p-12 .col-1, .col-p-12 .col-2, .col-p-12 .col-3, .col-p-12 .col-4, .col-p-12 .col-5, .col-p-12 .col-6, .col-p-12 .col-7, .col-p-12 .col-8, .col-p-12 .col-9, .col-p-12 .col-10, .col-p-12 .col-11, .col-p-12 .col-12, .col-p-12 .col-auto, .col-p-12 .col-lg, .col-p-12 .col-lg-1, .col-p-12 .col-lg-2, .col-p-12 .col-lg-3, .col-p-12 .col-lg-4, .col-p-12 .col-lg-5, .col-p-12 .col-lg-6, .col-p-12 .col-lg-7, .col-p-12 .col-lg-8, .col-p-12 .col-lg-9, .col-p-12 .col-lg-10, .col-p-12 .col-lg-11, .col-p-12 .col-lg-12, .col-p-12 .col-lg-auto, .col-p-12 .col-md, .col-p-12 .col-md-1, .col-p-12 .col-md-2, .col-p-12 .col-md-3, .col-p-12 .col-md-4, .col-p-12 .col-md-5, .col-p-12 .col-md-6, .col-p-12 .col-md-7, .col-p-12 .col-md-8, .col-p-12 .col-md-9, .col-p-12 .col-md-10, .col-p-12 .col-md-11, .col-p-12 .col-md-12, .col-p-12 .col-md-auto, .col-p-12 .col-sm, .col-p-12 .col-sm-1, .col-p-12 .col-sm-2, .col-p-12 .col-sm-3, .col-p-12 .col-sm-4, .col-p-12 .col-sm-5, .col-p-12 .col-sm-6, .col-p-12 .col-sm-7, .col-p-12 .col-sm-8, .col-p-12 .col-sm-9, .col-p-12 .col-sm-10, .col-p-12 .col-sm-11, .col-p-12 .col-sm-12, .col-p-12 .col-sm-auto, .col-p-12 .col-xl, .col-p-12 .col-xl-1, .col-p-12 .col-xl-2, .col-p-12 .col-xl-3, .col-p-12 .col-xl-4, .col-p-12 .col-xl-5, .col-p-12 .col-xl-6, .col-p-12 .col-xl-7, .col-p-12 .col-xl-8, .col-p-12 .col-xl-9, .col-p-12 .col-xl-10, .col-p-12 .col-xl-11, .col-p-12 .col-xl-12, .col-p-12 .col-xl-auto {
    padding-right: 12px;
    padding-left: 12px
}

.scroll-x:after, .scroll-x:before {
    content: "";
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    height: 100%;
    width: 50px;
    background: radial-gradient(2rem 100% at right, #eee, transparent 50%), -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: radial-gradient(2rem 100% at right, #eee, transparent 50%), linear-gradient(270deg, #fff, transparent);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.scroll-x:before {
    position: absolute;
    right: unset;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
    background: linear-gradient(90deg, #fff, transparent)
}

.scroll-x.left-0:before, .scroll-x.right-0:after {
    opacity: 0
}

.cps-btn-grp .btn {
    background: #fff
}

@media (min-width: 1366px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px
    }
}

.carousel ul {
    list-style: none
}

.Modal .modal-content {
    padding: 30px
}

.Modal .modal-header {
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Modal .modal-header .modal-title {
    font-size: 24px;
    font-weight: 500;
    color: #222423
}

.Modal .modal-header .modal-title-center {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 15px
}

.Modal .modal-header p {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #222423;
    text-align: center
}

.Modal .modal-header p a {
    font-weight: 700
}

.Modal .modal-header button {
    cursor: pointer
}

.Modal .modal-body {
    padding: 0
}

.Modal-img {
    margin-top: 44px;
    margin-bottom: 15px;
    height: 283px;
    background-color: #ebf2ee
}

.Modal-img, .Modal-img img {
    width: 100%;
    border-radius: 15px
}

.Modal-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Modal-features {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px;
    border-radius: 10px;
    background-color: #ebf2ee;
    margin-bottom: 15px
}

.Modal-features, .Modal-features-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Modal-features-price {
    width: calc(50% - 5px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3px 0;
    border-radius: 5px;
    -webkit-box-shadow: 3px 4px 14px 0 rgba(0, 0, 0, .05);
    box-shadow: 3px 4px 14px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #222423
}

.Modal-features-price.passive {
    color: #d3d3d3
}

.Modal-features-text {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #222423
}

.Modal-text {
    padding-top: 25px;
    border-top: 1px solid #e4eae6
}

.Modal-text h4 {
    font-size: 16px;
    font-weight: 700;
    color: #222423;
    margin-bottom: 30px
}

.Modal-text p {
    font-size: 14px;
    font-weight: 500;
    color: #222423;
    margin-bottom: 25px
}

.Modal-text p b {
    font-weight: 700;
    margin-bottom: 16px;
    display: block
}

.Modal-call {
    font-size: 12px;
    font-weight: 500;
    color: #222423;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #e4eae6;
    padding-top: 15px
}

.Modal-call, .Modal-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Modal-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 16px
}

.Modal-form-item {
    margin-bottom: 16px;
    position: relative
}

.Modal-form-item-title {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #222423;
    padding-left: 10px;
    margin-bottom: 10px
}

.Modal-form-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 0
}

.Modal-form-item input, .Modal-form-item textarea {
    border-radius: 5px;
    background-color: #ebf2ee;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222423;
    border: none;
    outline: none;
    width: 100%
}

.Modal-form-item input:disabled, .Modal-form-item textarea:disabled {
    color: #878b89
}

.Modal-form-item textarea {
    height: 180px
}

.Modal-form-item .bootstrap-select {
    width: 100% !important
}

.Modal-form-item .bootstrap-select .dropdown-toggle {
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222423;
    background-color: #ebf2ee;
    cursor: pointer
}

.Modal-form-item .bootstrap-select .dropdown-toggle .filter-option {
    cursor: pointer
}

.Modal-form-item .bootstrap-select .dropdown-menu li a {
    font-size: 14px
}

.Modal-form-item .bootstrap-select .dropdown-item.active, .Modal-form-item .bootstrap-select .dropdown-item:active {
    background-color: #49b176;
    color: #fff
}

.Modal-form-item .bootstrap-select .dropdown-item.active span, .Modal-form-item .bootstrap-select .dropdown-item:active span {
    color: #fff
}

.Modal-form-item .input-group-addon {
    border: none;
    background-color: #ebf2ee
}

.Modal-form-item .input-group-addon .icon-calendar {
    font-size: 18px
}

.Modal-form-item .input-group input {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ebf2ee
}

.Modal-form-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #222423
}

.Modal-form-item .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-right: 10px
}

.Modal-form-item .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.Modal-form-item .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.Modal-form-item .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.Modal-form-item input:checked + .slider {
    background-color: #49b176
}

.Modal-form-item input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #49b176;
    box-shadow: 0 0 1px #49b176
}

.Modal-form-item input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.Modal-form-item .slider.round {
    border-radius: 34px
}

.Modal-form-item .slider.round:before {
    border-radius: 50%
}

.Modal-form-item.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Modal-form-item.flex p {
    opacity: .5;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #222423
}

.Modal-form-item.text-bold label .bootstrap-select .dropdown-toggle {
    font-size: 16px;
    font-weight: 700;
    color: #343635
}

.Modal-form-submit {
    padding: 16px 0;
    border-radius: 10px;
    background-color: #222423;
    border: 1px solid #222423;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%
}

.Modal-form-submit:hover {
    color: #222423;
    background-color: #fff
}

.Modal-form .iti--allow-dropdown {
    width: 100%
}

.Modal-form .iti__arrow {
    display: none
}

.Modal-form .iti--separate-dial-code .iti__selected-flag {
    background-color: #ebf2ee
}

.Modal-form .iti__selected-flag, .Modal-form .telinput {
    outline: none
}

.Modal-form-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.Modal-form-price-item {
    position: relative;
    width: 90.3px;
    height: 38px;
    margin-right: 8px
}

.Modal-form-price-item span {
    padding: 0 10px;
    height: 100%;
    -webkit-box-shadow: 0 8px 21px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 8px 21px 0 rgba(0, 0, 0, .07);
    background-color: #cdd2cf;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Modal-form-price-item span:before {
    content: "";
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-image: url(assets-sh/images/icon-money.html)
}

.Modal-form-price-item input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.Modal-form-price-item input:checked + span {
    background-color: #49b176
}

.Modal-form-currency .currency {
    position: absolute;
    right: 0;
    border-radius: 5px;
    background-color: #cdd2cf;
    width: 55px;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.Modal-form-currency .currency, .Modal-form-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Modal-form-success {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Modal-form-success img {
    width: 40px;
    margin-bottom: 16px
}

.Modal-form-success h3 {
    font-size: 24px;
    margin-bottom: 12px
}

.Modal-form-success h3, .Modal-form-success p {
    font-weight: 500;
    text-align: center;
    color: #222423
}

.Modal-form-success p {
    font-size: 14px;
    margin-bottom: 16px
}

.Modal-form-success .Modal-call {
    border: none;
    padding-top: 0
}

.Login {
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px
}

.Login, .Login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Login-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Login-form .Modal-form {
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
    width: 100%
}

.Login-form-header h5 {
    padding-top: 36px;
    font-size: 24px
}

.Login-form-header h5, .Login-form-header p {
    font-weight: 500;
    color: #222423;
    margin-bottom: 16px
}

.Login-form-header p {
    font-size: 14px
}

.Login-title {
    max-width: 226px;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    margin-left: 44px
}

.isMobile .nobr {
    border-radius: unset !important
}

.H_signup-in {
    border-radius: 15px;
    padding-top: 45px;
    padding-bottom: 45px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.H_signup-inner {
    max-width: 420px
}

.H_signup-head {
    padding-left: 30px
}

.H_signup-head h6 {
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
    color: #222423
}

.H_signup-head-in {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cdd2cf;
    position: relative
}

.H_signup-head-in:after {
    content: " ";
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #25a27c;
    height: 3px;
    width: 90px;
    position: absolute;
    left: 0;
    bottom: -1.5px
}

.H_signup-head-item {
    margin-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #222423
}

.H_signup-head-item:last-child {
    margin-right: 0
}

.H_signup-head-item span {
    opacity: .4;
    margin-right: 10px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #222423
}

.H_signup-form {
    margin-top: 45px;
    padding-left: 45px
}

.H_signup-form-item {
    margin-bottom: 20px
}

.H_signup-form-item input {
    height: 49px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 15px;
    background-color: #ebf2ee;
    padding-left: 30px;
    border-color: transparent;
    font-size: 14px;
    font-weight: 600;
    color: #222423
}

.H_signup-form-item input::-webkit-input-placeholder {
    color: #222423
}

.H_signup-form-item input::-moz-placeholder {
    color: #222423
}

.H_signup-form-item input:-ms-input-placeholder {
    color: #222423
}

.H_signup-form-item input::-ms-input-placeholder {
    color: #222423
}

.H_signup-form-item input::placeholder {
    color: #222423
}

.H_signup-form-item input:focus {
    border-color: #25a27c;
    background-color: #ebf2ee;
    -webkit-box-shadow: none;
    box-shadow: none
}

.H_signup-form-button {
    margin-top: 30px;
    width: 100%;
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    background-color: #222423;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.H_signup-form-button:hover {
    background-color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

.Navtop {
    margin-top: 25px
}

.Navtop-content {
    background-color: #28292c;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.Navtop-account, .Navtop-content, .Navtop-content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Navtop-account .icon {
    font-size: 24px;
    color: #fff
}

.Navtop-account-not, .Navtop-account-not p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Navtop-account-not p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.Navtop-account-not a {
    font-weight: 700;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-transition: .5s;
    transition: .5s
}

.Navtop-account-not a:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

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

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

.Navtop-support {
    -webkit-transition: .5s;
    transition: .5s
}

.Navtop-support i {
    font-size: 20px;
    color: #fff
}

.Navtop-support:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s;
    transition: .5s
}

.Navtop-menu {
    background-color: #fff;
    padding: 16px 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.Navtop-menu-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.Navtop-menu-item a {
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 16px;
    font-weight: 600;
    color: #222423
}

.Navtop-menu-item a:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.Navtop .dropdown-menu {
    width: auto;
    left: auto !important
}

.Navtop-login {
    position: absolute;
    width: 100%;
    top: 0
}

.dropdown-button, .Navtop-login .Navtop-content {
    background-color: transparent
}

.dropdown-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.dropdown-button i {
    margin-left: 10px;
    font-size: 8px
}

.dropdown-button:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.dropdown-button[aria-expanded=true] {
    color: #fff
}

.dropdown-button[aria-expanded=true] i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-menu {
    min-width: auto;
    margin-top: 10px;
    right: 0;
    width: 250px;
    left: auto;
    padding: 15px;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 44px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 14px 44px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.dropdown-item {
    height: 45px;
    border-radius: 5px;
    border: 1px solid #e4eae6;
    background-color: #ebf2ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #222423
}

.dropdown-item + .dropdown-item {
    margin-top: 10px !important
}

.dropdown-item span {
    margin-left: auto
}

.dropdown-item:last-child {
    margin-bottom: 0
}

.dropdown-item:hover {
    background-color: #343635;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

.dropdown-item span {
    margin-right: 10px
}

.Navbottom {
    margin-top: 30px
}

.Navbottom-in {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px
}

.Navbottom-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Navbottom-inner, .Navbottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Navbottom-menu {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.Navbottom-menu-item {
    margin-right: 11%
}

.Navbottom-menu-item li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 2.5;
    color: #222423;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative
}

.Navbottom-menu-item li a:after {
    content: " ";
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #25a27c
}

.Navbottom-menu-item li a:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.Navbottom-menu-item li a:hover:after {
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%
}

.Navbottom-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Navbottom-social img {
    max-height: 44px
}

.Navbottom-social-in {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Navbottom-social-in a {
    font-size: 24px;
    margin-left: 12px;
    color: #222423;
    -webkit-transition: .5s;
    transition: .5s
}

.Navbottom-social-in a:hover {
    color: #25a27c;
    -webkit-transition: .5s;
    transition: .5s
}

.Navbottom-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    margin-bottom: 15px
}

.Navbottom-copy-left {
    width: 60px;
    margin-right: 30px
}

.Navbottom-copy-left img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.Navbottom-copy-right p {
    opacity: .5;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.91;
    color: #222423
}

.custom-select.is-invalid, .form-control.is-invalid, .is-invalid {
    color: #a02027 !important;
    border-color: #a02027 !important;
    -webkit-box-shadow: 0 0 0 1px #a02027 !important;
    box-shadow: 0 0 0 1px #a02027 !important
}

.custom-select.is-valid, .form-control.is-valid, .is-valid {
    color: #20a031 !important;
    border-color: #20a031 !important;
    -webkit-box-shadow: 0 0 0 1px #20a031 !important;
    box-shadow: 0 0 0 1px #20a031 !important
}

.is-invalid-desc {
    color: #a02027 !important
}

.dropdown-menu .dropdown-item {
    margin-bottom: 10px
}

.dropdown-menu li:last-child .dropdown-item {
    margin-bottom: 0
}

 .keyword-info-container {
     box-sizing: border-box;
     width: 100%;
     margin-bottom: 20px;
     font-size: 12px;
     border-bottom: 1px solid #dee1e5
 }

.keyword-info-container.youtube {
    margin-bottom: 0;
    border-bottom: none
}

.keyword-info-container .title {
    color: #26282d;
    font-size: 17px;
    font-weight: bold
}

.keyword-info-container .tabs {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dee1e5;
    margin-top: -10px;
    padding: 0px 16px;
    align-items: center
}

.keyword-info-container .tabs li {
    padding: 8px;
    padding-left: 0;
    color: #000;
    cursor: pointer;
    font-size: 12px
}

.keyword-info-container .tabs li.small {
    font-size: 10px
}

.keyword-info-container .tabs li:last-child {
    overflow: hidden
}

.keyword-info-container .tabs li.active {
    color: #4285f4
}

table.keyword-info-table {
    border-collapse: collapse;
    width: 100%;
    color: #000;
    font-size: 12px;
    position: relative
}

.keyword-info-table thead {
    height: 50px
}

.keyword-info-table th {
    padding: 10px;
    padding-left: 0;
    font-weight: bold;
    color: #000;
    font-size: 12px
}

.keyword-info-table th:first-child {
    padding-left: 16px
}

.keyword-info-table th:last-child {
    padding-right: 16px
}

.keyword-info-table td {
    border-bottom: 1px solid #dee1e5;
    padding: 10px;
    padding-left: 0;
    height: 50px;
    box-sizing: border-box
}

.keyword-info-table td:first-child {
    padding-left: 16px
}

.keyword-info-table td:last-child {
    padding-right: 16px
}

.keyword-info-table tfoot tr {
    background-color: rgba(222, 225, 229, .2666666667)
}

.keyword-info-table tfoot tr:last-child td {
    border-bottom: none
}

.ubersuggest-button {
    color: #0086f7;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 29px;
    padding: 8px 30px;
    border: 1px solid #0086f7;
    background-color: #fff;
    border-radius: 2px;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 4px
}

.ubersuggest-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 10px 0 0;
    font-weight: bold;
    color: #26282d
}

.ubersuggest-logo {
    width: 182px;
    height: 33px;
    cursor: pointer
}

.keyword-info-container .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 20px 16px;
    border-top: 1px solid #dee1e5
}

.header h2 {
    color: #000;
    font-family: Geomanist;
    font-size: 24px;
    font-weight: 500
}

html[dark] .keyword-info-container .title {
    color: #fff
}

html[dark] .keyword-info-container .tabs {
    border-color: rgba(255, 255, 255, .0509803922)
}

html[dark] .keyword-info-container .tabs li {
    color: #fff
}

html[dark] .keyword-info-container .tabs li.active {
    color: #4285f4
}

html[dark] table.keyword-info-table {
    color: #fff
}

html[dark] .keyword-info-table th {
    color: #fff
}

html[dark] .keyword-info-table tfoot tr {
    background-color: #3d3d3d
}

html[dark] .keyword-info-table tfoot tr:last-child td .button-arrow {
    border-color: #fff
}

.keyword-info-table tfoot tr:last-child td .button-arrow.disabled {
    border-color: #9b9b9b !important
}

body[data-dt="1"] .keyword-info-container .title {
    color: #fff
}

body[data-dt="1"] .keyword-info-container .tabs {
    border-color: rgba(255, 255, 255, .0509803922)
}

body[data-dt="1"] .keyword-info-container .tabs li {
    color: #fff
}

body[data-dt="1"] .keyword-info-container .tabs li.active {
    color: #4285f4
}

body[data-dt="1"] table.keyword-info-table {
    color: #fff
}

body[data-dt="1"] .keyword-info-table th {
    color: #fff
}

body[data-dt="1"] .keyword-info-table tfoot tr {
    background-color: #3d3d3d
}

body[data-dt="1"] .keyword-info-table tfoot tr:last-child td .button-arrow {
    border-color: #fff
}

 .tippy-box[data-theme~=transparent] {
     background-color: rgba(0, 0, 0, 0);
     background-clip: padding-box;
     border: none;
     color: #333;
     box-shadow: none
 }

.tippy-box[data-theme~=transparent] > .tippy-backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=transparent] > .tippy-arrow:after, .tippy-box[data-theme~=transparent] > .tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-theme~=transparent] > .tippy-arrow:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.tippy-box[data-theme~=transparent][data-placement^=top] > .tippy-arrow:before {
    border-top-color: rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=transparent][data-placement^=top] > .tippy-arrow:after {
    border-top-color: rgba(0, 0, 0, 0);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px
}

.tippy-box[data-theme~=transparent][data-placement^=top] > .tippy-svg-arrow > svg {
    top: 16px
}

.tippy-box[data-theme~=transparent][data-placement^=top] > .tippy-svg-arrow:after {
    top: 17px
}

.tippy-box[data-theme~=transparent][data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: rgba(0, 0, 0, 0);
    bottom: 16px
}

.tippy-box[data-theme~=transparent][data-placement^=bottom] > .tippy-arrow:after {
    border-bottom-color: rgba(0, 0, 0, 0);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px
}

.tippy-box[data-theme~=transparent][data-placement^=bottom] > .tippy-svg-arrow > svg {
    bottom: 16px
}

.tippy-box[data-theme~=transparent][data-placement^=bottom] > .tippy-svg-arrow:after {
    bottom: 17px
}

.tippy-box[data-theme~=transparent][data-placement^=left] > .tippy-arrow:before {
    border-left-color: rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=transparent][data-placement^=left] > .tippy-arrow:after {
    border-left-color: rgba(0, 0, 0, 0);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px
}

.tippy-box[data-theme~=transparent][data-placement^=left] > .tippy-svg-arrow > svg {
    left: 11px
}

.tippy-box[data-theme~=transparent][data-placement^=left] > .tippy-svg-arrow:after {
    left: 12px
}

.tippy-box[data-theme~=transparent][data-placement^=right] > .tippy-arrow:before {
    border-right-color: rgba(0, 0, 0, 0);
    right: 16px
}

.tippy-box[data-theme~=transparent][data-placement^=right] > .tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=transparent][data-placement^=right] > .tippy-svg-arrow > svg {
    right: 11px
}

.tippy-box[data-theme~=transparent][data-placement^=right] > .tippy-svg-arrow:after {
    right: 12px
}

.tippy-box[data-theme~=transparent] > .tippy-svg-arrow {
    fill: rgba(0, 0, 0, 0)
}

.tippy-box[data-theme~=transparent] > .tippy-svg-arrow:after {
    background-size: 16px 6px;
    width: 16px;
    height: 6px
}

 .tippy-box[data-animation=fade][data-state=hidden] {
     opacity: 0
 }

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

 .tippy-box[data-theme~=light] {
     color: #26323d;
     box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
     background-color: #fff
 }

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light] > .tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light] > .tippy-svg-arrow {
    fill: #fff
}

 .ubersuggest-header-container {
     box-sizing: border-box;
     width: 100%;
     font-size: 12px
 }

.ubersuggest-header-container .row {
    margin: 0;
    padding: 15px 16px 15px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 30px
}

.ue-enable {
    display: block
}

.ue-disable {
    display: none !important
}

.ubersuggest-header-container .settings {
    display: flex;
    align-items: center;
    margin-right: 18px
}

.ubersuggest-header-container .settings-label {
    margin-right: 21px
}

.ubersuggest-header-container .settings-icon {
    width: 21px;
    height: 21px;
    margin-right: 7px
}

 .keyword-info-section {
     color: #26282d;
     font-family: Arial;
     font-size: 12px;
     padding: 8px 0 10px 8px;
     display: flex;
     align-items: center
 }

.keyword-info-section.hidden {
    display: none
}

.keyword-info-section.google {
    background-color: #fff
}

body[data-dt="1"] .keyword-info-section.google {
    background-color: #303134
}

.keyword-info-section.youtube {
    margin-right: 15px;
    padding: 0 0 0 10px;
    height: 100%;
    background-color: #fff
}

.keyword-info-section.amazon {
    padding: 13px 0;
    background-color: #fff
}

 .kw-overview-container {
     box-sizing: border-box;
     width: 673px;
     padding: 0;
     margin: 0;
     margin-top: 14px;
     font-size: 12px;
     font-family: Arial
 }

.kw-overview-container.youtube {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 12px
}

 .bl-info-container {
     box-sizing: border-box;
     width: 100%;
     padding: 0;
     margin: 0;
     font-size: 12px
 }

.bl-info-header {
    display: flex;
    min-height: 24px;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 5px
}

.bl-info-header .row {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: space-between
}

.bl-info-header .row.youtube {
    justify-content: flex-start
}

.bl-info-content, .kw-info-content {
    width: 99%;
    display: flex;
    flex-direction: column;
    border: 1px solid #dee1e5;
    border-radius: 8px;
    padding-top: 0
}

body[data-dt="1"] .kw-info-content, body[data-dt="1"] .bl-info-content {
    background: #2a2a2a;
    border-color: #2a2a2a
}

.bl-info-content img.loading {
    width: 50px;
    margin: 0 auto;
    margin-bottom: 10px
}

.kw-info-content img.loading {
    width: 50px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px
}

table.bl-info-table, table.kw-info-table {
    border-collapse: collapse;
    width: 100%;
    color: #808185;
    font-size: 12px
}

body[data-dt="1"] table.bl-info-table, body[data-dt="1"] table.kw-info-table {
    color: #fff
}

.bl-info-table thead, .kw-info-table thead {
    height: 50px
}

.bl-info-table tr, .kw-info-table tr {
    width: 100%;
    max-width: 600px
}

.bl-info-table th, .kw-info-table th {
    padding: 10px;
    padding-left: 0;
    font-weight: bold;
    color: #000;
    font-size: 11px;
    border-bottom: 1px solid #dee1e5
}

body[data-dt="1"] .bl-info-table th, body[data-dt="1"] .kw-info-table th {
    color: #fff
}

.bl-info-table th:first-child, .kw-info-table th:first-child {
    padding-left: 16px
}

.bl-info-table th:last-child, .kw-info-table th:last-child {
    border-right: none;
    padding-right: 16px
}

.bl-info-table td, .kw-info-table td {
    border-bottom: 1px solid #dee1e5;
    padding: 10px;
    padding-left: 0;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

body[data-dt="1"] .bl-info-table td, body[data-dt="1"] .kw-info-table td {
    color: #fff
}

.bl-info-table td:first-child, .kw-info-table td:first-child {
    border-left: none;
    padding-left: 16px
}

.bl-info-table td:last-child, .kw-info-table td:last-child {
    border-right: none;
    padding-right: 16px
}

.bl-info-table tfoot tr:last-child td, .kw-info-table tfoot tr:last-child td {
    border-bottom: none
}

.bl-info-container .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

 .statistics-graph-container {
     box-sizing: border-box;
     width: 100%;
     margin-bottom: 5px;
     font-size: 12px;
     padding: 0px 16px
 }

.statistics-graph-container .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 20px 0
}

.statistics-graph-container .row .title {
    color: #26282d;
    font-size: 17px;
    font-weight: bold
}

.statistics-graph-container .tabs {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #dee1e5;
    margin: 0 -16px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 0px 16px
}

.statistics-graph-container .tabs li {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    color: #000;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.statistics-graph-container .tabs li:first-child {
    margin-left: -16px
}

.statistics-graph-container .tabs li.active {
    color: #4285f4;
    border-bottom: 3px solid #4285f4
}

body[data-dt="1"] .statistics-graph-container .row .title {
    color: #fff
}

body[data-dt="1"] .statistics-graph-container .tabs {
    border-bottom: 1px solid #dee1e5
}

body[data-dt="1"] .statistics-graph-container .tabs li {
    color: #fff
}

body[data-dt="1"] .statistics-graph-container .tabs li.active {
    color: #fff;
    border-bottom: 3px solid #fff
}