html, body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 70px;
    margin-bottom: 200px;
    background: #ffffff;
}

html.toolbar-expand {
    overflow-y: hidden;
}

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

body::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.01);
}

body::-webkit-scrollbar-track-piece {
    background-color: #efefef;
}

body::-webkit-scrollbar-track-piece:hover {
    background-color: #d0d0d0;
}

body::-webkit-scrollbar-thumb:vertical {
    background-color: #838383;
}

body::-webkit-scrollbar-thumb:vertical:hover {
    background-color: dimgray;
}

footer {
    padding: 40px 30px 40px 35px;
    background: #003d91;
    color: #fff;
    overflow: hidden;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
}

footer div {
    position: relative;
}

footer a, footer a:hover {
    color: #ffffff;
}

footer ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    width: 250px;
    position: relative;
    top: 0;
}

footer ul li {
    padding-left: 0;
}

a, .page-link {
    color: #0072ce;
}

.hidden {
    display: none;
}

.alert, .form-control, .btn {
    border-radius: 0;
}

.alert-flash {
    margin: 0 0 10px 0;
}

.alert-block.no-padding {
    margin-bottom: -10px;
}

.page-item.active .page-link {
    background: #0072ce;
    border-color: #0072ce;
}

.navbar {
    background-color: #333;
    height: 60px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    z-index: 100000;
}

.navbar a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    outline: 0;
}

.navbar a:hover span {
    color: #fff;
}

.navbar ul a:hover span {
    border-bottom: 2px solid #00a2ff;
    padding-bottom: 4px;
}

.dropdown-menu {
    min-width: auto;
}

.dropdown-menu .dropdown-item {
    color: #212529;
    padding: 0 10px;
    line-height: 22px;
}

.dropdown-menu .dropdown-item:hover {
    background: #0072ce;
    color: #ffffff;
}

form .dropdown-menu .dropdown-item {
    font-size: 14px;
}

nav .nav-btn {
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 16px;
    margin: 0 16px 0 0;
    background-color: rgba(255, 255, 255, .15);
    color: #fff;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: .875rem;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .2s, color .2s;
    border: none;
}

nav .nav-btn:hover {
    background-color: rgba(255, 255, 255, .25);
}

nav .nav-btn .icon {
    display: none;
}

nav .form-search {
    height: 38px;
    background-color: #525252;
    display: block;
    color: #fff;
    font-size: 20px;
    position: relative;
    border: 0 none;
    padding: 0;
}

nav .form-search .icon {
    content: "\f002";
    font: normal normal normal 18px/1 'Font Awesome 5 Solid';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    top: 11px;
    z-index: 100;
    right: 10px;
    pointer-events: none;
}

nav .form-search input, nav .form-search button {
    border: 0;
    color: #fff;
    background: transparent center center no-repeat;
    font-size: 25px;
}

nav .form-search input {
    font-size: 14px;
    padding: 0 39px 0 12px;
    height: 100%;
    margin: 0;
    transition: background-color .3s;
    width: 100%;
    box-sizing: border-box;
}

nav .form-search input:focus {
    outline-width: 0;
}

nav .form-search button {
    position: absolute;
    margin-bottom: 0;
    height: auto;
    width: 17px;
    right: 15px;
    display: block;
    text-indent: -999px;
    overflow: hidden;
    top: 0;
}

main {
    margin-bottom: 20px;
}

main .column-main {
    max-width: 870px;
}

.container-lite .column-main {
    max-width: 1200px;
}

main .breadcrumb {
    background: none;
    padding-left: 0;
    padding-bottom: 0;
}

main .shapes {
    pointer-events: none;
    position: absolute;
    width: 160px;
    height: 222px;
    z-index: 11;
}

main .shapes.right {
    bottom: 350px;
    right: -2%;
    background: url("../img/right-shapes.png");

}

main .shapes.left {
    bottom: 255px;
    left: -3%;
    background: url("../img/left-shapes.png");
}

main table td.sm {
    width: 40px;
    text-align: center;
}

main .btn {
    color: #ffffff;
    background: #0061af;
    min-width: 100px;
    min-height: 43px;
    font-size: 15px;
    padding: 0 20px;
    line-height: 43px;
}

main .btn:hover {
    background: #0089d8;
}

main .btn-danger {
    background: #dc3545;
}

main .btn-danger:hover {
    background: #dc5e66;
}

main .btn-black {
    background: #363636;
}

main .btn-black:hover {
    background: #464646;
}

main .column-menu {
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
    padding-left: 5px;
}

main .column-menu-items > div {
    margin-top: 15px;
}

main .column-menu-items > div:first-child {
    margin-top: 0;
}

main .column-main {
    max-width: 880px;
}

main .column-main.col-lg-9 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

main .column-main.col-lg-12 {
    max-width: 1168px;
}

main .order-lg-2.with-crumbs {
    margin-top: -52px;
}

main .content ul, main #page-container ul {
    margin: 0 0 1em 0;
    list-style: none;
    padding: 0 0 0 16px;
}

main .content ul li::before, main #page-container ul li::before {
    content: "\25AA";
    color: #0061af;
    font-weight: bold;
    display: block;
    margin: 4px 0 0 -17px;
    width: 16px;
    height: 14px;
    line-height: 14px;
    font-size: 25px;
    position: absolute;
}

main .game-panel.content-panel h2, main .sub-title, main .list-categories .list-header {
    margin: -15px -15px 10px;
    padding: 0 15px;
    background-color: #0061af;
    color: #fff;
    height: 43px;
    position: relative;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 43px;
}

main.container-lite #page-container ul li::before {
    display: none;
}

main .sub-title h1, main .sub-title h2, main .sub-title .float-right {
    height: 43px;
    position: relative;
    font-size: 18px;
    line-height: 43px;
}

main .sub-title .float-right {
    margin-left: 10px;
}

main .sub-title .float-right .btn-filter {
    width: 28px;
    height: 27px;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-top: 8px;
    line-height: 28px;
    text-align: center;
}

main .sub-title .float-right .btn-filter:hover {
    background: rgba(0, 0, 0, 0.3);
}

