html[data-useragent*=idclauncher] .nolauncher { display: none !important; } html[data-useragent*=idclauncher] .noweb-block { display: block !important; } html[data-useragent*=idclauncher] .noweb-flex { display: flex !important; } html[data-useragent*=idclauncher] footer { display: none !important; } html[data-useragent*=idclauncher] main section:first-child .container-fluid.mt-5 { margin-top: 0 !important; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 15px rgba(16, 255, 127, .2); } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 10px -10px 6px rgb(16, 255, 127); } .addComments textarea { min-height: 20vh; } .addComments textarea:focus { outline-color: rgba(0, 255, 126, .75); outline-style: auto; outline-width: 1px; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; font-display: swap; } .fab { font-family: "Font Awesome 5 Brands" !important; font-display: swap; } .icon_ok::before { font-family: FontAwesome; content: "\f058"; } .hidden { display: none !important; } .left-0 { left: 0 !important; } .ig-square { position: relative; } .ig-square-4-3 { padding-bottom: calc(3 / 4 * 100%); } .ig-square div:first-child { position: absolute; width: 100%; height: 100%; } .idc-pt-input-otp input { text-align: center; } .idc-pt-input-otp input:disabled { background-color: #1f272f; } .idc-pt-input-otp button { left: 0; } .ml-10\% { margin-left: 10%; } .sidenav { height: calc(100vh - 44px); width: 0; position: fixed; z-index: 1020; top: 47px; left: -1px; overflow-x: hidden; overflow-y: auto; flex-wrap: nowrap; margin-left: 0; padding-left: 0; transition: .5s; background-color: #13181d; } .sidenav.sidenav-after { height: calc(100vh - 44px); top: 47px ; transition: .3s; } .sidenav .collapse li:not(:has(> ul)):hover { background-color: rgba(0,255,126,.1); transition: .3s; } #language-collapse a { background-color: rgba(0,255,126,0); transition: .3s; } #language-collapse a:hover { background-color: rgba(0,255,126,.1); transition: .3s; } .sidenav .collapse a { display: block; transition: .3s; } .sidenav .collapse a:hover { color: #66ffb2; } #categoriesBtn .lottie { width: 30px; height: 30px; z-index: 1040; cursor: pointer; } .nav-custom-after #categoriesBtn .lottie svg path { stroke: rgb(0,255,126); } #categoriesBtn.btn { line-height: 0; } .sidenav-closed { width: 0; } .sidenav-opened { width: 320px; } @media (max-width: 575.98px) { .sidenav-opened { width: 100vw; } } .bg-gradient { background-image: linear-gradient(45deg, rgba(0, 255, 127, 1) 1%, rgba(49, 73, 84, 1) 50%, rgba(27, 29, 44, 1) 100%); transition: all ease-out .4s; } .navbar li { list-style: none; } .navbar-brand { background-image: url(https://cdn6.idcgames.com/img/default/logo-idc-dark.png); height: 50px; width: 44px; background-position: center; background-size: contain; background-repeat: no-repeat; } .nav-custom-after .navbar-brand { background-image: url(https://cdn5.idcgames.com/img/default/logo-idc-light.png); height: 40px; } .nav-custom { background-color: #13181d; border-bottom: 1px solid #fff; transition: all 1s ease; padding: .3rem 1rem; height: 60px; } .nav-custom a { color: black; } .nav-custom-after { padding: 0rem 1rem; border-bottom: 1px solid #00ff7f; height: 47px; } .nav-custom-after a { color: #fff !important; transition: all 1s ease; } .nav-custom .dropdown-item, .nav-custom .dropdown-menu a{ color: #fff; } .nav-custom .logged a { color: #314954; } .nav-custom-after .logged:not(#friends) a { color: #00ff7f!important; } .navbar-collapse.show, .navbar-collapse.collapsing { background-color: #13181d; border-top: 1px solid white; position: absolute; right: 0; -webkit-box-shadow: 1px 3px 8px 3px rgba(0, 0, 0, .2); box-shadow: 1px 3px 8px 3px rgba(0, 0, 0, .2); margin-top: .35rem; } .navbar-collapse.show .nav-link, .navbar-collapse.collapsing .nav-link { padding: .5rem 2rem; } .nav-custom-after .navbar-collapse.show, .nav-custom-after .navbar-collapse.collapsing { margin-top: 0; -webkit-transition: all .35s ease; transition: all .35s ease; } @media (max-width: 991px) { .navbar-collapse ul { display: flex; flex-direction: column; color: #00ff7f; } .navbar-collapse ul a{ color: #00ff7f; } .navbar-collapse ul li{ width: 100%; padding: .25em 0; border-bottom: 1px solid rgba(0,255,126,.25); } } @media (min-width: 992px) and (max-width: 1620px){ #navbarNav .h6 { font-size: 1.05rem; } #navbarNav ul { flex-wrap: nowrap; } #navbarNav .nav-link { padding: .5rem .55rem; } #navbarNav .menu-reduced { display: none; } } .nav-custom-after .navbar-toggler i{ color: #00ff7f; } .navbar-toggler { outline: none !important; top: 0; right: 0; position: absolute; padding: 1.2rem 1rem; } .nav-custom-after .navbar-toggler { padding: .75rem 1rem; -webkit-transition: all .35s ease; transition: all .35s ease; } .dropdown-menu-right { right: 0; left: auto; } .featured { background: rgba(0,255,126,.2); } .btn-cta-small { display: none; white-space: nowrap; padding: 17px 20px; font-size: 1.5em; line-height: .1em; border: 5px solid black; left: 10%; cursor: pointer; } @media (max-width: 1040px) { .btn-cta-small { padding: 17px 15px;} } .nav-custom-after a.btn-cta-small { color: black!important; } .nav-custom-after a:hover.btn-cta-small { color: #00ff7f!important; } .flag { transform: scale(.5); margin: -20px; } @media (max-width: 575.98px) { .flag { transform: scale(.4); margin: -20px;} } .language-menu.dropdown-menu.show { display: flex; flex-direction: row; margin-top: .25rem; width: 100vw; justify-content: flex-end; height: auto; flex-wrap: wrap; box-shadow: none; } .language-menu a { width: 97px; } .ps { overflow: hidden !important; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; right: 0; position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: .6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #343a40; opacity: .9; } .ps__thumb-x { background-color: #00ff7f; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: #00ff7f; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #00ff7f; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #00ff7f; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .modal-content { border: none; box-shadow: 1px 3px 9px 3px rgba(0,0,0,.8); } @media (min-width: 1200px) { .loginModal .modal-lg, .registerModal .modal-lg, .same_width_with_login_modal .modal-lg { max-width: 936px; } } @media (min-width: 992px) and (max-width: 1199px) { .loginModal .modal-lg, .registerModal .modal-lg, .same_width_with_login_modal .modal-lg { max-width: 830px; } } @media (min-width: 768px) and (max-width: 991px) { .loginModal .modal-lg, .registerModal .modal-lg, .same_width_with_login_modal .modal-lg { max-width: 80vw; } } @media (min-width: 576px) and (max-width: 767px) { .loginModal .modal-lg, .registerModal .modal-lg, .same_width_with_login_modal .modal-lg { max-width: 85vw; } } @media (min-width: 768px) { .loginModal .close, .registerModal .close, .hide_close_modal .close { display: none; } } @media (max-width: 767px) { .loginModal .close, .registerModal .close, .hide_close_modal .close { position: absolute; top: 20px; right: 20px; } } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; } .modal-backdrop.fade { opacity:0; } .modal-backdrop.show { opacity:.7; } .alredyRegistered p, .noYetRegistered p { font-size: .9rem; } .alredyRegistered { position: absolute; top: 15px; } .noYetRegistered .lineaHorizontalEstrecha { width: 45%; float: right; } @media (max-width: 575px) { .noYetRegistered .lineaHorizontalEstrecha { display: none; } } .alredyRegistered .lineaHorizontalEstrecha { width: 40%; float: right; } @media (max-width: 575px) { .alredyRegistered .lineaHorizontalEstrecha { display: none; } } .modalMainContentContainer { position: relative; max-width: 100%; } .loginModal .btn-cta, .registerModal .btn-cta { font-size: 1.7rem; padding: 1% 5%; } @media (max-width: 575px) { .loginModal .btn-cta, .registerModal .btn-cta { font-size: 1.6rem; padding: 2% 5%; } } .btn-social { max-height: 46px; width: 182px; padding: 10px; text-align: center; border-radius: 2px; white-space: nowrap; } .modal .btn-social { max-height: 40px; font-size: .7rem; line-height: .7rem; } .modal .btn-social { width: 190px; } @media (max-width: 507px) { .modal .btn-social { width: 100%; } } .btn-social:focus { outline:0; box-shadow:0 0 0 .2rem rgba(52,58,64,.5) } .btn-msn { color: #000; background-color: #fff; max-height: 41px; border-color: rgba(0, 0, 0, .2); } .btn-msn svg { max-height: 22px; } .btn-msn path { fill: #FFF; } .btn-twitter { color: #fff; background-color: #00a7e7; border-color: rgba(0, 0, 0, .2); } .btn-vk { color: #fff; background-color: #2787f5; border-color: rgba(0, 0, 0, .2); } .btn-steam { color: #fff; background-color: #134b7c; border-color: rgba(0, 0, 0, .2); } .btn-google { color: #fff; background-color: #e34133; border-color: rgba(0, 0, 0, .2); } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, .2); } .btn-twitch { color: #FFF; background: #451793; border-color: rgba(0, 0, 0, .2); } .btn-discord { color: #fff; background-color: #5865f2; border-color: rgba(0, 0, 0, .2); } .x-twitter-small { fill: #fff; height: 1.33333em; } @media (max-height: 740px) { .modal .display-4 { font-size: 3rem; font-weight: 700; line-height: 1.2; } .modal .h6 { font-size: 1rem; } .modal h4 { font-size: 1.5rem; } .loginModal .btn-cta.mt-xl-4, .registerModal .btn-cta.mt-xl-4 { margin-top: .25rem !important; } .modalMainContentContainer .mt-xl-5 { margin-top: .75rem !important; } .modalMainContentContainer .pt-xl-4 { padding-top: .5rem !important; } } .unlogged, .logged { display: none; } .noscroll { overflow: hidden; } #sidenav-bar li > :first-child { overflow-x: hidden; } #sidenav-bar > li > div[data-toggle=collapse] { background-color: rgb(0, 102, 47); } .gradient-overlay { background-image: linear-gradient(45deg, rgba(0, 255, 127, .1), rgba(27, 29, 44, .1)); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay:hover { opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-2 { background-image: linear-gradient(45deg, rgba(52, 50, 74, .2), rgba(27, 29, 44, .1)); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-2:hover { opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-3 { background-image: linear-gradient(120deg, rgba(0, 255, 127, .2), rgba(27, 29, 44, .4)); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-3:hover { opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-4 { background-image: linear-gradient(100deg, rgba(49, 73, 84, .3), rgba(0, 255, 127, .2)); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-4:hover { opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-5 { background-image: linear-gradient(100deg, springgreen 0, rgba(0, 0, 0, .9) 90%); } .gradient-overlay-5-inverse { background-image: linear-gradient(100deg, rgba(0, 0, 0, .9) 10%, springgreen 100%); } .gradient-overlay-5b { background-image: linear-gradient(100deg, springgreen -40%, rgba(0, 0, 0, .9) 95%); } .gradient-overlay-5b-inverse { background-image: linear-gradient(100deg, rgba(0, 0, 0, .9) 5%, springgreen 140%); } .gradient-overlay-6 { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(49, 73, 84, .4))); background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(49, 73, 84, .4)); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-6:hover { background-image: none; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .gradient-overlay-forum { position: relative; z-index: 1; -webkit-transition: all 5s ease-in-out; transition: all 5s ease-in-out; } .gradient-overlay-forum::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(49, 73, 84, .4))); background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(49, 73, 84, .4)); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: -1; opacity: 1; } .gradient-overlay-forum:hover::before { opacity: 0; } .bg-gradient { background-image: linear-gradient(45deg, springgreen 1%, #314954 50%, #1b1d2c 100%); -webkit-transition: all ease-out .4s; transition: all ease-out .4s; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url(./ajax-loader.gif) center center no-repeat; } @font-face { font-family: slick; src: url(./fonts/slick.eot); src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg"); font-weight: normal; font-style: normal; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: slick; font-size: 20px; line-height: 1; color: white; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: .75; } @media (min-width: 1200px) { .otherGamesTitleContainer { width: 20%; } } @media (min-width: 992px) and (max-width: 1199px) { .otherGamesTitleContainer { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .otherGamesTitleContainer { width: 40%; } } @media (min-width: 576px) and (max-width: 767px) { .otherGamesTitleContainer { width: 40%; } } @media (min-width: 480px) and (max-width: 575px) { .otherGamesTitleContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (max-width: 479px) { .otherGamesTitleContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media (min-width: 1200px) { .lineaHorizontalAncha { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .lineaHorizontalAncha { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .lineaHorizontalAncha { width: 100%; } } @media (min-width: 576px) and (max-width: 767px) { .lineaHorizontalAncha { width: 100%; } } @media (min-width: 480px) and (max-width: 575px) { .lineaHorizontalAncha { width: 10%; } } @media (max-width: 479px) { .lineaHorizontalAncha { width: 25%; } } @media (min-width: 576px) { .otherGamesSection h3 { font-family: bebas_kairegular, sans-serif; font-size: 2.2rem; line-height: 2.4rem; } } @media (min-width: 480px) and (max-width: 575px) { .otherGamesSection h3 { font-family: bebas_kairegular, sans-serif; font-size: 1.8rem; line-height: 2rem; margin-left: 1rem; } } @media (max-width: 479px) { .otherGamesSection h3 { font-family: bebas_kairegular, sans-serif; font-size: 1.4rem; line-height: 2rem; margin-left: 1rem; } } .filterThumbnail { position: relative; } .filterThumbnail:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1))); background-image: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(255, 255, 255, .1)); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; transition-duration: .3s; } .filterThumbnail:hover::after { opacity: 0; } .slick-slide img { -webkit-filter: saturate(0.9); filter: saturate(0.9); -webkit-transition-property: filter; -webkit-transition-property: -webkit-filter; transition-property: -webkit-filter; transition-property: filter; transition-property: filter, -webkit-filter; -webkit-transition-duration: .3s; transition-duration: .3s; } .slick-active:hover img { -webkit-filter: saturate(1); filter: saturate(1); } .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hvr-grow:hover { -webkit-transform: scale(1.1) translateY(-20px); transform: scale(1.1) translateY(-20px); z-index: 100; } @media (max-width: 575px) { .hvr-grow:hover { -webkit-transform: none; transform: none; } } .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1); transform: scale(1); } .slick-list { overflow: unset !important; } .otherGamesSection { overflow-x: hidden; } .paginator { position: absolute; left: 0; right: 0; } .paginator ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; } .prev { width: 50vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .next { width: 50vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .prev i, .next i { position: relative; cursor: pointer; z-index: 50; } @media (max-width: 479px) { .prev i { padding: 55% 15px 12% 15px; } } @media (min-width: 576px) { .prev i { padding: 55% 15px 12% 5px; } } @media (min-width: 768px) { .prev i { padding: 5% 15px 12% 25px; } } @media (min-width: 992px) { .prev i { padding: 8% 15px 12% 135px; } } @media (min-width: 1200px) { .prev i { padding: 8% 15px 12% 135px; } } @media (max-width: 479px) { .next i { padding: 55% 15px 12% 15px; } } @media (min-width: 576px) { .next i { padding: 55% 5px 12% 25px; } } @media (min-width: 768px) { .next i { padding: 5% 15px 12% 25px; } } @media (min-width: 992px) { .next i { padding: 8% 135px 12% 15px; } } @media (min-width: 1200px) { .next i { padding: 8% 135px 12% 15px; } } @media (max-width: 767px) { .img-geoblock { max-height: 40vh; -o-object-fit: contain; object-fit: contain; } } footer { bottom:auto; } footer button.close, footer { z-index: 666; position:relative; } .closeCookiesBox { z-index: 666; } .footer-logo{ height: 92px; } .border-white-lighter{ border: 1px solid white; transition: all ease-in-out .3s; } .border-white-lighter:hover{ border: 1px solid #66ffb2; transition: all ease-in-out .3s; } .distribute-games-btn:hover { border-color: #00ff7f; background-color: #00ff7f; transition: all ease-in-out .3s; } @media (min-width: 1370px) { .border-white-lighter, .no-border-lighter{ font-size: 10pt; } .distribute-games-btn{ font-size: 14pt; height: auto; } .footer-logo{ height: 85px; } } @media (max-width: 1370px) { .border-white-lighter, .no-border-lighter { font-size: 9pt; } .distribute-games-btn{ font-size: 13pt; } .footer-logo{ height: 85px; } } @media (max-width: 768px){ .border-white-lighter{ font-size: 9pt; } } @media (max-width: 575.98px) { .a-tag-contents .border-right{ border-right: 0!important; } } .x-twitter { fill: #00ff7f; height: 1em; width: 1em; top: .5em; left: .75em; } .x-twitter-btn:hover .x-twitter { fill: #66ffb2; }