@media screen and (max-width: 768px) {
    .series-contain {
        display:none;
    }
}

@media (min-width: 413px) .d-xs-none,.d-none {
    display:none !important
}

.d-xs-inline,.d-inline {
    display: inline !important
}

.d-xs-inline-block,.d-inline-block {
    display: inline-block !important
}

.d-xs-block,.d-block {
    display: block !important
}

.d-xs-table,.d-table {
    display: table !important
}

.d-xs-table-row,.d-table-row {
    display: table-row !important
}

.d-xs-table-cell,.d-table-cell {
    display: table-cell !important
}

.d-xs-flex,.d-flex {
    display: flex !important
}

.d-xs-inline-flex,.d-inline-flex {
    display: inline-flex !important
}
}

@media (min-width: 576px) {
    .d-sm-none,.d-none {
        display:none !important
    }

    .d-sm-inline,.d-inline {
        display: inline !important
    }

    .d-sm-inline-block,.d-inline-block {
        display: inline-block !important
    }

    .d-sm-block,.d-block {
        display: block !important
    }

    .d-sm-table,.d-table {
        display: table !important
    }

    .d-sm-table-row,.d-table-row {
        display: table-row !important
    }

    .d-sm-table-cell,.d-table-cell {
        display: table-cell !important
    }

    .d-sm-flex,.d-flex {
        display: flex !important
    }

    .d-sm-inline-flex,.d-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none,.d-none {
        display:none !important
    }

    .d-md-inline,.d-inline {
        display: inline !important
    }

    .d-md-inline-block,.d-inline-block {
        display: inline-block !important
    }

    .d-md-block,.d-block {
        display: block !important
    }

    .d-md-table,.d-table {
        display: table !important
    }

    .d-md-table-row,.d-table-row {
        display: table-row !important
    }

    .d-md-table-cell,.d-table-cell {
        display: table-cell !important
    }

    .d-md-flex,.d-flex {
        display: flex !important
    }

    .d-md-inline-flex,.d-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none,.d-none {
        display:none !important
    }

    .d-lg-inline,.d-inline {
        display: inline !important
    }

    .d-lg-inline-block,.d-inline-block {
        display: inline-block !important
    }

    .d-lg-block,.d-block {
        display: block !important
    }

    .d-lg-table,.d-table {
        display: table !important
    }

    .d-lg-table-row,.d-table-row {
        display: table-row !important
    }

    .d-lg-table-cell,.d-table-cell {
        display: table-cell !important
    }

    .d-lg-flex,.d-flex {
        display: flex !important
    }

    .d-lg-inline-flex,.d-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none,.d-none {
        display:none !important
    }

    .d-xl-inline,.d-inline {
        display: inline !important
    }

    .d-xl-inline-block,.d-inline-block {
        display: inline-block !important
    }

    .d-xl-block,.d-block {
        display: block !important
    }

    .d-xl-table,.d-table {
        display: table !important
    }

    .d-xl-table-row,.d-table-row {
        display: table-row !important
    }

    .d-xl-table-cell,.d-table-cell {
        display: table-cell !important
    }

    .d-xl-flex,.d-flex {
        display: flex !important
    }

    .d-xl-inline-flex,.d-inline-flex {
        display: inline-flex !important
    }
}

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

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

.container:after {
    clear: both
}

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

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

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

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

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

.container-fluid:after {
    clear: both
}

.row {
	margin-right: -15px;
	margin-left: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

.col-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    width: 8.3333333333%
}

.col-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    width: 16.6666666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%
}

.col-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    width: 41.6666666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    width: 58.3333333333%
}

.col-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    width: 66.6666666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    width: 83.3333333333%
}

.col-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    width: 91.6666666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

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

    .col-md-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        width: 8.3333333333%;
        border: 8.3333333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        width: 16.6666666667%;
        border: 16.6666666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
        border: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        width: 33.3333333333%;
        border: 33.3333333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        width: 41.6666666667%;
        border: 41.6666666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        border: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        width: 58.3333333333%;
        border: 58.3333333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        width: 66.6666666667%;
        border: 66.6666666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        width: 75%;
        border: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        width: 83.3333333333%;
        border: 83.3333333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        width: 91.6666666667%;
        border: 91.6666666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        border: 100%
    }
}

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

    .col-lg-1 {
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        width: 8.3333333333%;
        border: 8.3333333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        width: 16.6666666667%;
        border: 16.6666666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
        border: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        width: 33.3333333333%;
        border: 33.3333333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        width: 41.6666666667%;
        border: 41.6666666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        border: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        width: 58.3333333333%;
        border: 58.3333333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        width: 66.6666666667%;
        border: 66.6666666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        width: 75%;
        border: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        width: 83.3333333333%;
        border: 83.3333333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        width: 91.6666666667%;
        border: 91.6666666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        border: 100%
    }
}

.related-categories {
    display: inline-table;
    margin: 5px 0;
    width: 100%
}

.related-categories a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 100%;
    border-radius: 24px;
    background: #16449f;
    text-decoration: none;
    padding: 8px 15px 8px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    justify-content: center;
    margin-right: 32px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: color .1s linear, background .1s linear;
    -o-transition: color .1s linear, background .1s linear;
    transition: color .1s linear, background .1s linear;
    width: 20vw;
    min-width: 200px;
    max-width: calc(16vw - 32px);
    min-height: 120px;
    text-align: center
}

.related-categories a img {
    width: auto;
    height: 40px;
    -webkit-filter: invert(0) sepia(1) hue-rotate(0) saturate(0) contrast(100%);
    filter: invert(0) sepia(1) hue-rotate(0) saturate(0) contrast(100%);
    display: block;
    margin: 5px auto 15px
}

.related-categories li {
    display: -webkit-inline-box;
    display: inline-block;
    margin: 4px auto
}

a {
    color: #ffd219;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    text-decoration: underline;
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

a:focus {
    outline: none
}

a.related-link {
    color: inherit;
    font-size: inherit
}

a.related-link:hover {
    color: inherit;
    font-size: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

.link {
    cursor: pointer
}

.btn:not(button),.btn,a.btn {
    border-radius: 30px;
    padding: 5px 20px;
    cursor: pointer;
    font-size: 1rem;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 15px;
    text-decoration: none
}

.btn:not(button):focus,.btn:focus,a.btn:focus {
    outline: none
}

.btn:not(button).btn-warning,.btn.btn-warning,a.btn.btn-warning {
    color: #fff;
    background-color: #ffc107;
    box-shadow: 0 4px 0 #d39e00;
    font-weight: 900
}

.btn:not(button).btn-warning:hover,.btn.btn-warning:hover,a.btn.btn-warning:hover {
    background: #edb100
}

.btn:not(button).btn-danger,.btn.btn-danger,a.btn.btn-danger {
    color: #fff;
    background-color: #d23834;
    box-shadow: 0 4px 0 #ad2a26
}

.btn:not(button).btn-danger:hover,.btn.btn-danger:hover,a.btn.btn-danger:hover {
    background: #db615e
}

.btn:not(button).btn-danger.subscribe,.btn.btn-danger.subscribe,a.btn.btn-danger.subscribe {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    top: -8px;
    position: relative;
    z-index: 100;
    font-weight: bold !important;
    padding: 7px 10px !important
}

.btn:not(button).btn-success,.btn.btn-success,a.btn.btn-success {
    color: #fff;
    background-color: #56AD1E;
    box-shadow: 0 4px 0 #408216
}

.btn:not(button).btn-success:hover,.btn.btn-success:hover,a.btn.btn-success:hover {
    background: #6cd826
}

.btn:not(button).btn-primary,.btn.btn-primary,a.btn.btn-primary {
    color: #fff;
    background: #ef6c00;
    text-decoration: none;
    box-shadow: 0 4px 0 #bc5500
}

.btn:not(button).btn-primary:hover,.btn.btn-primary:hover,a.btn.btn-primary:hover {
    background: #ff8623;
    color: #fff
}

.btn:not(button).btn-secondary,.btn.btn-secondary,a.btn.btn-secondary {
    color: #fff;
    background-color: #ef6c00;
    border-color: #ef6c00
}

.btn:not(button).btn-secondary:hover,.btn.btn-secondary:hover,a.btn.btn-secondary:hover {
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    color: #fff;
    background-color: #893e00;
    border-color: #893e00
}

.btn:not(button).search-button,.btn.search-button,a.btn.search-button {
    width: 64px;
    height: 44px;
    display: flex;
    align-items: center;
    align-content: center;
    border: none;
    box-shadow: 0 4px 0 #408216;
    background: #56AD1E;
    margin-left: 0
}

.btn:not(button).search-button.active,.btn.search-button.active,a.btn.search-button.active {
    box-shadow: 0 4px 0 #bc5500 !important;
    background: #ef6c00 !important
}

.btn:not(button).login-btn,.btn.login-btn,a.btn.login-btn {
    display: block !important;
    margin-bottom: 1rem;
    border-radius: 30px;
    height: 60px;
    padding: 18px;
    align-items: center;
    align-content: center;
    border: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1rem !important
}

@media screen and (max-width: 1200px) {
    .btn:not(button).login-btn,.btn.login-btn,a.btn.login-btn {
        font-size:.8rem !important
    }
}

.btn:not(button).login-btn span,.btn.login-btn span,a.btn.login-btn span {
    margin: 2px auto auto auto;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1rem
}

.btn:not(button).login-btn.green,.btn.login-btn.green,a.btn.login-btn.green {
    box-shadow: 0 4px 0 #3E8E0C;
    background-color: #56AD1E;
    color: #fff !important
}

.btn:not(button).login-btn.google,.btn.login-btn.google,a.btn.login-btn.google {
    box-shadow: 0 4px 0 #BCBCBC;
    background-color: #EDF6E7;
    color: #333
}

.btn:not(button).login-btn.facebook,.btn.login-btn.facebook,a.btn.login-btn.facebook {
    box-shadow: 0 4px 0 #3A5BA0;
    background-color: #3763C1
}

.btn:not(button).login-btn.email,.btn.login-btn.email,a.btn.login-btn.email {
    box-shadow: 0 4px 0 #408216;
    background-color: #56AD1E;
    color: #fff
}

.btn:not(button).login-btn.logindefault,.btn.login-btn.logindefault,a.btn.login-btn.logindefault {
    box-shadow: 0 4px 0 #0054aa;
    background-color: #2a94ff;
    width: 100%;
    line-height: 26px
}

.btn:not(button).login-btn#login_button,.btn.login-btn#login_button,a.btn.login-btn#login_button {
    margin: 1em 0 !important;
    width: 100%
}

.btn:not(button).btn-azerion-profile,.btn.btn-azerion-profile,a.btn.btn-azerion-profile {
    color: #fff;
    background: transparent;
    text-decoration: none
}

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

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

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

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

.btn-group>.btn {
    margin: 0 !important
}

button {
    background: transparent;
    border: 0
}

button:focus,button:active {
    outline: none
}

.newgame .btn:hover {
    color: #fff
}

.tags .badge {
    padding: 1em 1.5em;
    margin: 4px 3px;
    min-height: 28px;
    min-width: 28px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    border-radius: 20px;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline
}

.tags .badge-light {
    background-color: #3E8BFF !important;
    color: #fff;
    border-bottom: solid 4px #004FC4
}

.tags .badge-light:hover {
    background-color: #004FC4 !important;
    color: #fff;
    border-bottom: solid 4px #0042A3;
    text-decoration: none
}

.badge {
    font-size: 14px
}

.badge.badge-danger {
    border-bottom: solid 4px #88000e
}

.bcktoheader-btn {
    width: 85px;
    height: 80px
}

.kizi-sign-buttons a:hover,.kizi-login-area a:hover {
    text-decoration: none;
    color: #fff
}

.kizi-sign-buttons a:hover .login-btn,.kizi-login-area a:hover .login-btn {
    filter: drop-shadow(2px 4px 6px #e8970d)
}

@media all and (min-width: 768px) {
    .kizi-sign-buttons,.kizi-login-area {
        display:inline-block;
        vertical-align: top
    }
}

.kizi-sign-buttons .user-helper-area,.kizi-login-area .user-helper-area {
    margin-top: 2rem
}

.kizi-sign-buttons .login-link,.kizi-login-area .login-link {
    margin-top: 3rem;
    color: #ffd219
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    background: #d39e00
}

.close:not(:disabled):not(.disabled):focus:focus,.close:not(:disabled):not(.disabled):focus:active,.close:not(:disabled):not(.disabled):hover:focus,.close:not(:disabled):not(.disabled):hover:active {
    outline: none
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.share-content .close {
    margin: -1rem -1rem -1rem auto;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    color: #fff;
    opacity: 1;
    border: solid 5px #fff !important;
    line-height: 0;
    width: 40px;
    height: 40px;
    background: #edb100;
    font-size: 32px
}

.share-button,.add-favorite {
    margin: 10px 2px !important
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpKKSTj5PW.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Open Sans ExtraBold"),local("OpenSans-ExtraBold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v31/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiYySUhiCXABTV.woff) format("woff");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v31/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiYySUhiCXABTV.woff) format("woff");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v31/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliYySUhiCXABTV.woff) format("woff");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v31/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiYySUhiCXABTV.woff) format("woff");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v31/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYySUhiCXAA.woff) format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.class_static h1,.class_static h2 {
    font-size: 3em !important;
    color: #33cfe1 !important;
    margin: 20px 0
}

.class_static h2,.class_static h3,.class_static h4,.class_static h5,.class_static h6 {
    font-weight: bold
}

.class_static h2:not(.card-title),.class_static h3:not(.card-title),.class_static h4:not(.card-title),.class_static h5:not(.card-title),.class_static h6:not(.card-title) {
    color: #7785a8
}

.class_static h2:not(.card-title) {
    font-size: 2em !important
}

.class_static h3:not(.card-title) {
    font-size: 1.5em
}

.class_static h5:not(.card-title) {
    font-size: 1em;
    display: inline
}

.class_static h4:not(.card-title) {
    font-size: 1.2em
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: 2.4em
}

.h2,h2 {
    font-size: 2em
}

.h3,h3 {
    font-size: 1.7543859649em
}