main .sub-title .float-right .btn-filter.opened {
    background: rgba(0, 0, 0, 0.3);
}

main .sub-title .float-right .btn-filter.opened:hover {
    background: rgba(0, 0, 0, 0.4);
}

main .sub-title form {
    margin: 7px 0 0 12px;
}

main .sub-title form.float-right {
    height: 36px;
}

main .sub-title select, main .game-prices .sub-title select {
    padding: 0 5px;
    height: 29px;
    font-size: 14px;
    line-height: 29px;
}

main .list-categories .list-header {
    margin: 0 0 10px -10px;
    padding: 0 10px;
}

main .list-categories .list-header .icon {
    position: absolute;
    right: 15px;
    cursor: pointer;
    font-size: 16px;
    display: none;
}

main .list-categories a, main .list-items {
    width: 100%;
    position: relative;
}

main .list-items {
    overflow: hidden;
    margin-top: 25px;
}

main .list-categories .list-data {
    display: block;
}

main .list-categories a, main .list-items div {
    border-bottom: 1px dotted #868e96;
    background-color: #ffffff;
    height: 18px;
    margin-bottom: 6px;
    width: 100%;
    display: block;
    white-space: nowrap;
}

main .list-categories a span, main .list-items .list-item span {
    display: inline-block;
    height: 22px;
    background-color: #ffffff;
}

main .list-categories a span:first-child, main .list-items .list-item span:first-child {
    padding-right: 5px;
    position: relative;
    z-index: 100;
}

main .list-categories a .counter, main .list-items .list-item .item-right {
    padding-left: 5px;
    position: absolute;
    right: 0;
    z-index: 99;
}

main .list-items .list-item .item-right:hover {
    z-index: 101;
}

main .list-categories a .counter {
    color: #868e96;
}

main .game-list > .table, main .game-list > noindex > .table {
    margin: 0;
}

main .game-list .game-list-item {
    margin-bottom: 20px;
    min-height: 208px;
    position: relative;
}

main .game-list .game-list-item:after {
    display: block;
    clear: both;
    content: "\a0";
    padding: 0;
    margin: 20px 0 0 0;
    line-height: 1px;
    border-top: 1px dashed #00a2ff;
    width: 100%;
}

main .game-list .game-list-item:last-child {
    margin-bottom: 0;
}

main .game-list .game-list-item:last-child:after {
    border-top: none;
    margin: 0;
}

main .game-list .game-list-item .game-info {
    width: 850px;
    padding-left: 223px;
    padding-right: 0;
    float: left;
}

main .col-lg-12 .game-list .game-list-item .game-info {
    width: 950px;
}

main .game-list-item .game-info .description {
    min-height: 54px;
}

main .game-list .game-list-item .game-info h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0;
    display: inline-block;
    width: 532px;
}

main .game-list .game-list-item .game-info .description {
    width: 445px;
    min-height: 54px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
}

main .game-list .game-list-item .game-info.page .description {
    width: 100%;
}

main .game-list .game-list-item .game-info .list-items {
    min-height: 72px;
}

main .game-view .game-info .list-item .more {
    margin-left: 5px;
}

main .game-view .game-info .list-item .more .badge {
    background: #0061af;
    padding: 0 5px;
    margin: 0;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
}

main .game-view .game-info .list-item .more .desc {
    display: none;
}

main .game-view .game-info .list-item .more:hover .desc {
    border: 1px solid rgba(0, 0, 0, .15);
    display: block;
    position: absolute;
    width: 392px;
    right: 0;
    top: -1px;
    z-index: 101;
    background: #fff;
    padding: 0 5px;
    height: auto;
    text-align: right;
    white-space: normal;
}

main .game-view .game-info.game-no-photos .list-item .more:hover .desc {
    width: 507px;
}

main .game-list .game-list-item .col {
    max-width: none;
}

main .game-list-item .game-photo {
    padding: 3px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .15);
    width: 278px;
    margin: 0 5px 5px 0;
    float: right;
}

main .game-list-item .game-info .game-photo img {
    max-width: 270px;
    height: 270px;
}

main .game-list-item .game-info .description {
    margin-top: 27px;
    line-height: 18px;
}

main .game-list .game-list-item .game-photo {
    width: 208px;
    min-width: 208px;
    position: absolute;
    left: 0;
    top: 0;
}

main .game-list .game-list-item .game-photo img {
    max-width: 200px;
    height: 200px;
}

main .game-list-item .game-price {
    font-size: 1.25rem;
    text-align: center;
    color: #0056b3;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    width: 160px;
    float: right;
}

main .game-actions {
    margin-top: 10px;
    text-align: center;
}

main .game-actions a, .block-banner .game-actions a {
    min-width: 25px;
    display: inline-block;
}

main .game-actions a:not(.normal), .block-banner .game-actions a:not(.normal) {
    color: #868e96;
}

main .game-actions a:hover .fa-bell, main .game-actions a.active .fa-bell {
    color: #f9d58a;
}

main .game-actions a.active .fa-bell {
    color: #f9c000;
}

main .game-actions a:hover .fa-heart, main .game-actions a.active .fa-heart {
    color: #ff7980;
}

main .game-actions a.active .fa-heart {
    color: #ff4a50;
}

main .game-actions a:hover .fa-gamepad, main .game-actions a.active:hover .fa-gamepad {
    color: #5b82b3;
}

main .game-actions a.active .fa-gamepad {
    color: #0056b3;
}

main .game-actions a.active-earlier:hover .fa-gamepad {
    color: #5fbc7c;
}

main .game-actions a.active-earlier .fa-gamepad {
    color: #4e9c67;
}

main .game-list-item .img-thumbnail {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    margin: 0 5px 5px 0;
    width: 100px;
    padding: 3px;
}

main .game-view {
    margin-top: 0;
}

main .game-view .game-cover {
    position: relative;
    height: 600px;
    margin-top: -10px;
    margin-bottom: 30px;
    background-position-x: 50%;
    background-size: auto 100%;
}

main .game-view .game-cover .crumbs {
    background: rgba(255, 255, 255, 0.70);
    display: inline-block;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    height: 43px;
    line-height: 43px;
}

