.main-wrapper { overflow-x: hidden; } .main-wrapper.news-wrapper { display: grid; grid-template-rows: auto 1fr auto; height: 100vh; } a { color: #362c15; } .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover { color: #646464; text-decoration: underline; transition: 0.35s ease-in-out; } .top-nav.uk-navbar-container:not(.uk-navbar-transparent) { background: #181c20 url(https://res.17996cdn.net/www/images/nav-bg.png) no-repeat; background-size: cover; margin-bottom: 0; } .top-nav .uk-navbar { margin: 0 1%; } .top-nav .uk-logo img { max-width: 170px; } .global-language { display: flex; max-width: 24px; } .uk-dropdown { min-width: 160px; border-radius: 4px; padding: 15px; box-sizing: border-box; } .uk-dropdown::after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -9%; right: 26%; } .top-nav .uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded='true'] { color: #fff; transition: 0.35s ease-in-out; } .uk-navbar-nav > li > a::before { content: '•'; font-size: 20px; margin-top: -3px; visibility: hidden; transition: 0.35s ease-in-out; } .top-nav .uk-navbar-nav > li.uk-active > a::before, .top-nav .uk-navbar-nav > li:hover > a::before { content: '•'; font-size: 20px; margin-top: -3px; visibility: visible; } .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { column-gap: 0.25em; box-sizing: border-box; height: 6vh; padding: 0 2rem; font-size: 1rem; max-height: 80px; min-height: 66px; } .hero-new { /* -webkit-clip-path: none; clip-path: none; height: calc(100vh - 422px) !important; min-height: 600px !important; max-height: 900px !important; */ } .hero-new img { width: 100%; } .content-news .uk-h1 { width: 40vw; max-width: 776px; text-align: center; margin-bottom: 4%; } .h1-title { margin-bottom: 2%; font-size: 2.5rem; font-weight: 600; text-transform: uppercase !important; } .slidenav-text { margin: -3vh 0 0 5%; max-width: 70%; text-align: left; } .slidenav-text .text { max-width: 70%; text-align: left; } .slidenav-text .text h2 { margin: 0px -300px 5px 0; font-size: 2.375rem; font-weight: 600; } .slidenav-text .text p { margin-top: 0px; font-size: 1.1875rem; } .slidenav-text .text span { margin-top: 0px; font-size: 0.92625rem; padding: 1% 5%; border-radius: 1.45rem; background: -webkit-linear-gradient(left, #da6045, #be45cc); background: linear-gradient(left, #da6045, #be45cc); display: inline-block; } .slidenav-item { margin: 6% 0 4% 5%; top: calc(55% - var(--uk-position-margin-offset)); --uk-position-translate-y: -55%; transform: translate(0, var(--uk-position-translate-y)); } .slidenav-previous, .slidenav-next { opacity: 0.65; transition: 0.25s ease-in-out; display: inline-block; } .slidenav-previous img, .slidenav-next img { max-width: 72px; width: 4.275vw; } .slidenav-previous:hover, .slidenav-next:hover { opacity: 1; transition: 0.25s ease-in-out; } .news-pic a { font-size: 1.225rem; font-weight: 600; color: #362c15; text-decoration: none; line-height: 1; } .news-pic a p { margin-top: 0.75rem; margin-bottom: 0; text-transform: uppercase !important; line-height: 1.3; } .news-pic a span { color: rgb(54 44 21 / 54%); font-size: 0.85rem; } .news-pic { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: space-around; align-items: flex-start; width: 40vw; max-width: 776px; } .news-pic img { border: 2px solid rgba(48, 48, 48, 0); padding: 2px; border-radius: 12px; width: 40vw; max-width: 776px; } .news-pic img:hover { border: 2px solid rgba(48, 48, 48, 0.759); transition: 0.45s ease-in-out; } .news-content { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: space-around; justify-content: space-around; align-items: stretch; } .news-list { width: auto; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-end; flex: 1; margin-left: 2%; padding-top: 4px; } .news-item { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; } .news-item a { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: space-around; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; margin-bottom: 4%; } .news-item a div { padding-left: 2%; } .all-news { border-radius: 1.6rem !important; padding: 0.66rem 3rem !important; border: 1.5px solid #777777; color: #646464; font-size: 1rem; } .all-news:hover { border: 1.5px solid #fff; background-color: #d837c2; color: #fff; transition: 0.35s ease-in-out; text-decoration: none; } .news-item a p { font-size: 1.275rem; text-transform: uppercase !important; margin: 0; } .news-item img { max-width: 262px; width: 14vw; } .news-item a span { font-size: 0.85rem; } .content-game { background: linear-gradient(#1e1e1e, #1e1e1e 68%, #fff 31%); background-size: 100% 100%; margin-top: 3%; } .game-item { margin-bottom: 2%; } .content-game .uk-h1 { color: #fff; padding: 3% 2% 2% 2%; } .g-text { text-align: left; padding: 0 10% 0 0%; line-height: 1; color: #1e1e1e; width: 85%; box-sizing: border-box; } .g-text p { margin: 0; font-size: 1.35rem; font-weight: 500; margin-bottom: 3%; } .g-text span { font-size: 0.8rem; } .app-links img { max-width: 16px; width: 2vw; } .app-links a { margin-left: 15%; pointer-events: none; } .app-links { margin-top: 10%; margin-right: 4%; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; } .game-item .uk-animation-toggle { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; } .game-item .uk-animation-toggle:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } .all-games { border-radius: 1.6rem !important; padding: 0.7rem 3.5rem !important; border: 1.5px solid #777; color: #646464; transition: 0.35s ease-in-out; text-decoration: none; font-size: 1.2rem; margin: 1.5% 0; display: inline-block; } .news-wrapper .g-text p a { color: #1e1e1e; } .news-wrapper .g-text span { font-size: 0.68rem; color: rgb(30 30 30 / 75%); margin-top: 5%; display: inline-block; } .a-mail { color: #ff583c; font-size: 1.375rem; } .a-mail:hover { text-decoration: inherit; color: #ff583c; } .news-text p.uk-text-lead { line-height: 2; font-size: 1.175rem; color: #362c15; } .all-games:hover { border-radius: 1.6rem !important; padding: 0.7rem 3.5rem !important; border: 1.5px solid #fff; background-color: #d837c2; color: #fff; transition: 0.35s ease-in-out; text-decoration: none; font-size: 1.2rem; } .NewsBox { width: 1200px; } .NewsBox li { padding: 24px 0; margin: 0 30px 0 0; line-height: 1.6; border-bottom: 1px solid #ccc; } .NewsBox li span { float: right; margin: 0 0 0 100px; } .about-content { background: #000 url(https://res.17996cdn.net/www/images/about-bg.jpg?v23) no-repeat center; background-size: cover; display: flex; } .about-text { padding-top: 15%; padding-bottom: 12%; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 0 auto; flex-direction: column; text-align: center; color: #fff; } .about-content .uk-h1 { color: #fff; line-height: 2; } .about-text p { margin-top: 0; line-height: 1.5; font-size: 1.275rem; padding: 0 5%; box-sizing: border-box; text-align: left; } .about-text p.pr100 { padding-right: 100px; } .careers-image { -ms-flex: 1 1 50%; flex: 1 1 50%; } .join-us { border-radius: 1.6rem !important; padding: 0.7rem 3.5rem !important; border: 1.5px solid #fff; color: #646464; background-color: #fff; transition: 0.35s ease-in-out; text-decoration: none; font-size: 1.2rem; margin: 2% 0; display: inline-block; } .join-us:hover { color: #d837c2; text-decoration: none; } .foot { background: #000 url(https://res.17996cdn.net/www/images/foot-bg.jpg) no-repeat; background-size: cover; box-sizing: border-box; padding: 2% 0; color: #666; } .foot p, .foot a { padding: 5px 0; margin: 0; color: #666; } .foot .uk-container { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; text-align: center; } .foot .uk-input, .foot .uk-select, .foot .uk-textarea { border: 1px solid rgba(255, 255, 255, 0.552); background: rgba(255, 255, 255, 0.233); color: #fff; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; border-radius: 1.6rem; text-indent: 1.86rem; } .uk-form-icon { position: absolute; top: 0; bottom: 0; left: 0; width: 40px; display: inline-flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.657); margin-left: 3%; } .uk-article-title { font-size: 2.375rem; } .news-top h1 { color: #fff; font-weight: bold; font-size: 3rem; } .news-text { padding: 3% 0; } .news-text h2 { font-weight: bold; margin-top: 1.3rem; text-transform: uppercase !important; } .news-text .text-picture { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } .news-text .text-picture img { max-width: 100%; width: 100%; border-radius: 0.85rem; } .news-text p { line-height: 2; font-size: 1.375rem; color: #362c15; } .news-text .news-nav { flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; font-size: 1.3rem; margin-bottom: 0; } .news-text .news-nav span.back { font-weight: 600; color: #333; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .news-text .news-nav span.time { opacity: 0.65; } .news-text .news-nav span.back::before { content: '\276E'; margin-right: 0.61rem; color: #ef525c; font-size: 1.675rem; } @media screen and (max-width: 1480px) { .content-game { background: linear-gradient(#1e1e1e, #1e1e1e 66%, #fff 34%); background-size: 100% 100%; margin-top: 3%; margin-bottom: 3%; } .NewsBox { width: 100%; } .g-text { text-align: left; padding: 2% 16% 0 0%; line-height: 1; color: #1e1e1e; } .g-text p { margin: 0; font-size: 1rem; } .app-links { margin-top: 8%; margin-right: 4%; } .global-language { display: flex; max-width: 30px; } .uk-dropdown::after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -9%; right: 23%; } .about-text p { font-size: 1rem; } .about-text p.subpc { padding-right: 0; margin-right: -60px; } .about-content { margin-top: -60px; } } @media (max-width: 1024px) { .g-text p a { color: #fff; } .about-text p.pr100 { padding-right: 0px; } .slidenav-text .text h2 { margin: 0px 0px 5px 0; font-size: 2.375rem; font-weight: 600; } .about-text p.subpc { padding-right: 3%; margin-right: 0px; } .about-content { margin-top: 0px; } } @media (max-width: 960px) { .top-header .uk-slideshow-items { min-height: calc(100vh - 0vh) !important; } .top-nav.uk-navbar-container:not(.uk-navbar-transparent) { background: #181c20 url(https://res.17996cdn.net/www/images/nav-bg-m.png) no-repeat; background-size: cover; margin-bottom: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .nav-m a { display: flex; } .nav-btn { display: flex; max-width: 32px; } .offcanvas-bar .uk-offcanvas-bar { width: 100%; background: rgba(34, 34, 34, 0); padding: 0; } .offcanvas-bar .uk-offcanvas-flip .uk-offcanvas-bar { right: -100%; } .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { column-gap: 0.25em; box-sizing: border-box; height: 6vh; padding: 0 1rem; font-size: 1rem; max-height: 6vh; min-height: 46px; } .offcanvas-bar { z-index: 1; } .off-bg { width: 100%; height: 100%; background: #fff; color: #a8a8a8; padding: 4% 3%; box-sizing: border-box; } .off-bg ul li a { color: #a8a8a8 !important; } .top-nav .uk-logo img { max-width: 120px; } .global-language { display: flex; max-width: 24px; margin-right: 0.52rem; } .uk-dropdown { min-width: 160px; border-radius: 4px; padding: 15px; box-sizing: border-box; } .uk-dropdown::after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -9%; right: 23%; } .uk-container { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .uk-margin-large-bottom { margin-bottom: 20px !important; } .slidenav-text { margin: 23% 0 0 5%; max-width: 100%; text-align: left; line-height: 1.35; } .slidenav-text .text { max-width: 100%; text-align: left; } .slidenav-text .text p { margin-top: 0px; font-size: 1rem; } .slidenav-text .text span { margin-top: 0px; font-size: 0.75rem; padding: 1.3% 5%; display: inline-flex; min-width: 20%; white-space: nowrap; text-align: center; box-sizing: border-box; } .slidenav-item { margin: 5% 0 0 0; top: calc(83% - var(--uk-position-margin-offset)); --uk-position-translate-y: -83%; transform: translate(0, var(--uk-position-translate-y)); width: 100%; max-width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; box-sizing: border-box; } .slidenav-previous img, .slidenav-next img { max-width: 82px; width: 14vw; } .h1-title { margin-bottom: 4%; font-size: 1.72rem; font-weight: 600; text-transform: uppercase !important; } .content-news .uk-h1 { margin: 2% 0 7%; text-align: center; width: 100%; max-width: 100%; } .news-content { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: space-around; align-items: stretch; } .news-pic { margin-bottom: 6%; } .news-pic img { border: 0; border-radius: 12px; width: 100%; max-width: 100%; padding: 0; } .news-pic a p { margin-top: 0.75rem; margin-bottom: 0; font-size: 1rem; max-width: 100%; } .news-list { width: 100%; max-width: 720px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start; align-items: center; flex: 1; margin-left: 0; } .news-item a p { font-size: 0.875rem; text-transform: uppercase !important; margin: 0; line-height: 1.1; font-weight: bold; } .news-item a span { font-size: 0.65rem; color: rgb(54 44 21 / 70%); } .news-item img { max-width: 262px; width: 40vw; } .news-item a { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; width: 100%; height: 100%; margin-bottom: 4%; } .all-news, .all-games { margin-top: 4%; border-radius: 1.6rem !important; padding: 0.33rem 4rem !important; border: 1.5px solid #777777; color: #646464; font-size: 0.8rem; } .all-games { color: #fff; margin-top: 10%; } .content-game { background: #181c20 url(https://res.17996cdn.net/www/images/p3-bg-m.jpg) no-repeat; background-size: 100% 100%; margin-top: 12%; margin-bottom: 0; padding-bottom: 15%; } .g-text span { font-size: 0.68rem; color: rgb(255 255 255 / 73%); margin-top: 5%; display: inline-block; } .game-item { margin-bottom: 0%; margin-top: 20px !important; } .app-links img { max-width: 20px; width: 3vw; } .content-game .uk-h1 { color: #fff; padding: 8% 2% 3% 2%; } .about-content { background: #000 url(https://res.17996cdn.net/www/images/about-bg-m.jpg) no-repeat; background-size: cover; display: flex; } .about-text { padding-top: 10%; padding-bottom: 12%; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 0 auto; flex-direction: column; text-align: center; color: #fff; } .careers-image { display: none; } .about-text p { margin-top: 0; line-height: 1.5; font-size: 1rem; padding: 0 3%; box-sizing: border-box; } .join-us { border-radius: 1.6rem !important; padding: 0.2rem 4rem !important; border: 1.5px solid #fff; color: #646464; background-color: #fff; transition: 0.35s ease-in-out; text-decoration: none; font-size: 1rem; margin: 2% 0; display: inline-block; } .off-bg .uk-nav { padding: 0 2%; box-sizing: border-box; } .off-bg .uk-nav li { margin: 8% 2%; border-radius: 1.6rem !important; overflow: hidden; } .off-bg .uk-nav a:hover, .off-bg .uk-nav .uk-active a { background: #f039d1; color: #fff !important; } .off-bg .uk-nav a { color: #a8a8a8 !important; padding: 1.75% 0; width: 100%; box-sizing: border-box; display: inline-flex; text-transform: uppercase !important; } .uk-grid { margin-left: -5px; } .uk-grid > * { padding-left: 5px; } .foot { padding: 4% 0; color: #666; text-align: center; } .foot .uk-container { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .foot-logo img { max-width: 120px; margin-bottom: 10px; } .foot p, .foot a { padding: 5px 0; margin: 0; font-size: 13px; } .news-container.uk-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .news-top { margin-top: 6vh; } .news-top h1 { color: #fff; font-weight: 500; font-size: 2rem; opacity: 0.85; } .test-wrapper.uk-margin-bottom { margin-bottom: 0px !important; } .news-text h2 { font-weight: bold; font-size: 1.275rem; margin-top: 0.3rem; } .news-text .news-nav { flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; font-size: 1.15rem; margin-bottom: 0; } .news-text .text-picture { margin: 0 0 10px 0 !important ; } .news-text .news-nav span.back::before { content: '\276E'; margin-right: 0.41rem; color: #ef525c; font-size: 1.275rem; } .news-text p { line-height: 1.65; font-size: 1rem; color: #362c15; } .news-text p.uk-text-lead { line-height: 1.7; font-size: 1rem; color: #362c15; } .a-mail { color: #ff583c; font-size: 1rem; } .news-pic { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: space-around; align-items: flex-start; width: 100%; max-width: 100%; } .uk-article-title { font-size: 2rem; line-height: 1.2; } .all-games:hover { margin-top: 4%; border-radius: 1.6rem !important; padding: 0.33rem 4rem !important; border: 1.5px solid #777777; color: #fff; font-size: 0.8rem; background: 0%; } .NewsBox li span { display: none; } } @media (max-width: 1440px) { }