:root {

    --blue: #007bff;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #e83e8c;

    --red: #dc3545;

    --orange: #fd7e14;

    --yellow: #ffc107;

    --green: #28a745;

    --teal: #20c997;

    --cyan: #17a2b8;

    --white: #fff;

    --gray: #6c757d;

    --gray-dark: #343a40;

    --primary: #007bff;

    --secondary: #6c757d;

    --success: #28a745;

    --info: #17a2b8;

    --warning: #ffc107;

    --danger: #dc3545;

    --light: #f8f9fa;

    --dark: #343a40;

    --breakpoint-xs: 0;

    --breakpoint-sm: 576px;

    --breakpoint-md: 768px;

    --breakpoint-lg: 992px;

    --breakpoint-xl: 1200px;

    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace

}



*,::after,::before {

    box-sizing: border-box

}



html {

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent

}



article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {

    display: block

}



body {

    margin: 0;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    text-align: left;

    background-color: #fff

}



h1,h2,h3,h4,h5,h6 {

    margin-top: 0;

    margin-bottom: .5rem

}



p {

    margin-top: 0;

    margin-bottom: 1rem

}



dl,ol,ul {

    margin-top: 0;

    margin-bottom: 1rem

}



b,strong {

    font-weight: bolder

}



a {

    color: #007bff;

    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:hover {

    color: #0056b3;

    text-decoration: underline

}



img {

    vertical-align: middle;

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



table {

    border-collapse: collapse

}



button {

    border-radius: 0

}



button,input,optgroup,select,textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



button,input {

    overflow: visible

}



button,select {

    text-transform: none

}



[type=reset],[type=submit],button,html [type=button] {

    -webkit-appearance: button

}



.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {

    margin-bottom: .5rem;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.2;

    color: inherit

}



.h1,h1 {

    font-size: 2.5rem

}



.h2,h2 {

    font-size: 2rem

}



.h3,h3 {

    font-size: 1.75rem

}



.h4,h4 {

    font-size: 1.5rem

}



.container-fluid {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto

}



.row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px

}



.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



.col {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%

}



.col-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%

}



@media (min-width: 992px) {

    .col-lg-2 {

        -webkit-box-flex:0;

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }



    .col-lg-3 {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    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:focus {

    color: #495057;

    background-color: #fff;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)

}



.form-control::-webkit-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::placeholder {

    color: #6c757d;

    opacity: 1

}



.btn {

    display: inline-block;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

}



.btn:not(:disabled):not(.disabled) {

    cursor: pointer

}



.btn-link {

    font-weight: 400;

    color: #007bff;

    background-color: transparent

}



.nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}



.breadcrumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: .75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #e9ecef;

    border-radius: .25rem

}



.pagination {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: .25rem

}



.clearfix::after {

    display: block;

    clear: both;

    content: ""

}



.d-flex {

    display: -webkit-box!important;

    display: -ms-flexbox!important;

    display: flex!important

}



@media (min-width: 992px) {

    .d-lg-none {

        display:none!important

    }

}



.flex-nowrap {

    -ms-flex-wrap: nowrap!important;

    flex-wrap: nowrap!important

}



.justify-content-between {

    -webkit-box-pack: justify!important;

    -ms-flex-pack: justify!important;

    justify-content: space-between!important

}



.justify-content-around {

    -ms-flex-pack: distribute!important;

    justify-content: space-around!important

}



.align-items-center {

    -webkit-box-align: center!important;

    -ms-flex-align: center!important;

    align-items: center!important

}



.position-relative {

    position: relative!important

}



.ml-auto,.mx-auto {

    margin-left: auto!important

}



.text-center {

    text-align: center!important

}



.categories .c-42 span {

    background-position: -4px 0px

}



.categories .c-66 span {

    background-position: -4px -26px

}



.categories .c-40 span {

    background-position: -4px -52px

}



.categories .c-3 span {

    background-position: -4px -78px

}



.categories .c-7 span {

    background-position: -4px -104px

}



.categories .c-8 span {

    background-position: -4px -130px

}



.categories .c-9 span {

    background-position: -4px -156px

}



.categories .c-10 span {

    background-position: -4px -182px

}



.categories .c-11 span {

    background-position: -4px -208px

}



.categories .c-44 span {

    background-position: -4px -234px

}



.categories .c-12 span {

    background-position: -4px -260px

}



.categories .c-13 span {

    background-position: -4px -286px

}