main .game-view .game-cover .title, main .game-view .game-cover .description {
    background-color: #0072ce;
    color: #ffffff;
    opacity: 0.8;
    position: absolute;
    font-weight: 100;
}

main .game-view .game-cover .title {
    top: 110px;
    left: 70px;
    padding: 2px 20px;
    font-size: 40px;
}

main .game-view .game-cover .description {
    top: 174px;
    left: 0;
    padding: 15px 20px;
    font-size: 18px;
    max-width: 80%;
}

main .game-view .game-cover .properties {
    text-align: right;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

main .game-view .game-cover .properties .prop {
    margin-top: 5px;
}

main .game-view .game-cover .properties .prop-vr {
    margin-right: -21px;
}

main .game-view .game-cover .properties .prop-vr-only {
    margin-right: -19px;
}

main .game-view .game-cover .crumbs .breadcrumb {
    margin: 0;
    padding: 0;
}

main .game-view .game-cover .logo {
    position: absolute;
    left: 20px;
    bottom: 20px;
    height: 200px;
}

main .game-view .game-info {
    position: relative;
    padding-left: 408px;
    min-height: 278px;
}

main .game-view .game-no-photos {
    padding-left: 293px;
}

main .game-view .img-thumbnail {
    width: 110px;
    height: 65px;
    margin-bottom: 6px;
}

main .game-view .game-info h1 {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

main .game-view .game-info h1, main .game-view .game-info h2 {
    font-size: 24px;
    color: #0072ce;
}

main .game-view .game-info .game-photos {
    width: 398px;
    position: absolute;
    top: 0;
    left: 0;
}

main .game-view .game-no-photos .game-photos {
    width: 283px;
}

main .game-view .content {
    margin-top: 20px;
    text-align: justify;
}

main .game-view .content :last-child, #page-container :last-child {
    margin-bottom: 0;
}

main .game-view .content .title {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}

main .game-view .content-html .row {
    padding: 0 15px;
}

main .game-view .content-html [class^="col-"], main .game-view .content-html [class*=" col-"] {
    padding: 0 7px 0 8px;
}

main .game-view .content-html [class^="col-"]:first-child, main .game-view .content-html [class*=" col-"]:first-child {
    padding: 0 15px 0 0;
}

main .game-view .content-html [class^="col-"]:last-child, main .game-view .content-html [class*=" col-"]:last-child {
    padding: 0 0 0 15px;
}

main .game-view .content-html {
    margin-top: 20px;
}

main.container-lite #page-container h3 {
    color: #363636;
    line-height: 1.5;
    font-weight: 100;
    font-size: 28px;
    margin-bottom: 0;
    text-transform: none;
}

main .game-view .content-html h3, main .game-view .content-html .row h4, main .game-view .content-html .rw h4, main .game-view .content-html h4, main #page-container h3, main #page-container h2, main.container-lite #page-container h3.blue {
    color: #0072ce;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin: 0;
}

main .game-view .content-html .row h3, main .game-view .content-html .rw h3, main .game-view .content-html h4, main #page-container h2 {
    color: #ed5f2b;
}

main .game-view .content-html .row h4 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

main #page-container h2, main .game-view .content-html h3, main #page-container h3 {
    font-size: 20px;
    margin: 20px 0 10px 0;
}

main.container-lite #page-container h3 {
    margin: 0;
}

main .game-view .content-html h4 {
    display: block;
    width: 100%;
    text-align: left;
}

main .game-view table.prices tr {
    line-height: 25px;
}

main .game-view table.prices tr.active {
    background-color: rgba(237, 95, 43, 0.2);
}

main .game-view table.prices td .fa-download {
    margin-top: 8px;
}

main .game-view table.prices td .btn-orange .fa-cart-shopping, main .game-view table.prices td .btn-grey .fa-cart-shopping {
    display: none;
}

main .game-view table.prices td .logo {
    margin: 0 -12px 0 12px;
}

main .game-view table.prices td:first-child {
    line-height: 31px;
}

main .game-view table.prices td:last-child, main .game-list table td:last-child, main table.prices td.price {
    width: 130px;
}

main .game-view table.prices.history td:last-child {
    width: 40px;
    padding-right: 15px;
    padding-left: 15px;
}

main table.prices td.price {
    padding-right: 0;
}

main .game-list tr.inactive td {
    opacity: 0.3;
}

main .game-list td {
    padding: 12px;
    line-height: 30px;
}

main .game-list td .btn-orange, main .game-list td .btn-grey {
    padding: 0;
}

main .game-list table td.image {
    width: 56px;
}

main .game-list table td.image img {
    width: 44px;
    height: 44px;
    margin: -8px 0 0 -6px;
    position: absolute;
}

main .game-list table .game-actions {
    margin-top: 0;
}

main .game-view .youtube-wrapper, main #page-container .youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

main .game-view .youtube-wrapper iframe, main #page-container .youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

main .game-view .alert-block {
    margin-top: -20px;
}

main .game-view .block-image {
    text-align: center;
}

main .game-view .block-image img {
    max-width: 100%;
}

main .content-panel {
    background: #f0f0f0;
}

main .game-panel.content-panel {
    padding: 15px;
    margin-bottom: 30px;
}

main .game-view .game-panel.content-panel {
    margin-bottom: 0;
    margin-top: 20px;
}

main .game-panel.content-panel h2 a, main .sub-title a, main .sub-title .float-right {
    font-size: 12px;
    color: #fff;
}

main .sub-title a.next, main .sub-title a.prev {
    font-size: 18px;
    margin-right: 6px;
}

main .sub-title a.next:hover, main .sub-title a.prev:hover {
    text-decoration: none;
}

main .sub-title a.next {
    margin: 0 0 0 6px;
}

main .sub-title .float-right.icon {
    font-size: 16px;
}

main .game-view .content-panel.video-with-banner {
    position: relative;
}

main .game-view .content-panel.video-with-banner .block-video-banner {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    height: 478px;
    background: rgba(180, 180, 180, 0.8);
    padding: 69px 125px;
}

main .game-view .content-panel.banner-without-video {
    padding-bottom: 30px;
}