.h5,h5 {
    font-size: 1.3333333333em
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

h1.bg-colored,h2.bg-colored {
    background-color: transparent !important;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

p.large {
    font-size: 1.5em;
    margin: 3em 0
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

.text-white {
    color: #fff !important
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.title-area h3,.title-area .h3 {
    margin-bottom: 40px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5)
}

.text-uppercase {
    text-transform: uppercase
}

.font-weight-bold {
    font-weight: 700 !important
}

.m-0 {
    margin: 0 !important
}

.mt-n1,.my-n1 {
    margin-top: -0.25rem !important
}

.ml-n1,.mx-n1 {
    margin-left: -0.25rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,.my-auto {
    margin-top: auto !important
}

.mr-auto,.mx-auto {
    margin-right: auto !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.mb-auto,.my-auto {
    margin-bottom: auto !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,.my-4 {
    margin-top: 1.5rem !important
}

.ml-auto,.mx-auto {
    margin-left: auto !important
}

.mr-lg-2,.mx-lg-2 {
    margin-right: 0.5rem !important
}

.mt-n2,.my-n2 {
    margin-top: -0.5rem !important
}

.mt-0,.my-0 {
    margin-top: 0 !important
}

.mr-0,.mx-0 {
    margin-right: 0 !important
}

.ml-0,.mx-0 {
    margin-left: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.mr-2,.mx-2 {
    margin-right: 0.5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,.my-3 {
    margin-top: 1rem !important
}

.mb-3,.my-3 {
    margin-bottom: 1rem !important
}

.mt-5,.my-5 {
    margin-top: 2rem !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 3rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-right: 0 !important
}

.pl-0,.px-0 {
    padding-left: 0 !important
}

.p-2 {
    padding: 0.5rem !important
}

.pl-2,.px-2 {
    padding-left: 0.5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,.py-3 {
    padding-top: 1rem !important
}

.pr-3,.px-3 {
    padding-right: 1rem !important
}

.pl-3,.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,.px-4 {
    padding-right: 1.5rem !important
}

.px-4 {
    padding-left: 1.5rem !important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem !important
}

.pr-5,.px-5 {
    padding-right: 3rem !important
}

.pt-md-2,.py-md-2 {
    padding-top: 0.5rem !important
}

.pb-5,.py-5 {
    padding-bottom: 3rem !important
}

.pt-5,.py-5 {
    padding-top: 3rem !important
}

.fa-thumbs-down {
    background: url(/assets/common/fontawsome/thumb-down-2bd222dea99cc3ae4047d7339b7d4375a6b327f90b8cebbeaec1de66e623f5ff.svg) no-repeat left top !important
}

.fa-star {
    background: url(/assets/common/fontawsome/star-desktop-2886c7d52222ba5d274188c5f49e6b3416d6389685afc89f56b9e7e7c6071797.svg) no-repeat left top !important
}

.fa-share {
    background: url(/assets/common/fontawsome/share-547aec5625b731b25cb0233c7586fb25d6ba6ff2c14b36194d9a4ecb20d684c9.svg) no-repeat left top !important
}

.fa-heart {
    background: url(/assets/common/fontawsome/heart-4cd08679ab4abf31e779ceddb9147aa790847bc3831473c73a897e7173e6ae58.svg) no-repeat left top !important
}

.fa-thumbs-up {
    background: url(/assets/common/fontawsome/thumb-up-f90498606f188c8729ff3c2bc1e30b3890a32ede24fb0d99d7a91da43a102586.svg) no-repeat left top !important
}

.fa-youtube-play {
    background: url(/assets/common/social/youtube-e15b67093ea603ebb1dd8d0c840ad93dd7655c60502c425bc2ff5faa37e6078d.svg) no-repeat left top !important
}

.fa-trash-alt {
    background: url(/assets/common/fontawsome/trash-c5a2f536555afba2b181df6b18ee17ac35370bbdf0bfa7dc76950acd060c73ca.svg) no-repeat left top !important;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    right: 0;
    background-size: contain;
    margin: auto
}

.rate-up {
    right: -5px !important
}

.rate-up,.rate-down {
    position: relative;
    padding: 5px 10px !important
}

.rate-up.active:before,.rate-down.active:before {
    content: "";
    background-image: url(/assets/common/fontawsome/check-b7b7bd5478fdb5cf1b0e56316d8ef700fe8891a247a2135155dcc99f54eb6658.svg) !important;
    display: inline-flex;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: cover !important;
    left: 4px;
    top: -8px;
    z-index: 10;
    background: #20c997;
    border-radius: 100%;
    border: solid 5px #20c997
}

.fa-thumbs-down,.fa-thumbs-up,.fa-star {
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-size: contain !important;
    border-radius: 0 !important
}

.fa-chevron-up {
    background: url(/assets/common/fontawsome/chevron-15e66077fb9a483282e3fc5b4f3e09bb63a071c749aa7efbf1d7974affde88bb.svg);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: contain;
    margin: auto
}

.fa-heart,.fa-share,.fa-youtube-play {
    display: inline-flex;
    width: 20px;
    height: 23px;
    background-size: contain !important;
    background-position: 0 5px !important
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    overflow: hidden
}

.pagination .page-item.active .page-link,.pagination .page-item.active .page-link:hover {
    background-color: #8FBB16;
    border: transparent;
    border-bottom: solid 4px #5E8000;
    border-radius: .6em;
    padding-bottom: 26px;
    line-height: 19px;
    color: #fff
}

.pagination .page-item .pagination-arrow {
    margin-left: 2px;
    width: 10px;
    height: 14px
}

.pagination .page-item .pagination-arrow-second {
    width: 10px;
    height: 14px;
    margin-left: -5px
}

.pagination .page-item img {
    height: 14px;
    width: auto;
    background: transparent;
    border: none;
    margin-top: -3px;
    padding: 0
}

.pagination .page-item .pagination-arrow-second {
    width: 10px;
    height: 14px;
    margin-left: -5px
}

.pagination .page-item .pagination-arrow {
    margin-left: 2px;
    width: 10px;
    height: 14px
}

.pagination .page-item .page-link {
    background-color: #00A8FF;
    color: #fff;
    margin: 3px;
    border-radius: .6em;
    height: 35px;
    line-height: 16px;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    border: 1px solid #00A8FF
}

.pagination .page-item .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25)
}

.pagination .page-item .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-item:last-child .page-link,.page-item.ffpagination a,.page-item:first-child .page-link,.page-item.next a {
    z-index: 1;
    background-color: #8FBB16 !important;
    border: transparent !important;
    border-bottom: solid 4px #5E8000 !important;
    border-radius: .6em !important;
    padding-bottom: 26px !important;
    line-height: 19px !important
}

.page-item:last-child.last .page-link:hover,.page-item.ffpagination a:hover,.page-item.next a:hover {
    color: #fff !important
}

.page-item:first-child .page-link {
    margin-left: 0
}

.ffpagination .prev.pagination-arrow,.ffpagination .prev.pagination-arrow-second {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.page-item:last-child .page-link:hover,.page-item.ffpagination a:hover,.page-item.next a:hover {
    color: #fff
}

.search-button:active,.search-button:focus,.search-button:hover,.search-button:active {
    box-shadow: 0 4px 0 #44a00a;
    background-color: #6fc338
}

.search-button img {
    width: 100%
}

#searchContainer {
    position: absolute;
    background: rgba(0,35,70,0.93);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    top: 0;
    z-index: 999;
    padding: 10px 30px 5px
}

#searchContainer .form-control {
    background: 0;
    border: 0;
    outline: 0;
    color: #fff;
    box-shadow: none
}

#searchContainer .input-group-text {
    background: 0;
    border: 0;
    padding-right: 0
}

#searchContainer .input-group-text img {
    width: 18px
}

#searchContainer #searchResults .summary {
    width: 100%
}

#searchContainer .search-bar {
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

#searchContainer .clear-button {
    width: 70px;
    height: 30px;
    border: 0;
    outline: 0;
    background: 0;
    color: #fff;
    margin: 0 0 0 10px;
    position: absolute;
    right: 0;
    padding: 10px;
    z-index: 99;
    display: none;
    font-size: 14px
}

#searchContainer .close-button {
    background: url(/assets/header/icon_close-c54aad688533309417ecb864e851d3a71a6dcc9eae254e0cfe9aaa156d5f688f.svg) no-repeat;
    width: 20px;
    height: 20px;
    border: 0;
    outline: 0;
    position: absolute;
    right: 16px;
    top: 28px;
    padding: 10px;
    z-index: 99
}

#searchContainer.active {
    opacity: 1;
    visibility: visible
}

#searchContainer #searchResults .search-results-game-list .search-result-game {
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 0;
    display: flex;
    position: relative
}

#viewAllResults {
    visibility: hidden;
    display: none
}

#viewAllResults.show {
    visibility: visible;
    display: block;
    width: 100%
}

#searchContainer #searchResults .search-results-game-list {
    flex-direction: row;
    display: flex;
    align-items: flex-start;
    flex-flow: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none
}

#searchContainer #searchResults .search-results-game-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent
}

#searchContainer #searchResults .search-results-game-list::-webkit-scrollbar-thumb {
    background-color: transparent
}

#searchContainer #searchResults .search-results-game-list ::-webkit-scrollbar {
    width: 6px !important;
    background-color: transparent
}

#searchContainer #searchResults .search-results-game-list:hover {
    scrollbar-width: thin !important
}

#searchContainer #searchResults .search-results-game-list:hover::-webkit-scrollbar {
    width: 6px !important;
    background-color: transparent
}

#searchContainer #searchResults .search-results-game-list:hover::-webkit-scrollbar-thumb {
    background-color: #004892
}

#searchContainer #searchResults .search-results-game-list .search-result-game a {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%
}

#searchContainer #searchResults .search-results-game-list img {
    border-radius: 10px;
    width: 110px
}

#searchContainer #searchResults .search-results-game-list .search-result-game .title {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    padding: 8px 0 4px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#searchContainer #searchResults .search-results-game-list .search-result-game .title b {
    color: #b8dbff;
    font-weight: 600
}

#gamesResult {
    visibility: hidden;
    display: none
}

#gamesResult.show {
    visibility: visible;
    display: block
}

.result-page.search-container .search {
    width: 100%
}

#searchbtn {
    line-height: 32px;
    height: 45px;
    right: 0;
    padding: 0px 60px 40px 60px;
    border: none;
    position: absolute;
    margin-right: 0px;
    margin-top: 0px
}

#searchbtn span {
    font-size: 16px;
    position: absolute;
    top: 0;
    padding-left: 20px;
    height: 100%;
    left: 0;
    line-height: 50px;
    width: auto;
    text-align: center
}

#searchbtn span::after {
    width: 14px;
    height: 14px;
    background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
    display: block;
    content: ' ';
    z-index: 0;
    top: 17px;
    right: -20px;
    position: absolute;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    overflow: hidden !important;
    border: none !important
}

.result-page.search-container .input-group-text {
    border: none;
    background: none;
    position: absolute;
    padding: 12px 35px
}

.result-page.search-container .search input[type="search"] {
    background: #0057B0;
    border: none !important;
    color: #fff;
    height: 51px;
    width: 100%;
    padding-left: 75px;
    border-radius: 30px;
    padding-right: 140px;
    outline: none !important;
    box-shadow: none !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 20px
}

.result-page.search-container .search input[type="search"]::placeholder {
    color: #3180d0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 20px
}

.search-container {
    height: 74px
}

.search-container button {
    border-radius: 30px;
    background-color: #8FBB16;
    border: transparent;
    border-bottom: solid 4px #5E8000;
    padding-bottom: 26px;
    padding-right: 100px;
    line-height: 19px;
    font-size: 18px;
    font-family: "Montserrat SemiBold", Arial, sans-serif;
    color: #fff
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.green-button {
    background: #8FBB16;
    width: auto;
    text-align: center;
    display: inline-block;
    box-shadow: 0 6px 0 #5E8000;
    color: #fff;
    padding: 10px 40px 5px 40px;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.green-button:hover,.green-button:active,.green-button:focus {
    text-decoration: none;
    color: #fff;
    background: #9CD306;
    box-shadow: 0 6px 0 #76A101
}

.green-button .text {
    display: inline-block
}

.green-button .text:after {
    width: 14px;
    height: 14px;
    background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
    transform: rotate(-90deg);
    margin-top: -19.5px;
    display: block;
    margin-left: calc(100% + 5px);
    content: " ";
    overflow: hidden !important;
    border: none !important
}

.green-button .bubble-xsmall-left {
    width: 8px;
    height: 8px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    z-index: 0;
    left: 5%
}

.green-button .bubble-small-left {
    width: 16px;
    height: 16px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    z-index: 0;
    left: 30%
}

.green-button .bubble-medium-left {
    width: 48px;
    height: 40px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    top: -63%;
    left: 8%;
    z-index: 0
}

.green-button .bubble-xsmall-right {
    width: 13px;
    height: 16px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    z-index: 0;
    right: 5%
}

.green-button .bubble-small-right {
    width: 20px;
    height: 23px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    bottom: 1px;
    right: 30px
}

.green-button .bubble-medium-right {
    width: 48px;
    height: 40px;
    background: #77A53B;
    border-radius: 50%;
    position: absolute;
    top: 35px;
    right: -19px;
    z-index: 0
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background: url(/assets/header/icon_close-c54aad688533309417ecb864e851d3a71a6dcc9eae254e0cfe9aaa156d5f688f.svg) no-repeat;
    height: 15px;
    width: 15px;
    background-size: contain;
    cursor: pointer
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .nav-item {
    padding: .25rem .25rem;
    background-color: #59B220
}

.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem
}

.navbar .dropdown-menu {
    border: none;
    border-right: 1px solid #3E8E0C;
    background-color: #3E8E0C !important;
    margin-top: 0
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,0.75)
}

.menu {
    flex-grow: initial;
    align-items: center;
    align-content: center;
    display: flex
}

@media screen and (max-width: 1200px) {
    .menu {
        margin-left:-20px !important
    }
}

.signup-nav {
    margin-top: 1rem !important
}

@media screen and (max-width: 1200px) {
    .signup-nav {
        margin-top:0 !important
    }
}

@media screen and (max-width: 991.98px) {
    .kizi .navbar-nav li.nav-item,.kizi .navbar-nav li.nav-item:last-child {
        height:100%
    }

    .kizi .navbar-nav.dropdown-active li.nav-item:last-child {
        position: static
    }

    .kizi .navbar-nav.dropdown-active li.nav-item:last-child {
        position: static
    }

    .kizi .navbar-dark .navbar-nav .nav-link {
        flex-direction: column;
        display: flex;
        align-items: center;
        height: auto;
        font-size: 15px;
        line-height: 12px;
        padding-bottom: 4px
    }

    .kizi .user-actions a.authentication {
        font-size: 15px
    }

    .kizi .navbar-nav.dropdown-active li.nav-item:last-child {
        position: static
    }

    .kizi .navbar-nav li.nav-item.dropdown.active .nav-link.dropdown-toggle::after {
        margin-top: 19px;
        width: 9px
    }

    .kizi .navbar-nav li.nav-item.dropdown .nav-link.dropdown-toggle::after {
        margin-top: 25px;
        width: 9px;
        right: 14px;
        position: absolute
    }

    .kizi .navbar-nav {
        height: auto
    }

    .kizi .navbar-nav {
        flex-direction: row
    }

    .kizi .navbar-nav li.nav-item.dropdown .dropdown-menu {
        position: absolute;
        display: none
    }

    .kizi .navbar-nav li.nav-item.dropdown.active .dropdown-menu {
        display: flex;
        padding-top: 10px !important
    }

    .kizi .navbar-nav li.nav-item.dropdown .dropdown-menu li.nav-item {
        padding-bottom: 0
    }

    .kizi .navbar-nav li.nav-item:first-child .bubble-medium {
        left: -10%;
        z-index: -1
    }

    .kizi .navbar-dark .navbar-nav .nav-link {
        padding: 0 6px 3px
    }

    .kizi .navbar-nav li.nav-item .icon {
        margin-top: -3px
    }

    .kizi .search-button {
        width: 58px
    }

    .kizi .user-actions button.usermenu {
        padding-left: 10px
    }

    .kizi .user-actions .usermenu .info {
        display: none
    }

    .kizi .user-actions button.usermenu:after {
        margin-top: 8px;
        margin-left: 0;
        width: 14px;
        height: 14px
    }

    .kizi .dropdown.user .dropdown-menu {
        border-radius: 0px 30px 30px 30px
    }

    .kizi .dropdown.user .dropdown-menu a {
        font-size: 15px
    }

    .kizi #categoryList {
        position: relative
    }

    .kizi #categoryList .dropdown-menu {
        visibility: hidden
    }

    .kizi .navbar-nav li.nav-item.dropdown .nav-link.dropdown-toggle::after {
        display: none !important
    }

    .kizi .navbar-nav li.nav-item:last-child:hover,.kizi .navbar-nav.dropdown-active li.nav-item:last-child {
        border-radius: 0 30px 30px 0 !important
    }

    .kizi .navbar-nav.dropdown-active {
        border-radius: 30px !important
    }

    .kizi #categoryList .visible-on-sd {
        visibility: visible
    }

    .kizi .col-md-8 {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        width: 66.6666666667%;
        border: 66.6666666667%
    }

    .kizi .col-md-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        width: 33.3333333333%;
        border: 33.3333333333%
    }
}

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