.categories .c-62 span {

    background-position: -4px -312px

}



.categories .c-36 span {

    background-position: -4px -338px

}



.categories .c-14 span {

    background-position: -4px -364px

}



.categories .c-15 span {

    background-position: -4px -390px

}



.categories .c-55 span {

    background-position: -4px -416px

}



.categories .c-16 span {

    background-position: -4px -442px

}



.categories .c-17 span {

    background-position: -4px -468px

}



.categories .c-4 span {

    background-position: -4px -494px

}



.categories .c-18 span {

    background-position: -4px -520px

}



.categories .c-19 span {

    background-position: -4px -546px

}



.categories .c-20 span {

    background-position: -4px -572px

}



.categories .c-21 span {

    background-position: -4px -598px

}



.categories .c-22 span {

    background-position: -4px -624px

}



.categories .c-23 span {

    background-position: -4px -650px

}



.categories .c-24 span {

    background-position: -4px -676px

}



.categories .c-26 span {

    background-position: -4px -702px

}



.categories .c-61 span {

    background-position: -4px -728px

}



.categories .c-33 span {

    background-position: -4px -754px

}



.categories .c-25 span {

    background-position: -4px -780px

}



.categories .c-22539 span {

    background-position: -4px -806px

}



.categories .c-22540 span {

    background-position: -4px -832px

}



.categories .c-41 span {

    background-position: -4px -858px

}



.categories .c-5 span {

    background-position: -4px -884px

}



.categories .c-45 span {

    background-position: -4px -910px

}



.categories .c-47 span {

    background-position: -4px -936px

}



.categories .c-46 span {

    background-position: -4px -962px

}



.categories .c-38 span {

    background-position: -4px -988px

}



.categories .c-1 span {

    background-position: -4px -1014px

}



.categories .c-22538 span {

    background-position: -4px -1040px

}



.categories .c-22541 span {

    background-position: -4px -1066px

}



.categories .c-32 span {

    background-position: -4px -1092px

}



.categories .c-34 span {

    background-position: -4px -1118px

}



.categories .c-35 span {

    background-position: -4px -1144px

}



.categories .c-56 span {

    background-position: -4px -1170px

}



.categories .c-53 span {

    background-position: -4px -1196px

}



.categories .c-52 span {

    background-position: -4px -1222px

}



.categories .c-54 span {

    background-position: -4px -1248px

}



.categories .c-49 span {

    background-position: -4px -1274px

}



.categories .c-59 span {

    background-position: -4px -1300px

}



.categories .c-51 span {

    background-position: -4px -1326px

}



.categories .c-60 span {

    background-position: -4px -1352px

}



.categories .c-37 span {

    background-position: -4px -1378px

}



.categories .c-43 span {

    background-position: -4px -1404px

}



.categories .c-57 span {

    background-position: -4px -1430px

}



.categories .c-48 span {

    background-position: -4px -1456px

}



.categories .c-22546 span {

    background-position: -4px -1482px

}



.categories .c-63 span {

    background-position: -4px -1508px

}



.categories .c-39 span {

    background-position: -4px -1534px

}



.categories .c-64 span {

    background-position: -4px -1560px

}



.categories .c-50 span {

    background-position: -4px -1586px

}



.categories .c-58 span {

    background-position: -4px -1612px

}



.categories .mc-flying:before {

    background-position: 0px -1638px

}



.categories .mc-football:before {

    background-position: 0px -1668px

}



.categories .mc-pirates:before {

    background-position: 0px -1698px

}



.categories .mc-seafight:before {

    background-position: 0px -1728px

}



.categories .mc-space:before {

    background-position: 0px -1758px

}



.categories .mc-dragons:before {

    background-position: 0px -1788px

}



.categories .mc-war:before {

    background-position: 0px -1818px

}



.categories .mc-fantasy:before {

    background-position: 0px -1848px

}



.categories .mc-shooting:before {

    background-position: 0px -1878px

}



.categories .mc-racing:before {

    background-position: 0px -1908px

}



.categories .mc-strategy:before {

    background-position: 0px -1938px

}



body {

    background-color: #f0f1f3;

    font-family: Arial;

    font-size: 14px;

    color: #000

}



h1 {

    color: #222630;

    font-family: Tahoma;

    margin-bottom: 30px;

    font-size: 24px

}



