﻿/* ezugi */
/*Nick*/

#GridTop.noTopImage.longer { height: 104px; margin: 0; }

/* Studios Page */
.studios-page #GridTop { height: 104px; }
.studios-page #headline h1 { font-size: 465%; width: auto; position: relative; display: table; margin: 0 auto; margin-bottom: 20px; }
.studios-page #headline h1::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: #f72442; position: absolute; right: -35px; top: 20px; }
.studios-page #GridPage { padding-top: 83px; }
.studios-page #text1 { font-family: 'wotfard-light'; font-size: 110%; margin-bottom: 60px; max-width: 1000px; text-align: left; }
.studios-page #GridPage .max-width { max-width: 1400px; width: 90%; }
.studios-page #ContentGridShortModule .gridshort-view-item { width: 50%; padding: 0 30px;; }
.studios-page #grid-view { display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; }
.studios-page .grid-short-box-image { padding-bottom: 58.2%; border-radius: 22px; box-shadow: 5px 6px 18px 0 rgba(0, 0, 0, 0.16); }
.studios-page .grid-short-box { position: relative; }
.studios-page #grid-view .grid-short-box-text { position: absolute; top: 0; left: 0; font-size: 240%; width: 100%; height: 100%; padding: 50px 60px; display: flex; z-index: 1; line-height: 1.2; pointer-events: none; z-index: 3; }
.studios-page #ContentGridShortModule .grid-short-box-image a { z-index: 2; }
.studios-page #grid-view .grid-short-box-text a { color: #fff; height: auto; align-self: flex-end; }
.studios-page .grid-short-box-image::before { content: ""; display: block; width: 100%; HEIGHT: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 1; opacity: 0.4; pointer-events: none; z-index: 3; }
.studios-page .more-studios-btn { height: 60px; margin: 0 auto; display: flex; padding: 10px; border-radius: 11px; border: 2px solid #F72447; max-width: 210px; justify-content: center; align-items: center; font-size: 70%; margin-bottom: 50px; margin-top: 20px; }

.studios-page #subheadline h2 { font-size: 22px; font-family: 'wotfard-light'; width: 1051px; text-align: center; max-width: 1051px; width: 100%; margin: 0 auto; color: #000; }

/* Careers Page */
#careersView .job-boxes .job-box { border-radius: 22px; overflow: hidden; }
.careersPage .searchContainer { display: none; }
.careersPage:not(.contentInnerPage) #SiteGrid::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/warehouse/temp/ezugi/careers-page-bg.jpg); background-repeat: no-repeat; background-position: 0 104px; background-size: 100% auto; pointer-events: none; opacity: 0.43; }
.careersPage:not(.contentInnerPage) #GridTop:before { display: none; }
.careersPage:not(.contentInnerPage) #GridTop { height: 700px; background-size: 813px 457px; background-repeat: no-repeat; background-position: 77% 80%; }
.careersPage .top-caption { color: #000; max-width: 1200px; width: 100%; }
.careersPage .top-caption h1 { font-family: 'wotfard-light'; font-size: 173%; max-width: 653px; text-align: left; line-height: 1; position: relative; }
.careersPage .top-caption h1::after { content: ""; display: block; width: 32px; height: 32px; background: #f72442; border-radius: 50%; position: absolute; right: 14%; bottom: -35px; }
div#careersView { margin-bottom: 90px; }
#careersView .job-boxes .job-box .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; padding: 30px; color: #fff; background: #f72442; opacity: 0.84; }
#careersView .job-boxes .job-box:hover .overlay, #careersView .job-boxes .job-box:focus .overlay { display: flex; }
#careersView .job-boxes .job-box:hover .job-box-content, #careersView .job-boxes .job-box:focus .job-box-content { display: none; }
.job-box .overlay-title-wrapper { font-size: 100%; margin-bottom: 15px; }
.job-box .desc { font-size: 65%; line-height: 1.69; margin-bottom: 30px; flex-grow: 1; }
.job-box .more-info-btn { display: flex; border: 1px solid #fff; border-radius: 7px; font-size: 70%; align-items: center; justify-content: center; height: 50px; transition: 0.3s; }
.job-box .more-info-btn:hover { background: #fff; color: #000; }

/* Careers Page Roi */
.careersPage .position-filter-item select { border: none; background: transparent; border-bottom: 1px solid #707070; height: 50px; width: 100%; text-transform: capitalize; outline: none; font-size: 90%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.careersPage .position-filters-nav { max-width: 1130px; margin: 0 auto 85px; display: flex; justify-content: space-between; align-items: center; }
.careersPage .position-filter-item { width: 30%; position: relative; }
.careersPage .position-filter-item::after { content: ""; height: 14px; width: 17px; background-image: url(/warehouse/temp/ezugi/dropdown.svg); background-repeat: no-repeat; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.careersPage .position-filter-item select:disabled { opacity: 0.4; }

@media (max-width: 767px) {
    .careersPage .position-filters-nav { flex-direction: column; padding: 0 20px; margin: 0 auto 50px; }
    .careersPage .position-filter-item { width: 100%; position: relative; margin: 5px 0; }
}

/* Other */
.noFormPage .FooterForm.form-container-wide { display: none; }
#header2 ul.menu li { margin-right: 50px; }
.topgames-grid-section .boxes .sec-button { font-size: 120%; width: 300px; height: 72px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
.locations-section .sec-button { font-size: 120%; width: 300px; height: 72px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
#header2 .mobile-middle-kdm a.hvr-fade { width: 240px; font-size: 20px; height: 58px; display: inline-flex; justify-content: center; align-items: center; }
.home-news a.sec-button { width: 270px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; font-size: 120%; height: 65px; }
.home-news .grid-short-box-fulltext { display: flex; flex-direction: column; height: inherit; flex-grow: 1; }
.home-news .grid-short-box { height: 100%; display: flex; flex-direction: column; background: #fff; border-radius: 15px; -webkit-box-shadow: 5px 6px 18px 0 rgb(126 119 119 / 16%); flex-grow: 1; }
.home-news.grid-contents .grid-short-box .grid-short-box-link { margin-top: auto; }
.grid-contents .blog-post { background: none; border-radius: 0; box-shadow: none; padding: 0 11px; }
.home-news .slick-track { display: flex; position: relative; height: 100%; }
.home-news button.slick-arrow { position: absolute; top: 35%; left: -60px; width: 28px; height: 50px; z-index: 5; transform: translateY(-50%); background: transparent; background-image: url(/warehouse/dynamic/336092.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; border: 0; }
.home-news button.slick-arrow.slick-next { left: unset; right: -60px; background-image: url(/warehouse/dynamic/336091.svg); }
.home-news .blog-post { height: 100%; display: flex; flex-direction: column; min-height: 550px; }
.home-news .boxes-wrapper { width: 100%; overflow: visible; }
.home-news .slick-dots { list-style: none; padding: 0; margin: 0; margin-top: 10px; }
.home-news .slick-dots li { margin: 0 7px; font-size: 0; }
.home-news .slick-dots li button { width: 9px; height: 9px; background: #f72442; border: none; border-radius: 50%; padding: 0; }
.home-news .slick-dots li.slick-active button { background: #000; }
.home-news.grid-contents .content-section-Btn { margin-top: 20px; }
.home-news.grid-contents .grid-boxes.grid-boxes-content { width: 90%; }
.home-news.grid-contents .grid-boxes.grid-boxes-content > .col-md-4.col-xs-6.pull-right { display: none; }
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 70%; }
.contactForm .normal-form input, .contactForm .normal-form textarea, .contactForm .normal-form select { font-size: 100%; height: 45px; margin: 8px 0; padding-left: 10px; }
p.footer-logo-text { font-size: 135%; }
p.footer-logo-text .red { color: #f72442; }
.footer-text-divided { padding-left: 40px; padding-right: 40px; display: flex; flex-direction: column; align-items: center; }
.careersPage.contentInnerPage #DynamicFormObject input[type=submit] { border-radius: 9px; width: 100%; }
.solutionPage .solution-row .grid-short-box:hover .grid-short-box-label { padding: 0; }
.solutionPage .grid-short-box-fulltext { transition: 0.4s all; }
.solutionPage #ContentGridShortModule .grid-short-box-image a { z-index: 1; }
.solutionPage .grid-short-box-fulltext { z-index: 2; pointer-events: none; }
.solutionPage .grid-short-box:hover .grid-short-box-image:after { z-index: 1; pointer-events: none; }
.solutionPage .grid-short-box-image:after { z-index: 1; }
.solutionPage.contentInnerPage #text1 h3, .solutionPage.contentInnerPage #text2 h3 { font-family: 'wotfard-regular'; }
.home-page .contactPic .gridTextImgContainer { position: relative; width: 80%; margin: 0 auto; }
.home-page .contactPic .gridTextImgContainer::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.32; border-radius: 48px; }
.solutionPage :not(.contentInnerPage) #SiteGrid::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/warehouse/dynamic/286273.png); background-repeat: no-repeat; background-size: 100% auto; opacity: 0.6; opacity: 0; pointer-events: none; }
.solutionPage .grid-short-box .grid-short-box-link { height: 50px; display: none; align-items: center; justify-content: center; font-size: 14px; }
body:not(.home-page) .FooterForm.form-container-wide { margin-bottom: 0; }
body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 69.2%; }
body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject { background: #eaeaea; padding-top: 55px; }
body:not(.home-page) .FooterForm.form-container-wide { position: relative; }
body:not(.home-page) .FooterForm.form-container-wide:after { height: 100%; }
body:not(.home-page) .FooterForm.form-container-wide::before { height: 100%; }
body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; font-size: 260%; margin-bottom: 10px; }
body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #f72442; font-size: 70%; }
body:not(.home-page) .normal-form input:focus { margin-top: 8px; }
.solutionPage :not(.contentInnerPage) #GridPage .max-width { max-width: 1400px; width: 90%; padding: 0; }
.solutionPage:not(.contentInnerPage) #GridPage { margin-right: auto; margin-top: 0; }
.solutionPage #GridContent { width: 100%; }
.solutionPage .top-caption { max-width: 90%; width: 100%; }
.solutionPage .top-caption-subtitle { max-width: 1051px; width: 100%; margin: 0 auto; }
.solutionPage #GridPage { margin-right: auto; }
.solutionPage.contentInnerPage #GridTop { background-size: cover !important; }
.solutionPage.contentInnerPage #headline { left: 50%; transform: translate(-50%, 50%); }
.solutionPage.contentInnerPage #GridTop::before { content: ""; display: block; }
.solutionPage.contentInnerPage .FooterForm.form-container-wide { display: block; }
body.studios-page:not(.contentInnerPage) #SiteGrid::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/warehouse/dynamic/286273.png); background-repeat: no-repeat; background-size: 100% auto; opacity: 0.6; }
.home-news .slick-dots li { display: inline-block; }
.newsPage .grid-boxes-blog .blog-post-content { display: flex; flex-direction: column; height: 100%; }
.newsPage .blog-post-wrap { display: flex; height: 100%; flex-direction: column; }
.newsPage .grid-boxes-blog .blog-post-icons { margin-top: auto; }
.newsPage.contentInnerPage #GridPage { padding-top: 50px; }
.newsContentPage .subHeadline, .awardsContentPage .subHeadline { padding-bottom: 35px; }
.newsBtn a, .awardsBtn a { border-radius: 7px; text-transform: capitalize; }
.HideTopGalleryPage .newsContentPage #headline h1, .HideTopGalleryPage .awardsContentPage #headline h1 { /*font-family: 'wotfard-bold';*/ }
.smallGridBoxes { padding-bottom: 30px; margin-bottom: 10px; }
.jobs-subheadline { display: none; }
.careerContentWrapper #text1 h3 { font-family: 'wotfard-bold'; }
.careerContentWrapper #text1 h3:last-of-type { margin-top: 60px; }
.contactPage #GridTop:before { display: none; }
.certificationPage .FooterForm.form-container-wide { display: none; }
.map-wrap { overflow: visible; }
.certifiedGallery .item-text { margin-top: 20px; display: block; color: #fff; font-size: 16px; line-height: 1.38; }
.certifiedGallery .item-text .first-line { font-size: 100%; display: block; font-family: 'wotfard-bold'; }


/* */
.solutionPage .top-caption h1::after,
.games-page #headline h1::after,
.game-top-section h1::after,
.studios-page #headline h1::after,
.careersPage .top-caption h1::after,
#GridTop .top-caption h1::after,
.games-page #headline h1::after { display: none !important; }
h1 .last-word { position: relative; }
h1 .last-word::after { content: ""; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: #f72442; position: absolute; top: 20px; right: -20px; }
.solutionPage.contentInnerPage h1 .last-word::after, .newsPage h1 .last-word::after,
.careersPage.contentInnerPage h1 .last-word::after, .awardsPage h1 .last-word::after,
.certificationPage h1 .last-word::after, .aboutPage h1 .last-word::after,
.contactPage h1 .last-word::after { display: none; }

/* Roi Fixes */
/*Solution page*/
.solutionPage #GridContent #headline h1 { font-size: 400%; margin: 0 auto 40px; }
.solutionPage .section.grid-content-section { padding: 0; max-width: unset; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes { display: flex; flex-wrap: wrap; max-width: unset; padding: 0; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .solution-row { width: 100%; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box { width: 50%; padding: 0 20px !important; height: 390px; overflow: hidden; margin-bottom: 33px; margin-right: 0; font-size: 100%; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .solution-row:nth-child(2n) > .grid-box:first-child { width: 60%; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .solution-row:nth-child(2n) > .grid-box:nth-child(2) { width: 40%; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin: 0; border-radius: 22px; height: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-title { position: absolute; bottom: 30px; left: 0; padding: 0px 35px; margin: 0 20px; width: auto; text-align: left; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 240%; margin: 0; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-image::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.4; background: #000; pointer-events: none; }

@media(max-width:767px) {
    .solutionPage #GridContent { width: 100%; }
    .solutionPage .top-caption-subtitle { font-size: 22px; font-family: 'wotfard-light'; width: 100%; text-align: center; color: #000; }
    .solutionPage #GridPage { margin-right: 0; padding-top: 0; margin-top: 166px; }
    .solutionPage .top-caption { margin-top: 60px; }
    .solutionPage #GridTop { height: 250px; }
    .solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-title { bottom: 20px; left: 0; padding: 0; }
    .solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 135%; }
    .solutionPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box { padding: 0 0px !important; height: 240px; width: 100%; }
    .solutionPage #LobbyModule .section.grid-content-section .grid-boxes .solution-row:nth-child(2n) > .grid-box:first-child { width: 100%; }
    .solutionPage #LobbyModule .section.grid-content-section .grid-boxes .solution-row:nth-child(2n) > .grid-box:nth-child(2) { width: 100%; }
}

/* Games Page */
.games-page #GridTop { height: 104px; }
.games-page .contentModuleNav { display: none; }
.games-page #LobbyModule .games-list-wrapper { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; max-width: unset; padding-top: 0; }
.games-page #LobbyModule .games-list-wrapper .game-box { width: 25%; padding: 0 15px; margin-bottom: 30px; margin-right: 0; font-size: 100%; min-height: 250px; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-image { padding-bottom: 0; margin: 0; border-radius: 22px; -webkit-mask-image: -webkit-radial-gradient(white, black); height: 100%; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-image::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000); pointer-events: none; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; object-position: center 20%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-title { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-title h3 { font-size: 135%; margin: 0; }
.games-page #LobbyModule .games-list-wrapper .game-box .grid-box-title h3 a { color: #fff; }
.games-page #GridPage .max-width { max-width: 1400px; width: 90%; padding: 0; }
.games-page #LobbyModule .games-list-wrapper .game-box.new-game .new-game-label { color: #fff; background: #f72442; z-index: 1; font-size: 70%; font-family: 'wotfard-bold'; position: absolute; top: 10px; left: 30px; padding: 5px 20px; border-radius: 50px; display: flex !important; align-items: center; pointer-events: none; }
.games-page #LobbyModule .games-list-wrapper .game-box .new-game-label { display: none; }
.game-box .live-label { color: #fff; z-index: 1; font-size: 70%; font-family: 'wotfard-bold'; position: absolute; top: 15px; right: 50px; display: flex; align-items: center; pointer-events: none; }
.game-box .live-label::after { content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #f72442; margin-left: 8px; }
/*.game-box .inner { border-radius: 22px; min-height: 474px; position: relative; display: flex; overflow: hidden; transition: 0.5s; flex-direction: column; justify-content: flex-end; padding: 0 10px; background-size: 100% 100%; }
.game-box .inner:hover { background-size: 110% 110%; }*/
/*.game-box .inner::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000); }*/
/*.game-box .overlay { display: none; position: absolute; top: 0; left: 0; z-index: 2; background: rgb(247 36 66 / 83%); height: 100%; width: 100%; padding: 40px 40px 34px; flex-direction: column; justify-content: space-between; }*/
/*.game-box .inner h3 { color: #fff; z-index: 1; margin: 0 0 30px; font-size: 135%; }*/
/*.game-box .inner:hover .overlay, .game-box .inner:focus .overlay { display: flex; }
.game-box .overlay .info-item { display: flex; color: #fff; font-size: 85%; margin-bottom: 20px; }
.game-box .overlay .info { text-align: left; }
.game-box .overlay .info .info-icon { width: 26px; height: 26px; margin-right: 21px; min-width: 26px; display: flex; align-items: center; justify-content: center; }
.game-box .overlay .info .title { font-family: 'wotfard-light'; }*/
/*.game-box .inner:hover h3, .game-box .inner:focus h3 { display: none; }*/
.game-box .game-info-btn { font-size: 70%; color: #fff; border: 1px solid #fff; border-radius: 7px; height: 50px; display: flex; align-items: center; justify-content: center; padding: 10px; transition: 0.3s; }
.game-box .game-info-btn:hover, .game-box .game-info-btn:focus { background: #fff; color: #000; }
.games-page #GridPage { padding-top: 83px; }
.games-page #headline h1 { font-size: 400%; width: auto; position: relative; display: table; margin: 0 auto; margin-bottom: 40px; }
.games-page #headline h1::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: #f72442; position: absolute; right: -35px; top: 20px; }
.games-page #subheadline h2 { max-width: 1010px; margin: 0 auto; font-family: 'wotfard-light'; font-size: 110%; line-height: 1.36; letter-spacing: -0.42px; margin-bottom: 60px; }
.games-page .load-more { font-family: 'wotfard-bold'; background: #f72442; border: none; border-radius: 8px; padding: 10px; width: 270px; height: 65px; color: #fff; transition: 0.3s; font-size: 120%; }
.games-page .section.games-wrapper { margin-bottom: 40px; padding: 0; max-width: unset; }

@media (min-width: 767px) and (max-width: 1024px) {
    .games-page #LobbyModule .games-list-wrapper .game-box { width: 50%; padding: 0 30px; }
}

@media (max-width: 767px) {
    .games-page .section.games-wrapper { margin-bottom: 80px; }
    .games-page #LobbyModule .games-list-wrapper { margin-left: 0; margin-right: 0; }
    .games-page #LobbyModule .games-list-wrapper .game-box { width: 100%; min-height: 160px; height: 160px; padding: 0; margin-bottom: 20px; }
    .games-page #LobbyModule .games-list-wrapper .game-box.new-game .new-game-label { left: 10px; }
    .games-page #LobbyModule .games-list-wrapper .game-box .grid-box-title { left: 30px; transform: none; width: auto; bottom: 20px; }
}

/* Game Inner Page */
.game-page #GridPage .max-width { max-width: unset; }
.games-page.contentInnerPage { overflow-x: clip; }
.game-top-section .galleryContainerOuter { display: flex; align-items: center; max-width: 1200px; margin: 0 auto; width: 90%; }
.game-slide { height: 474px; border-radius: 22px; overflow: hidden; position: relative; }
.game-top-section .slick-list { max-width: 914px; margin: 0 auto; box-shadow: 5px 6px 20px 0 rgb(0 0 0 / 16%); border-radius: 22px; width: 100%; }
.games-page.contentInnerPage #GridPage { padding-top: 0; }
.game-top-section { /* background: url(/warehouse/temp/ezugi/game-top-bg.jpg); */ padding: 231px 0; background-size: cover; background-position: center; }
.game-top-section .section-title { margin: 0; }
.games-page.contentInnerPage #GridPage .max-width { max-width: unset; width: 100%; }
.games-page.contentInnerPage #GridTop { height: 0; }
.game-top-section h1 { margin-bottom: 0; font-size: 400%; color: #Fff; display: table; margin-left: auto; margin-right: auto; position: relative; letter-spacing: -1.77px; }
.game-top-section h1::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: #f72442; position: absolute; right: -35px; top: 20px; }
.game-details { width: 90%; max-width: 1400px; margin: 0 auto; display: flex; text-align: left; justify-content: space-between; padding-top: 62px; padding-bottom: 50px; border-bottom: 1px solid #000; margin-bottom: 87px; /* overflow: hidden; */ }
.game-specs { width: 35%; }
.game-specs .game-specs-image { position: sticky; top: 120px; }
.game-specs img { width: 100%; }
.game-desc { padding-right: 30px; font-size: 100%; width: 65%; flex-grow: 1; }
.game-desc li { font-family: 'wotfard-light'; }
.game-specs-icon { width: 40px; height: 40px; min-width: 40px; margin-right: 44px; display: flex; align-items: center; justify-content: center; }
.game-spec { display: flex; align-items: center; margin-bottom: 60px; font-size: 135%; letter-spacing: -0.51px; }
.game-spec .title { font-family: 'wotfard-light'; }
.game-slide-img { width: 100%; height: 100%; background-size: cover; background-position: center; }
.game-slide svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.game-top-section .slick-next { font-size: 0; background: url(/warehouse/temp/ezugi/game-arrow-r.svg); border: none; min-width: 21px; width: 21px; height: 35px; padding: 0; background-size: contain; }
.game-top-section .slick-prev { font-size: 0; background: url(/warehouse/temp/ezugi/game-arow-l.svg); border: none; min-width: 21px; width: 21px; height: 35px; padding: 0; background-size: contain; }
.game-top-section::after { /* content: ""; */ display: block; width: 8px; height: 38px; background: url(/warehouse/temp/ezugi/dots.svg); position: absolute; left: 50%; bottom: 78px; z-index: 99999; background-size: contain; background-repeat: no-repeat; background-position: center; }
.game-page .more-games { max-width: 1000px; margin: 0 auto; padding-bottom: 80px; width: 100%; }
.game-page .more-games-row { display: flex; flex-direction: column; overflow: visible; }
.game-page .more-games-row .grid-box .live-label { right: 20px; }
.game-page .more-games-row .grid-box { margin: 0 10px 90px; padding: 0; font-size: 100%; display: inline-flex !important; flex-direction: column; text-align: left; overflow: visible; width: auto; }
.game-page .more-games-row .grid-box .grid-box-image { padding-bottom: 0; margin: 0; height: 314px; border-radius: 22px; position: relative; }
.game-page .more-games-row .grid-box .grid-box-image::after { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000); content: ""; border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; bottom: 0; position: absolute; left: 0; width: 100%; height: 100px; z-index: 0; pointer-events: none; opacity: 0; }
.game-page .more-games-row .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.game-page .more-games-row .grid-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; object-position: center top; border-radius: 22px; }
.game-page .more-games-row .grid-box .grid-box-title { padding: 0px; text-align: center; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; max-width: 280px; }
.game-page .more-games-row .grid-box .grid-box-title h3 { font-size: 100%; margin-top: 10px; }
.game-page .more-games-row .grid-box .grid-box-title h3 a { color: #000; font-size: 135%; }
.game-page .more-games-row .grid-box .grid-box-subtitle { font-size: 70%; padding: 0 20px; }
.game-page .more-games-row .grid-box .grid-box-title h3 a:focus, .game-page .more-games-row .grid-box .grid-box-image .box-image-animation:focus { border: none !important; outline: none !important; }
.game-page .more-games-row button.slick-arrow { position: absolute; top: 35%; left: -60px; width: 28px; height: 50px; z-index: 5; transform: translateY(-50%); background: transparent; background-image: url(/warehouse/dynamic/336092.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; border: 0; }
.game-page .more-games-row button.slick-arrow.slick-next { left: unset; right: -60px; background-image: url(/warehouse/dynamic/336091.svg); }
.game-page .more-games-box { padding: 0 35px; }
.game-page .more-games-box .image-wrapper { height: 474px; display: block; background-size: cover; border-radius: 22px; overflow: hidden; margin-bottom: 24px; position: relative; }
.game-page .more-games-box .title { font-size: 200%; letter-spacing: -0.76px; }
.game-page .more-games-box .live-label { color: #fff; z-index: 1; font-size: 70%; font-family: 'wotfard-bold'; position: absolute; top: 15px; right: 15px; display: flex; align-items: center; }
.game-page .more-games-box .live-label::after { content: ""; content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #f72442; margin-left: 8px; }
.game-page .more-games h2 { letter-spacing: -0.76px; margin-bottom: 80px; }
.game-page .more-games .slick-dots { list-style: none; padding: 0; margin-top: 50px; margin-bottom: 55px; display: flex; justify-content: center; }
.game-page .more-games .slick-dots li { display: inline-block; margin: 0 7px; font-size: 0; }
.game-page .more-games .slick-dots li button { border: none; background: #f72442; width: 9px; height: 9px; border-radius: 50%; padding: 0; }
.game-page .more-games .slick-dots li.slick-active button { background: #000; }
.game-page .more-games .all-games-btn { width: 270px; height: 65px; font-size: 120%; display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #f72442; box-shadow: 6px 6px 6px 0 rgb(0 0 0 / 16%); color: #fff; border-radius: 7px; font-family: 'wotfard-bold'; letter-spacing: -0.38px; transition: all 0.2s ease; }
.game-details .demo-btn { background: #f72442; color: #fff; border-radius: 7px; display: flex; align-items: center; justify-content: center; padding: 10px; height: 60px; transition: 0.3s; }
.game-desc-toggle { display: none; }

@media (max-width: 767px) {
    .game-page .more-games h2 { margin: 40px 0; }
    .game-page .more-games-row .grid-box { width: 70vw; margin: 0 15px 60px; }
    .game-page .more-games-row .grid-box .grid-box-image { height: 263px; }
    .game-page .more-games-row .grid-box .grid-box-title h3 { font-size: 90%; }
    .game-page .more-games .slick-dots { margin: 30px 0 0; }
    .game-page .more-games .slick-dots li { margin: 0 4px; }
    .game-page .more-games .slick-dots li button { width: 7px; height: 7px; }
    .game-page .more-games .all-games-btn { width: 180px; height: 55px; font-size: 100%; }
}

/* News Page */
.news .section.grid-contents { padding: 0; max-width: unset; }
.newsContentWrapper { width: 100%; margin: 0 auto; max-width: 1240px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper { display: flex; flex-wrap: wrap; max-width: unset; padding: 0; overflow: visible; margin: auto -15px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box { margin: 0 15px 30px; padding: 0 0 55px; font-size: 100%; width: 22.6%; box-shadow: 5px 6px 18px 0 rgba(126, 119, 119, 0.16); display: inline-flex !important; flex-direction: column; border-radius: 22px; text-align: left; overflow: visible; background: #fff; position: relative; opacity: 1; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-image { padding-bottom: 0; margin: 0; height: 280px; border-top-left-radius: 22px; border-top-right-radius: 22px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; object-position: center 20%; transition: none; border-top-left-radius: 22px; border-top-right-radius: 22px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-title { padding: 30px 20px 15px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-title h3 { font-size: 100%; font-family: 'wotfard-bold'; margin: 0; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-title h3 a { color: #000; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-subtitle { font-size: 70%; padding: 0 20px; max-height: 85px; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .button-wrapper { display: inline-flex; justify-content: space-between; align-items: center; padding: 0 20px; color: #a0a0a0; font-size: 60%; text-transform: uppercase; position: absolute; left: 0; bottom: 25px; width: 100%; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .button-wrapper .grid-box-subtitle.button { padding: 0; font-size: 100%; color: #a0a0a0; font-family: 'wotfard-light'; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .button-wrapper .grid-box-fulltext p { font-family: 'wotfard-regular'; }

.news .lobby-grid #GridPage .max-width { padding: 0; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box { width: 100%; flex-direction: row; padding: 0; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-image { border-top-right-radius: 0; border-bottom-left-radius: 22px; height: 220px; width: 100%; max-width: 220px; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-image .grid-box-image-container img { width: 220px; border-bottom-left-radius: 22px; border-top-right-radius: 0; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .content-wrapper { flex-grow: 1; position: relative; padding: 0 30px 30px 60px; display: flex; flex-direction: column; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-title { padding: 30px 0 15px; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-subtitle { padding: 0; }
.news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .button-wrapper { position: relative; padding: 0; bottom: unset; flex-grow: 1; display: inline-flex; align-items: flex-end; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box:not(.active) { display: none !important; }
.news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-image .grid-box-image-container .box-image-animation:hover img { transform: none; }

.news .news-sec { /* display: none; */ }

@media (max-width: 1024px) {
    .news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box { width: 44%; padding: 0 0 40px; }
    .news #LobbyModule .section.grid-contents .grid-boxes-wrapper { padding: 30px 30px; margin: auto 0; }
    .news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .grid-box-title { padding: 10px 20px 5px; }
    .news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box .button-wrapper { bottom: 15px; }
}

@media (max-width: 767px) {
    .news .lobby-grid #GridPage .max-width { padding: 0; }
    .news #LobbyModule .section.grid-contents .grid-boxes-wrapper .grid-box { width: 100%; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-image { display: none; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .content-wrapper { padding: 0 15px 25px; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-title { padding: 20px 0 5px; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-title h3 { font-size: 85%; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .button-wrapper { padding-top: 15px; }
    .news #LobbyModule .section.grid-contents .rowMode .grid-boxes-wrapper .grid-box .grid-box-subtitle { font-size: 65%; line-height: 1.3; }
}

/**/

.news-home-carousel .grid-boxes-wrapper { max-width: 1240px; margin: 0 auto; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box { margin: 0; background: #fff; border-radius: 15px; -webkit-box-shadow: 5px 6px 18px 0 rgb(126 119 119 / 16%); height: 100%; display: flex; flex-direction: column; min-height: 550px; max-height: 550px; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box-wrap { display: flex; padding: 0 10px 30px; flex-direction: column; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-shortbox-image img { width: 100%; object-fit: cover; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-shortbox-image, .news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-shortbox-image img { border-top-left-radius: 15px; border-top-right-radius: 15px; min-height: 290px; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-short-box-link { flex-grow: 1; display: inline-flex; align-items: flex-end; }
.news-home-carousel .slick-dots { list-style: none; padding: 0; margin: 0; margin-top: 30px; display: flex !important; justify-content: center; }
.news-home-carousel .slick-dots li { margin: 0 7px; font-size: 0; }
.news-home-carousel .slick-dots li button { width: 9px; height: 9px; background: #f72442; border: none; border-radius: 50%; padding: 0; }
.news-home-carousel .slick-dots li.slick-active button { background: #000; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-short-box-subtitle { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-short-box-fulltext { display: flex; flex-direction: column; flex-grow: 1; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-short-box-subtitle { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0; }
.news-home-carousel .grid-boxes-wrapper .grid-short-box .grid-short-box-fulltext { display: flex; flex-direction: column; flex-grow: 1; }
.news-home-carousel .news-btn { width: 270px; font-size: 120%; margin: 50px auto; height: 65px; background: #f72442; box-shadow: 6px 6px 6px 0 rgb(0 0 0 / 16%); color: #fff; border-radius: 7px; font-family: 'wotfard-bold'; letter-spacing: -0.38px; transition: all 0.3s; }
.news-home-carousel .news-btn a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff !important; }
.news-home-carousel .news-btn:hover { background: rgb(247 36 66 / 60%); color: #fff; }

@media (max-width: 767px) {
    .news-home-carousel { padding-top: 50px; }
    .news-home-carousel .grid-boxes-wrapper { overflow-x: scroll; padding: 0 20px 20px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(15, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
    .news-home-carousel .grid-boxes-wrapper .grid-short-box-wrap { min-height: unset; height: auto; width: calc(var(--vw) * 0.747); }
    .news-home-carousel .news-btn { margin: 0px auto 50px; width: 230px; height: 60px; font-size: 100%; }
}

/* MEDIA */

@media (min-width: 1840px) {
    #header2 { padding: 20px 60px; }
}

@media (max-width: 1700px) {
    #header2 ul.menu li { margin-right: 20px; }
}

@media (max-width: 1300px) {
    .game-box { width: 33.33333%; }
}

@media (max-width: 1300px) and (min-width: 1025px) {
    #header2 ul.menu li { margin-right: 8px; font-size: 75%; }
}

@media (max-width: 1200px) {
    .game-top-section .slick-list { max-width: 84%; }
    .game-details { font-size: 82%; }
    .game-spec { margin-bottom: 40px; }
    .studios-page #grid-view .grid-short-box-text { font-size: 200%; }
    .careersPage .top-caption { max-width: 90%; }
}

@media (max-width: 1100px) and (min-width: 768px) {
    #header2 { padding-left: 20px; padding-right: 20px; }
    #header2.detailsInRow .max-width { width: 100%; }
}

@media (min-width: 1025px) {
    #header2 { min-height: 104px; }
    #header2.detailsInRow .max-width { max-width: unset; width: 100%; }
    .newsPage .top-caption, .certificationPage .top-caption { width: 950px; }
}

@media (max-width: 991px) {
    .game-box { padding: 0 20px; margin-bottom: 40px; width: 50%; }
    .games-list-wrapper { margin-left: -20px; margin-right: -20px; }
    .game-top-section h1 { animation: none; font-size: 400%; text-align: left; max-width: 90%; margin-left: 5%; margin-bottom: 40px; }
    .game-top-section h1::after { display: none; }
    .game-top-section { padding-top: 40px; }
    .game-top-section .galleryContainerOuter { flex-direction: column; }
    .game-top-section .slick-list { max-width: 100%; }
    .game-top-section .slick-dots { margin-top: 30px; list-style: none; padding: 0; margin-bottom: 0; }
    .game-top-section .slick-dots li { display: inline-block; margin: 0 10px; }
    .game-top-section .slick-dots li button { padding: 0; width: 15px; height: 15px; border-radius: 50%; font-size: 0; border: none; background: #f72442; }
    .game-top-section .slick-dots li.slick-active button { background: #000; }
    .game-top-section { padding-bottom: 30px; }
    .game-top-section::after { display: none; }
    .game-specs { /* min-width: unset; */ width: auto; /* display: flex; */ /* flex-wrap: wrap; */ /* margin-left: -20px; */ /* margin-right: -20px; */ /* justify-content: space-between; */ }
    .game-details { flex-direction: column; }
    .game-spec { width: 50%; padding: 0 20px; margin-bottom: 20px; font-size: 100%; }
    .game-specs-icon { width: 30px; height: 30px; margin-right: 20px; }
    .game-specs-icon svg { width: 30px; height: 30px; }
    .game-desc { /* display: none; */ }
    .game-desc-toggle { border-radius: 7px; align-items: center; justify-content: center; display: flex; border: 1px solid #f72442; color: #000; background: #fff; padding: 10px; }
    .game-details .demo-btn { width: calc(50% - 40px); margin-left: 20px; margin-top: 20px; }
    .game-desc-toggle { width: calc(50% - 40px); margin-top: 20px; margin-right: 20px }
}

@media (min-width: 768px) {
    .solutionPage :not(.contentInnerPage) #GridTop { background-size: 0; }
    .solutionPage .grid-short-box-image img { width: 100%; height: auto; }
}

@media (max-width: 767px) {
    .games-page #GridTop { height: 0; }
    .games-list-wrapper { margin-left: 0; margin-right: 0; }
    .game-box { width: 100%; padding: 0; margin-bottom: 20px; }
    .game-box .inner { min-height: 200px; padding: 0 20px; }
    .game-box .inner h3 { text-align: left; font-family: 'wotfard-regular'; }
    .game-box .live-label { display: none; }
    .games-page .load-more { margin-top: 40px; }
    .games-page #headline h1 { font-size: 325%; margin-bottom: 0; }
    .games-page #subheadline h2 { text-align: left; margin-bottom: 40px; }
    .games-page #headline::after { display: none; }
    .games-page #headline::after { display: none; }
    .games-page #headline h1::after { position: static; display: inline-block; transform: translate(10px, -30px); }
    .games-page #GridTop.noTopImage.longer { margin-top: 0; display: none; }
    .game-slide { height: 300px; }
    .game-top-section .slick-dots { margin-top: 20px; }
    .game-desc-toggle, .game-details .demo-btn { width: calc(50% - 30px); margin-top: 10px; height: 50px; }
    .game-specs-icon svg { width: 20px; }
    .game-specs-icon { width: 30px; min-width: 30px; margin-right: 10px; }
    .game-details { padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; border: none; }
    .game-desc { padding: 0; width: 100%; }
    .more-games-row { flex-direction: row; overflow: auto; margin-left: 0; margin-right: 0; padding-bottom: 20px; margin-bottom: 30px; padding-top: 10px; }
    .more-games { overflow: hidden; width: 100%; }
    .more-games-box { padding: 0 15px; min-width: calc(var(--vw) * 0.4); }
    .more-games-box .image-wrapper { height: calc(var(--vw) * 0.28); margin-bottom: 10px; }
    .more-games-box:first-of-type { margin-left: calc(5% - 16px); }
    .more-games-box:last-of-type { margin-right: calc(5% - 16px); }
    .more-games-box .title { font-size: 100%; }
    .more-games-box .live-label { display: none; }
    .games-page #ContentRegularModule { position: relative; }
    .game-top-section { background: none; }
    .games-page #ContentRegularModule::before { content: ""; display: block; width: 100%; height: 86%; position: absolute; background: url(/warehouse/temp/ezugi/game-top-bg.jpg); }
    body.games-page::before { display: none; }
    .studios-page #headline h1::after { display: none; }
    .studios-page #headline h1 { font-size: 380%; text-align: left; }
    .studios-page #ContentGridShortModule .gridshort-view-item { width: 100%; }
    .studios-page #grid-view .grid-short-box-text { padding: 30px; font-size: 150%; }
    #careersView .job-boxes .job-box { max-width: 90%; }
    .careersPage.topGallery2 #GridTop .top-caption h1 { font-family: 'wotfard-regular'; font-size: 250%; }
    .careersPage .top-caption h1::after { display: none; }
    .careersPage.topGallery2 #GridTop .top-caption { padding-left: 0; top: 44%; }
    .careersPage #GridTop { height: 500px; background-size: contain; background-position: 50% 70%; }
    #careersView .job-boxes .job-box .overlay { display: flex; height: 50%; top: auto; bottom: 0; opacity: 1; background: #fff; color: #000; padding: 20px; }
    .careersPage .blog-post-content.job-box-content { display: none; }
    .job-box .overlay-title-wrapper { margin-bottom: 5px; }
    .job-box .more-info-btn { display: none; }
    .overlay::before { content: ""; display: block; width: 8px; height: 38px; background: url(/warehouse/temp/ezugi/dots.svg); position: absolute; right: 32px; bottom: 5px; z-index: 99999; background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(90deg); zoom: 0.8; }
    #careersView .job-boxes .job-box { border-radius: 14px; }
    #header2 #header-left img { /* opacity: 0; */ }
    #header-left a.logoHeader { /* background: url(/warehouse/temp/ezugi/logo-m.png); */ /* background-size: contain; */ /* height: 45px; */ /* background-repeat: no-repeat; */ display: inline-flex; align-items: center; }
    #header2 .mobile-middle-kdm a.hvr-fade { padding: 6px 10px; font-size: 80%; width: auto; height: auto; }
    .careersPage:not(.contentInnerPage) #SiteGrid::before { background-position: 0 top; background: unset; }
    .topgames-grid-section .boxes .sec-button, .locations-section .sec-button, .home-news a.sec-button { width: 230px; height: 60px; font-size: 100%; }
    .home-news .blog-post { min-height: unset; height: auto; width: calc(var(--vw) * 0.747); }
    .home-news .boxes-wrapper { overflow-x: scroll; padding: 0 20px 20px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(12, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
    .home-news.grid-contents .grid-boxes.grid-boxes-content { display: block; padding: 0; width: 100%; }
    .home-news .grid-short-box-image { padding-bottom: 60%; }
    .home-news .grid-short-box-image img { height: auto; }
    .home-news .grid-short-box { overflow: hidden; }
    #SiteFooter .footer-text-divided { /* background-image: url(/warehouse/temp/ezugi/footer_mob.jpg); */ /* padding-bottom: 20px; */ /* padding-top: 30px; */ /* background-size: cover; */ }
    .lottieSection .grid-boxes .grid-box-image-container { max-width: 100px; max-height: 100px; position: static; }
    .lottieSection .grid-boxes .grid-box-image-container lottie { max-width: 100%; max-height: 100%; }
    .lottieSection .grid-boxes .grid-box-image { min-height: unset; }
    .lottieSection .grid-boxes .grid-box-image-container lottie-player { max-height: 100px; max-width: 100%; height: auto; width: auto; }
    .lottieSection .grid-boxes .grid-box { min-height: unset; }
    #header2.fixedMenu { padding-bottom: 10px; }
    #header2 .mobile-middle-kdm { margin-top: 0; position: absolute; left: 50%; transform: translate(-50%,-50%); width: 100%; top: 50%; }
    .icons-row { flex-wrap: wrap; }
    .searchContainer { width: 100%; order: 2; }
    .iconsContainer { order: 1; margin-bottom: 20px; }
    .searchContainer input { font-size: 100% !important; }
    #awardsView .postsContentWrapper:not(.rowMode) .grid-boxes.grid-boxes-blog { grid-template-columns: repeat(1, 1fr); width: 90%; }
    .job-box img { height: 334px; width: auto; position: relative; transform: translateX(-16%); }
    .careersPage #GridTop { height: 300px; background-size: cover; }
    #newsView .grid-boxes, #awardsView .grid-boxes { grid-template-columns: repeat(1, 1fr); width: 90%; }
    .game-box .overlay { padding: 20px; justify-content: center; }
    .game-box .overlay .info-item { margin-bottom: 15px; font-size: 80%; }
    .game-box .game-info-btn { display: none; }
    .game-box .overlay .info { display: flex; flex-direction: column; justify-content: center; }
    .game-box .overlay .info-item:last-of-type { margin-bottom: 0; }
    .overlay::before { display: none; }
    .solutionPage .solution-row .grid-short-box:hover .grid-short-box-label { font-size: 150%; }
    .solutionPage .grid-short-box:hover .grid-short-box-subtitle { font-size: 113%; }
    .solutionPage .grid-short-box-fulltext { bottom: 40px; padding: 0 20px; }
    .solutionPage .grid-short-box-fulltext .grid-short-box-label { font-size: 160%; bottom: -20px; }
    .solutionPage.contentInnerPage #headline { width: 90%; left: 5%; }
    #SiteGrid { margin-top: 65px; }
    #header2 ul.menu { top: 46px; }
    .aboutPage #text1 img { /* height: 180px; */ /* width: auto; */ /* max-width: unset; */ }
    .solutionPage .top-caption-subtitle { display: none; }
    .solutionPage :not(.contentInnerPage) #SiteGrid::before { display: none; }
    .solutionPage:not(.contentInnerPage) #GridPage { padding-top: 40px; }
    .solutionPage .top-caption { margin-top: 0; }
    .solutionPage #GridContent #headline h1 { font-size: 325%; margin: 0 auto; }
    .solutionPage #GridTop .top-caption h1 { text-align: left; }
    body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject { max-width: 100% !important; }
    body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 200%; }
    body:not(.home-page) .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 30px; color: #000; font-size: 110%; font-family: 'wotfard-light'; }
    .solutionPage.contentInnerPage #headline { transform: none; left: 5%; bottom: 3%; top: auto; }
    .careersPage.contentInnerPage #jobs-headline h1 { max-width: 90%; margin: 0 auto; }
    .careersPage.contentInnerPage #jobs-headline { top: auto; bottom: 3%; left: 50%; text-align: left; }
    .jobs-Btn { order: 2; }
    .careersPage.contentInnerPage div#FloatingForm { order: 1; }
    .floatingFormWrapper { flex-direction: column; }
    .home-page .contactPic .gridTextImgContainer::before { width: 90%; left: 5%; border-radius: 18px; }
    .solutionPage .solution-row .grid-short-box:hover .grid-short-box-fulltext { /* display: none; */ }
    .solutionPage .grid-short-box:hover .grid-short-box-image:after { display: none; }
    .solutionPage .grid-short-box:hover .grid-short-box-subtitle, .solutionPage .grid-short-box:hover .grid-short-box-link { display: none; }
    .solutionPage .solution-row .grid-short-box:hover .grid-short-box-label { font-size: 48px; }
    .solutionPage .solution-row .grid-short-box:hover .grid-short-box-image::after { display: block; }
    .solutionPage .solution-row .grid-short-box:hover .grid-short-box-image::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.4; background: #000; }
    .games-page #ContentRegularModule::before { display: none; }
    .games-page:not(.contentInnerPage) #GridPage::before { content: ""; display: block; width: 100%; height: 86%; position: absolute; background: url(/warehouse/temp/ezugi/game-top-bg.jpg); top: 0; background-size: cover; }
    .games-page #GridPage { padding-top: 40px; }
    .studios-page:not(.contentInnerPage) #GridTop { height: 0; }
    body.studios-page:not(.contentInnerPage) #SiteGrid::before { background-size: cover; }
    .studios-page:not(.contentInnerPage) #GridPage { padding-top: 40px; }
    .solutionPage:not(.contentInnerPage) #GridTop { background-size: 0; display: none; }
    .games-page.contentInnerPage .FooterForm.form-container-wide { display: block; }
    .studios-page.contentInnerPage #GridTop { height: 0; }
    .studios-page.contentInnerPage #GridPage { padding-top: 40px; }
    .newsPage.contentInnerPage #GridTop { display: block; }
    .topGallery2 #SiteGrid { margin-top: 65px; }
    .careersPage:not(.contentInnerPage) #GridTop { height: 460px; background-size: contain; }
    #careersView .job-boxes .job-box .overlay::before { display: block; }
    .careersPage.contentInnerPage #GridTop::before { content: ""; }
    .awardsPage.contentInnerPage #GridTop { display: block; }
    .aboutPage .top-caption { padding-left: 0; }
    .aboutPage #GridTop .top-caption h1 { font-size: 325%; }
    .map-wrap { overflow-x: auto; max-width: 99%; direction: rtl; }
    .games-page .load-more { width: 230px; }
    h1 .last-word::after { width: 15px; height: 15px; top: 15px; right: -15px; }
    .home-page .contactPic .gridTextImgContainer { width: 100%; }
}


/*cctv page*/
.cctvPage .MainContent {padding-top: 70px;padding-bottom: 100px;}
.cctvPage .flags {display: flex;flex-wrap: wrap;align-items: center;gap: 50px;justify-content: center;margin-top: 40px;}
.cctvPage #text1 p {width: auto}
.cctvPage #text1 p:last-child {margin-bottom: 0;}
.cctvPage h1 .last-word::after {display: none;}
.cctvPage #headline h1 {font-size: 400%;}

@media (max-width: 767px) {
    .cctvPage #GridTop {display: none}
    .cctvPage .MainContent {padding-top: 0;padding-bottom: 50px;}
    .cctvPage #headline h1 {font-size: 325%;}
}