main .game-view .content-panel.banner-without-video .block-video-banner {
    margin: 30px 125px 0 125px;
    width: 600px;
    position: relative;
}

main .sub-title {
    margin: 0 0 15px 0;
}

main .sub-title.lite {
    padding-bottom: 9px;
}

main .row-table .sub-title {
    margin: 0;
}

main .sub-description {
    text-align: justify;
}

main .row-table {
    margin-bottom: 16px;
}

main .row-table:last-child, main .row-table:last-child table {
    margin-bottom: 0;
}

main .game-panel .row {
    margin-right: 0;
    margin-left: 0;
    height: 243px;
}

main .game-panel .owl-carousel {
    display: block;
    overflow: hidden;
    height: 243px;
}

main .game-panel .owl-carousel.owl-loaded {
    overflow: visible;
}

main .game-panel .game-item {
    padding: 0 14px 0 0;
    width: 200px;
    height: 243px;
    float: left;
}

main .game-panel .game-item .game-photo, .block-banner.game-panel .game-item .game-photo {
    margin: 0;
    width: 186px;
    position: relative;
}

main .game-panel .game-item .game-photo .game-actions, .block-banner.game-panel .game-item .game-photo .game-actions {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 4px;
    right: 4px;
    font-size: 0;
}

main .game-panel .game-item .game-photo .game-actions a, .block-banner.game-panel .game-item .game-photo .game-actions a {
    color: #cac9c9;
    font-size: 16px;
}

main .game-view .game-info .game-actions, main .game-list-item .game-info .game-actions {
    float: right;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
}

main .game-list .game-info .game-actions {
    line-height: 24px;
}

main .game-panel .game-item .game-price, .block-banner.game-panel .game-item .game-price {
    width: 100%;
    font-weight: normal;
}

main .game-panel .owl-theme .owl-nav .owl-prev, main .game-panel .owl-theme .owl-nav .owl-next {
    position: absolute;
    margin-top: -156px;
    padding: 0;
    background: #0072ce;
    color: #ffffff;
    font-size: 30px;
    width: 30px;
    line-height: 24px;
    height: 30px;
    text-align: center;
    border-radius: 0;
}

main .game-panel .owl-theme .owl-nav .owl-prev:hover, main .game-panel .owl-theme .owl-nav .owl-next:hover {
    background: #0089d8;
}

main .game-panel .owl-nav .owl-prev {
    left: -10px;
}

main .game-panel .owl-nav .owl-next {
    right: -10px;
}

main .game-panel .game-name, .block-banner.game-panel .game-name {
    white-space: nowrap;
    overflow: hidden;
}

main .game-panel .game-photo, .block-banner.game-panel .game-photo {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 2px;
    height: 186px;
    text-align: center;
}

main .game-panel .game-photo img, .block-banner.game-panel .game-photo img {
    height: 100%;
}

main .game-panel .btn-orange, .block-banner.game-panel .btn-orange, main .game-panel .btn-grey, .block-banner.game-panel .btn-grey {
    margin-top: 3px;
    padding: 3px;
    line-height: 24px;
}

main .game-info .game-photo .game-rating, main .game-item .game-photo .game-rating {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 5px;
    color: #eaeaea;
    top: 5px;
    right: 5px;
}

main .game-view .game-info .game-photo .game-rating {
    top: 7px;
    right: 11px;
}

main .game-list-item.game-view .game-price .btn-orange, main .game-list-item.game-view .game-price .btn-grey {
    margin-top: 3px;
}

main .btn-orange, main .btn-grey, .block-banner .btn-orange {
    background: #ed5f2b;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    font-size: 16px;
    margin-top: 5px;
}

main .game-list-item .game-price .btn-orange, main .game-list-item .game-price .btn-grey {
    margin-top: 31px;
}

main .btn-grey {
    background: #808080;
}

main table .btn-orange, main table .btn-grey {
    margin: 0;
    padding: 3px 0;
    width: 130px;
}

main .pagination {
    margin: 15px 0 0 0;
}

main .pagination-block {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 5px;
    background: #f5f5f5;
    margin-bottom: 20px;
    line-height: 33px;
}

main .pagination-block.pagination-block-bottom {
    margin-bottom: 0;
    margin-top: 20px;
}

main .pagination-block a.page-link {
    padding: 0 0.75rem;
    height: 33px;
    line-height: 32px;
}

main .pagination-block .pagination {
    margin: 0;
}

main .pagination .page-item:last-child .page-link, main .pagination .page-item:first-child .page-link {
    border-radius: 0;
}

main .pagination-block .filter-items .filter-item + .filter-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "|";
}

main .pagination-block .dropdown {
    display: inline-block;
}

main .pagination-block .description {
    margin: 0 0 0 5px;
    color: #707070;
}

main form .text, main form .select, main form .checkbox {
    margin-bottom: 10px;
}

main form .select select[multiple] {
    height: 38px;
}

main form select.form-control {
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #aaaaaa 50%), linear-gradient(135deg, #aaaaaa 50%, transparent 50%);
    background-position: calc(100% - 15px) calc(1em + 1px), calc(100% - 10px) calc(1em + 1px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    padding-right: 30px;
}

main .filter form select.form-control {
    padding-right: 24px;
}

main form select.form-control:focus {
    background-image: linear-gradient(45deg, transparent 50%, #80bdff 50%), linear-gradient(135deg, #80bdff 50%, transparent 50%);
}

main form select.form-control[multiple] {
    padding-right: 12px;
    background: none;
}

main form select.form-control[multiple] option {
    height: 24px;
}

main form .item-with-prefix .input-prefix {
    width: 60px;
    display: block;
    position: absolute;
    z-index: 2;
}

main form .item-with-prefix .input-group {
    width: 100%;
    box-sizing: border-box;
    padding-left: 70px;
    z-index: 1;
}

main form .checkbox label {
    display: block;
}

main form .has-error, main form .form-error {
    color: #d9534f;
}

main form .has-success, main form .form-success {
    color: #5cb85c;
}

main form .form-error {
    border-color: #d9534f;
}

main form .form-error::placeholder {
    color: rgba(217, 83, 79, 0.71);
}

main form .form-success {
    border-color: #5cb85c;
}

main form .form-success::placeholder {
    color: rgba(92, 184, 92, 0.7);
}

main form .btn-with-captcha .g-recaptcha {
    float: left;
}

main form .btn-with-captcha button {
    width: 510px;
    float: right;
    height: 75px;
}

main .register {
    margin-left: 10px;
}

main .game-view #page-container {
    margin-top: 20px;
    text-align: justify;
}

main .game-view #page-container .date-picker-wrapper {
    width: 100%;
    box-sizing: border-box;
}

