﻿/*Ezugi*/
body { font-size: 20px; font-weight: normal; }
.row { margin: 0; padding: 0; }

p { font-size: 110%; font-family: 'wotfard-light'; }
.cookies-disclaimer { font-size: 100%; }
.cookies-disclaimer p, .cookies-disclaimer button { font-size: 80%; }
.home-page footer { padding: 0; }

/* Cookies plugin css */
:root { --cc-bg: #f8f8f8 !important; --cc-text: #000 !important; --cc-border-radius: 10px !important; --cc-btn-primary-bg: #f72442 !important; --cc-btn-primary-text: #fff !important; --cc-btn-border-radius: 7px !important; --cc-btn-primary-hover-bg: #fff !important; --cc-btn-secondary-bg: transparent !important; --cc-btn-secondary-text: #000 !important; --cc-btn-secondary-hover-bg: #f72442 !important; }
#cc_div #cm { padding: 0 0 1.4em; height: 60px; width: 240px; overflow: hidden; transition: unset !important; }
#cc_div #cm.opened { height: auto; width: 387px; }
#cc_div #cm.opened #c-txt { opacity: 1 !important; }
#c-ttl { position: relative; cursor: pointer; font-size: 100% !important; font-family: 'wotfard-regular'; font-weight: unset !important; padding: 20px 25px 0; }
#c-ttl::before { pointer-events: none; content: ''; position: absolute; right: 20px; top: 23px; width: 17px; height: 17px; background-image: url(/warehouse/dynamic/359175.svg); background-repeat: no-repeat; background-size: 100%; filter: invert(1); transform: scaleY(1); }
#cc_div #cm.opened #c-ttl::before { transform: scaleY(-1); top: 17px; right: 30px; }
#c-txt { font-size: 81% !important; line-height: 1.69 !important; letter-spacing: 0.12px; font-family: 'wotfard-regular'; padding: 0 25px; opacity: 0 !important; transition: 0.4s all ease; }
#c-bns { padding: 0 25px !important; }
.cc_div .c-bn { border: 1px solid #f72442 !important; padding: 0.85em 1.7em !important; font-size: 95% !important; font-weight: unset !important; font-family: 'wotfard-regular'; }
.cc_div #c-s-bn:hover { color: #fff; }
.cc_div #c-p-bn:hover { color: #000; }
.cc_div .cc-link { font-weight: unset !important; }
.cookies-button { position: fixed; right: 20px; bottom: 20px; z-index: 9999; height: 60px; width: 240px; background: #f8f8f8; border: none; border-radius: 10px; box-shadow: 0 0.625em 1.875em rgb(2 2 3 / 28%); font-size: 80% !important; font-family: 'wotfard-regular'; padding: 20px 25px 20px; text-align: left; }
.cookies-button::before { pointer-events: none; content: ''; position: absolute; right: 20px; top: 25px; width: 17px; height: 17px; background-image: url(/warehouse/dynamic/359175.svg); background-repeat: no-repeat; background-size: 100%; filter: invert(1); transform: scaleY(1); }

@media(max-width: 767px) {
    #cc_div #cm { width: 90% !important; height: 50px; padding: 0px 0 20px !important; }
    #c-ttl { padding: 15px 25px 0; font-size: 90% !important; }
    #cc_div #cm.opened #c-ttl { padding: 20px 25px 0; }
    #c-ttl::before { right: 30px; top: 20px; width: 15px; height: 15px; }
    #cc_div #cm.opened #c-ttl::before { right: 20px; }
    .cookies-button { height: 50px; width: 180px; font-size: 65% !important; padding: 10px 20px 10px; }

    .cookies-button::before { right: 15px; top: 21px; width: 14px; height: 14px; }
}

/*Header*/
#header2 { direction: ltr; background: #fff; }
#header2.bg { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
#header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; position: relative; }
#header2.detailsInRow .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; }
#header2 ul.menu li, #header2 ul.menu li a { color: #000; }
#header2 ul.menu li { margin-right: 15px; text-transform: capitalize; transition: all 0.2s ease; }
#header2 ul.menu li.active a { border-bottom: 2px #f72442 solid; }
#header2 ul.menu li a:focus { border-bottom: 0px; }
#header2 ul.menu li a { font-size: 120%; }
#header2 ul.menu > li:before, #header2 .header-top-left { display: none; }
#header2 .header-top-left svg { fill: #000; }
#header2.detailsInRow .menu-nav, #header2 ul.menu, #header2 .header-top-left { margin: 0; text-align: center; }
#header2.detailsInRow .header-top { padding: 0; }

#header2 #header-left { text-align: left; }
#header2 .mobile-middle-kdm { display: inline-flex; color: #000; z-index: 1; }

#header2 #header-left img { transition: 0.3s all; }
#header2 #header-left img:hover { transform: scale(1.1); transition: 0.3s all; }

@media(min-width: 767px) {
    #header2 .header-right-section { position: unset; display: flex; align-items: center; flex-direction: row-reverse; }
}

@media(min-width:1025px) {
    #header2 { padding: 20px; }
}

@media(min-width:1025px) and (max-width: 1400px) {
    #header2 ul.menu li { margin-right: 10px; }
    .hvr-fade, .sec-button { font-size: 70%; }
    #header2 #header-left img { width: 80%; }
}

/*buttons*/
.hvr-fade, .sec-button { background: #f72442; box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16); color: #fff; padding: 15px 30px; border-radius: 7px; font-family: 'wotfard-bold'; letter-spacing: -0.38px; transition: all 0.3s; }
.hvr-fade:hover, .sec-button:hover, .games-page .load-more:hover, .newsPage.contentInnerPage .newsBtn a:hover { background: rgb(247 36 66 / 60%); color: #fff; }
#header2 .mobile-middle-kdm a.hvr-fade:hover, .more-games .all-games-btn:hover { background: rgb(247 36 66 / 60%); color: #fff; }

/*Headlines*/
.section-title h1, h1 { font-size: 265%; font-family: wotfard-regular; letter-spacing: -0.55px; }
.section-title h2, h2 { font-size: 160%; }
.section-title h3, h3 { font-size: 135%; }
.section-title h3 { color: #716e6e; letter-spacing: -0.53px; font-family: 'wotfard-light'; margin-top: 15px; }
.home-about .section-title h2 { font-family: wotfard-light; padding: 0 5px; }

/*Sections*/
#allSectionsWrapper { margin-top: 170px; }

.globalGallery .section-title { margin-bottom: 110px; }
.globalGallery .section-title h1 { font-size: 80px; }
.globalGallery .topImg img { border-radius: 42px; }
.globalGallery .owl-item, .globalGallery .owl-item.active, .globalGallery .owl-item.cloned { transform: scale(0.9); opacity: 0.42; transition: all 0.5s ease-in-out; }
.globalGallery .owl-item.active.center { opacity: 1; transform: none; }
/*.globalGallery .topImg::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;} */
.globalGallery .owl-carousel .owl-dots { bottom: -60px; }
.globalGallery .owl-carousel .owl-dot { width: 9px; height: 9px; background: #f72442; }
.globalGallery .owl-carousel .owl-dot.active { background: #000; }
.globalGallery span.item-text { inset: 0; color: transparent; position: absolute; }

.globalGallery span.item-text::after { content: 'New'; position: absolute; color: #fff; top: 25px; left: 35px; background: #f72442; border-radius: 9px; font-size: 80%; padding: 3px 10px; max-width: 100px; display: inline-flex; height: 25px; justify-content: center; align-items: center; }

.grid-image-section, .image-section-data { height: auto; margin: 0; }
.grid-image-section::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; z-index: 0; opacity: 0.5; }
.grid-image-section .section-title { position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; margin: 0; color: #fff; z-index: 1; }
.grid-image-section .section-title h2 { max-width: 1240px; line-height: 1.32; letter-spacing: -1.39px; font-size: 365%; }
.grid-image-section .section-title h2 span { font-family: 'wotfard-regular'; font-size: 73%; }

.lottieSection .grid-boxes { max-width: 1240px; margin: auto; }
.lottieSection .grid-boxes .grid-box { min-height: 300px; margin-bottom: 20px; }
.lottieSection .grid-boxes .grid-box-image-container { position: relative; display: inline-flex; }
.lottieSection .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 20px; min-height: 180px; }
.lottieSection .grid-boxes .grid-box-title h3 { font-size: 135%; font-family: 'wotfard-light'; margin: 0; font-weight: 600; }
.lottieSection .grid-boxes .grid-box-title h3 a { color: #464646; }

.grid-boxes.grid-boxes-blog { max-width: 1240px; margin: 0 auto 40px; display: flex; flex-wrap: wrap; }
.grid-boxes.grid-boxes-blog > .blog-post { width: 25%; margin: 0 11px; padding: 0; border-radius: 15px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.grid-boxes-blog .blog-post-title { padding: 30px 0 0; font-size: 100%; font-family: wotfard-bold; }
.grid-boxes-blog .blog-post-content { padding: 0 25px 25px; }
.grid-boxes-blog .blog-post-text { border: none; padding: 25px 0 0; margin: 0; font-size: 70%; line-height: 1.7; }
.grid-boxes-blog .blog-post-icons, .blog-post-button { margin: 0; font-size: 60%; }
.grid-boxes-blog .blog-post-button { font-size: 100%; }
.grid-boxes-blog .blog-post-icons span i { display: none; }
.grid-boxes-blog .blog-post-icons { display: flex; justify-content: space-between; align-items: center; padding: 15px 0 0; color: #a0a0a0; text-transform: uppercase; }

.certifiedGallery { background: #111; padding: 65px 0; margin-bottom: 0; }

@media(min-width:1025px) {
    .certifiedGallery .owl-prev { right: -100px; font-size: 0; }

    .certifiedGallery .owl-next { left: -100px; font-size: 0; }
}

.owl-carousel .owl-stage { display: flex; align-items: center; }
.certifiedGallery .section-title { margin-bottom: 30px; }
.certifiedGallery .owl-carousel .owl-dots { bottom: -50px; }
.certifiedGallery .owl-carousel .owl-dot { width: 9px; height: 9px; margin: 3px; }
.certifiedGallery .content-section-Btn { display: block; margin-top: 55px; }
.certifiedGallery .owl-carousel .owl-item { padding: 32px; }
.certifiedGallery .section-title h2 { color: #fff; }
.certifiedGallery .gallery-container { max-width: 1000px; margin: auto; }
.certifiedGallery .sec-button.hvr-float { background: transparent; border: 2px solid #fff; box-shadow: none; }
.certifiedGallery .owl-carousel .owl-item .item:hover .plus-sign { display: none; }
/* .certifiedGallery .owl-item { pointer-events: none; }*/

.contactSection { display: flex; padding: 40px 0; align-items: center; max-width: 95%; margin: auto; }
.contactSection > section { width: 50%; padding: 0; margin: 0; }
.home-page .contactPic .gridTextImgContainer img { border-radius: 48px; }
.contactForm #DynamicFormObject { border: none; display: flex; flex-direction: column; align-items: center; max-width: 600px; margin: auto; text-align: left; }
.contactForm #DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: none; }
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 60%; color: #6f6f6f; letter-spacing: -0.27px; margin-bottom: 15px; }
.contactForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 145%; font-family: wotfard-regular; letter-spacing: -0.74px; text-align: left; margin-bottom: 15px; font-weight: 600; }
.contactForm #DynamicFormObject .dynamicFormObjectField, .contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectField,
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0; }
.contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
.contactForm .normal-form input,
.contactForm .normal-form textarea,
.contactForm .normal-form select { border-radius: 0; border: none; box-shadow: none; border-bottom: 1px solid #000; padding: 0 0 0 10px; width: 100%; max-width: 100%; font-size: 65%; }
.contactForm #DynamicFormObject input[type=submit] { background: #f72442; width: 100%; max-width: 100%; font-size: 70%; border-radius: 7px; border: none; font-family: 'wotfard-bold'; }
.contactForm #DynamicFormObject .dynamicFormObjectField .must:before { left: 0; top: 2px; }

.grid-contents::before { content: ""; background-image: url('/warehouse/temp/ezugi/newsbackground.jpg'); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: -1; }
.grid-contents { padding: 100px 0; margin: 0; }
.grid-contents .blog-post { width: 287px; padding: 0; background: #fff; border-radius: 15px; -webkit-box-shadow: 5px 6px 18px 0 rgba(126, 119, 119, 0.16); }
.grid-contents .grid-boxes.grid-boxes-content { max-width: 1240px; margin: auto; justify-content: center; display: flex; gap: 20px; flex-wrap: wrap; }
.grid-contents .grid-short-box-image img { width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; transition: 0.4s all; }
.grid-contents .grid-short-box-fulltext { padding: 0 20px; text-align: left; }
.grid-contents .grid-short-box .grid-short-box-label,
.grid-contents .grid-short-box .grid-short-box-subtitle,
.grid-contents .grid-short-box .grid-short-box-link { font-size: 100%; padding-bottom: 15px; }
.grid-contents .grid-short-box .grid-short-box-label { font-family: wotfard-bold; text-transform: capitalize; }
.grid-contents .grid-short-box .grid-short-box-subtitle { font-size: 70%; }
.grid-contents .grid-short-box .grid-short-box-link { font-size: 70%; text-transform: capitalize; color: #a0a0a0; }
.grid-contents .content-section-Btn { margin-top: 40px; }
.home-page .grid-contents .grid-short-box-image img { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.home-page .grid-contents .grid-short-box-image { border-top-left-radius: 15px; border-top-right-radius: 15px; }

@media(min-width:1025px) {
    .home-page .grid-contents .grid-short-box-image img:hover { width: 110%; height: 110%; transition: 0.4s all; }
    .game-page #GridTop, .solution-inner-page #GridTop { height: 600px; }
}

#GridTop { margin-top: 103px; }

@media(max-width: 767px) {
    #GridTop { margin-top: 63px; }
}

/*footer*/
.footer-text-divided { background: #000; color: #fff; padding: 30px 0; direction: rtl; }
.footer-text-divided > div.footer-text-left ul { margin: 0; list-style-type: none; padding: 0; direction: ltr; display: flex; justify-content: center; align-items:center; }
.footer-text-divided > div.footer-text-right { vertical-align: bottom; order: 3; max-width: 650px; }
.footer-text-divided > div.footer-text-right p a { margin-left: 15px; }
.footer-text-divided > div.footer-text-right .custom-static-container img { width: 160px; }
.footer-text-divided > div.footer-text-left ul li { width: auto; font-size: 100%; position: relative; padding: 0 15px; }
.footer-text-divided > div.footer-text-left ul li:hover a { color: #f72442; }
.footer-text-divided > div.footer-text-middle p > a > img { padding: 30px 0px; margin: 0 5px; width: 50px; }
.footer-text-divided > div.footer-text-left ul li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 18px; width: 2px; background: rgb(255 255 255 / 50%); }
.footer-text-divided > div.footer-text-middle p { font-size: 70%; line-height: 1.5; letter-spacing: -0.27px; }
.footer-text-divided > div.footer-text-middle { padding: 0; order: 1; display: inline-block; }
.footer-text-divided > div { width: 100%; max-width: 1200px; }
.footer-text-divided > div.footer-text-left { order: 2; padding: 30px 0; max-width: 1010px; }
.footer-text-divided > div.footer-text-right p { display: flex; justify-content: space-evenly; }
#SiteFooter .footer-text-divided > div.footer-text-right p img { width: 100%; margin: 0 10px; max-width: 100px; object-fit: contain; }
#SiteFooter .site-credit.alternative { padding: 10px 0 50px; }
a.AccessabilityLink:hover { color: #fff; }

/*InnerPages*/
#headline { font-size: 100%; position: relative; }
.internalPage #allSectionsWrapper { margin: 0; }
.contentInnerPage .FooterForm.form-container-wide, .awardsPage .FooterForm.form-container-wide, .home-page .FooterForm.form-container-wide,
.newsPage .FooterForm.form-container-wide { display: none; }
.contentInnerPage footer { padding-top: 80px; }

/*games*/
.content-section-Btn { display: inline-block; width: 100%; }
.grid-boxes .grid-box-image { padding-bottom: 145%; }

/* NEW GAMES LOBBY */
.all-games .lobby-grid #GridPage .max-width { padding: 0; }
.all-games #headline { margin: 29px 0; }
.all-games #headline h1 { font-size: 465%; }
.all-games #lobbyText { max-width: 1070px; }
.all-games #lobbyText p { color: #716e6e; font-family: 'wotfard-regular'; }
.all-games .sections .section.nav-section { max-width: unset; padding: 0; margin: 60px auto; }
.all-games .games-nav .games-nav-container { display: flex; width: 100%; justify-content: center; max-width: 1650px; margin: 0 auto; }
.all-games .games-nav .games-nav-container .nav-game-box { margin: 0 12px; }
.all-games .games-nav .games-nav-container .nav-game-box > a { display: inline-flex; justify-content: center; align-items: center; padding: 0px 17px; height: 60px; border-radius: 9px; border: 2px solid #F72442; }
.all-games .games-nav .games-nav-container .nav-game-box > a:hover,
.all-games .games-nav .games-nav-container .nav-game-box > a.active { background: #f72442; color: #fff; }
.all-games .games-nav .games-nav-container .nav-game-box > a .game-image { padding-right: 15px; }
.all-games .games-nav .games-nav-container .nav-game-box > a .game-image img { transition: 0.4s all; }
.all-games .games-nav .games-nav-container .nav-game-box > a:hover .game-image img,
.all-games .games-nav .games-nav-container .nav-game-box > a.active .game-image img { filter: invert(1); }
.all-games .games-nav .games-nav-container .nav-game-box > a h3.game-text { font-size: 90%; margin: 0; white-space: nowrap; }
.all-games .sections .section.games-sec { padding: 0px 0px 50px; }
.games-sec.grid-contents::before { display: none; }
.all-games .sections .section.games-sec .lobby-games-container { display: flex; max-width: 1740px; margin: 0 auto; justify-content: center; flex-wrap: wrap; opacity: 0; transition: 0.3s all; }
.all-games .sections .section.games-sec .lobby-games-container.showing { opacity: 1; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box { max-width: 311px; max-height: 310px; min-height: 310px; margin: 0 10px 100px; position: relative; /* overflow: hidden; */ }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box:not(.active) { display: none; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box::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; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a { height: 100%; display: inline-block; width: 100%; position: relative; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a .lobby-game-image { height: inherit; -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 22px; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a .lobby-game-image img { transition: 0.6s all; width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 22px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box:hover a .lobby-game-image img { transform: scale(1.1); }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a h3.game-text { position: absolute; left: 50%; width: 100%; transform: translateX(-50%); top: 320px; margin: 0; color: #000; letter-spacing: -0.51px; z-index: 1; }
.all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a span.new-game-tag { content: 'New'; position: absolute; color: #fff; top: 15px; left: 15px; background: #f72442; border-radius: 9px; font-size: 80%; padding: 3px 10px; max-width: 100px; display: inline-flex; height: 25px; justify-content: center; align-items: center; }
.all-games .sections .section.games-sec .load-more-btn { width: 210px; height: 60px; margin: 30px auto 40px; cursor: pointer; }
.all-games .sections .section.games-sec .load-more-btn a { width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; font-size: 70%; color: #fff; background: #f72442; border-radius: 9px; transition: all 0.3s; box-shadow: 6px 6px 6px 0 rgb(0 0 0 / 16%); }
.all-games .sections .section.games-sec .load-more-btn a:hover { color: inherit; }
.all-games .sections .section.games-sec .load-more-btn a:hover { background: rgb(247 36 66 / 60%); color: #fff; }

@media(max-width: 1740px) {
    .all-games .games-nav .games-nav-container { overflow-x: scroll; padding: 10px 0 20px; justify-content: flex-start; max-width: 95%; }
    .all-games .games-nav .games-nav-container::-webkit-scrollbar { height: 10px; }
    .all-games .games-nav .games-nav-container::-webkit-scrollbar-track { background: #d5d5d5; box-shadow: none; }
    .all-games .games-nav .games-nav-container::-webkit-scrollbar-thumb { background-color: #F72442; box-shadow: none; outline: none; }
}

@media(max-width: 1600px) {
    .all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a h3.game-text { font-size: 100%; }
}

@media(max-width: 767px) {
    .all-games #GridTop.noTopImage.longer { height: 0; }
    .all-games #headline { margin: 0px 0; }
    .all-games #headline h1 { font-size: 325%; }
    .all-games #lobbyText p { font-size: 90%; }
    .all-games .sections .section.nav-section { margin: 30px auto 40px; }
    .all-games .games-nav .games-nav-container { max-width: 100%; padding: 10px 10px 20px; }
    .all-games .games-nav .games-nav-container .nav-game-box { margin: 0 8px; }
    .all-games .games-nav .games-nav-container .nav-game-box > a { padding: 0px 10px; height: 50px; }
    .all-games .games-nav .games-nav-container .nav-game-box > a .game-image { padding-right: 10px; }
    .all-games .games-nav .games-nav-container .nav-game-box > a h3.game-text { font-size: 80%; }
    .all-games .sections .section.games-sec .lobby-games-container .lobby-game-box a h3.game-text { top: 170px; }
    .all-games .sections .section.games-sec .lobby-games-container .lobby-game-box { width: 44%; margin: 0 8px 80px; min-height: 160px; max-height: 160px; }
}


/*NewsPage + AwardsPage*/
.newsPage #GridPage .max-width, .awardsPage #GridPage .max-width { max-width: 1240px; }
.newsPage .contentModuleNav, .awardsPage .contentModuleNav, .careersPage .contentModuleNav { display: none; }
.newsPage .blog-post-subtitle, .awardsPage .blog-post-subtitle { font-size: 70%; padding-top: 15px; }
#newsView .blog-post, #awardsView .blog-post { margin: 0; width: 287px; display: none; }
#newsView .blog-post.active, #awardsView .blog-post.active { display: block; }
#newsView .grid-boxes, #awardsView .grid-boxes { gap: 30px; justify-content: center; }
#newsView .blog-post-image img, #awardsView .blog-post-image img { border-top-left-radius: 15px; border-top-right-radius: 15px; }

.newsPage.contentInnerPage #GridTop, .awardsPage.contentInnerPage #GridTop { background-position: top center; }
.newsPage.contentInnerPage #GridTop .top-caption, .awardsPage.contentInnerPage #GridTop .top-caption { display: none; }

#newsPageView, #awardsPageView { display: flex; max-width: 1170px; margin: auto; }
.newsContentPage, .awardsContentPage { width: 73%; text-align: left; padding-right: 130px; }
.newsContentPage #headline, .awardsContentPage #headline { font-size: 175%; /* font-family: wotfard-bold; */ letter-spacing: -0.70px; margin-bottom: 0; text-align: left; }
.newsContentPage .subHeadline h2, .awardsContentPage .subHeadline h2 { font-size: 100%; letter-spacing: -0.50px; }
.newsContentPage .subHeadline, .awardsContentPage .subHeadline { font-size: 135%; padding-bottom: 20px; }
.newsContentPage .date, .awardsContentPage .date { padding: 10px 0; font-size: 75%; color: #8d8d8d; }
.newsContentPage #text1, .awardsContentPage #text1 { font-size: 90%; font-family: wotfard-light; text-align: left; margin: 0 auto; }
.newsContentPage #text1 img, .awardsContentPage #text img { margin: 30px 0; }
.newsContentPage { display: flex; flex-direction: column; }
.newsContentPage .date { order: 1; padding: 0; }
.newsContentPage .subHeadline { order: 3; }
.newsContentPage #headline { order: 2; padding: 10px 0; }
.newsContentPage #text1 { order: 3; }

.moreNewsSection, .moreAwardsSection { width: 27%; }
.moreNewsSection h2, .moreAwardsSection h2 { text-align: left; margin-bottom: 20px; text-transform: capitalize; font-size: 135%; }
.smallGridBoxes { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 17px 40px; justify-items: center; margin-bottom: 40px; }
.smallbox { width: 100%; }
.smallbox a { display: block; overflow: hidden; width: 100%; }
.smallbox .smallImgBox { overflow: hidden; width: 100%; display: block; height: 122px; position: relative; background-size: cover; background-position: center; border-radius: 8px; }

.smallTextBox { text-align: left; font-size: 70%; max-width: 80%; padding-top: 10px; }
.smallImgBox img { width: 100%; }
.newsBtn a, .awardsBtn a { border-radius: 15px; width: 100%; padding: 15px; display: inline-flex; justify-content: center; align-items: center; }
.newsPage .newsBtn a { width: 270px; background: #f72442; height: 65px; color: #fff; font-family: 'wotfard-bold'; transition: 0.3s all; }

@media(max-width: 1440px) and (min-width: 1025px) {

    #newsView, #awardsView { padding: 0 40px; }
    #newsView .blog-post, #awardsView .blog-post { width: 240px; }
}

/*searchRow*/
.icons-row { display: flex; width: 100%; justify-content: space-between; align-items: center; max-width: 1240px; margin: 0 auto 30px; }
.searchContainer { display: flex; align-items: center; border-bottom: 1px solid #f72442; }
.iconsContainer { direction: rtl; }
.iconsContainer > a { padding: 0 3px; cursor: pointer; }
.searchContainer input { border: none; width: 100%; max-width: 100%; padding: 0; margin-right: 20px; }
.searchContainer input:focus-visible { outline: 0; }
#searchBlogBox::placeholder { font-size: 70%; }

#newsView .rowMode .grid-boxes > .blog-post.active, #awardsView .rowMode .grid-boxes > .blog-post.active { width: 100%; }
#newsView .rowMode .blog-post-image img, #awardsView .rowMode .blog-post-image img { border-top-right-radius: 0; border-bottom-left-radius: 15px }
.rowMode a.blog-post-wrap { display: flex; flex-direction: row; }
.rowMode .blog-post-content { display: inline-flex; flex-direction: column; flex: 1; justify-content: space-between; }

.newsPage #newsView .rowMode .blog-post-image img { width: 80%; }

/*lobby Career*/
.grid-boxes.job-boxes { justify-content: center; gap: 38px; }
#careersView .job-boxes .job-box { margin: 0; width: 350px; position: relative; border-radius: 0; background: transparent; }
.blog-post-content.job-box-content { position: absolute; z-index: 1; bottom: 0; color: #fff; letter-spacing: -0.61px; text-transform: capitalize; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); }
.blog-post-title.job-box-title { font-family: 'wotfard-regular'; font-size: 160%; }
.blog-post-image { background: transparent; }
.job-box .blog-post-image::after { content: ""; position: absolute; background: #000; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.4; }
.job-box img { border-radius: 15px; background: transparent; }
/*inner Career*/
.careerContentWrapper { display: flex; justify-content: space-between; max-width: 832px; margin: auto; }
.careerContentWrapper .MainContent { width: 60%; text-align: left; }
.careerContentWrapper #text1 { text-align: left; padding-right: 143px; }
.careerContentWrapper #text1 strong { font-weight: normal; font-family: wotfard-bold; }
.floatingFormWrapper { display: inline-flex; flex-direction: column; width: 40%; justify-content: flex-start; }
#jobs-headline { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; text-transform: capitalize; }
#jobs-headline h1 { font-size: 500%; }
.careerContentWrapper ul { padding-left: 0; list-style-type: none; text-indent: 0px; }
.careerContentWrapper ul li { position: relative; padding-bottom: 10px; font-size: 110%; font-family: wotfard-light; }
.careerContentWrapper ul li::before { content: "-"; top: 0; left: 0; display: inline-block; padding-right: 10px; }
.careerContentWrapper p { font-size: 110%; font-family: wotfard-light; }

#FloatingForm #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: left; font-size: 175%; font-family: wotfard-bold; letter-spacing: -0.67px; }
#FloatingForm #DynamicFormObject input[type=submit] { font-size: 28px; }
#FloatingForm .FileUploaderField input { font-size: 28px; }
#FloatingForm .FileUploaderField:after { display: none; }
.normal-form .FileUploaderField input { border: 2px solid #f72442; width: 100%; height: 60px; text-align: center; transition: all 0.2s ease-in-out; border-radius: 9px; }
.normal-form .FileUploaderField input:hover { background: #f72442; }


/* Contact Page */
.contact .grid-content-section { margin: 0 auto; padding: 125px 0 150px; }
.contact #LobbyModule .grid-content-section .grid-boxes { max-width: 775px; padding: 0; display: flex; justify-content: center; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; display: none; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box { padding: 0; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); border: solid 1px #f72442; margin: 0 20px; width: 33.33%; font-size: 100%; transition: 0.3s all; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box h3 a { color: #000; font-weight: 600; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box:hover { background: #f72442; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box:hover .grid-box-subtitle { color: #fff; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 100%; }

.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; margin: 0; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle a { color: inherit; width: 100%; padding: 40px 20px; height: 100%; }
.contact #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle { display: inline-flex; width: 100%; font-size: 85%; }

@media(max-width: 767px) {
    .contact .grid-content-section { padding: 60px 0; }
    .contact #LobbyModule .grid-content-section .grid-boxes { display: flex; flex-direction: column; align-items: center; }
    .contact #LobbyModule .grid-content-section .grid-boxes .grid-box { width: 100%; max-width: 218px; margin-bottom: 40px; }
    .contact #LobbyModule .grid-content-section .grid-boxes .grid-box:nth-child(1) { margin-bottom: 100px; }
}

/*Mobile adjestments*/
@media(max-width: 767px) {
    /*headlines*/
    .section-title h1, .section-title h2 { font-size: 150%; max-width: 80%; }
    .home-about .section-title h2 span { position: absolute; width: 60%; left: 50%; bottom: -80px; transform: translateX(-50%); }

    /*header*/
    #header2.fixedMenu { position: fixed; padding: 10px 10px 20px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
    #header2 .max-width { width: 100%; max-width: 100%; }
    #header2 .menu-nav { width: auto; }
    #header2 .header-right-section { background: transparent; width: 10%;; }
    #header2 ul.menu { text-align: center; background: #fff; left: auto; right: -11px; top: 55px; min-width: 100vw; height: 100vh; }
    #header2 ul.menu > li { padding-left: 0; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #000; height: 3px; width: 28px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -7px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -7px; }
    #header2 #header-left { margin: 0; }
    #header2 #header-left img { width: auto; max-width: 100px; }
    #header2 .mobile-middle-kdm { justify-content: center; }
    #header2 .mobile-middle-kdm a { font-size: 65%; border: none; }

    /*Sections*/
    .section { padding: 0; }
    #allSectionsWrapper { margin-top: 150px; }
    .home-page #allSectionsWrapper { margin-top: 120px; }

    .globalGallery .section-title { margin-bottom: 60px; }
    /*globalGallery*/
    .globalGallery .section-title h1 { font-size: 165%; }
    .globalGallery .gallery-container { width: 100vw; }
    .globalGallery .topImg img { border-radius: 21px; }

    /*imageSection*/
    .grid-image-section .section-title h2 { font-size: 175%; font-weight: unset; }

    /*lottieSection*/
    .lottieSection .box::before { content: none; }
    .lottieSection .grid-boxes .grid-box { min-height: 230px; margin-bottom: 40px; }
    .lottieSection .grid-boxes .grid-box-title h3 { font-size: 85%; max-width: 65%; margin: 15px auto 0; }
    .lottieSection .grid-boxes .grid-box-image { margin: 0; min-height: 160px; }

    /*news-section*/
    .grid-contents { /* background-image: url(/warehouse/temp/ezugi/newsBG.jpg); */ /* background-repeat: no-repeat; */ /* background-size: cover; */ }
    .grid-contents .grid-boxes.grid-boxes-content { overflow-x: scroll; padding: 0 20px 20px; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }
    .grid-contents .grid-boxes.grid-boxes-content > .blog-post { width: 280px; border-radius: 15px; margin: 0 6px; background: #fff; }
    .grid-boxes.grid-boxes-content.row::before, .grid-boxes.grid-boxes-content.row::after { content: none; }
    .grid-contents .content-section-Btn > a.sec-button { padding: 15px 70px; }

    /*certifiedGallery*/
    .certifiedGallery { padding: 80px 0; }
    .certifiedGallery .sec-button.hvr-float { background: #fff; color: #f72442; }
    .certifiedGallery .gallery-container { width: 100vw; }
    .certifiedGallery .owl-carousel .owl-dots { display: none !important; }
    .certifiedGallery .content-section-Btn { margin-top: 0px; }

    /*contantSection*/
    .contactSection { flex-direction: column; }
    .contactSection > section { width: 100%; }
    .contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .contactPic .grid-text.gridTextWithImg .gridTextImgContainer img { width: 90%; }
    .contactForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 85%; text-align: center; max-width: 80%; margin: 0 auto; }
    .contactForm .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: center; max-width: 80%; margin: 0 auto 15px; }

    .home-page .contactPic .gridTextImgContainer img { border-radius: 20px; }
    .home-page #allSectionsWrapper { margin-top: 120px; }
    .globalGallery .section-title { margin-bottom: 60px; }
    .grid-contents.home-news { padding: 60px 0; }
    .certifiedGallery .gallery-container .owl-nav div { top: unset; bottom: -50px; font-size: 0; }
    .certifiedGallery .gallery-container .owl-nav .owl-prev { right: 35vw; left: unset; }
    .certifiedGallery .gallery-container .owl-nav .owl-next { left: 35vw; }

    /*footer*/
    footer, #SiteFooter { padding: 0px;}
    #SiteFooter { height: 900px; background: #000; }
    .footer-text-divided > div.footer-text-right p img { margin-bottom: 30px; }
    .footer-text-divided > div.footer-text-right { padding: 10px 0; }
    #SiteFooter .site-credit.alternative { padding: 10px 0; }
    #SiteFooter .footer-text-divided { display: flex; flex-direction: column; flex-wrap: wrap; /* background: #f72442; */ /* padding: 0; */ padding-left: 40px; padding-right: 40px; }
    .footer-text-divided > div.footer-text-left { /* margin-bottom: 40px; */ }
    .footer-text-divided > div.footer-text-left p { display: none; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul { display: flex; flex-wrap: wrap; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul li { margin-top: 20px; width: auto; text-align: center; padding: 0 15px; font-size: 90%; }
    .footer-text-divided > div.footer-text-right p a { margin: 0 5px; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: inline-block; width: 100%; padding: 10px 0 30px; }
    .footer-text-divided > div.footer-text-left ul li:not(:last-child)::after { right: 0; }
    .footer-text-divided > div.footer-text-right p a { margin-left: 0; margin-right: 15px; }
    .text-center { display: flex; justify-content: space-between; align-items: center; }
    .text-center a.AccessabilityLink { margin: 0; font-size: 75%; /* color: #000; */ }
    .footer-text-divided > div.footer-text-right p { flex-wrap: wrap; }
    .footer-text-divided > div.footer-text-right p img { width: 25%; }
    #SiteFooter .site-credit.alternative svg { fill: #fff; }
    .st0 { fill: #000; }

    /*Inners*/
    #SiteGrid { margin-top: 70px; }
    #lobbyview h2 { display: none; }
    /* #headline::after { content: ""; position: absolute; background: #f72442; height: 20px; width: 20px; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); }*/
    /*lobby news + lobby awards*/
    .HideTopGalleryPage .newsContentPage #headline h1, .HideTopGalleryPage .awardsContentPage #headline h1 { font-size: 160%; font-family: 'wotfard-bold'; }
    .newsContentPage .subHeadline h2, .awardsContentPage .subHeadline h2 { font-size: 85%; }
    .newsContentPage #headline, .awardsContentPage #headline { font-size: 100%; font-family: wotfard-regular; }
    .newsPage .top-caption, .awardsPage .top-caption { font-size: 375%; color: #000; width: 90%; display: block; position: relative; transform: none; text-align: left; letter-spacing: -1.43px; text-transform: capitalize; left: unset; margin: auto; margin-bottom: 50px; }
    .newsPage .top-caption h1, .awardsPage .top-caption h1 { text-shadow: none; max-width: 100%; font-size: unset; }
    .newsPage #GridTop .top-caption h1, .awardsPage #GridTop .top-caption h1 { font-size: unset; }
    #newsView .blog-post-image img, #awardsView .blog-post-image img { border-top-right-radius: 15px; border-top-left-radius: 15px; }
    #newsView .grid-boxes, #awardsView .grid-boxes { display: grid; flex-wrap: wrap; overflow: hidden; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-gap: 15px; padding: 35px 10px; }
    #newsView .blog-post, #awardsView .blog-post { width: 100%; }
    /*innerNews*/
    .newsPage.contentInnerPage #headline::after, .awardsPage.contentInnerPage #headline::after { content: none; }
    #newsPageView, #awardsPageView { flex-direction: column; }
    .newsContentPage, .moreNewsSection, .awardsContentPage, .moreAwardsSection { width: 100%; padding: 0 15px; }
    .moreAwardsSection { padding: 0px 0px 0px 15px; }
    .smallGridBoxes { overflow-x: auto; display: flex; flex-wrap: nowrap; scroll-snap-align: center; scroll-snap-type: x mandatory; grid-gap: 0; }
    .smallbox { width: 100%; scroll-snap-align: center; margin: 0 6px; }
    .smallbox .smallImgBox { width: 140px; }
    .smallImgBox img { width: 135px; }
    .newsBtn, .awardsBtn { display: none; }

    /*searchRow*/
    .icons-row { width: 90%; margin: auto; }
    .searchContainer input { background: transparent; }

    #newsView .rowMode .grid-boxes, #awardsView .rowMode .grid-boxes { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }
    .rowMode a.blog-post-wrap { align-items: center; padding: 10px; }
    .rowMode .blog-post-content { padding: 0 0 0 10px; width: 65%; }
    .rowMode .blog-post-image { width: 35%; }
    .awardsPage .rowMode .blog-post-image { width: 49%; }
    .rowMode .blog-post-title { padding: 0; }
    .rowMode .blog-post-icons { padding: 0; width: 90%; }
    .newsPage .rowMode .blog-post-subtitle, .awardsPage .rowMode .blog-post-subtitle { line-height: normal; padding: 10px 0; }

    /*CareersLobby*/
    .careersPage.topGallery2 #GridTop .top-caption h1 { font-size: 133%; text-align: left; color: #000; }
    .careersPage.topGallery2 #GridTop .top-caption { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
    .careersPage #GridTop:before { content: none; }
    #jobs-headline { top: 50%; width: 100%; text-align: center; }
    #jobs-headline h1 { font-size: 250%; }

    .careerContentWrapper { flex-direction: column; }
    .floatingFormWrapper, .careerContentWrapper .MainContent { width: 100%; }
    .floatingFormWrapper { flex-direction: column-reverse; }
    .careerContentWrapper .MainContent { padding: 0 20px; }
    .careerContentWrapper #text1 { padding-right: 0px; }
    .careerContentWrapper .dynamicFormObjectField, .careerContentWrapper .dynamicFormObjectSubmit { padding: 0 }
    .careerContentWrapper #DynamicFormObject .dynamicFormObjectField .must:before { left: 0; }
    .careerContentWrapper .dynamicFormObjectField:not(.FileUploaderField) input { padding-left: 10px; }
    .careerContentWrapper p { font-size: 90%; }
}