html,body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    scrollbar-color: #004892 rgba(0,72,146,0.5);
    scrollbar-width: thin
}

body {
    font-family: "Montserrat", Arial, sans-serif;
    color: #fff !important;
    background: #0d80f5;
    position: relative;
    height: 100%;
    min-height: 100vh;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    font-weight: normal
}

body #outer-wrapper {
    background: #0d80f5;
    position: relative;
    padding-bottom: 15px
}

body.takeover-ad #outer-wrapper {
    font-size: 14px;
    margin: auto;
    z-index: 2147483644
}

body.takeover-ad #categoryList .nav-item {
    height: 45px !important;
    font-size: 14px !important
}

body.takeover-ad #iconic_slider .perspective {
    min-width: unset
}

body.takeover-ad #iconic_slider .carousel-caption {
    left: 0 !important;
    width: 100%;
    justify-content: space-around !important
}

body.takeover-ad #iconic_slider .carousel-caption h5 {
    font-size: 20px !important;
    width: unset !important
}

body.takeover-ad #iconic_slider .carousel-caption .view-details {
    padding: 5px 20px !important
}

body.class_sessions,body.class_passwords,body.class_confirmations,body.class_registrations {
    background: url(/assets/login/bg-c69b736bc336427e7acbbe8d6011f6a39fda81d1b4a304916b0c6188563d1814.svg),#0870eb !important;
    background-size: cover !important
}

body.class_games {
    background: #003174 !important
}

body.class_games main {
    margin-bottom: -5px
}

body #ot-sdk-btn-floating {
    display: none
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

img {
    vertical-align: middle;
    border-style: none
}

.scholarship-border {
    box-shadow: #4535ff 5px 5px 5px
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

main {
    min-height: calc(100vh - 195px);
    margin: 15px auto
}

@media (max-width: 1200px) {
    main {
        min-height:calc(100vh - 175px);
        margin: 15px auto
    }
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.bg-dark {
    background-color: #014589 !important
}

.bg-darker {
    background-color: #022B64
}

.bg-blue {
    background: #0870eb
}

.position-relative {
    position: relative !important
}

.list-inline-item {
    display: inline-block;
    margin-bottom: 5px
}

.list-inline-item:last-child {
    margin-right: 0.5rem
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.overflow-hidden {
    overflow: hidden !important
}

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

.h-100 {
    height: 100% !important
}

.w-100 {
    width: 100% !important
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px
}

::-webkit-scrollbar-button {
    width: 8px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    background: #004892;
    border-radius: 50px
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff
}

::-webkit-scrollbar-thumb:active {
    background: #ffffff
}

::-webkit-scrollbar-track {
    background: rgba(0,72,146,0.4);
    border-radius: 50px;
    opacity: 0.4
}

::-webkit-scrollbar-track:hover {
    background: rgba(0,72,146,0.6);
    opacity: 1
}

::-webkit-scrollbar-track:active {
    background: #004892
}

::-webkit-scrollbar-corner {
    background: transparent
}

.light-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.light-scrollbar::-webkit-scrollbar-button {
    width: 4px;
    height: 10px
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

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

button:focus,input:focus,optgroup:focus,select:focus,textarea:focus {
    outline: none
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-group {
    margin: 15px
}

.form-group * {
    margin: 10px 0
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

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

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

.error_in_field {
    border: red solid 3px !important
}

.password-valid-message,.email-valid-message {
    background-color: #e74c3c;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 17px;
    font-size: 14px;
    position: relative;
    top: 4px
}

input,form,select,option,input::-webkit-input-placeholder {
    font-family: "Montserrat", Arial, sans-serif
}

input,form,select,option,input::placeholder {
    font-family: "Montserrat", Arial, sans-serif
}

.series-contain {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 170px
}

.series-contain .purejscarousel-btn {
    top: 20px
}

.series-contain .purejscarousel-dots-container {
    margin-top: 5px;
    right: 120px;
    top: 20px
}

.series-contain .purejscarousel-dots-container .purejscarousel-dot {
    top: -10px
}

.series {
    padding: 2px;
    margin: 0;
    border-radius: 0;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: row wrap;
    padding: .75rem 1rem 0;
    margin-bottom: 1rem;
    list-style: none;
    text-transform: uppercase
}

.series a,.gameseries-carousel-slide a {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    color: #fff;
    position: relative;
    background: url(/assets/series/btn-40495d5bf6b59aca05ae8a0e42dac3e4b941405a77ac04d22767389464cbe1fb.svg) no-repeat;
    z-index: 0;
    background-position: top left;
    background-size: 214px 82px;
    min-height: 82px;
    white-space: nowrap
}

.series-item span {
    white-space: normal;
    width: calc(100% - 120px);
    margin: auto 10px
}

.newreleases-container .row {
    padding-right: 0 !important
}

.newreleases-container .newreleases {
    padding-right: 0 !important;
    margin-top: -70px
}

.newreleases-container .newreleases-carousel-slide {
    padding-top: 70px
}

.slider-container {
    width: auto;
    margin: 0 auto;
    display: block
}

.right-btn,.left-btn {
    position: absolute;
    top: 8px;
    cursor: pointer;
    top: 50%;
    z-index: 100;
    height: 58px;
    width: 18px
}

.right-btn {
    right: -10px;
    margin-right: -10px;
    background: url(/images/user/arrows_right.png) 0 0 no-repeat
}

.left-btn {
    left: -10px;
    margin-left: -10px;
    background: url(/images/user/arrows_left.png) -18px 0 no-repeat;
    cursor: pointer
}

.item-container {
    margin: 0 5px;
    width: 118px;
    display: inline
}

.item-container a {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: all
}

.item-image-wrapper:hover:before {
    transform: translate(-180px, 198px) rotateZ(30deg);
    transition: 0.4s ease-in-out;
    z-index: 99
}

.item-image-wrapper img {
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-out
}

#mega_slider {
    max-height: 450px;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

#mega_slider .game-info {
    display: block;
    position: absolute;
    width: 75%;
    height: 80px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
    bottom: 0;
    z-index: 99
}

#mega_slider .game-info .info:first-child {
    width: 70% !important
}

#mega_slider .game-info .info:last-child {
    width: 30% !important;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

#mega_slider .game-info span.image {
    background: none;
    width: 64px;
    height: 64px
}

#mega_slider .game-info span.image img {
    width: 100%;
    height: 100%
}

#mega_slider .game-info .game-title {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-align: left;
    cursor: default
}

#mega_slider .game-info .game-title .name {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#mega_slider .game-info .game-title .category {
    font-size: 14px
}

#mega_slider .game-info .play-button {
    color: #fff;
    border: none;
    font-weight: 700;
    display: block;
    outline: none;
    height: 45px;
    text-align: center;
    line-height: 42px;
    position: absolute;
    border-radius: 30px;
    border-right-width: 2px;
    text-decoration: none;
    background-color: #FBA90C;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: solid 4px #FB760C;
    font-family: 'Open Sans', sans-serif;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

@media all and (max-width: 992px) {
    #mega_slider .game-info .play-button {
        width:50px;
        height: 50px;
        text-indent: 100px
    }

    #mega_slider .game-info .play-button:before {
        width: 24px;
        height: 24px;
        content: ' ';
        display: block;
        margin-left: 4px;
        margin-top: 11px;
        transform: rotate(-90deg);
        background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top
    }
}

#mega_slider .timer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
    background: rgba(144,191,20,0.41)
}

#mega_slider .timer .value {
    position: absolute;
    transition: 0.1s linear;
    background: #90bf14
}

#mega_slider #slider_wrapper .slide_item {
    display: none
}

#mega_slider .main-slide {
    width: 100%;
    height: auto
}

#mega_slider .main-slide .game {
    position: relative
}

#mega_slider .main-slide .game picture img {
    opacity: 1
}

#mega_slider .main-slide .game picture img.hidden {
    opacity: 0;
    display: block !important
}

#mega_slider .main-slide .game video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0
}

#mega_slider .main-slide .game video.show {
    opacity: 1
}

#mega_slider .games {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    width: 25%
}

#mega_slider .games .game {
    overflow: hidden;
    position: relative
}

#mega_slider .games .game .game-info {
    display: none
}

#mega_slider .games .game:before {
    transition: 0.05s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.5);
    content: ' '
}

#mega_slider .games .game:hover:before {
    background: rgba(0,0,0,0);
    visibility: hidden
}

#mega_slider .games .game:nth-child(1):hover {
    cursor: pointer
}

#mega_slider .games .game:nth-child(2):hover {
    cursor: pointer
}

#mega_slider .games .game:nth-child(3):hover {
    cursor: pointer
}

.perspective {
    min-width: 31.4vw
}

#iconic_slider.carousel .carousel-inner .purejscarousel-slides-container {
    height: 100% !important
}

#iconic_slider.carousel .carousel-inner .purejscarousel-btn {
    z-index: 999;
    bottom: 26px;
    outline: none;
    position: absolute !important;
    display: block;
    top: unset;
    background: none;
    border: none !important
}

#iconic_slider.carousel .carousel-inner .purejscarousel-btn.purejscarousel-btn-prev {
    left: 0
}

#iconic_slider.carousel .carousel-inner .purejscarousel-btn.purejscarousel-btn-next {
    right: 0
}

#iconic_slider.carousel .carousel-inner .purejscarousel-dots-container {
    display: none
}

#iconic_slider.carousel .carousel-inner .iconic-carousel {
    position: relative;
    display: flex;
    min-width: 100%;
    height: 100% !important
}

#iconic_slider.carousel .carousel-inner .iconic-carousel-slide {
    min-height: 100px;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    display: block
}

#iconic_slider.carousel .carousel-inner .iconic-carousel-slide .thumb {
    max-width: 100px;
    height: 100% !important
}

#iconic_slider.carousel .carousel-inner .carousel-item {
    margin-right: 0
}

#iconic_slider.carousel .carousel-inner .carousel-item .container-fluid {
    padding-bottom: 45px !important
}

#iconic_slider.carousel .carousel-inner .carousel-item .games {
    width: 100% !important;
    height: 80% !important;
    margin-top: -40px;
    padding-left: 4%;
    justify-content: center;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    overflow: hidden;
    flex-direction: column
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .row {
    overflow-y: auto;
    height: 100%;
    width: 100%;
    margin-left: -5%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition-delay: 0.1s;
    justify-content: space-around
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .row:nth-child(1) .games {
    margin-left: 10px
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .row.move-right {
    margin-left: 30px !important;
    margin-right: inherit !important
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .row.move-left {
    margin-left: -40px !important
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .img-thumbnail {
    width: 26%;
    height: auto;
    border: none;
    background: none;
    position: relative;
    margin-right: 10px;
    display: flex;
    align-items: center
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .img-thumbnail picture {
    display: block
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .img-thumbnail a {
    position: relative;
    display: block
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .img-thumbnail a:hover img {
    padding: 3px;
    box-shadow: 0 3px 20px #a2d0ff
}

#iconic_slider.carousel .carousel-inner .carousel-item .games .img-thumbnail img {
    width: 100%;
    min-width: inherit;
    min-height: inherit;
    border: none !important;
    background: none !important;
    padding: 0 !important
}

#iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption {
    position: absolute;
    bottom: 5px;
    padding-bottom: 5px;
    display: flex !important;
    font-family: 'Oswald', sans-serif;
    justify-content: space-between;
    align-items: center
}

#iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption h5 {
    font-size: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 3px
}

#iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details {
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    padding: 8px 32px;
    border-radius: 30px;
    border-right-width: 2px;
    text-decoration: none;
    background-color: #FBA90C;
    border-bottom: solid 4px #FB760C;
    font-family: 'Open Sans', sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap
}

#iconic_slider.carousel .carousel-control {
    top: inherit;
    bottom: 0;
    height: 88px;
    width: 6%
}

#iconic_slider.carousel .carousel-control:after {
    top: inherit;
    bottom: 0;
    background: none;
    width: 20px;
    margin-top: 33px;
    background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
    display: block;
    overflow: hidden !important;
    border: none !important;
    height: 36px;
    margin-bottom: 33px;
    content: ' '
}

#iconic_slider.carousel .carousel-control.carousel-control-prev:after {
    transform: rotate(90deg)
}

#iconic_slider.carousel .carousel-control.carousel-control-next:after {
    transform: rotate(-90deg)
}