.header__holder {

    height: 52px;

    background-color: #002b5d;

    color: #fff;

    padding-top: 7px

}



.header__holder.toggled .col-typeahead {

    top: 0;

    opacity: 1

}



.typeahead__close {

    top: 0;

    position: absolute;

    right: 44px;

    z-index: 1

}



.typeahead__close>.btn {

    font-size: 22px;

    line-height: 1;

    color: #fff;

    text-decoration: none!important

}



.form-control {

    font-family: Arial;

    font-size: 14px;

    height: 38px;

    background-color: transparent;

    color: #fff

}



.form-control:focus {

    color: #fff;

    font-family: Arial;

    font-size: 14px

}



.page-content {

    padding: 0px 0 120px

}



.content__partners {

    background-image: url(/static/game67/images/texture.jpg);

    background-repeat: repeat;

    z-index: 2;

    position: relative

}



.icon {

    font-size: 0;

    display: block

}



.row {

    margin-left: -10px;

    margin-right: -10px

}



.col {

    padding-left: 10px;

    padding-right: 10px

}



.col-sidebar {

    position: absolute;

    width: 190px;

    padding: 10px;

    left: 0;

    background-color: #fff;

    top: 0;

    margin-left: -15px;

    height: 100%

}



.col-content {

    position: relative;

    width: 100%;

    right: 0;

    top: 0;

    padding-left: 195px

}



.typeahead__field {

    position: relative

}



.typeahead__button {

    position: absolute;

    right: 0;

    top: 0

}



.typeahead__button .icon {

    display: block

}



.icon>svg path {

    transition: all ease-in-out .12s

}



.typeahead__button .icon svg {

    fill: #fff

}



.typeahead__query .form-control {

    background-color: #11539f;

    border-color: transparent;

    box-shadow: none

}



.typeahead__query .form-control:focus {

    border-color: #007bff

}



.form-control::-webkit-input-placeholder {

    color: #fff;

    font-size: 14px;

    font-family: Arial

}



.flex-flow-0 {

    flex-grow: 0;

    flex-shrink: 0

}



.btn {

    font-size: 12px;

    height: 38px

}



.col-border-left {

    border-left: 1px solid #00346e

}



.categories {

    margin-bottom: 24px

}



.categories ul {

    list-style: none;

    margin: 0;

    padding: 0

}



.categories ul li a {

    font-size: 12px;

    color: #000;

    display: flex;

    font-family: Arial

}



.categories ul li a:hover {

    text-decoration: none

}



.categories ul li a:hover>.text {

    background-color: #e3e4e6;

    color: #000

}



.categories ul li a>span.image {

    background-image: url(/static/game67/images/sprite_cat.png?);

    display: block;

    width: 28px;

    height: 26px;

    margin-right: 10px

}



.categories .text {

    font-size: 12px;

    margin-bottom: 0px

}



.categories ul li a>.text {

    display: flex;

    align-items: center;

    border-radius: 4px;

    padding: 1px 6px 1px;

    flex: 1 1 auto

}



.c-forold>.text {

    background-color: #f9c921;

    color: #fff

}



.c-forboys>.text {

    background-color: #5bbafb;

    color: #fff

}



.c-forchildren>.text {

    background-color: #84cc6f;

    color: #fff

}



.c-forgirls>.text {

    background-color: #fda7ff;

    color: #fff

}



.c-gray>.text {

    background: #d9d9d9

}



.header {

    color: #222630;

    font-family: Tahoma

}



.header.h3 {

    font-size: 20px;

    margin-bottom: 10px

}



.fs-12 {

    font-size: 12px

}



.item img,.items-list__item img,.teaser img {

    border-radius: 4px;

    max-width: 100%

}



.items-list__item {

    position: relative;

    overflow: hidden;

    border-radius: 4px;

    height: 100%

}



.items-list__item>a {

    display: block;

    height: 100%

}



.items-list__item__description {

    margin-bottom: 0;

    color: #fff;

    font-size: 12px

}



.items-list .row,.items-list--cards.row,.items-list.row {

    margin-left: -5px;

    margin-right: -5px

}



.items-list .row .col,.items-list--cards.row .col,.items-list.row .col {

    padding-left: 5px;

    padding-right: 5px;

    margin-bottom: 10px

}



.header.h1 {

    font-size: 20px;

    margin-bottom: 26px

}



.footer__holder {

    background-color: #002b5d;

    padding: 15px 0

}