main #page-container .row {
    margin-top: 30px;
    margin-bottom: 70px;
}

main #page-container .row.block-image {
    margin-top: 0;
}

main #page-container .row.block-image img {
    margin: 0 auto;
    max-width: 100%;
}

main #page-container .row.page-titles {
    margin: -15px 0 20px 0;
    padding: 10px 0;
    background: #f0f0f0;
}

main #page-container .row.page-titles li.level-2 {
    margin-left: 16px;
}

main .content-html .block-image img {
    max-width: 100%;
}

main #page-container .block-image-right img {
    position: absolute;
    right: 0;
}

main.container-lite #page-container h2 {
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 36px;
    font-weight: 200;
    text-align: center;
}

main #page-container h4 {
    color: #999;
    opacity: 0.7;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

main #page-container .banner-block {
    width: 100%;
    position: relative;
}

main #page-container .banner-block .background, main #page-container .banner-block .background-gray {
    width: 100vw;
    height: 100%;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-position: center;
}

main #page-container .banner-block .background-gray {
    background: #eeeeee;
    padding: 40px 0 0 0;
    margin-bottom: -20px;
}

main #page-container .banner-block .description {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    right: 10px;
    width: 500px;
    color: #ffffff;
    padding: 25px 25px 0 25px;
}

main #page-container .banner-block.with-image .background {
    overflow: hidden;
}

main #page-container .banner-block.with-image .background img {
    max-width: 100%;
    margin-top: -8%;
}

main #page-container .banner-block.with-image .description {
    position: relative;
}

main #page-container .banner-block .description.blue {
    background: rgba(0, 114, 206, 0.8);
}

main #page-container .banner-block .description.transparent {
    background: none;
}

main #page-container .banner-block .description.dark {
    color: #363636;
}

main #page-container .banner-block .description h2 {
    font-size: 14px;
    letter-spacing: .18em;
    margin: 0 0 4px 0;
    text-align: left;
}

main #page-container .banner-block .description h5 {
    font-size: 28px;
    font-weight: normal;
    padding: 0 0 25px 0;
}

main #page-container .banner-block .description p {
    padding: 0 0 25px 0;
    margin: 0;
}

main #page-container .banner-block .description ul {
    padding: 0 0 25px 0;
    margin: 0;
    list-style: none;
}

main #page-container .banner-block .description ul li {
    padding: 0 0 0 20px;
    margin: 0 0 15px;
    position: relative;
}

main #page-container .banner-block .description ul li:before {
    content: "\25A0";
    position: absolute;
    top: 6px;
    left: 0;
    color: #ffffff;
    font-size: 9px;
}

main #page-container .banner-block .description .btn {
    margin-bottom: 25px;
}

main #page-container .block-center {
    text-align: center;
    margin: 20px auto 0 auto;

}

main #page-container .block-content-type-2 h2 {
    text-align: left;
    line-height: 32px;
    margin: 0 0 30px;
}

main #page-container .block-content-type-2 h3 {
    margin: 0 0 30px;
}

main #page-container .block-content-type-2 h3.blue {
    margin-bottom: 10px;
    text-align: left;
}

main #page-container .block-content-type-2 p {
    margin: 0 0 30px;
}

main #page-container .block-image-center .block-image {
    text-align: center;
}

main #page-container .block-image-center h3 {
    font-size: 20px;
}

main #page-container h3.blue {
    text-align: center;
}

main #page-container .block-image.shadow {
    background: url(/img/shadow.png) center bottom no-repeat;
}

main #page-container .block-lists li {
    margin: 0;
    padding: 0;
}

main #page-container .block-lists {
    list-style: none;
}

main #page-container .block-lists .list-item {
    margin: 5px;
    text-decoration: none;
    color: #363636;
}

main #page-container .block-lists .list-item .content {
    background-color: #f5f5f5;
    background-position: 15px 22px;
    background-repeat: no-repeat;
    padding: 16px 16px 20px 80px;
    height: 120px;
}

main #page-container .block-lists .list-item .content.no-image {
    padding: 16px;
}

main #page-container .block-lists .list-item .content h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 5px 0;
}

main #page-container .block-lists .list-item .content p {
    color: #999;
    font-size: 14px;
    line-height: 1.3;
}

main .game-view .block-content {
    width: 100%;
}

main .game-view .block-content, main .game-view .block-image {
    margin: 0 0 20px 0;
}

main .list-banners {
    display: none;
}

main .filter {
    margin-bottom: 20px;
    margin-top: -5px;
}

main .filter label {
    margin-bottom: 0;
}

main .filter form .text, main .filter form .select, main .filter form .checkbox {
    margin-bottom: 5px;
}

main .filter form button.btn {
    width: 100%; height: 43px; line-height: 43px; margin-top: 15px;
}

main .filter form label {
    width: 100%;
}

main .filter form .filter-group.with-border {
    border: 1px solid #e4e4e4;
    padding: 10px;
}

main form .filter-fields .filter-delimiter {
    position: relative;
    line-height: 10px;
    font-size: 10px;
    margin: 10px 0 5px 0;
    text-transform: uppercase;
}

main form .filter-fields .filter-delimiter.with-border {
    margin-bottom: 10px;
}

main form .filter-fields .filter-delimiter span {
    background: #fff;
    padding: 0 5px;
    position: relative;
    margin-left: 10px;
    color: #808080;
    z-index: 5;
}

main form .filter-fields .filter-delimiter:before {
    content: "";
    display: block;
    border-top: 1px dashed #b6b6b6;
    width: 100%;
    height: 1px;
    position: absolute;
    margin-top: 5px;
    z-index: 1;
}