@media all and (min-width: 600px) and (max-width: 985px) {
    #iconic_slider .iconic-row {
        overflow:hidden
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .games .row {
        height: 90% !important
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption {
        padding-bottom: 0.95rem !important;
        left: 9%;
        right: 12.5%
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 1rem;
        padding-bottom: 2px
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details {
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 3px 2px;
        overflow: hidden;
        color: #fba80e;
        position: relative
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details:after {
        width: 100%;
        height: 10px;
        display: block;
        content: 'ALL';
        color: #fff;
        left: 0;
        position: absolute;
        top: 4px;
        font-size: 0.86rem;
        text-align: center
    }

    #iconic_slider.carousel .carousel-control {
        height: 63px
    }
}

@media all and (min-width: 985px) and (max-width: 1270px) {
    #iconic_slider.carousel .carousel-inner .carousel-item .container-fluid {
        padding-bottom:45px !important
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption {
        left: 9%;
        right: 11%;
        bottom: 0
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 1.2rem;
        padding-bottom: 0;
        padding-left: 8px
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details {
        padding: 8px 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #fba80e;
        position: relative
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details:after {
        width: 100%;
        height: 10px;
        display: block;
        content: 'ALL';
        color: #fff;
        left: 0;
        position: absolute;
        top: 9px;
        font-size: 0.86rem;
        text-align: center
    }

    #iconic_slider.carousel .carousel-control {
        height: 78px
    }
}

@media all and (min-width: 1270px) {
    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption {
        left:9%;
        right: 11%
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 1.5rem;
        padding-bottom: 0
    }

    #iconic_slider.carousel .carousel-inner .carousel-item .carousel-caption .view-details {
        padding: 8px 30px
    }
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.opacity-0 {
    opacity: 0
}

.animation-fadein {
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-name: fadeIn;
    animation-duration: 1s
}

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

    20% {
        opacity: 0
    }

    40% {
        opacity: 0.3
    }

    60% {
        opacity: 0.5
    }

    80% {
        opacity: 0.9
    }

    100% {
        opacity: 1
    }
}

.toast {
    top: 0;
    width: 100%;
    z-index: 9999;
    height: auto;
    padding: 10px 20px;
    display: flex !important;
    bottom: inherit;
    min-height: 60px;
    font-size: 0.8em;
    position: absolute;
    align-items: center;
    color: #fff;
    cursor: default;
    background: rgba(0,35,70,0.95)
}

.toast.success {
    background: rgba(73,183,3,0.95)
}

.toast.error {
    background: rgba(214,20,20,0.95)
}

.toast span {
    width: 44px;
    height: 44px;
    background-size: contain;
    background-repeat: no-repeat
}

.toast span.image {
    margin-right: 15px
}

.toast span.image img {
    height: 100%;
    margin-right: 30px
}

.toast span.success {
    background-image: url(/assets/toast/successfull-1a3e1fc6a1bbf53f7500aa81445602504aff08f87806ad015e085fc411687ff3.svg)
}

.toast span.error {
    background-image: url(/assets/toast/error-9df887cb7a8f71280a395e61db721c0f8ca146867103662695ad860ab93ba7f9.svg)
}

.toast span.warning {
    background-image: url(/assets/toast/warning-a1898fa7f50de1625593b117c566751bf8ac0c5b60e5dd144c51b30495e336b9.svg)
}

.toast span.success,.toast span.error,.toast span.warning {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    top: 0;
    bottom: 0
}

.toast .message {
    font-size: 0.85em;
    padding-left: 20px;
    margin: 10px
}

.toast .message strong {
    display: block;
    font-size: 1.1em;
    padding-top: 3px
}

@media all and (max-width: 1200px) {
    .toast {
        width:100%;
        border-radius: 0
    }

    .toast.topright {
        top: 0;
        bottom: inherit
    }

    .toast.bottomright {
        bottom: 0;
        top: inherit
    }
}

@media all and (min-width: 1200px) {
    .toast {
        width:400px;
        border-radius: 15px
    }

    .toast.topright {
        top: 15px;
        bottom: inherit;
        right: 15px
    }

    .toast.bottomright {
        top: inherit;
        bottom: 15px;
        right: 15px
    }
}

.toast .close {
    width: 14px;
    top: 5px;
    height: 14px;
    position: absolute;
    right: 10px;
    outline: none;
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.toast .close:not(:disabled):not(.disabled):focus,.toast .close:not(:disabled):not(.disabled):hover {
    background: none !important
}

.slide-down {
    display: block !important;
    -webkit-animation-name: slideDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-name: slideDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .4s;
    animation-fill-mode: forwards
}

.slide-up {
    display: block;
    -webkit-animation-name: slideUp;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-name: slideUp;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    overflow: hidden
}

@keyframes slideDown {
    0% {
        transform: translateY(-150%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-150%);
        height: 0
    }
}

.fade:not(.show) {
    opacity: 0
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    background: #0a7bb0;
    background: -moz-linear-gradient(0deg, #0a7bb0 63%, #003458 100%);
    background: -webkit-linear-gradient(0deg, #0a7bb0 63%, #003458 100%);
    background: linear-gradient(0deg, #0a7bb0 63%, #003458 100%);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 6px solid #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.in,.modal-backdrop.show {
    filter: alpha(opacity=80);
    opacity: 0.8
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

#popover-container,#kizi-confirm-container {
    display: none;
    z-index: 10001;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    position: fixed;
    -webkit-font-smoothing: initial;
    width: 60vw;
    max-width: 800px;
    margin: auto;
    min-width: 800px;
    border-radius: 0;
    border: none
}

.popover-content,.popover-dialog,.confirm-dialog {
    padding: 9px 1rem;
    background: #fff
}

.popover-content .popover-body-message,.popover-dialog .popover-body-message,.confirm-dialog .popover-body-message {
    box-sizing: border-box;
    padding: 0 .2em 1.286em 1.286em;
    width: calc(100% - 80px);
    font-size: 20px;
    user-select: none;
    cursor: default;
    color: #666 !important
}

.popover-content .popover-body-logo,.popover-dialog .popover-body-logo,.confirm-dialog .popover-body-logo {
    box-sizing: border-box;
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    margin-right: 1rem
}

.popover-content .popover-body-logo img,.popover-dialog .popover-body-logo img,.confirm-dialog .popover-body-logo img {
    height: 100%
}

.popover-footer {
    display: block;
    height: 64px;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.popover-footer .popover-button {
    background-image: linear-gradient(to bottom, #ef6c00, #ff8119);
    color: #fff !important;
    box-shadow: 0 4px 0 #c65a00 !important;
    margin: 0
}

.popover-footer #popover-cancel-button,.popover-footer #confirm-cancel-button {
    background-image: linear-gradient(to bottom, #a9a9a9, #bdbdbd);
    box-shadow: 0 4px 0 #959595 !important;
    margin-right: 1rem
}

#game_middle-top-banner {
    display: flex;
    justify-content: center
}

#game_middle-top-banner>* {
    margin: 0 1rem 1.25rem 1rem
}

.gamingarea {
    border-bottom: 2px solid #4c9fd5
}

@media screen and (min-width: 1500px) {
    .detail-container {
        max-width:100%
    }
}

.detail-container .card {
    border-radius: 2.5rem 2.5rem 0 0;
    background: linear-gradient(180deg, #6ac0ff, #004ccd);
    color: #fff;
    margin: auto
}

.detail-container .card .card-header {
    background: transparent;
    border-bottom: none !important
}

.game_header_container .svg,.videoplayer .card-header .svg {
    height: 141px;
    margin-top: -30px;
    left: 3px
}

.videoplayer .card-header .svg {
    height: 131px
}

.fa-thumbs-down,.fa-thumbs-up,.fa-question {
    font-size: 1.6em !important;
    position: relative
}

.fa-thumbs-down:hover,.fa-thumbs-up:hover,.fa-question:hover {
    color: #fff
}

button .fa-thumbs-up.active,button .fa-thumbs-down.active {
    pointer-events: none;
    color: #33ffc3;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@keyframes open {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.game-content {
    min-width: auto
}

.video_ribbon {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 50%;
    height: auto
}

.game-content {
    display: -ms-flexbox;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 5px;
    padding: 0
}

.game-content {
    display: block !important
}

.similar-games {
    border-radius: 0 0 30px 30px;
    margin-top: 0 !important
}

.similar-games .grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    min-height: 215px;
    min-width: 148px;
    justify-content: space-between;
    width: 100%
}

.similar-games .thumb {
    margin-bottom: .5em;
    display: inline-flex;
    align-content: space-around;
    width: 20%;
    min-width: min-content;
    min-height: 180px
}

.similar-games .thumb .img-thumbnail {
    width: 155px;
    max-height: 155px;
    max-width: 115px;
    min-height: auto;
    min-width: auto;
    border-radius: 20px
}

.empty-ad,.video-ad {
    min-width: 200px
}

.advertisement_box {
    min-width: 300px
}

.advertisement_box div {
    padding: 0
}

.advertisement_box div.half-page {
    min-width: 300px;
    height: auto
}

.advertisement_box div.mpu {
    width: 300px;
    height: 250px;
    margin-top: 15px
}

@media screen and (max-width: 1024px) {
    .advertisement_box {
        min-width:160px
    }
}

.advertisement_box:empty {
    display: block
}

#video-preroll {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000047
}

#video-preroll.hide-loading .loading-spinner {
    display: none
}

#GameEmbed *,#GameEmbedDummy * {
    position: relative !important;
    overflow: hidden;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

embed,object {
    max-width: 100%
}

#GameEmbed {
    margin: auto
}

#GameEmbedSWF {
    width: 100% !important;
    height: inherit
}

.game-full-description {
    font-size: 18px;
    font-weight: 200
}

.game-full-description li {
    display: list-item !important
}

.readmore-state-mobile {
    display: none
}

.readmore-state-mobile:checked ~ .readmore-wrap .readmore-target,.readmore-state-mobile:checked ~ .readmore-wrap :not(:first-child) {
    display: block
}

.readmore-trigger {
    position: relative;
    margin: auto;
    display: block;
    width: 120px
}

.readmore-state-mobile ~ .readmore-wrap .readmore-trigger:before {
    content: "Read more"
}

.readmore-state-mobile:checked ~ .readmore-wrap .readmore-trigger:before {
    content: "Show less"
}

.readmore-state,.readmore-target,.readmore-wrap :not(:nth-child(1)):not(:empty),.readmore-wrap :not(:nth-child(-n+2)):empty ~ .readmore-target,.readmore-wrap :nth-child(2):empty,.readmore-wrap :nth-child(-n+3):empty {
    display: none
}

.readmore-state:checked ~ .readmore-wrap .readmore-target,.readmore-state:checked ~ .readmore-wrap :not(:first-child) {
    display: block
}

.readmore-state ~ .readmore-wrap p:first-child:after {
    content: "Read more";
    font-weight: bold;
    margin-left: 12px;
    text-decoration: underline
}

.readmore-state:checked ~ .readmore-wrap p:first-child:after {
    content: ""
}

.readmore-state:checked ~ .readmore-wrap p:last-child:after {
    content: "Show less";
    font-weight: bold;
    margin-left: 12px;
    text-decoration: underline
}

.readmore-state:hover:checked ~ .readmore-wrap p:last-child:after,.readmore-state:hover ~ .readmore-wrap p:first-child:after {
    cursor: pointer
}

.readmore-state {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    right: 0;
    bottom: 0;
    -webkit-appearance: none;
    outline: 0;
    opacity: 0;
    cursor: pointer
}

.readmore-wrap *>* {
    display: inline !important
}

.arrow-right {
    border: solid #073958;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    margin: 3px
}

.game_name {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin-left: -10px
}

.game-download img {
    max-width: 45vw;
    width: auto;
    display: inline-block;
    height: 70%;
    min-height: 40px
}

.game-share i {
    color: #b5dbea
}

.game-share:hover {
    color: #fff
}

.share-right-center {
    width: fit-content;
    text-align: center
}

@media screen and (min-width: 991px) {
    .at-style-responsive .at-share-btn {
        padding:10px !important
    }
}

@media screen and (min-width: 992px) {
    .game_name {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 400px)
    }
}

@media screen and (min-width: 991px) {
    .readmore-trigger {
        position:relative;
        margin: auto;
        display: block;
        width: 120px
    }

    .ml-lg-76 {
        margin-left: 76px
    }
}

.game_header_container {
    float: none !important
}

@media screen and (max-width: 991px) {
    #backtotop-gamepage {
        display:none !important
    }

    .game_thumb {
        height: fit-content;
        width: auto
    }

    .game_header_container .game_thumb img {
        height: auto;
        max-width: 25vw;
        margin-right: 4vw
    }

    .detail-container .card {
        background: transparent;
        border: none !important
    }

    .detail-container .card:not(.videoplayer) {
        max-width: 100%
    }

    .detail-container .card .card-header {
        background: transparent !important;
        border-bottom: 0
    }
}

.rates {
    text-align: right
}

.rate-down {
    margin-right: -3px
}

.footer-leaderboard-ads {
    display: inline-block;
    width: 100%;
    text-align: center
}

.footer-leaderboard-ads div,.footer-leaderboard-ads #game_bottom-left_leaderboard,.footer-leaderboard-ads #game_bottom-right_leaderboard {
    margin: 5px auto;
    text-align: center;
    display: inline-block
}

.kizi-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.kizi-top-bg {
    position: absolute;
    background-image: url(/assets/profile/profile-top-be0e6bce3db87232583d9fd4097d01b6fbc7586c99e058b8c3596c418afe90b2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    background-size: cover;
    height: 390px;
    z-index: 0
}

@media screen and (max-width: 600px) {
    .kizi-top-bg {
        background-position-x:80%
    }
}

.kizi-profile-head {
    margin-top: 200px;
    justify-content: center
}

.kizi-profile-image img {
    width: 140px;
    height: 140px;
    display: block;
    background: #3989de;
    clip-path: circle(61px at center)
}

.kizi-name {
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 1px;
    max-width: 200px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.34)
}

.kizi-badge {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.34)
}

.kizi-edit-profile img {
    width: 140px
}

#kiziProgress {
    width: 140px !important;
    height: 140px !important;
    background-color: #0054A9;
    border-radius: 50%
}

#kiziProgress svg {
    position: absolute
}

.ldBar {
    position: relative
}

.ldBar.label-center>.ldBar-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0 0 3px #fff
}

.ldBar .ldBar-label {
    font-size: 40px
}

.ldBar path.baseline {
    stroke-width: 2
}

.ldBar path.mainline {
    stroke-width: 6;
    stroke: #77A417;
    stroke-linecap: round
}

.ldBar.no-percent .ldBar-label:after {
    content: ""
}

.ldBar-label:after {
    content: "%"
}

.kizi-profile-content {
    margin-top: 30px;
    background-color: #0870eb;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
    border-radius: 45px;
    width: 100%;
    height: auto;
    padding: 30px;
    margin-bottom: 50px;
    display: inline-block
}

@media screen and (max-width: 414px) {
    .kizi-profile-content {
        margin-bottom:90px;
        display: inline-block
    }
}

@media screen and (max-width: 857px) and (min-width: 569px) {
    .kizi-profile-content {
        margin-bottom:80px;
        display: inline-block
    }
}

.kizi-profile-content .progress-bar {
    background: linear-gradient(to right, #f9d423, #e65c00);
    border-radius: 10px
}

.kizi-profile-content .progress {
    border-radius: 20px;
    background-color: #0050A2;
    margin: 10px 0 10px 0
}

.kizi-profile-content .green-progress {
    background: linear-gradient(to right, #00b09b, #96c93d)
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.kizi-map-title {
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 1px
}

.kizi-map-level {
    display: flex;
    justify-content: space-between
}

.kizi-adventure img {
    margin-top: 10px;
    width: 100%
}

.leader-board-title {
    margin-bottom: 10px
}

.favorite-games-title {
    margin-top: 10px;
    font-size: 24px
}

.board-block {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 110px;
    border-radius: 18px;
    background: linear-gradient(to right, #1093E6, #0569CE);
    border-bottom: 8px solid #0057B9
}

.board-block-avatar img {
    width: 102px;
    height: 102px;
    margin-left: -5px;
    border-top-left-radius: 27px;
    border-bottom-left-radius: 22px
}

.board-block-rank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 20px 0 20px;
    font-weight: bold;
    height: 100%;
    margin-left: -18px;
    transform: skewX(12deg);
    background: linear-gradient(to bottom, #a8e063, #56ab2f)
}

.board-block-rank>.rank {
    font-size: 30px;
    transform: skewX(-12deg)
}

.board-block-score {
    overflow: hidden
}

.board-block-score span {
    margin-left: 20px;
    letter-spacing: 1px
}

.board-block-score .score {
    font-size: 18px
}

.board-block-score .name {
    font-size: 20px;
    max-width: 90%
}

.badges-title,.leader-board-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 10px 0 10px 0;
    font-size: 24px
}

.badges-title,.leader-board-title span:nth-child(2) {
    font-size: 18px
}

.badge {
    margin-bottom: 20px
}

.badge img {
    width: 100%
}

.badges img {
    width: 100%;
    margin-bottom: 10px
}

.badges img:hover {
    cursor: pointer;
    filter: grayscale(0)
}

.badges .deactive {
    filter: grayscale(1)
}

.badges-title {
    font-size: 30px !important;
    font-weight: bolder;
    word-break: break-word;
    line-height: 34px;
    padding-bottom: 10px
}

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

.profile-edit-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    flex-direction: column
}

.profile-edit-wrapper {
    background-position: center;
    height: auto;
    padding-bottom: 80px
}

.profile-edit-form input {
    width: 300px
}

hr {
    background-color: #fff !important;
    width: 60%
}

.profile-edit-wrapper #avatar svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 360px
}

.profile-edit-wrapper #avatar {
    position: relative;
    margin: auto;
    width: 360px;
    height: 460px
}