.footer__menu {

    background-color: #001f47;

    padding: 30px 0

}



.copyright {

    font-size: 12px;

    color: #f0f1f3

}



.footer__menu .nav li:not(:last-child) {

    margin-right: 32px

}



.footer__menu .nav li a {

    color: #fff;

    font-size: 12px;

    text-decoration: underline

}



.footer__holder .form-control {

    height: 44px;

    border: 1px solid #0a478d

}



.footer__holder .typeahead__button .btn {

    height: 44px

}



.breadcrumb {

    background-color: transparent;

    padding: 0;

    margin-top: 12px

}



.breadcrumb a,.breadcrumb span {

    color: #51555d;

    font-size: 12px

}



.pagination {

    justify-content: center;

    margin: 14px 0 24px

}



.pagination li:not(:last-child) {

    margin-right: 8px

}



.pagination li a {

    background-color: #e1e2e4;

    border: 0 none;

    border-radius: 3px;

    font-size: 12px;

    color: #262624;

    padding: 13px;

    min-width: 41px;

    text-align: center;

    transition: all ease .125s

}



.pagination li.active a {

    background-color: #002b5d;

    color: #fff

}



.items-list:not(.items-list--cards) .items-list__item__description {

    bottom: -100%;

    left: 0;

    right: 0;

    position: absolute;

    transition: all ease-in-out .125s;

    text-align: center;

    background-color: rgba(0,43,93,.8);

    padding: 10px 20px

}



.items-footer-list:not(.items-list--cards) .items-list__item__description {

    font-size: 10px;

    padding: 5px

}



.items-footer-list .items-list__item a {

    text-align: center

}



#mobile-nav #sidebar {

    position: static;

    display: block;

    margin-left: 0

}



#mobile-nav {

    overflow: auto;

    transform: translateX(-100%);

    will-change: transform;

    transition: all ease-in-out .185s

}



.p-overlay {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(0,0,0,.5);

    z-index: 999

}



html.mmenu-collapsing,html.mmenu-collapsing body,html.mmenu-open,html.mmenu-open body {

    overflow: hidden

}



.mmenu-toggle .btn {

    padding: 0;

    height: auto

}



.mm-slideout {

    transition: all ease-in-out .185s

}



.mmenu-open .mm-slideout {

    transform: translateX(200px)

}



.mmenu-open #mobile-nav {

    transform: translateX(0)

}



#mobile-header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 2

}



.hamburger-box {

    width: 16px;

    height: 14px;

    display: inline-block;

    position: relative;

    margin-top: 8px

}



.hamburger-inner {

    top: auto;

    bottom: 0;

    transition-duration: .15s;

    transition-delay: .15s;

    transition-timing-function: cubic-bezier(.55,.055,.675,.19)

}



.hamburger-inner {

    top: auto;

    bottom: 0;

    transition-duration: .15s;

    transition-delay: .15s;

    transition-timing-function: cubic-bezier(.55,.055,.675,.19)

}



.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {

    width: 16px;

    height: 2px;

    background-color: #fff;

    border-radius: 2px;

    position: absolute;

    left: 0;

    transition-property: transform;

    transition-duration: .15s;

    transition-timing-function: ease

}



.hamburger-inner::before {

    transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)

}



.hamburger-inner::after {

    top: -14px;

    transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear

}



.hamburger-inner::after,.hamburger-inner::before {

    content: '';

    display: block

}



.hamburger-inner::before {

    top: -7px

}



.mmenu-open .hamburger-inner::before {

    top: 0;

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1)

}



.mmenu-open .hamburger-inner::after {

    top: 0;

    opacity: 0;

    transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear

}



.mmenu-open .hamburger-inner {

    transform: translate3d(0,-7px,0) rotate(-45deg);

    transition-delay: .32s;

    transition-timing-function: cubic-bezier(.215,.61,.355,1)

}



.items-list .item {

    margin-bottom: 5px

}



.items-list .item img {

    width: 100%

}



h1.header.h1 {

    font-size: 24px;

    margin-bottom: 0

}



h1,h2,h3 {

    color: #222630;

    font-family: Tahoma

}



h3 {

    font-size: 18px;

    margin-bottom: 10px

}



input:focus::-webkit-input-placeholder {

    color: transparent

}



.content__partners table {

    table-layout: fixed;

    margin: 10px 0

}



.items-list {

    margin-right: -10px

}