main #price-history-chart {
    margin-top: 10px;
    height: 300px;
}

.hidden-lg {
    display: none !important;
}

.navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

#release-calendar .loading, #price-history-block .loading {
    text-align: center;
    font-size: 20px;
}

#release-calendar .loading a, #price-history-block .loading a {
    color: #fff;
}

.calendar {
    font-family: 'Roboto', sans-serif;
    background-color: #f0f0f0;
    color: #333;
    width: 100%;
    padding: 15px 5px 5px;
}

.calendar--nav {
    margin: -15px -5px 0;
    padding: 0;
    background-color: #0061af;
    color: #fff;
    height: 43px;
    position: relative;
}

.calendar--nav a {
    position: absolute;
    cursor: pointer;
    left: 5px;
    font-size: 25px;
    line-height: 1;
    top: 7px;
    width: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    user-select: none;
    text-decoration: none;
}

.calendar--nav a:hover {
    color: #fff;
}

.calendar--nav a:last-child {
    left: auto;
    right: 5px;
}

.calendar--nav h2 {
    margin: 0;
    position: absolute;
    left: 40px;
    right: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 45px;
    user-select: none;
}

.calendar--nav small {
    font-weight: 300;
    font-size: 60%;
}

.calendar--nav .calendar-switch-type, .ajax-loading:hover .calendar--nav::before {
    width: 40px;
    height: 43px;
    position: absolute;
    background: #0061af;
    margin-left: -40px;
    display: none;
    z-index: 100;
}

.calendar--nav:hover .calendar-switch-type, .ajax-loading:hover .calendar--nav .calendar-switch-type {
    display: block;
}

.ajax-loading:hover .calendar--nav.with-switch::before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 101;
}

.calendar--nav .calendar-switch-type a {
    font-size: 16px;
    line-height: 46px;
    top: 0;
}

.calendar--days {
    font-size: 0;
}

.calendar--days > span {
    width: 14.28571%;
    display: inline-block;
    text-align: center;
    user-select: none;
    cursor: pointer;
    margin: 8px 0 0;
    line-height: 34px;
    position: relative;
    font-size: 14px;
}

.calendar--days > span > span > span > a {
    color: #f2f2f2;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0.05);
    font-weight: bold;
    text-decoration: none;
}

.calendar--days span.label {
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    cursor: initial;
}

.calendar--days span.day > span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.calendar--days span.day > span > span::before, .calendar--days span.day.active > span > span a::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.calendar--days span.day.active > span > span::before {
    display: none;
}

.calendar--days span.day > span > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.calendar--days span.day > span > span.line > span, .calendar--days span.day > span > span.line > a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.calendar--days span.day > span > span.line img {
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.calendar--days span.day > span > span.line:nth-child(1) {
    margin-top: 5%;
}

.calendar--days span.day > span > span.line.begin {
    padding-left: 5%;
}

.calendar--days span.day > span > span.line.end {
    padding-right: 5%;
}

.calendar--days span.day > span > span.line.begin > span, .calendar--days span.day > span > span.line.begin > a, .calendar--days span.day > span > span.line.end > span, .calendar--days span.day > span > span.line.end > a {
    width: 95%;
}

.calendar--days span.day > span > span.line.begin > span, .calendar--days span.day > span > span.line.begin > a {
    left: 5%;
}

.calendar--days span.day > span > span.line.begin.end > span, .calendar--days span.day > span > span.line.begin.end > a {
    width: 90%;
    left: 5%;
}

.calendar--days span.day:hover > span > span.line-a.begin > span, .calendar--days span.day:hover > span > span.line-a.begin > a, .calendar--days span.day:hover > span > span.line-a.end > span, .calendar--days span.day:hover > span > span.line-a.end > a {
    width: 100%;
    left: 0;
}

.calendar--days span[class^="lines-h-"]:hover > span > span.line:not(.line-a), .calendar--days span[class*=" lines-h-"]:hover > span > span.line:not(.line-a) {
    display: none;
}

.calendar--days span.day.lines-1 > span > span.line, .calendar--days span.day.lines-h-1:hover > span > span.line-a {
    height: 90%;
}

.calendar--days span.day.lines-2 > span > span.line, .calendar--days span.day.lines-h-2:hover > span > span.line-a {
    height: 45%;
}

.calendar--days span.day.lines-2 > span > span.line:nth-child(2) {
    margin-top: 50%;
}

.calendar--days span.day.lines-h-2:hover > span > span.line-a.line-2 {
    margin-top: 50% !important;
}

.calendar--days span.day.lines-3 > span > span.line, .calendar--days span.day.lines-h-3:hover > span > span.line-a {
    height: 30%;
}

.calendar--days span.day.lines-3 > span > span.line:nth-child(2) {
    margin-top: 35%;
}

.calendar--days span.day.lines-h-3:hover > span > span.line-a.line-2 {
    margin-top: 35% !important;
}

.calendar--days span.day.lines-3 > span > span.line:nth-child(3) {
    margin-top: 65%;
}

.calendar--days span.day.lines-h-3:hover > span > span.line-a.line-3 {
    margin-top: 65% !important;
}

.calendar--days span.day.lines-4 > span > span.line, .calendar--days span.day.lines-h-4:hover > span > span.line-a {
    height: 22.5%;
}

.calendar--days span.day.lines-4 > span > span.line:nth-child(2) {
    margin-top: 27.5%;
}

.calendar--days span.day.lines-h-4:hover > span > span.line-a.line-2 {
    margin-top: 27.5% !important;
}

.calendar--days span.day.lines-4 > span > span.line:nth-child(3) {
    margin-top: 50%;
}

.calendar--days span.day.lines-h-4:hover > span > span.line-a.line-3 {
    margin-top: 50% !important;
}

.calendar--days span.day.lines-4 > span > span.line:nth-child(4) {
    margin-top: 72.5%;
}

.calendar--days span.day.lines-h-4:hover > span > span.line-a.line-4 {
    margin-top: 72.5% !important;
}

.calendar--days span.day.lines-5 > span > span.line {
    height: 18%;
}

.calendar--days span.day.lines-5 > span > span.line:nth-child(2) {
    margin-top: 23%;
}

.calendar--days span.day.lines-5 > span > span.line:nth-child(3) {
    margin-top: 41%;
}

.calendar--days span.day.lines-5 > span > span.line:nth-child(4) {
    margin-top: 59%;
}

.calendar--days span.day.lines-5 > span > span.line:nth-child(5) {
    margin-top: 77%;
}

.calendar--days span[class^="lines-"]:hover > span > span:last-child, .calendar--days span[class*=" lines-"]:hover > span > span:last-child {
    display: none;
}

.calendar--days span[class^="lines-"] img.opacity, .calendar--days span[class*=" lines-"] img.opacity {
    opacity: 0.3;
}

.calendar--days span[class^="lines-"] img.hidden, .calendar--days span[class*=" lines-"] img.hidden {
    display: none;
}

.calendar--days span[class^="lines-"]:hover img, .calendar--days span[class*=" lines-"]:hover img {
    display: initial;
    opacity: 1;
}

.calendar--days span.active {
    font-weight: 700;
    background-color: rgba(182, 112, 244, 0.05);
}

.calendar--days span.muted {
    color: rgba(0, 0, 0, 0.3);
}

.calendar--days span.active {
    background-color: #0072ce;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    z-index: 100;
}

.calendar--days span.active {
    transition: transform .2s;
}

.calendar--days span.active:hover, .calendar--days.panel span[class^="lines-"]:hover, .calendar--days.panel span[class*=" lines-"]:hover {
    transform: scale(2.5);
    z-index: 101;
}

.calendar--days span.active:hover a {
    opacity: 0;
}

.calendar--days span.list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    text-align: center;
}