.profile-edit-wrapper #footer {
    position: absolute;
    top: 380px;
    left: 0;
    width: 361px;
    height: 99px
}

.profile-edit-wrapper #menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 99px;
    background-color: #ffffff;
    border-right: 1px solid #707070;
    z-index: 200;
    overflow: hidden
}

.profile-edit-wrapper #menu_lines div {
    position: absolute;
    left: 10px;
    width: 40px;
    height: 7px;
    background-color: #707070;
    -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.1, 0.95);
    transition: all 0.35s cubic-bezier(0.75, 0.25, 0.1, 0.95)
}

.profile-edit-wrapper #menu.active #menu1 {
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95)
}

.profile-edit-wrapper #menu.active #menu2 {
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95);
    transition: opacity 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95)
}

.profile-edit-wrapper #menu.active #menu3 {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95);
    transition: all 0.5s cubic-bezier(0.75, 0.25, 0.1, 0.95)
}

.profile-edit-wrapper #options {
    position: absolute;
    top: 0;
    left: 61px;
    width: 299px;
    height: 99px
}

.profile-edit-wrapper #options_title {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding-top: 8px
}

.profile-edit-wrapper #options_div {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 34px;
    left: 0;
    width: 299px;
    height: 65px;
    overflow-y: hidden
}

.profile-edit-wrapper .skins,.profile-edit-wrapper .eyes,.profile-edit-wrapper .eyebrows,.profile-edit-wrapper .mouths,.profile-edit-wrapper .hairstyles,.profile-edit-wrapper .haircolors,.profile-edit-wrapper .facialhairs,.profile-edit-wrapper .clothes,.profile-edit-wrapper .fabriccolors,.profile-edit-wrapper .backgroundcolors {
    flex: 0 0 auto;
    top: 0;
    width: 53px;
    height: 53px;
    margin: 5px;
    border: 1px solid #707070;
    cursor: pointer;
    border-radius: 10px;
    background-color: #ffdbb4
}

.profile-edit-wrapper .eyes,.profile-edit-wrapper .eyebrows,.profile-edit-wrapper .mouths,.profile-edit-wrapper .hairstyles,.profile-edit-wrapper .facialhairs,.profile-edit-wrapper .clothes {
    background-image: url(/assets/avatars/avatar-set-6fd665651a820d61e6aa9cbf459b17868d4c415ad2f784e8133646ac280369c4.png)
}

.profile-edit-wrapper #menu_list {
    position: absolute;
    bottom: 10px;
    left: 70px;
    width: 250px;
    height: auto;
    text-align: center
}

.profile-edit-wrapper .btn {
    padding: 8px;
    font-weight: bold;
    margin-bottom: 7px;
    width: 300px;
    font-size: 1rem;
    max-width: 100%
}

.profile-edit-wrapper .save-avatar {
    display: flex;
    justify-content: center;
    margin: 30px 0 20px 0
}

.profile-edit-wrapper .current-avatar {
    width: 100%;
    height: 360px
}

.profile-edit-wrapper #avatar .loading {
    position: fixed;
    z-index: 9999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.profile-edit-wrapper #avatar .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20,20,20,0.8), rgba(0,0,0,0.8));
    background: -webkit-radial-gradient(rgba(20,20,20,0.8), rgba(0,0,0,0.8))
}

.profile-edit-wrapper #avatar .loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.profile-edit-wrapper #avatar .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255,0.75) 1.5em 0 0 0,rgba(255,255,255,0.75) 1.1em 1.1em 0 0,rgba(255,255,255,0.75) 0 1.5em 0 0,rgba(255,255,255,0.75) -1.1em 1.1em 0 0,rgba(255,255,255,0.75) -1.5em 0 0 0,rgba(255,255,255,0.75) -1.1em -1.1em 0 0,rgba(255,255,255,0.75) 0 -1.5em 0 0,rgba(255,255,255,0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255,255,255,0.75) 1.5em 0 0 0,rgba(255,255,255,0.75) 1.1em 1.1em 0 0,rgba(255,255,255,0.75) 0 1.5em 0 0,rgba(255,255,255,0.75) -1.1em 1.1em 0 0,rgba(255,255,255,0.75) -1.5em 0 0 0,rgba(255,255,255,0.75) -1.1em -1.1em 0 0,rgba(255,255,255,0.75) 0 -1.5em 0 0,rgba(255,255,255,0.75) 1.1em -1.1em 0 0
}

.profile-edit-wrapper div#menu.active #random {
    display: none
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#fridayChallenge {
    overflow: hidden;
    width: 100%
}

#fridayChallenge .all-content {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 60px);
    scrollbar-color: #004892 rgba(0,72,146,0.5);
    scrollbar-width: thin
}

#fridayChallenge a {
    color: #fff
}

#fridayChallenge .title {
    display: block;
    align-items: center;
    text-align: center;
    background: linear-gradient(to right, #1093E6, #0569CE);
    height: 60px;
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 100
}

#fridayChallenge .title img {
    margin-right: 10px
}

#fridayChallenge .title span {
    letter-spacing: 1px;
    padding: 13px;
    margin: 0;
    font-size: 1.6vw
}

#fridayChallenge .cat-1st {
    margin-top: -10px
}

@media screen and (max-width: 1280px) {
    #fridayChallenge .cat-1st {
        display:none
    }
}

#fridayChallenge .other-players {
    padding: 2px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

@media screen and (max-width: 1280px) {
    #fridayChallenge .other-players {
        display:none
    }
}

#fridayChallenge .player-avatar {
    border-radius: 50% !important;
    overflow: hidden;
    display: block;
    position: relative;
    width: 40px !important;
    height: 40px !important
}

#fridayChallenge .player-avatar img {
    position: absolute;
    width: 120%;
    margin-left: -10%
}

#fridayChallenge .other-players .rank {
    font-size: 20px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    padding: 5px;
    margin-right: 14px;
    margin-left: 10px
}

#fridayChallenge .other-players .name {
    font-size: 18px;
    letter-spacing: 1px
}

#fridayChallenge .other-players .exp,#fridayChallenge .board-block-score span {
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-top: 2px
}

#fridayChallenge.board-box {
    background: #0870eb;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    border-bottom: 8px solid #0057B9;
    padding-bottom: 10px
}

#fridayChallenge .board-block {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 65px;
    margin: 10px 0 10px 0;
    background: linear-gradient(-45deg, rgba(38,81,171,0.35), rgba(84,172,255,0.62))
}

#fridayChallenge .board-block-avatar {
    min-width: 100px
}

#fridayChallenge .board-block-rank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 20px 0 20px;
    font-weight: bold;
    height: 100%;
    margin-left: -50px;
    transform: skewX(12deg);
    background: linear-gradient(to bottom, #a8e063, #56ab2f)
}

#fridayChallenge .board-block-score {
    width: 100%;
    overflow: hidden
}

#fridayChallenge .board-block-score .name {
    font-size: 24px;
    font-weight: bold;
    max-width: 90%;
    float: left;
    margin-left: 8px
}

#fridayChallenge .board-block-score .score {
    padding-right: 15px
}

#fridayChallenge .board-block-rank>.rank {
    font-size: 22px;
    transform: skewX(-12deg)
}

#fridayChallenge .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px
}

#fridayChallenge .other-players .text-truncate {
    margin-top: 10px
}

#fridayChallenge .board-block-avatar img {
    width: 65px;
    height: 65px;
    border-top-left-radius: 0;
    margin-left: -6px;
    margin-right: 4px
}

#fridayChallenge hr {
    margin-top: .1rem;
    margin-bottom: .1rem
}

@media screen and (max-width: 1280px) {
    #fridayChallenge hr {
        display:none
    }
}

#fridayChallenge a.viewall-button,#fridayChallenge a.viewall-button:hover {
    border: none;
    font-weight: 700;
    display: block;
    outline: none;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    border-right-width: 2px;
    text-decoration: none;
    background-color: #FBA90C;
    border-bottom: solid 4px #FB760C;
    font-family: 'Open Sans', sans-serif;
    margin: 8px auto;
    max-width: 100%;
    padding: 10px 20px
}

@media screen and (max-width: 1280px) {
    #fridayChallenge a.viewall-button,#fridayChallenge a.viewall-button:hover {
        margin-top:15% !important
    }
}

@media screen and (max-width: 1280px) {
    #fridayChallenge a.viewall-button .view-leaderboard,#fridayChallenge a.viewall-button:hover .view-leaderboard {
        display:block !important
    }
}

@media screen and (min-width: 1280px) {
    #fridayChallenge a.viewall-button .view-all,#fridayChallenge a.viewall-button:hover .view-all {
        display:block !important
    }
}

.title {
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0 0 10px 10px
}

.boards-area {
    background: #00488F;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
    border-radius: 40px;
    padding: 30px;
    width: 100%;
    height: 100%;
    padding-bottom: 100px
}

.boards-area a {
    color: #fff !important;
    text-decoration: none !important
}

.boards-area a img {
    right: 0;
    left: 0;
    margin: auto
}

.cat-title {
    display: flex;
    align-items: center
}

.cat-title span {
    margin-left: 10px;
    font-size: 20px;
    letter-spacing: 1px
}

.global-board {
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 20px;
    height: unset !important
}

.global-board.board-box {
    background-image: linear-gradient(145deg, #14A5F1 17%, #0669CE 87%);
    border-radius: 30px;
    width: 100%;
    height: 100%;
    border-bottom: 8px solid #0057B9;
    padding-bottom: 10px
}

.global-board.board-box .board-block {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 110px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: linear-gradient(to right, #1093E6, #0569CE);
    margin: 10px 0 10px 0
}

.board-block-avatar img {
    width: 102px;
    height: 102px;
    border-top-left-radius: 28px;
    margin-left: -6px;
    margin-right: 4px
}

.global .board-block-avatar img {
    height: 102px;
    width: 102px;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 27px;
    margin-left: -6px;
    margin-right: 4px
}

.global .board-block {
    border-radius: 18px;
    border-bottom: 8px solid #0057B9
}

.board-block-rank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 10px 0 10px;
    font-weight: bold;
    height: 100%;
    margin-left: -18px;
    transform: skewX(12deg);
    background: linear-gradient(to bottom, #a8e063, #56ab2f)
}

.board-block-rank>.rank {
    font-size: 20px;
    transform: skewX(-12deg)
}

.board-block-score {
    width: 100%;
    overflow: hidden
}

.board-block-score span {
    margin-left: 20px;
    letter-spacing: 1px
}

.board-block-score .name {
    font-size: 28px;
    max-width: 90%
}

.board-block-score .score {
    font-size: 18px
}

.other-players {
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

.other-players .leaderboard-table {
    width: 100%
}

@media (max-width: 960px) {
    .other-players .leaderboard-table {
        padding-right:5px !important;
        padding-left: 5px !important
    }
}

.other-players .rank {
    font-size: 20px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    padding: 5px;
    margin-right: 14px;
    margin-left: 10px
}

.other-players .name {
    font-size: 18px;
    letter-spacing: 1px
}

.other-players .exp {
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-top: 2px
}

.board-box {
    background-image: linear-gradient(145deg, #14A5F1 17%, #0669CE 87%);
    border-radius: 30px;
    width: 100%;
    height: 100%;
    border-bottom: 8px solid #0057B9;
    padding-bottom: 10px;
    margin-top: 10px;
    overflow: hidden
}

.class_leaderboards .current_player {
    background-color: #01488e
}

.class_leaderboards .player-avatar {
    border-radius: 50% !important;
    overflow: hidden;
    display: block;
    position: relative;
    width: 50px !important;
    height: 50px !important
}

.class_leaderboards .player-avatar img {
    position: absolute;
    width: 120%;
    margin-left: -10%
}

.class_leaderboards .progress {
    border-radius: 10px !important;
    height: 6px !important
}

.class_leaderboards .progress-bar {
    background: linear-gradient(to right, #f9d423, #e65c00);
    border-radius: 10px
}

.class_leaderboards .bar-area {
    padding: 0 !important
}

.class_leaderboards hr {
    width: 90%;
    background-color: #47AFFF;
    margin: 0 auto !important;
    opacity: .1
}

.class_leaderboards a.view-all-link {
    display: block;
    min-height: 47px;
    text-align: center;
    margin-top: 20px
}

.class_leaderboards .view-all {
    position: absolute;
    right: 40px;
    cursor: pointer;
    margin-top: 10px
}

@media (min-width: 768px) {
    .block:nth-child(n+5) {
        margin-top:100px
    }
}

body.class_static #outer-wrapper,.static-page #outer-wrapper {
    background: #fff !important
}

body.class_static .bg-dark,.static-page .bg-dark {
    background: #233258 !important;
    color: #b0bfe1
}

body.class_static .bg-dark h1,.static-page .bg-dark h1 {
    color: #fff
}

body.class_static main,.static-page main {
    color: #696969;
    font-family: "Nunito", sans-serif;
    overflow: hidden
}

body.class_static .divider,.static-page .divider {
    background: #33cfe1;
    height: 10px;
    width: 100%;
    margin: 0;
    padding: 0
}

body.class_static .arrow-up,.static-page .arrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eaf2f5;
    margin: 40px auto 0
}

body.class_static #testimonials,.static-page #testimonials {
    width: 100%;
    padding: 40px 10vw !important;
    border-bottom: 1px solid #e8edf0
}

body.class_static #testimonials .card-title img,.static-page #testimonials .card-title img {
    position: absolute;
    top: -28%;
    left: 0;
    right: 0;
    margin: auto
}

body.class_static .bg-gray,.static-page .bg-gray {
    background-color: #eaf2f5
}

body.class_static .card .border-btm,.static-page .card .border-btm {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    left: 0;
    border-bottom: 4px solid
}

body.class_static .card-title,.static-page .card-title {
    color: #46c1e7
}

body.class_static .card,.static-page .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 5em;
    margin-left: 15px
}

body.class_static .favorite_game,.static-page .favorite_game {
    width: 85px;
    height: 85px;
    border-radius: 20px;
    border: 2px #adbec4 solid;
    margin: 8px 0px
}

body.class_static #apps a,body.class_static #apps a:hover,.static-page #apps a,.static-page #apps a:hover {
    font-size: 20px;
    color: #233258;
    text-decoration: none
}