#iplayer-panel {

    font-family: Arial,Helvetica,sans-serif;

    color: #ccebff;

    font-size: 12px;

    text-shadow: 0 1px 1px #05469d;

    height: 36px;

    left: 0;

    line-height: 36px;

    z-index: 1000;

    display: none

}



@media (min-width: 992px) {

    .footer__holder form {

        margin-bottom:70px

    }



    .items-list:not(.items-list--cards).row {

        margin-left: 0;

        margin-right: 0

    }



    .items-list:not(.items-list--cards) .item.col {

        padding-right: 0;

        padding-left: 0;

        max-width: none;

        flex-basis: auto

    }



    .items-list .item-big {

        width: 250px;

        height: 190px

    }



    .items-list .item-small {

        width: 120px;

        height: 90px

    }



    .items-list .item-tag {

        width: 120px;

        height: 145px

    }



    .items-footer-list .item-tag {

        width: 70px;

        height: 70px

    }



    .page-content {

        min-height: 1900px!important

    }

}



@media only screen and (min-width: 1200px) {

    .items-list__item:not(.items-list--cards):hover .items-list__item__description {

        bottom:0

    }



    .footer__menu .nav li a:hover,.game__nav .nav li a:hover {

        text-decoration: none

    }



    .pagination li a:hover {

        background-color: #002b5d;

        color: #fff

    }

}



@media only screen and (max-width: 1319px) {

    .items-list:not(.items-list--cards) .items-list__item__description {

        padding-right:10px;

        padding-left: 10px

    }

}



@media only screen and (max-width: 1199px) {

    .items-list:not(.items-list--cards) .items-list__item__description {

        white-space:nowrap;

        bottom: 0;

        padding: 2px 10px;

        max-width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        position: relative

    }



    .items-list__item img {

        width: 100%;

        border-radius: 4px 4px 0 0

    }

}



@media only screen and (max-width: 991px) {

    .header__holder>div[class*=container] {

        position:relative

    }



    .col-typeahead {

        position: absolute;

        top: -52px;

        left: -1px;

        right: 0;

        z-index: 2;

        opacity: 0;

        transition: all ease-in-out .125s

    }



    .page-content {

        padding-bottom: 40px

    }



    .copyright {

        margin-bottom: 12px

    }



    .footer__menu .d-flex {

        flex-direction: column

    }



    .breadcrumb__holder .breadcrumb {

        margin-top: 0

    }



    #offset-wrapper {

        padding-top: 52px

    }



    #mobile-header #header {

        position: static

    }



    #header {

        position: absolute;

        right: 0;

        top: 0;

        left: 0;

        z-index: 99

    }



    .col-content {

        width: 100%;

        padding-left: 0

    }



    #sidebar {

        display: none

    }



    #mobile-nav,#sidebar {

        position: fixed;

        z-index: 999;

        top: 0;

        bottom: 0;

        left: 0;

        background-color: #fff

    }

}



@media only screen and (max-width: 767px) {

    .footer__menu .nav li:not(:last-child) {

        margin-right:12px

    }



    .pagination li a {

        padding: 10px;

        min-width: 36px

    }

}



@media only screen and (max-width: 569px) {

    .logo img {

        width:140px;

        height: 17px

    }



    .footer__holder .form-control {

        padding-right: 50px

    }

}



@media only screen and (max-width: 419px) {

    .pagination {

        flex-wrap:wrap

    }



    .pagination li {

        margin-bottom: 6px

    }

}



@media screen and (min-width: 992px) {

    .items-list {

        display:grid;

        grid-template-columns: repeat(auto-fill,120px);

        grid-gap: 10px;

        grid-auto-rows: 90px;

        grid-auto-flow: dense

    }



    .item-big {

        grid-column-end: span 2;

        grid-row-end: span 2

    }

}



@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {

    .item-big,.item-small {

        margin: 5px

    }



    .item-big img {

        width: 120px;

        height: 90px

    }



    .items-list .item-big {

        width: 120px!important;

        height: 90px!important

    }

}



@media screen and (max-width: 992px) {

    .content__partners {

        z-index: 0

    }

}