.calendar--days span.list > span {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.calendar--days span.list.size-4 > span {
    width: 50%;
    height: 50%;
}

.calendar--days span.list.size-9 > span {
    width: 33.333%;
    height: 33.333%;
}

.calendar--days span.list > span > span {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 105% 105%;
}

.calendar--days span.list > span > span:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.calendar--days span.list > span > span:nth-child(3) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 0, 50% 50%, 100% 100%);
    clip-path: polygon(100% 0, 50% 50%, 100% 100%);
}

.block-banner {
    padding: 10px 15px;
    background: #f0f0f0;
}

.block-banner.game-panel.size-240x400 {
    width: 240px;
    height: 400px;
}

.block-banner.game-panel.size-300x250 {
    width: 300px;
    height: 250px;
}

.block-banner.game-panel .game-item {
    width: 100%;
    padding: 0;
    float: none;
}

.block-banner.game-panel .game-item .game-name {
    text-align: left;
}

.block-banner.game-panel .game-item .game-photo {
    width: 100%;
    height: auto;
}

.block-banner.game-panel .game-item .game-photo img {
    width: 100%;
}

.block-banner.game-panel.size-300x250 .game-item .game-photo {
    width: 140px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.block-banner.game-panel .game-item .game-description {
    font-size: 11px;
    text-align: justify;
    height: 108px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.block-banner.game-panel.size-300x250 .game-item .game-description {
    height: 170px;
    padding-top: 0;
    -webkit-line-clamp: 10;
}

.block-left-banner, .block-link-banner {
    width: 240px;
    height: 400px;
    overflow: hidden;
    background: #f0f0f0;
}

.block-link-banner {
    height: 250px;
    width: 100%;
}

.block-video-banner {
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.block-inpage-banner, #page-container div[class^=SRTB_INPAGE_] div[id^=SRTB_][id$=_BLOCK], #page-container div[class^=SRTB_INPAGE_] div[id^=SRTB_][id$=_WRAPPER] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

.block-inpage-banner:empty, #page-container div[class^=SRTB_INPAGE_] div[id^=SRTB_][id$=_BLOCK]:empty, #page-container div[class^=SRTB_INPAGE_] div[id^=SRTB_][id$=_WRAPPER]:empty {
    margin: 0;
}

.block-partner-banner {
    text-align: center;
    margin-top: 15px;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.ekko-lightbox.show {
    z-index: 100001;
}

.modal-backdrop.show {
    z-index: 100000;
}

.dropdown-toggle::after {
    position: relative;
    margin-left: 5px;
    top: 2px;
}

/* SELECT2-BEGIN */

main .select2 .select2-selection, main .select2.select2-container--focus .select2-selection, body .select2-dropdown {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 0;
    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: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-selection, body .select2-dropdown {
    border-color: #80bdff;
}

.select2-search--dropdown {
    padding: 0 0 4px 0!important;
}

main .select2.select2-container--focus .select2-selection {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    border-color: #80bdff;
}

main .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: -2px;
}

main .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0061af;
    color: #fff;
    border-radius: 0;
    border: 0;
    line-height: 28px;
    margin-top: 4px;
    padding-right: 15px;
}

main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, main .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
    padding: 0 5px;
}

main .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0061af;
    color: #fff;
}

body .select2-container--default .select2-results__option[aria-selected=true] {
    background: #d2e8f9;
    color: #3276b1;
}

body .select2-dropdown {
    padding: 5px;
}

body .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    padding-right: 32px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    top: 2px;
    width: 32px;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    height: 38px;
    padding: 0 8px;
    line-height: 38px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #aaaaaa transparent transparent transparent;;
    border-width: 5px 5px 0 5px;
}

body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #aaaaaa transparent;;
    border-width: 0 5px 5px 5px;
}