body.class_static .mw-25,.static-page .mw-25 {
    max-width: 25vw !important
}

.class_static main :not(.bg-dark) a:not(.btn),.class_static main :not(.bg-dark) a:not(.btn):hover {
    color: #46c1e7
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.card-deck .card {
    min-width: 215px;
    margin-bottom: 80px;
    margin-right: 8px;
    margin-left: 8px;
    max-width: 300px
}

.card-deck .card.mw-lg8 {
    max-width: 66.66% !important
}

h3 {
    margin-bottom: 1.2em;
    font-size: 1.5em;
    line-height: 1.3;
    font-weight: 600
}

h4 {
    font-size: 1em;
    margin-bottom: 0.6em;
    line-height: 1.35;
    font-weight: 600
}

p {
    font-size: .9em;
    margin-bottom: 1em
}

table {
    border-collapse: inherit;
    margin: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    border-spacing: initial;
    width: 100%;
    overflow: hidden
}

thead {
    background-color: #F8F8F8;
    font-weight: bold
}

th {
    min-width: 140px
}

th.cookie-head {
    min-width: 200px
}

th,td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

section {
    margin-bottom: 2em
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.9) 100%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th {
    z-index: 9999999 !important
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial,verdana,tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4)
}

.introjs-arrow {
    border: 5px solid transparent;
    content: '';
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: #fff
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: #fff
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.4);
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    zoom:1;margin-top: 10px
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,.introjs-button:focus {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a
}

.introjs-prevbutton {
    -webkit-border-radius: .2em 0 0 .2em;
    -moz-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-nextbutton {
    -webkit-border-radius: 0 .2em .2em 0;
    -moz-border-radius: 0 .2em .2em 0;
    border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-bullets ul li a.active {
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60,60,60,0.57)
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60,60,60,0.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136,136,136,0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146,146,146,0.36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(0);
        opacity: .1
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(0);
        opacity: .1
    }

    50% {
        transform: scale(0.1);
        opacity: .3
    }

    75% {
        transform: scale(0.5);
        opacity: .5
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
    opacity: 1;
    background: #026bd4;
    border-color: #007bff
}

.introjs-tooltipReferenceLayer .introjs-tooltip {
    padding: 10px 0px 0px 0;
    border-radius: 10px;
    overflow: hidden
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
    color: #101010;
    text-align: center;
    padding: 5px 15px 0px
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
    display: none
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
    display: none
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
    background: #b3daff;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    align-content: baseline
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 0;
    background: none !important;
    border: none;
    text-shadow: none;
    box-shadow: none !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
    background: #91c2ef !important;
    color: #101010 !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-disabled {
    background: none !important;
    color: #7599bb !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton {
    align-self: flex-start;
    margin-right: auto;
    color: #373839
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton.introjs-donebutton {
    border-radius: 0;
    color: #fff !important;
    background: #026bd3 !important
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-skipbutton.introjs-donebutton:hover {
    background: #025cb5 !important
}

.introjs-helperLayer:before,.introjs-helperLayer:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    content: ' ';
    border-radius: 50%
}

.shadow {
    border: none !important;
    box-shadow: 0 0 40px 20px #fff !important;
    border-radius: 0;
    background: #fff;
    max-height: 480px
}

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

.shadow.circle:before,.shadow.circle:after {
    border-radius: 50%
}

.shadow.rounded {
    border-radius: 15px
}

.shadow.rounded:before,.shadow.rounded:after {
    border-radius: 15px
}

html,body {
    overflow: visible
}

a:focus {
    outline: none !important
}

#onetrust-consent-sdk .onetrust-pc-dark-filter {
    background: rgba(0,0,0,0.5) !important;
    width: 100vw;
    height: 100vh
}

#onetrust-pc-sdk #ot-pc-lst {
    overflow: hidden !important
}

#onetrust-consent-sdk #onetrust-banner-sdk,#onetrust-consent-sdk #onetrust-pc-sdk {
    background-color: #2e6905 !important
}

@media only screen and (min-width: 1024px) {
    #onetrust-banner-sdk #onetrust-button-group {
        display:flex !important
    }

    #onetrust-banner-sdk #onetrust-button-group-parent {
        margin: auto;
        width: 20% !important;
        right: 5% !important
    }

    #onetrust-banner-sdk #onetrust-group-container {
        width: 75% !important;
        margin-top: .5em;
        margin-bottom: .5em
    }
}

@media only screen and (min-width: 769px) {
    #onetrust-banner-sdk #onetrust-button-group {
        margin-right:unset !important
    }
}

@media only screen and (max-width: 550px) and (min-width: 425px) {
    #onetrust-banner-sdk #onetrust-button-group {
        width:unset !important
    }
}

@media only screen and (max-width: 1024px) and (min-width: 897px) {
    #onetrust-banner-sdk #onetrust-button-group-parent {
        height:100% !important;
        position: absolute;
        display: inline-flex;
        align-items: center;
        margin-left: 2%
    }
}

#onetrust-consent-sdk #onetrust-accept-btn-handler {
    background: #0d80f5 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    border: none;
    box-shadow: 0px 3px 0 #004890 !important;
    font-weight: bold !important;
    margin-right: 0.5em !important
}

#onetrust-consent-sdk #onetrust-accept-btn-handler:hover {
    background: linear-gradient(to bottom, #004890, #0d80f5, 6) !important;
    opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    border: solid 1px rgba(255,255,255,0.4) !important;
    text-decoration: none !important;
    padding: 12px 10px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    box-shadow: 0px 3px 0 rgba(255,255,255,0.3) !important;
    background: #fff !important;
    color: #0d80f5 !important;
    opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover {
    border: solid 1px #0d80f5 !important;
    box-shadow: 0px 3px 0 rgba(0,97,195,0.3) !important
}

#onetrust-pc-sdk .ot-pc-header {
    padding: 0px 20px !important;
    height: 60px !important;
    display: flex;
    justify-content: flex-start
}

#onetrust-pc-sdk .ot-pc-logo {
    background-position: left !important;
    height: unset !important;
    margin-bottom: -3px;
    z-index: 1
}

#onetrust-consent-sdk #onetrust-pc-sdk h3,#onetrust-consent-sdk #onetrust-pc-sdk h4,#onetrust-consent-sdk #onetrust-pc-sdk h6,#onetrust-consent-sdk #onetrust-pc-sdk p,#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text,#onetrust-consent-sdk #onetrust-pc-sdk #pc-title,#onetrust-consent-sdk #onetrust-pc-sdk button,#ot-lst-title span,#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc {
    color: #fff !important;
    font-size: 16px !important
}

#onetrust-consent-sdk #onetrust-pc-sdk *:not(.ot-cat-item)>button:not(.ot-ven-box):not(.ot-link-btn) {
    background-color: #0d80f5 !important;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 0px 3px 0 #004890 !important;
    font-weight: bold !important
}

#onetrust-consent-sdk #onetrust-pc-sdk *:not(.ot-cat-item)>button:not(.ot-ven-box):not(.ot-link-btn):hover {
    background: linear-gradient(to bottom, #004890,  #0d80f5) !important
}

#onetrust-banner-sdk .ot-sdk-button:hover,#onetrust-banner-sdk button:hover,#onetrust-banner-sdk input[type="submit"]:hover,#onetrust-banner-sdk input[type="reset"]:hover,#onetrust-banner-sdk input[type="button"]:hover,#onetrust-banner-sdk .ot-sdk-button:focus,#onetrust-banner-sdk button:focus,#onetrust-banner-sdk input[type="submit"]:focus,#onetrust-banner-sdk input[type="reset"]:focus,#onetrust-banner-sdk input[type="button"]:focus,#onetrust-pc-sdk .ot-sdk-button:hover,#onetrust-pc-sdk button:hover,#onetrust-pc-sdk input[type="submit"]:hover,#onetrust-pc-sdk input[type="reset"]:hover,#onetrust-pc-sdk input[type="button"]:hover,#onetrust-pc-sdk .ot-sdk-button:focus,#onetrust-pc-sdk button:focus,#onetrust-pc-sdk input[type="submit"]:focus,#onetrust-pc-sdk input[type="reset"]:focus,#onetrust-pc-sdk input[type="button"]:focus,#ot-sdk-cookie-policy .ot-sdk-button:hover,#ot-sdk-cookie-policy button:hover,#ot-sdk-cookie-policy input[type="submit"]:hover,#ot-sdk-cookie-policy input[type="reset"]:hover,#ot-sdk-cookie-policy input[type="button"]:hover,#ot-sdk-cookie-policy .ot-sdk-button:focus,#ot-sdk-cookie-policy button:focus,#ot-sdk-cookie-policy input[type="submit"]:focus,#ot-sdk-cookie-policy input[type="reset"]:focus,#ot-sdk-cookie-policy input[type="button"]:focus {
    opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,#onetrust-consent-sdk #onetrust-pc-sdk .vendor-privacy-notice,#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .host-title a,#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .accordion-header .host-view-cookies,#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .cookie-name-container a,#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler+a,#onetrust-consent-sdk #onetrust-banner-sdk a[href],#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt .ot-subgrp h5,.ot-acc-grpcntr.ot-acc-txt a,#onetrust-pc-sdk .ot-always-active {
    color: #ffe415 !important
}

#onetrust-consent-sdk button:focus {
    border: none !important;
    outline: none !important
}

#onetrust-pc-sdk .ot-switch-nob {
    background: #fff !important
}

#onetrust-pc-sdk .ot-switch-nob:before {
    background: #0d80f5 !important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #0d80f5 !important;
    border-color: #fff !important
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
    background-color: #fff !important
}

#onetrust-pc-sdk .ot-switch-inner:before {
    background-color: #004890 !important
}

#onetrust-pc-sdk .switch-checkbox:checked+.ot-switch-label {
    border: 1px solid #004890 !important
}

#onetrust-pc-sdk .ot-chkbox label::before {
    border: 2px solid #004890 !important
}

#onetrust-pc-sdk #select-all-vendors-input-container.line-through label::after {
    left: 7px
}

#onetrust-pc-sdk #filter-icon path,#onetrust-pc-sdk #ot-back-arrow path,#onetrust-pc-sdk #search-container>svg path,#onetrust-pc-sdk .ot-arrow path {
    fill: #004890
}

#ot-lst-title svg path {
    fill: #fff
}

#onetrust-pc-sdk .ot-chkbox input:checked ~ label::before,#onetrust-pc-sdk #filter-btn-handler:hover {
    background-color: #0d80f5 !important
}

#onetrust-pc-sdk .ot-plus-minus span {
    background-color: #ffe415 !important
}

#onetrust-pc-sdk .ot-chkbox input[type=checkbox]:focus+label::before,#onetrust-pc-sdk input[type=checkbox]:focus+.accordion-header,#onetrust-pc-sdk .ot-tgl input:focus+.ot-switch {
    outline: none !important
}

#onetrust-pc-sdk .vendor-options {
    background-color: #2e6905 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt,#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle,#onetrust-pc-sdk .ot-ven-dets {
    background: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk {
    background-color: #367c06 !important;
    top: -1px
}

#ot-sel-blk .ot-consent-hdr {
    margin-top: 5px;
    color: #fff !important
}

#onetrust-pc-sdk #hosts-list-container .ot-arrow-container {
    border-left-color: #004890
}

.ot-pc-footer-logo {
    display: none
}

#onetrust-pc-sdk .category-vendors-list-handler+a::after {
    filter: saturate(10) hue-rotate(-120deg) brightness(110%)
}

#onetrust-pc-sdk input[type=checkbox]:focus+.ot-acc-hdr {
    outline: none !important
}

.loading-spinner {
    display: inline-block;
    width: 80px;
    height: 80px
}

.loading-spinner:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.rounded {
    border-radius: .9rem !important
}

.lazy,.lazy.loading {
    opacity: 0
}

.lazy.loaded {
    opacity: 1;
    transition: opacity .2
}

.bigbox-2 {
    grid-column-end: span 2;
    grid-row-end: span 2;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 2
}

.grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 12px;
    grid-auto-rows: minmax(100px, auto);
    grid-auto-flow: dense;
    min-height: 217px
}

.grid .thumb a {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.gamethumb-content {
    height: 100%;
    min-height: inherit
}

.thumb {
    position: relative
}

.thumb .delete {
    position: absolute;
    top: -5px;
    right: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(204,0,0,0.6)
}

.thumb .img-thumbnail {
    background-color: transparent;
    border: 0;
    border-radius: 1em;
    min-height: 100px;
    min-width: 100px
}

.thumb a:hover .img-thumbnail {
    border: 0
}

.thumb a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto
}

.thumb .caption+.played {
    text-align: center;
    color: #fff;
    font-weight: normal
}

.thumb .caption {
    bottom: 0;
    left: .25rem;
    right: .25rem;
    padding: 5px 5px 0;
    border-radius: 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px
}

.thumb .caption.playnow+.played {
    display: none
}

.thumb .caption.playnow {
    background: #000;
    border-radius: 1em;
    padding: 5px
}

.grid .thumb a:hover,.newreleases-carousel-slide .thumb a:hover,.similar-games .thumb a:hover {
    text-decoration: none
}

.newreleases-container .thumb .caption,.allgames-container .thumb .caption {
    font-weight: bold
}

.newreleases-container .thumb .caption+.played,.allgames-container .thumb .caption,.newreleases-container .thumb .caption {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.newreleases-container .purejscarousel-btn {
    top: 0
}

.newreleases-container .purejscarousel-dots-container {
    top: 0
}

.newreleases-container {
    position: relative
}

.newreleases-carousel-slide {
    min-height: 100px;
    width: 175px;
    min-width: 175px
}

.newreleases-carousel-slide .thumb {
    max-width: 100px;
    height: 100% !important
}

.page-item a,.page-item span {
    font-family: "Montserrat SemiBold", Arial, sans-serif
}

.favorite-games {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-auto-rows: minmax(25%, auto);
    grid-auto-flow: dense
}

.favorite-games .thumb {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0
}

.favorite-games .thumb .img-thumbnail {
    min-width: unset
}

.favoritegames-container .thumb .caption {
    font-size: 16px;
    position: absolute;
    z-index: 100;
    text-align: left;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0, black 100%);
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em;
    padding: 15px;
    left: 4px
}

.favoritegames-container .thumb .caption span {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px
}

.favoritegames-carousel-slide {
    width: 22vw;
    margin-right: 32px;
    max-width: 312px;
    max-height: 200px;
    overflow: hidden
}

@media screen and (max-width: 1299px) {
    .favoritegames-carousel-slide {
        margin-right:12px
    }
}

.favoritegames-container .purejscarousel-btn,.favoritegames-container .purejscarousel-dots-container {
    top: -70px
}

.videoplayer .purejscarousel-btn,.videoplayer .purejscarousel-dots-container {
    top: -40px
}

h1 {
    font-size: 1.5em
}

.h3 {
    font-family: "Montserrat SemiBold", Arial, sans-serif;
    font-weight: 600
}

.jumbotron {
    background-color: transparent;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

img.rollevered {
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    max-height: 60px
}

.at-icon-wrapper {
    height: 40px !important;
    width: 30px !important;
    line-height: 36px !important;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    outline: none !important
}

.at-icon-wrapper img {
    height: 24px !important;
    width: 24px !important
}

.at4-visually-hidden,.share_follow_label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    overflow: hidden;
    outline: none !important
}