.myButton {

    -moz-box-shadow: inset 0 1px 0 0 #97c4fe;

    -webkit-box-shadow: inset 0 1px 0 0 #97c4fe;

    box-shadow: inset 0 1px 0 0 #97c4fe;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#3d94f6),color-stop(1,#1e62d0));

    background: -moz-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);

    background: -webkit-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);

    background: -o-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);

    background: -ms-linear-gradient(top,#3d94f6 5%,#1e62d0 100%);

    background: linear-gradient(to bottom,#3d94f6 5%,#1e62d0 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',endColorstr='#1e62d0',GradientType=0);

    background-color: #3d94f6;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    border: 1px solid #337fed;

    display: inline-block;

    cursor: pointer;

    color: #fff;

    font-family: Arial;

    font-size: 20px;

    padding: 6px 40px;

    text-decoration: none;

    text-shadow: 0 1px 0 #1570cd

}



.myButton:hover {

    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#1e62d0),color-stop(1,#3d94f6));

    background: -moz-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);

    background: -webkit-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);

    background: -o-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);

    background: -ms-linear-gradient(top,#1e62d0 5%,#3d94f6 100%);

    background: linear-gradient(to bottom,#1e62d0 5%,#3d94f6 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6',GradientType=0);

    background-color: #1e62d0;

    color: #fff;

    text-decoration: none

}



.myButton:active {

    position: relative;

    top: 1px

}



.vp-dropdown .remove {

    color: #fff;

    cursor: pointer;

    font-size: 15px;

    position: absolute;

    background-color: red;

    line-height: 10px;

    padding: 4px;

    right: 0;

    top: 0;

    z-index: 999;

    border-radius: 3px

}



.vp-dropdown .remove:hover {

    background: #02B8E3;

    text-decoration: none

}



.game {

    background-color: #002b5d;

    border-radius: 10px;

    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);

    display: inline-block;

    line-height: 0;

    width: 160px;

    height: 120px;

    margin: 0 7px 15px;

    overflow: hidden;

    position: relative;

    transition: all .6s ease;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform

}



.game:hover {

    -webkit-transform: scale(1.0425531915) translate3d(0, -4px, 0);

    transform: scale(1.0425531915) translate3d(0, -4px, 0);

    transition-duration: .3s

}



.game-title {

    bottom: 0;

    color: #ffffff;

    font: 700 13px/16px sans-serif;

    left: 0;

    padding: 2px;

    border-radius: 10px;

    position: absolute;

    right: 0;

    text-align: center;

    z-index: 3

}



.game .game-img {

    width: 100%;

    height: auto;

    max-width: 160px;

    min-width: 100px;

    max-height: 120px;

    min-height: 85px

}



.vp-dropdown {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 99999;

    top: 0;

    left: 0;

    display: none

}



section.vp-dropdown div.close span {

    position: fixed;

    z-index: 1;

    cursor: pointer;

    font-size: 30px;

    line-height: 50px;

    color: #002b5d;

    text-align: center;

    width: 50px;

    height: 50px;

    right: 0

}



.vp-list.vp-fav {

    padding: 0;

    text-align: center

}



section.vp-dropdown .bookmark-title {

    margin-top: 60px;

    margin-bottom: 40px;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    font-size: 15px;

    text-align: center

}



#smokescreen {

    display: none;

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(72, 72, 72, 0.9)

}



.count {

    background-color: #d95652;

    border-radius: 100%;

    margin-left: 4px;

    float: right;

    height: 14px;

    line-height: 2px;

    margin-top: -4px;

    padding: 5px 5px

}



.noadded {

    color: #fff;

    text-align: center;

    padding: 0 20px;

    font-size: 16px;

    line-height: 21px

}



i.icon-cancel svg:hover {

    fill: #FF4F5B

}



svg {

    width: auto;

    fill: #fff;

    position: relative

}



.add-fav svg {

    width: auto;

    fill: #1621a0;

    position: relative

}



.item-favorite-active {

    opacity: .5

}



.item-favorite-active,.item-favorite {

    margin-bottom: 5px;

    padding: 5px;

    border: 2px solid #1621a0;

    border-radius: 10px;

    cursor: pointer;

    display: inline-block

}



.add-fav {

    display: flex;

    justify-content: center

}



.close {

    float: right;

    font-size: 1.5rem;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

}



.pwa-button {

    font-size: 14px;

    justify-content: center;

    align-items: center;

    flex-flow: column;

    padding: 12px;

    text-align: center;

    text-decoration: none;

    outline: 0;

    color: #fff;

    background-color: #00b000;

    border: none;

    border-radius: 7px;

    transition: .2s

}



.pwa-button:hover {

    background-color: #31c58b

}