body .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #80bdff;
    outline: none;
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.01);
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar-track-piece {
    background-color: #efefef;
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar-track-piece:hover {
    background-color: #d0d0d0;
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:vertical {
    background-color: #838383;
}

body .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:vertical:hover {
    background-color: dimgray;
}

body .select2-dropdown .select2-results__option {
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
}
/* SELECT2-END */

@media (max-width: 1199px) {
    main .column-main {
        max-width: 700px;
    }

    main .column-main.col-lg-12 {
        max-width: 960px;
    }

    main.container-lite .column-main {
        max-width: 992px;
    }

    main .game-list-item .game-price {
        width: 130px;
    }

    main .game-list .game-list-item .game-info {
        width: 700px;
    }

    main .game-list .game-list-item .game-info .description {
        width: 305px;
    }

    main .col-lg-12 .game-list .game-list-item .game-info {
        width: 800px;
    }

    main .game-list-item .game-photo {
        margin: 0 5px 5px 0;
        width: 278px;
        float: right;
    }

    main .game-list .game-list-item .game-info h5 {
        width: 362px;
    }

    main .game-view .game-info .list-item .more:hover .desc {
        width: 212px;
    }

    main .game-view .game-info.game-no-photos .list-item .more:hover .desc {
        width: 327px;
    }

    main .game-view .content-panel.video-with-banner .block-video-banner {
        height: 376px;
        padding: 18px 35px;
    }

    main .game-view .content-panel.banner-without-video {
        padding-bottom: 20px;
    }

    main .game-view .content-panel.banner-without-video .block-video-banner {
        margin: 20px 35px 0 35px;
    }
}

@media (max-width: 991px) {
    body {
        margin-bottom: 0;
    }

    nav .nav-btn span {
        display: none;
    }

    nav .nav-btn .icon {
        display: initial;
    }

    nav .navbar-collapse {
        display: block;
        position: absolute;
        right: 16px;
    }

    nav .navbar-collapse .navbar-nav {
        display: none;
    }

    main .shapes {
        display: none;
    }

    main .column-main {
        margin-top: 15px;
        max-width: 100%;
    }

    main .column-menu {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    main .column-main.col-lg-12 {
        max-width: initial;
    }

    main .order-lg-2.with-crumbs {
        margin-top: 0;
    }

    main .list-categories .list-data {
        display: none;
    }

    main.container-lite .column-main {
        max-width: initial;
    }

    main .list-categories .list-header {
        margin: 0;
    }

    main .list-categories .list-header .icon {
        display: inline-block;
    }

    main .list-categories .list-data {
        margin-top: 10px;
    }

    main .game-view .game-cover {
        background: none !important;
        margin: 0;
        height: auto;
    }

    main .game-view .game-cover div, main .game-view .game-cover img {
        display: none;
    }

    main .game-view .game-cover .crumbs {
        position: static;
        padding: 0;
        margin-top: -15px;
        line-height: initial;
        height: auto;
        margin-bottom: 11px;
    }

    main .game-view .game-info {
        padding-left: 0;
    }

    main .game-view .game-info .game-photos {
        position: relative;
        width: 100%;
    }

    main .game-info .game-photo .game-rating, main .game-item .game-photo .game-rating {
        top: 3px;
        right: 3px;
    }

    main .game-view .game-info .list-items {
        margin-top: 10px;
    }

    main .game-view table.prices td:last-child {
        width: 40px;
    }

    main .game-view table.prices td .btn-orange .fa-cart-shopping, main .game-view table.prices td .btn-grey .fa-cart-shopping {
        display: initial;
    }

    main .game-view table.prices td .btn-orange, main .game-view table.prices td .btn-grey {
        width: 40px;
    }

    main .game-view table.prices td .btn-orange span, main .game-view table.prices td .btn-grey span {
        display: none;
    }

    main .game-view table.prices td .float-right {
        display: none;
    }

    main .game-list-item .game-photo {
        width: 100%;
        height: auto;
        margin: 0 0 5px 0;
        float: none;
    }

    main .game-list .game-list-item {
        margin-bottom: 30px;
    }

    main .game-list .game-list-item .game-photo {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
    }

    main .game-view .game-info .list-item .more:hover .desc, main .game-view .game-info.game-no-photos .list-item .more:hover .desc {
        width: 640px;
    }

    main .game-list-item .game-price {
        width: 100%;
        float: none;
    }

    main .game-list .game-list-item .game-info {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    main .game-list-item .game-price .btn-orange, main .game-list-item .game-price .btn-grey {
        margin-top: 15px;
    }

    main .game-list .game-list-item .game-info h5 {
        width: 100%;
        display: block;
        margin-bottom: 8px;
        overflow: visible;
        white-space: normal;
        padding-right: 90px;
    }

    main .game-list .game-list-item .game-info .list-items {
        margin-top: 0;
    }

    main .game-list .game-list-item .game-info .description {
        margin-top: 10px;
        width: 100%;
        min-height: 0;
    }

    main .game-panel.content-panel {
        margin-bottom: 15px;
    }

    main .game-view .content-panel.video-with-banner .block-video-banner {
        height: 388px;
        padding: 24px 45px;
    }

    main .game-view .content-panel.banner-without-video {
        padding-bottom: 25px;
    }

    main .game-view .content-panel.banner-without-video .block-video-banner {
        margin: 25px 45px 0 45px;
    }

    main .block-banner {
        display: none;
    }

    footer {
        height: auto;
        position: static;
        padding: 10px;
    }

    footer ul {
        width: 100%;
    }

    #release-calendar {
        display: none;
    }

    .pagination-block .pagination {
        display: table;
        width: 100%
    }

    .pagination-block .pagination li {
        display: table-cell;
        text-align: center
    }

    .pagination-block .filter-items {
        text-align: center !important
    }

    .block-partner-banner {
        display: none;
    }
}

@media (max-width: 767px) {
    main .game-view .content-panel .block-video-banner {
        display: none;
    }

    main .game-view .content-panel.banner-without-video {
        display: none;
    }

    main .game-view .content-panel.video-with-banner h2 a {
        display: none;
    }

    main .game-view .game-info .list-item .more:hover .desc, main .game-view .game-info.game-no-photos .list-item .more:hover .desc {
        width: 460px;
    }
}

@media (max-width: 575px) {
    main .game-view .game-info .list-item .more:hover .desc, main .game-view .game-info.game-no-photos .list-item .more:hover .desc {
        width: calc(100vw - 82px);
    }
}

@media (max-width: 449px) {
    nav .navbar-brand, nav .navbar-toggler {
        display: none
    }

    nav .navbar-collapse {
        position: static;
        margin-left: -4px;
    }

    nav .form-search {
        width: 100%
    }

    .block-video-banner {
        display: none;
    }
}