.message-content {
    margin-top: 10px;
    background-color: #0e5faf;
    border-radius: 45px;
    width: 100%;
    height: auto;
    padding: 30px;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center
}

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

header.kizi {
    background-image: linear-gradient(to bottom, #0d80f3, #0c7cf4);
    box-shadow: 0 5px 10px rgba(12,57,103,0.4);
    position: relative
}

header.kizi .brand-logo-container {
    position: relative;
    display: block;
    height: 100%;
    min-width: 100px
}

header.kizi nav {
    text-transform: uppercase;
    width: fit-content;
    z-index: 1000
}

header.kizi .container-fluid .row.wave {
    /* background: url(img/header/wave-6276863181cf37c5b1cd41befb5033f8174e3cd0c7f2d1a9ab317bcc8b0c3d63.svg) no-repeat left top; */
    /* background-size: cover; */
    padding: 0;
    display: -webkit-box
}

.brand-logo-container {
    min-height: 80px
}

header.kizi .navbar-nav {
    border-radius: 30px;
    width: fit-content;
    height: 44px;
    box-shadow: 0 5px 0 #3e8e0c;
    font-family: "Oswald", sans-serif
}

header.kizi .navbar-nav.dropdown-active {
    background-color: #3e8e0c;
    border-radius: 30px 30px 0 0
}

header.kizi .navbar-nav .nav-item.dropdown.active span.icon img {
    filter: brightness(100)
}

header.kizi .navbar-nav.dropdown-active li.nav-item:last-child {
    border-radius: 0 30px 0 0;
    border-left: 1px solid #3e8e0c
}

header.kizi .navbar-nav li.nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    border-left: 1px solid #5ec61c;
    border-right: 1px solid #3e8e0c
}

header.kizi .navbar-nav li.nav-item .icon {
    padding-left: 10px;
    width: 38px
}

.dropdown-menu li.nav-item .icon {
    filter: brightness(100)
}

header.kizi .navbar-nav li.nav-item span.icon img {
    width: 36px;
    height: auto
}

header.kizi .navbar-nav li.nav-item:hover span.icon {
    filter: brightness(100) grayscale(1) contrast(100)
}

header.kizi .navbar-nav li.nav-item:hover {
    background-color: #3e8e0c
}

header.kizi .navbar-nav li.nav-item:last-child {
    padding-right: 20px;
    border-radius: 0 30px 30px 0;
    /* background-image: url(/assets/header/green_bubble_right-355575e6d7ab0a528fcbabfc114828284d211f5ef0733f55d563b4d2eb895b62.svg); */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain
}

header.kizi .navbar-nav li.nav-item:first-child {
    padding-left: 20px;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden !important;
    border-radius: 30px 0 0 30px;
    /* background-image: url(/assets/header/green_bubble_left-8041e687bdc2b0457bde797221a90fc310caf1794a9f8da63e6b84850640dda6.svg); */
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 60%
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}

.user-actions {
    background: none !important
}

.user-actions button.usermenu {
    background-image: linear-gradient(to bottom, #1e6afd, #1771fe, #1479ff, #177fff, #1e86ff, #238aff, #298dff, #2f91ff, #3293ff, #3594ff, #3896ff, #3b97ff);
    border: 0;
    display: flex;
    flex-direction: row;
    padding: 5px 0 5px 12px;
    margin: 0;
    align-items: center;
    outline: none !important;
    border-radius: 30px;
    height: 50px
}

.user-actions button.usermenu:hover,.user-actions button.usermenu:active,.user-actions button.usermenu:focus {
    outline: none !important;
    border: none !important
}

.user-actions button.usermenu:after {
    width: 16px;
    height: 16px;
    /* background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top; */
    margin-top: 12px;
    display: block;
    margin-left: 9px;
    overflow: hidden !important;
    border: none !important
}

.dropdown-toggle:after {
    vertical-align: .255em;
    content: ""
}

.dropdown.user.show button.usermenu:after,.dropdown-active .dropdown.user button.usermenu:after {
    transform: rotate(180deg);
    margin-top: -6px
}

.dropdown.user .dropdown-menu a {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-content: baseline;
    align-items: center;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    padding: 4px 15px;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none
}

.dropdown-item img {
    box-shadow: none !important
}

.dropdown.user .dropdown-menu .icon {
    display: block
}

.dropdown.user .dropdown-menu .icon img {
    width: 28px;
    margin-right: 4px
}

.btn-group.user-actions.dropdown-active .dropdown .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1
}

.nav-right {
    max-width: fit-content
}

.user-actions .usermenu .profile-picture {
    width: 36px;
    height: 36px;
    clip-path: circle(14px at center);
    padding: 2px;
    margin-right: 5px
}

.user-actions .usermenu .info {
    width: 100%
}

.user-actions .usermenu .info .user {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-content: space-around
}

.user-actions .usermenu .info .user a:hover {
    text-decoration: none
}

.user-actions .usermenu .info .user .name {
    font-family: 'Oswald', sans-serif;
    width: 100%;
    text-align: left;
    max-width: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.user-actions .usermenu .info .user .experience-score {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    text-align: right
}

.user-actions .usermenu .info .experience-bar {
    width: 100%;
    height: 5px;
    background: #0064c9;
    display: block;
    border-radius: 5px;
    margin-top: 2px
}

.user-actions .usermenu .info .experience-bar .value {
    width: auto;
    min-width: 2px;
    height: 5px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #ffa900, #ff5900)
}

.dropdown.user.show .usermenu {
    border: none !important
}

.dropdown.user.show .usermenu,.dropdown.user.show .usermenu:hover,.dropdown.user.show .usermenu:active,.btn-group.user-actions.dropdown-active .dropdown.user .usermenu {
    border-radius: 30px 30px 0 0;
    box-shadow: none !important;
    border: 0
}

.dropdown.user .dropdown-menu {
    width: 100%;
    border: none !important;
    background: #3a97ff;
    border-radius: 0 0 30px 30px;
    color: #fff;
    margin-top: -1px
}

.hide {
    display: none
}

.dropdown-toggle {
    white-space: nowrap
}

.user-actions .usermenu .profile-picture {
    width: 36px;
    height: 36px;
    clip-path: circle(14px at center);
    padding: 2px;
    margin-right: 5px
}

.user-actions .usermenu .info {
    width: 100%
}

.user-actions .usermenu .info .user {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-content: space-around
}

.user-actions .usermenu .info .user .name {
    font-family: 'Oswald', sans-serif;
    width: 100%;
    text-align: left;
    max-width: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.user-actions .usermenu .info .user .experience-score {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    text-align: right
}

.user-actions .usermenu .info .experience-bar {
    width: 100%;
    height: 5px;
    background: #0064c9;
    display: block;
    border-radius: 5px;
    margin-top: 2px
}

.user-actions .usermenu .info .experience-bar .value {
    width: auto;
    min-width: 2px;
    height: 5px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #ffa900, #ff5900)
}

.blue-button {
    background: #4ba5ff;
    width: 100%;
    text-align: center;
    display: inline-block;
    box-shadow: 0 6px 0 #0870eb;
    color: #fff;
    padding: 14px;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.blue-button:hover {
    background: #1083f7;
    box-shadow: 0 6px 0 #076fd6
}

.blue-button:hover .bubble-xsmall-left,.blue-button:hover .bubble-small-left,.blue-button:hover .bubble-medium-left {
    background: #0071ec
}

.blue-button:hover,.blue-button:active,.blue-button:focus {
    text-decoration: none
}

.blue-button .text {
    display: inline-block
}

.blue-button .text:after {
    width: 14px;
    height: 14px;
    /* background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top; */
    transform: rotate(-90deg);
    margin-top: -18.5px;
    display: block;
    margin-left: calc(100% + 5px);
    content: " ";
    overflow: hidden !important;
    border: none !important
}

.blue-button .bubble-xsmall-left {
    width: 8px;
    height: 8px;
    background: #3b91ef;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    z-index: 0;
    left: 5%
}

.blue-button .bubble-small-left {
    width: 16px;
    height: 16px;
    background: #3b91ef;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    z-index: 0;
    left: 30%
}

.blue-button .bubble-medium-left {
    width: 50px;
    height: 50px;
    background: #3b91ef;
    border-radius: 50%;
    position: absolute;
    top: -60%;
    left: 10%;
    z-index: 0
}

header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu {
    background: #3e8e0c;
    border: 0;
    border-radius: 0 0 30px 30px
}

.nav-link.dropdown-toggle:after {
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    width: 14px;
    height: 14px;
    /* background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top; */
    margin-top: 7px;
    display: block;
    overflow: hidden !important;
    border: none !important
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

header.kizi .navbar-nav li.nav-item.dropdown.active .nav-link.dropdown-toggle:after {
    width: 14px;
    height: 14px;
    transform: rotate(180deg);
    margin-top: -6px;
    display: block;
    overflow: hidden !important;
    border: none !important
}

header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu li.nav-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 10px 0 10px;
    border: 0
}

header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu .nav-item {
    background: 0;
    border-radius: 30px;
    width: 100%
}

header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu .nav-item:hover,header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu .nav-item:active,header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu .nav-item:focus {
    background-color: rgba(0,0,0,0.2)
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
    white-space: nowrap;
    align-items: center;
    display: flex;
    align-content: center;
    height: 100%;
    width: fit-content;
    margin: 0 auto
}

.dropdown-menu .nav-link {
    width: 100% !important
}

.navbar-dark .navbar-nav .nav-link img {
    padding-right: 10px
}

.navbar-brand {
    width: 100%;
    height: 100%;
    margin-left: -10%;
    position: absolute;
    padding: 0
}

header.kizi .kizi-logo {
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding-top: 4px;
   /* background-image: url(/assets/header/kizi_logo@3x-1e7d63645bd37923ddd20e6cab0c7abba4c61a1be21ab1738caf96b48484399f.png);
    background-image: -webkit-image-set(url(/assets/header/kizi_logo-43c2e9ce71a37037de25e4f272bfbfe3195ab33e8e2e808242736ce8ce92e520.webp) 1x, url(/assets/header/kizi_logo@2x-ec13334ddbc9c0f9717020304f9b6341cec347d7ed096e6cbb4d9c620e483fe6.webp) 1.5x, url(/assets/header/kizi_logo@3x-eb4d50a2eafbff8f00e868322f19083cd8dda78fb5d347c0800aa75e03b55ef4.webp) 3x);
    background-image: image-set(url(/assets/header/kizi_logo-e9cb8eadfc61163d3c10291b9c34ba46e2131c169b0666ac5e001c449f98fa12.png) 1x, url(/assets/header/kizi_logo@2x-0ad0fc7f45097771f1668d0b644b101ceed142e5641a4f107cc8e88f8ba7ad8f.png) 1.5x, url(/assets/header/kizi_logo@3x-1e7d63645bd37923ddd20e6cab0c7abba4c61a1be21ab1738caf96b48484399f.png) 3x);
    */background-size: contain;
    left: 1px;
    top: 4px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom
}

@media screen and (min-width: 1000px) {
    header.kizi .kizi-logo {
        width:120%
    }
}

header.kizi .kizi-logo.halloween {
    /* background-image: url(/assets/header/kizi_logo_halloween@3x-e7b4a6c15f0de809dc6f5daf9f501374358632294d0fdbc7e24e745333d3bbb1.png);
    background-image: -webkit-image-set(url(/assets/header/kizi_logo_halloween-771822e24c70f1836d054c9428b96031edf5a9ea40c2653a403f3ab3ff8e8277.webp) 1x, url(/assets/header/kizi_logo_halloween@2x-666c1db9bec7df939b21726f36c25d6b0a414b636d49f291abf61c020f34e01e.webp) 1.5x, url(/assets/header/kizi_logo_halloween@3x-f91e72f35205f3c854f20ece90382c4035b8b19c3e72e6c14fe384c45e8a0c3d.webp) 3x);
    background-image: image-set(url(/assets/header/kizi_logo_halloween-4b542ac3663ff49d439abf07e7f153924cccc80370cfe9ef0f60931765da7d05.png) 1x, url(/assets/header/kizi_logo_halloween@2x-c5c46fb7ebb3531b1072edfac01c491ee3c709e17405e1377ee4d73672de9696.png) 1.5x, url(/assets/header/kizi_logo_halloween@3x-e7b4a6c15f0de809dc6f5daf9f501374358632294d0fdbc7e24e745333d3bbb1.png) 3x);
    */background-size: cover;
    width: 120px;
    height: 100px;
    left: -16px;
    top: -1px
}

.recently-played-games {
    display: flex;
    flex-direction: row;
    padding: 5px 0 5px 14px;
    align-items: center;
    border-radius: 30px;
    background-image: linear-gradient(to bottom, #1e6afd, #1771fe, #1479ff, #177fff, #1e86ff, #238aff, #298dff, #2f91ff, #3293ff, #3594ff, #3896ff, #3b97ff)
}

.recently-played-games span.title {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 16px;
    letter-spacing: unset;
    margin: unset
}

.recently-played-games ul.game-list {
    display: flex;
    list-style-type: none;
    align-items: center;
    align-content: center;
    padding: 2px 5px;
    margin: 0;
    height: 40px;
    max-width: 125px;
    overflow: hidden
}

.recently-played-games ul.game-list li.game {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 4px;
    display: flex;
    align-items: center;
    align-content: center;
    background-color: rgba(255,255,255,0.09)
}

.recently-played-games ul.game-list li.game a {
    margin-left: 1px
}

.recently-played-games ul.game-list li.game img {
    object-fit: contain;
    border-radius: 50%;
    height: 34px;
    width: 34px
}

.recently-played-games ul.game-list li.game:last-child {
    margin-right: 0
}

.user-actions a.authentication {
    border: 0;
    color: #fff !important;
    box-shadow: 0 4px 0 #ff5e19 !important;
    font-family: 'Oswald', sans-serif;
    background-image: linear-gradient(to bottom, #ff7200, #ff7900, #ff7f00, #ff8500, #ff8b00);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1em;
    font-weight: normal;
    margin: 0 auto
}

.user-actions a.authentication:active,.user-actions a.authentication:hover,.user-actions a.authentication:focus {
    border: 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    background-image: linear-gradient(to bottom, #ec4d0f, #f55214, #ff6226, #ff6226, #ff7642);
    padding-top: 10px;
    padding-bottom: 10px
}

.user-actions a.authentication:first-child {
    border-radius: 30px 0 0 30px;
    border-right: 1px solid #ffc963 !important;
    margin-right: 1px;
    padding-left: 20px
}

.user-actions a.authentication:last-child {
    border-radius: 30px;
    border-left: 1px solid #fb760c !important;
    padding-right: 20px
}

@media screen and (max-width: 1199px) {
    .recently-played-games {
        display:none
    }
}

.breadcrumb {
    width: 100%;
    background: #004f9e;
    border-radius: 0;
    color: #000;
    font-family: 'Oswald', sans-serif;
    padding: 6px 32px 5px;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

.breadcrumb-contain {
    width: 100% !important;
    padding: 0 !important;
    position: static !important
}

.breadcrumb-item.active {
    color: #72b7ff
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #2381e0;
    content: "/"
}

.breadcrumb-item a {
    color: #2481e0
}

.breadcrumb img {
    margin-top: 4px
}

@media screen and (min-width: 992px) {
    .breadcrumb {
        max-width:100% !important
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar .dropdown {
        position: static;
        cursor: pointer
    }

    .navbar .dropdown.active {
        background-color: #3e8e0c !important
    }

    .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        top: 45px;
        transition: visibility 0s, opacity .3s linear
    }

    .navbar .dropdown:hover .dropdown-menu,.navbar .dropdown .dropdown-menu:hover {
        display: block;
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity .3s linear
    }

    .navbar .dropdown-menu {
        border: 1px solid rgba(0,0,0,0.15);
        background-color: #fff
    }
}

.nav-item img {
    width: 30px;
    height: 30px
}

#categoryList .visible-on-sd {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    visibility: hidden;
    display: inline-block
}

.category-name img {
    height: 35px;
    width: auto;
    float: left;
    margin: -3px 5px 0 0
}

.category-name h1 {
    font-size: 24px;
    vertical-align: bottom;
    display: inline
}

.bright-image {
    filter: brightness(100) grayscale(1)
}

@media (min-width: 1200px) {
    header.kizi .menu nav,div#navbarSupportedContent,header.kizi div#navbarSupportedContent .navbar-nav,header.kizi div#navbarSupportedContent .navbar-nav li.nav-item {
        width:100%;
        height: 55px
    }

    header.kizi .navbar-nav li.nav-item.dropdown .dropdown-menu {
        margin-top: 10px
    }

    /* .brand-logo-container {
        min-height: 100px
    } */
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem
}

footer .nav-link:focus,footer .nav-link:hover {
    border: 1px solid #fff
}

footer .nav-link,footer .nav-link {
    border: solid 1px transparent;
    margin: 10px
}

footer {
    font-family: 'Oswald', Arial, sans-serif;
    min-height: 4em;
    position: absolute;
    width: 100%;
    background: #0870eb;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .nav-item a {
    color: #fff
}

footer .nav-item a:hover {
    color: #fff
}

.img-fluid,picture {
    width: 100%
}

.img-thumbnail {
    transition: all .3s ease-out;
    border-radius: 0
}

.dropdown-menu {
    background-color: #003458;
    border: 3px solid #012f50;
    line-height: 22px;
    color: #fff;
    padding: 0
}

.purejscarousel-slides-container {
    display: flex;
    min-width: 100%
}

.slide {
    color: #fff;
    float: left;
    font-size: 20px;
    text-align: center;
    padding-right: 40px
}

.slide img {
    text-align: left
}

.purejscarousel {
    overflow: hidden;
    width: 100%;
    position: relative;
    top: -30px
}

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

.purejscarousel-slides-container:after {
    clear: both
}

.purejscarousel-btn {
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 0;
    line-height: 24px;
    background-color: #ffc107;
    border-color: #ffc107;
    width: 40px;
    color: #fff;
    font-size: 15px;
    border-bottom: solid 4px #e0a800
}

.purejscarousel-btn:hover {
    background-color: #edb100
}

.purejscarousel-btn-prev {
    border-left-style: none;
    right: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: #e0a800
}

.purejscarousel-btn-next {
    border-right-style: none;
    right: 20px
}

.purejscarousel-btn:active {
    outline: none !important
}

.purejscarousel-btn-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right-width: 2px;
    border-right-color: #e0a800;
    border-left: solid 1px #e0a800
}

.purejscarousel-btn-next:before {
    content: "";
    background: url(/assets/common/carousel/arrowright-e6a79c9ae19e0e82c883770b191b571c4ef518fd21ee80545d1c89137ce9736b.svg) center center no-repeat;
    width: 20px;
    height: 24px;
    display: block;
    margin-left: 5px
}

.purejscarousel-btn-prev:before {
    content: "";
    background: url(/assets/common/carousel/arrowleft-3162d6d038ad29fe6621d17d9585720c561b924074b61788b21b28a3f9b3fad4.svg) center center no-repeat;
    width: 20px;
    height: 24px;
    display: block
}

.purejscarousel-dots-container {
    float: left;
    margin-top: 5px;
    text-align: center;
    right: 120px;
    position: absolute;
    top: 20px
}

.purejscarousel-dot {
    background: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    height: 10px;
    outline: 0;
    margin: 0 5px;
    width: 10px;
    padding: 0;
    top: -10px;
    opacity: .5
}

.active.purejscarousel-dot {
    cursor: default;
    opacity: 1
}

.all-categories a {
    display: grid !important;
    -ms-grid-columns: 45px auto auto;
    grid-template-columns: 45px auto auto
}

.all-categories {
    grid-auto-rows: minmax(40px, auto);
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 25px
}

.all-categories,.all-series {
    display: grid !important;
    grid-auto-flow: dense;
    padding: 15px;
    font-size: 15px
}

.category-info img {
    width: 40px;
    height: auto;
    border: solid 1px #003458
}

.category-info .name,.all-categories a {
    color: #fff;
    font-weight: bold;
    text-decoration: none
}

.category-info .name,.category-info .count {
    margin: auto 0
}

.category-info .count {
    color: #b5dbea;
    text-align: right
}

.all-categories,.all-series {
    display: grid !important;
    grid-auto-flow: dense;
    padding: 15px;
    font-size: 15px
}

.series span {
    background: #46c1e7;
    margin: auto;
    padding: 5px 20px 5px 25px;
    border-radius: 18px;
    margin-left: -25px;
    z-index: -1;
    color: #000
}

.series img {
    height: 60px;
    width: auto;
    vertical-align: initial
}

.series-item {
    width: 228px;
    min-width: 215px;
    min-height: 82px
}

.series span,.series .rollevered {
    transition: all .2s
}

.series .rollevered {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    left: 0
}

#iconic_slider.carousel .carousel-control:after {
    top: inherit;
    bottom: 0;
    background: 0;
    width: 20px;
    margin-top: 33px;
    background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
    display: block;
    overflow: hidden !important;
    border: none !important;
    height: 36px;
    margin-bottom: 33px;
    content: " "
}

.new_ribbon {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 50%;
    height: auto
}

.collection-videos {
    border-left: 3px solid #fff;
    padding-left: 8px;
    -webkit-animation: flash linear .4s 2 forwards;
    animation: flash linear .4s 2 forwards
}

.collection-videos i {
    margin-right: 4px;
    color: #fff;
    position: relative;
    top: -1px;
    -webkit-animation: jello-horizontal .9s both;
    animation: jello-horizontal .9s both
}

@-webkit-keyframes flash {
    0% {
        text-shadow: 0 0 6px #FFF
    }

    100% {
        text-shadow: 0 0 0 #000
    }
}

.kizi-nav .hidden-links.hidden {
    display: none
}

.modal-ads-content .modal-content {
    overflow: visible;
    background: #0ea1cd;
    border: 0
}

.webshop-logo {
    position: absolute;
    right: -36px;
    top: -50px;
    overflow: visible;
    z-index: 1
}

.modal-ads-content .modal-dialog {
    max-width: 60%;
    min-width: 850px;
    margin: 23vh auto
}

.modal-ads-content .modal-body {
    padding: 10px 30px
}

.modal-ads-content .shop-items div {
    margin: auto auto 10px auto;
    position: relative
}

.modal-ads-content .btn-buy {
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .modal-ads-content .btn-buy {
        bottom: -110%
    }
}

.rollovered {
    opacity: 0;
    visibility: hidden
}

a.item:hover .rollovered {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    visibility: visible;
    opacity: 1
}

#game_box {
    position: relative
}

#flash_not_supported_container {
    max-width: 800px
}

#flash_not_supported_container img {
    width: 100%
}