.list-live {

    position: absolute;

    z-index: 99999999;

    background: #e1f6ff;

    width: 100%;

    margin: 0 auto;

    border-radius: .25rem;

    border: 1px solid #11539f;

    display: none

}



.list-live__item {

    position: relative;

    margin: 10px;

    display: flex;

    align-items: center;

    height: 20px;

    width: 100%

}



.list-live__item-img {

    padding: 5px

}



.list-live__item-img img {

    height: 25px

}



.list-live__item p {

    margin-bottom: 0;

    color: #0a478d;

    padding: 0 10px;

    font-size: 16px

}



.list-live__item a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1

}



.list-live hr {

    width: 95%;

    opacity: .4;

    border: 1px solid #11539f

}



#header form {

    position: relative

}



.cookies {

    display: none;

    z-index: 999999999;

    background: #ffffff;

    position: fixed;

    width: 85%;

    height: auto;

    left: 0;

    right: 0;

    border: 3px solid #000;

    padding: 10px;

    justify-content: space-between;

    align-items: center;

    align-self: center;

    margin: auto;

    bottom: 20px

}



.buttons {

    display: flex;

    justify-content: space-around;

    width: 25%;

    align-items: center

}



.cookies p {

    margin: 0;

    font-size: 14px;

    font-family: Arial, sans-serif;

    width: 75%;

    font-weight: 400

}



.cookies a {

    text-decoration: underline;

    text-decoration-thickness: 2px;

    font-weight: 800;

    color: #35a4c5;

    font-family: Arial, sans-serif;

    transition: .4s all ease

}



.cookies a:hover {

    color: #2d91af

}



.cookies button {

    height: 40px;

    background-color: #24b04f;

    border: none;

    width: 120px;

    font-size: 20px;

    color: #fff;

    font-family: Arial, sans-serif;

    font-weight: 600;

    cursor: pointer;

    transition: .4s all ease

}



.cookies button:hover {

    background-color: #1f9b44

}



@media (max-width: 991.98px) {

    .cookies {

        height: auto

    }



    .cookies p {

        width: 60%

    }



    .buttons {

        width: 40%;

        justify-content: space-around

    }

}



@media (max-width: 767.98px) {

    .cookies p {

        font-size: 12px

    }



    .cookies button {

        font-size: 16px;

        width: 90px

    }

}



@media (max-width: 575.98px) {

    .cookies {

        flex-direction: column;

        height: auto;

        width: 90%;

        padding: 5px 10px;

        bottom: 10px

    }



    .buttons {

        width: 100%

    }



    .cookies p {

        font-size: 12px;

        width: 100%

    }



    .cookies button {

        font-size: 16px;

        width: 120px

    }

}



.lang__btn {

    cursor: pointer;

    position: relative;

    color: #fff;

    text-decoration: underline

}



.lang__btn:hover {

    text-decoration: none

}



.lang__dropdown {

    box-sizing: border-box;

    padding-inline-start:0;position: absolute;

    bottom: 20px;

    left: 0;

    max-height: 0;

    overflow: hidden;

    overflow-y: auto;

    transition: 1s;

    border: 1px solid #001f47;

    background-color: #fff;

    display: flex;

    flex-direction: column;

    border-radius: 5px;

    list-style: none

}



.lang__btn:hover .lang__dropdown {

    max-height: 300px;

    box-shadow: 0 0 15px rgba(0,0,0,.3)

}



.lang__dropdown li.lang__li:not(:last-child) {

    margin-right: 0

}



.lang__dropdown li.lang__li {

    margin: 5px 0

}



.lang__dropdown li.lang__li a {

    width: 100%;

    display: inline-block;

    padding: 5px 10px;

    color: #002b5d;

    text-decoration: none;

    transition: .4s

}



.lang__dropdown li.lang__li a:hover {

    color: #001f47;

    margin-left: 5px;

    margin-right: -5px

}



.lang__dropdown::-webkit-scrollbar {

    width: 2px;

    margin-right: 1px

}



.lang__dropdown::-webkit-scrollbar-track {

    box-shadow: inset 0 0 6px rgba(0,0,0,.3)

}



.lang__dropdown::-webkit-scrollbar-thumb {

    background-color: #001f47;

    outline: slategrey solid 1px

}


@media screen and (min-width:1150px) {
  .item-big img{height:190px;}
  .item-small img{height:90px;}   
}