.share-content {
    width: 225px;
    position: absolute;
    right: 0;
    left: -30%;
    margin: 17px auto;
    background: #f9c105;
    padding: 10px;
    border-radius: 3rem;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.box.arrow-top:after {
    content: " ";
    position: absolute;
    right: 0;
    top: -15px;
    border-top: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f9c105;
    left: 0;
    width: 10%;
    margin: auto
}

.more-related:after,.more-related.opened:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/assets/header/icon_arrow-ef361b66bd8a2a31b3d05e158eb4bc2badd74d60cbb049f09488ef615a73bcb9.svg) no-repeat left top;
    position: absolute;
    display: block;
    left: 22px;
    overflow: hidden !important;
    border: none !important;
    top: 8px
}

.more-related.opened:after {
    top: 0;
    transform: rotate(-180deg)
}

.more-related {
    display: block;
    height: 22px;
    width: 60px;
    background: #022c64;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px
}

.similar-games .thumb a {
    max-width: 115px;
    margin: 0 auto;
    display: block;
    height: 100%;
    min-height: inherit
}

.border-related.opened {
    height: 100%
}

.newgame .gamingarea {
    border-bottom: 0
}

.share-container .at-icon-wrapper {
    background: #0c0e53;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important
}

.share-container .at-icon-wrapper img {
    filter: invert(1) brightness(1) contrast(100)
}

.newgame .btn-warning:not(:disabled):not(.disabled).active,.newgame .btn-warning:not(:disabled):not(.disabled):active,.newgame .show>.btn-warning.dropdown-toggle {
    color: #fff
}

.question-elements,.question-elements div {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 22px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.question-elements label {
    margin-bottom: 0
}

.question-elements input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #568102;
    border-radius: 5px
}

.question-elements div:hover input ~ .checkmark {
    background-color: #317800
}

.question-elements input:checked ~ .checkmark {
    background-color: #317800
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.question-elements input:checked ~ .checkmark:after {
    display: block
}

.question-elements .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-questions-content .modal-content,.new-modal-content .modal-content {
    background: linear-gradient(0, #368006 0, #a8be00 100%);
    overflow: visible;
    border: none !important;
    margin-top: 120px
}

.modal-questions-content .close,.new-modal-content .close {
    background-color: #1aaeff !important;
    border: none !important
}

.new-modal-content .close {
    margin-right: -3px
}

.new-modal-content a.close.link {
    line-height: 50px;
    text-align: center
}

.modal-questions-content .close span,.new-modal-content .close span {
    margin-top: -3px;
    display: block
}

.question-modal-kizi,.new-modal-kizi {
    position: absolute;
    left: 0;
    height: 120px;
    top: -109px;
    z-index: 10
}

.thumb a {
    display: block
}

.thumb .caption {
    position: relative;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    left: 0
}

.thumb .img-thumbnail {
    min-height: unset
}

.scroll-row::-webkit-scrollbar {
    display: none
}

.scroll-row {
    width: 100%;
    position: relative;
    top: -13px
}

#backtotop-gamepage {
    background: #ff6b02;
    color: #fff;
    width: 57px;
    height: 57px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 27px;
    z-index: 100;
    display: none;
    border-bottom: solid 4px red;
    cursor: pointer
}

#backtotop-gamepage,#backtotop-gamepage * {
    transition: all .3s
}

#backtotop-gamepage span {
    position: fixed;
    width: 120px;
    right: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    bottom: 20px
}

.page-top #backtotop-gamepage {
    display: none !important
}

.page-middle #backtotop-gamepage {
    display: block !important
}

.page-end #backtotop-gamepage {
    bottom: 110px
}

.page-end #backtotop-gamepage span {
    bottom: 80px
}

#backtotop-gamepage.go-up {
    bottom: 210px
}

#backtotop-gamepage.go-up span {
    bottom: 170px
}

.rating_stars span.fa.fa-star {
    font-size: 1.5em !important;
    position: relative;
    top: 3px;
    right: 8px
}

.rates span.fa-star:not(.checked) {
    opacity: .3
}

.kizi-center {
    background: url(/assets/login/kizi_center-f54d540d24d3e062846dcc483d86824dd705b1d788594a6779f6791eb55600b1.png) no-repeat center;
    background-size: contain
}

.kizi-login-area img {
    margin-bottom: 10px;
    cursor: pointer
}

.kizi-sign-buttons,.kizi-login-area {
    margin-top: 160px
}

.kizi-sign-buttons img,.kizi-login-area img {
    margin-top: -10px;
    float: left
}

.devise_form {
    background-size: cover;
    background-position: center;
    padding: 40px;
    border-radius: 20px
}

.devise_form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: -1;
    background-color: #4682b4;
    border-radius: 20px
}

.hidden {
    display: none !important
}

.show {
    display: block !important
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.readmore-state {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    right: 0;
    bottom: 0;
    -webkit-appearance: none;
    outline: 0;
    opacity: 0;
    cursor: pointer
}

.readmore-wrap *>* {
    display: inline !important
}

.game_name {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin-left: -10px
}

.game_thumb {
    height: 90px;
    width: auto
}

.game_thumb img {
    width: auto;
    height: 100%
}

@media screen and (min-width: 992px) {
    .game_name {
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 400px)
    }
}

#game_box {
    position: relative
}

.game-download img {
    max-width: 45vw;
    width: auto;
    display: inline-block;
    height: 70%;
    min-height: 40px
}

.game-share i {
    color: #b5dbea
}

.game-share:hover {
    color: #fff
}

.more-related {
    display: block;
    height: 24px;
    padding-bottom: 26px !important;
    width: 60px;
    background: #022c64;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px
}

.similar-games .thumb a {
    max-width: 115px
}

.border-related.opened {
    height: 100%
}

.border-related {
    margin-top: 20px;
    border-top: 1px solid #4c9fd5 !important;
    height: 220px;
    overflow: hidden;
    padding-top: 34px !important
}

.border-related:before {
    content: "Suggested Games";
    position: absolute;
    top: 2px;
    left: 0px;
    right: 0px;
    width: 130px;
    margin: auto;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    margin-top: 5px;
    text-transform: uppercase
}

.border-0 {
    border: none !important
}

.newgame .gamingarea {
    border-bottom: 0
}

.scroll-row {
    width: 100%;
    position: relative;
    top: -13px
}

#backtotop-gamepage {
    background: #ff6b02;
    color: #fff;
    width: 57px;
    height: 57px;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 27px;
    z-index: 100;
    display: none;
    border-bottom: solid 4px red;
    cursor: pointer
}

#backtotop-gamepage,#backtotop-gamepage * {
    transition: all .3s
}

#backtotop-gamepage span {
    position: fixed;
    width: 120px;
    right: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    bottom: 20px
}

#backtotop-gamepage.go-up {
    bottom: 210px
}

#backtotop-gamepage.go-up span {
    bottom: 170px
}

.rating_stars span.fa.fa-star {
    font-size: 1.5em !important;
    position: relative;
    top: 3px;
    right: 8px
}

div.game-full-description>h4 {
    font-weight: bold
}

#homepage-top-ad {
    display: flex;
    justify-content: center;
    margin: 1em 0
}

#onetrust-pc-sdk.ot-ftr-stacked #ot-pc-content {
    bottom: 210px !important
}

#onetrust-pc-sdk .ot-pc-footer {
    max-height: 210px !important
}

#onetrust-accept-btn-handler {
    order: 2
}

#onetrust-consent-sdk #onetrust-pc-btn-handler {
    background-color: #1371C3;
    border-color: #1371C3 !important;
    color: #FFFFFF
}