/* amoyo */

:root { --text-150: "Aspekta-150"; --text-400: "Aspekta-400"; --text-550: 'Aspekta-550'; --white: #fff; --black: #231F20; --dark-grey: #4B4B4B; --grey: #858B97; --stroke-line: #CDCDD6; --light-frey: #F7F7F9; --transition: all 0.3s cubic-bezier( 0, 0, 0.15, 1); }

/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.15s ease; font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1.6; letter-spacing: 0.32px; zoom: 1 !important; color: var(--dark-grey); padding: 0 !important; }
body.ready { opacity: 1 }

div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

@media(max-width: 1024px) {
    body { font-size: 1.6rem; }
}
/*reset*/
header { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
#header, #header2 { position: unset; }
header:has(.fixedMenu) { position: fixed; z-index: 11; width: 100%; }
#header2.fixedMenu { position: unset; }
#GridPage { padding: 0; }
footer { padding: 0; }
.container { width: 100%; max-width: 100%; padding: 0; margin: 0; }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: none }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: auto; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; overflow: visible; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus, .grid-boxes .grid-box-title h3 a:focus,
.grid-boxes a.box-image-animation:focus { color: inherit; outline: none }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3, .grid-text p { margin: 0; padding: 0; }
.grid-boxes .grid-box-image { margin: 0; }
.row, #DynamicFormObject .dynamicFormObjectFields { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; max-width: 100%; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
#header2 ul.menu li { margin: 0; padding: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
#header2 .header-top-left a { margin: 0; padding: 0; }
#header2 ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; color: inherit; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; }
#LobbyModule .grid-boxes { padding: 0; max-width: 100%; width: 100%; }
#LobbyModule .grid-box { margin: 0; opacity: 1; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important; border: 0; padding: 0; margin: 0; width: 100%; }
#DynamicFormObject:after { content: none; }
#header2 .max-width { max-width: 100%; width: 100%; height: 100%; }
#SiteFooter { padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; float: none; }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }
.grid-boxes .box-image-animation:hover img { transform: none; }
#whatAppButton { box-shadow: none; bottom: 20px; left: 20px; }
#whatAppButton img { max-width: 100%; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0 !important; }
/*.emptyParagraph { display: none; }*/
#GridPage .max-width, #GridPage .max-width-center, .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; }
#gridshort-view .flex-row::before, #gridshort-view .flex-row::after { content: none; }
#contactDetails .contactDetailsText1 { margin: 0; line-height: normal; font-size: inherit; }
#contactDetails h3 { margin: 0; font-size: inherit; }
#contact-boxes { margin: 0 }
.site-credit.alternative { padding-block: 5px; }
.categories-strip ul li a:focus { text-decoration: none; }
ul { padding: 0; margin: 0; }
.row:before, .row:after { content: none; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0; margin: 0; }
#CatalogModule .relatedItems { margin: 0; }
.blog-post-Time-container { font-size: 100%; }
.gallery-cubes > div, div.flex-row > div, section .grid-box { opacity: 1; }

@media(min-width: 1024px) {
}

@media(max-width: 1024px) {
    body:has(#header2.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { line-height: 1.15; font-size: 1.5rem !important; }
}

body:not(.home-page) #SiteGridContainer { padding-top: var(--headerHeight); }
#PageBreadCrumps, .lobby-grid #PageBreadCrumps { max-width: 100%; position: absolute; top: 1.667vw; left: 2.084vw; margin: 0; padding: 0; font-size: clamp(1.3rem,0.73vw,100rem); font-family: var(--text-400); line-height: 1.5; letter-spacing: 0.14px; text-transform: lowercase; color: var(--black); }
#PageBreadCrumps span:after { margin-inline: 6px; content: "/"; }
#PageBreadCrumps a { color: var(--grey); }
#PageBreadCrumps a:hover { color: var(--black); }
#headline { margin: 0; }


@media(max-width: 1024px) {
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { top: 16px; left: 20px; font-size: 1.2rem; letter-spacing: 0.12px; }
    #PageBreadCrumps span:after { margin-inline: 4px; }
}


/*HEADER*/
@media(min-width: 1024px) {
    /*.home-page header:has(#header2.bg) {z-index:1}*/
    #header2 { padding: 14px 40px; background: transparent; }
    #header2.bg { background: var(--white); }
    #header2 #header-container { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; }
    #header2 #header-left { display: flex; align-items: center; justify-content: flex-start; width: fit-content; }
    #header2.bg a.logoHeader, #header2.bg a.logoHeader * { fill: var(--black); /*stroke: var(--black); */ }
    #header2 .header-right-section { display: flex; align-items: center; justify-content: flex-end; width: auto; }
    #header2 .header-top { display: none; }
    #header2 .menu-nav { margin: 0; }
    #header2 ul.menu { display: flex; align-items: center; justify-content: center; gap: clamp(20px,1.667vw,100px); font-family: var(--text-550); font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; text-transform: uppercase; }
    #header2 ul.menu li a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: var(--white); transition: var(--transition); }
    #header2 ul.menu li a { position: relative; }
    #header2.bg ul.menu li a { color: var(--black); }
    #header2 ul.menu li a:hover:after { width: 100%; }
}

@media(max-width: 1024px) {
    header { padding: 16px 20px; }
    header:has(.bg) { background: #fff; }
    #header2 { padding: 0; background: transparent; }
    #header2 .max-width { }
    #header2 #header-container { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-container > div { width: auto; }
    #header-left a.logoHeader { display: flex; }
    .header-right-section { background: transparent; padding: 0; }
    #header2 .menu-nav { margin: 0; transition: all 3s ease; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before,
    #nav-toggle-mobile span:after { width: 100%; }
    .bg #nav-toggle span, .bg #nav-toggle span:before, .bg #nav-toggle span:after, .bg #nav-toggle-mobile span,
    .bg #nav-toggle-mobile span:before, .bg #nav-toggle-mobile span:after { background: var(--black); }
    .bg.open #nav-toggle span:before, .bg.open #nav-toggle span:after,
    .bg.open #nav-toggle-mobile span:before, .bg.open #nav-toggle-mobile span:after { background: var(--white); }
    #nav-toggle { display: flex; direction: rtl; }
    .nav-menu-anim { width: 18px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -6px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -6px; }
    #header2 ul.menu { position: fixed; left: 0; top: -10vh; width: 100vw; height: 0 !important; overflow: hidden; transition: all 0.7s ease; background-color: var(--black); display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 56px; z-index: 1; }
    #header2.open ul.menu { height: 100vh !important; top: 0; z-index: 0; }
    #header2.open .menu-nav { position: fixed; left: 50%; top: 40px; }
    #header2 ul.menu li > a { color: var(--white, #FFF); text-align: center; font-family: var(--text-150); font-size: 3.2rem; line-height: 1; text-transform: uppercase; }
    #header2.bg a.logoHeader, #header2.bg a.logoHeader * { fill: var(--black); /*stroke: var(--black);*/ }
    #header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { background-color: transparent; }
    #header2 ul.menu li.active a { text-decoration: underline }
}

/*HERO*/
#home-gallery, .home-page .section { margin-bottom: 6.25vw; }
#home-gallery, #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
#home-gallery .opacity-layer { display: none; }
#home-gallery .scroll-down { display: none; }
#home-gallery ol.flex-control-nav.flex-control-paging, button.controlSlider { bottom: clamp(10px,2.083vw,100px); display: flex; }
#home-gallery .flex-control-paging li a { width: 10px; height: 10px; opacity: 0.4; background: var(--white, #FFF); transition: var(--transition); }
#home-gallery .flex-control-paging li a.flex-active { opacity: 1; background-color: var(--white); width: 40px; }

@media(max-width: 1024px) {

    #home-gallery, .home-page .section { margin-bottom: 120px; }
}
/*ROW SECTION*/
.home-page .grid-row-section { }
.home-page .grid-row-section .grid-row { display: flex !important; align-items: center; justify-content: center; flex-direction: row-reverse; padding-left: 2.084vw; }
.home-page .grid-row-section .grid-row .grid-row-cell.flexslider-box { display: flex !important; align-items: center; justify-content: center; }
.home-page .grid-row-section .grid-row-cell.flexslider-box li.slider-item { padding: 0; width: 100%; }
.home-page .grid-row-section .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container { position: unset; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { width: 29.688vw; color: inherit; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2.title { color: var(--black); font-family: var(--text-150); font-size: clamp(4rem,3.333vw,100rem); line-height: 1; text-transform: uppercase; margin-bottom: 2.5vw; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text a.grid-row-button { color: var(--black); margin-top: 1.667vw; padding: 0; border: 0; font-family: var(--text-550); font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; text-transform: capitalize; position: relative; background: transparent; text-decoration: underline; text-underline-offset: 2px; }

@media(max-width: 1024px) {
    .home-page .grid-row-section .grid-row { flex-direction: column-reverse; padding-inline: 20px; gap: 80px; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text { width: 100%; padding: 0; margin: 0; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text h2.title { line-height: 1.5; }
    .home-page .grid-row-section .grid-row .grid-row-cell .grid-row-text a.grid-row-button { margin: 24px 0 0; }
}

/*FOOTER*/
footer { display: flex; align-items: center; justify-content: center; background-color: var(--black); color: var(--white); }
.footer-text-divided { padding-block: 2.917vw; }
.footer-text-divided > div.footer-text-middle { color: rgba(255,255,255,0.4); }
.footer-text-divided > div.footer-text-middle a { color: var(--white); margin-inline: 1.667vw; /*font-family: var(--text-550);*/ font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; /*text-transform: capitalize;*/ position: relative; }
.footer-text-divided > div.footer-text-middle a::after { content: ""; height: 1px; width: 0; position: absolute; bottom: 0; left: 0; background-color: var(--white); transition: var(--transition); }
.footer-text-divided > div.footer-text-middle a:hover:after { width: 100%; }
#SiteFooter .site-credit.alternative { background-color: transparent; width: 100%; }
#SiteFooter .site-credit.alternative svg { fill: #fff; }

@media(max-width: 1024px) {
    .footer-text-divided { padding-block: 56px; }
    .footer-text-divided > div.footer-text-middle { color: transparent; }
    .footer-text-divided > div.footer-text-middle a { display: flex; justify-content: center; font-size: 1.4rem; }
}


.half-layout #SiteGrid { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; min-height: calc(100vh - var(--headerHeight)); }
.half-layout #GridTop { width: 50%; height: 100%; }
.half-layout #GridPage { width: 50%; height: 100%; }
.half-layout #GridBottom { display: none; }
.half-layout #GridPage #GridWrap { height: 100%; display: flex; align-items: flex-start; justify-content: center; }
.half-layout #GridWrapInner { max-width: 29.688vw; }
#text1, #text2 { line-height: inherit }
.half-layout #GridWrapInner #text1, .half-layout #GridWrapInner #text2 { text-align: left; margin-bottom: 2.5vw; }
.half-layout.contact-page #GridWrapInner #text1, .half-layout.contact-page #GridWrapInner #text2 { color: rgba(35, 31, 32,0.4); line-height: normal; /*font-family: var(--text-550); text-transform: capitalize;*/ font-size:1.2rem;}
.half-layout.contact-page #GridWrapInner #text1 a, .half-layout.contact-page #GridWrapInner #text2 a { color: var(--black); margin-inline: 0.833vw; }
.half-layout.contact-page #GridWrapInner #text1 a:first-child, .half-layout.contact-page #GridWrapInner #text2 a:first-child { margin-left: 0; }

@media(min-width: 1025px) {
    .half-layout #GridTop { aspect-ratio: 1.3; margin: 2vw 2vw 2vw 0; }
    .half-layout #GridPage #GridWrap { padding-block: 6vw 1.3vw; }
}

@media(max-width: 1024px) {
    .half-layout #SiteGrid { flex-direction: column; height: auto; }
    .half-layout #GridTop, .half-layout #GridPage { width: 100%; aspect-ratio: 3 / 2; height: auto; }
    .half-layout #GridPage { aspect-ratio: unset; }
    .half-layout #GridPage #GridWrap { padding: 82px 20px 120px; }
    .half-layout #GridWrapInner { max-width: 100%; }
}


#headline h1 { font-family: var(--text-150); font-size: clamp(4rem,3.333vw,100rem); line-height: 1; text-transform: uppercase; color: var(--black); margin-bottom: 2.5vw; }
#headline { text-align: left; }

@media(max-width: 1024px) {
    #headline h1 { margin-bottom: 40px; }
}


#SiteContainer #DynamicFormObject { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
#SiteContainer #DynamicFormObject fieldset { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; margin-bottom: 0.833vw; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper::before, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper::before { left: 0; content: none; }
#DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input,textarea,select), .form-container-wide #DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input,textarea,select) { color: var(--black); font-size: clamp(1.4rem,0.73vw,100rem) !important; line-height: 1.5; letter-spacing: 0.14px; height: 46px; border-bottom: 1px solid var(--black) !important; }
#DynamicFormObject .dynamicFormObjectField .textarea-wrapper textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectField .textarea-wrapper textarea { resize: none; height:auto;}
#DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input,textarea,select)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input,textarea,select)::placeholder { color: var(--grey); }
#DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) span.error, .form-container-wide #DynamicFormObject .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) span.error { top: 18px; font-size: clamp(1rem,0.5vw,100rem); line-height: 1.5; letter-spacing: 0.1px; color: #FF002B; }
#DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
#DynamicFormObject input[type="submit"] { border-radius: 0; background-color: var(--black); height: 3.021vw; min-height: 46px; font-size: clamp(1.6rem,0.93vw,100rem); line-height: 1; font-family: var(--text-550); margin-top: 1.25vw; transition: var(--transition); }
#DynamicFormObject input[type="submit"]:hover { background-color: var(--dark-grey); color: var(--white); }

@media(max-width: 1024px) {
    .half-layout.contact-page #GridWrapInner #text1, .half-layout.contact-page #GridWrapInner #text2 { color: transparent; margin-bottom: 80px; }
    .half-layout.contact-page #GridWrapInner #text1 a, .half-layout.contact-page #GridWrapInner #text2 a { display: flex; margin: 0; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { margin-bottom: 16px; }
    #DynamicFormObject input[type="submit"] { margin-top: 24px; }
}


.work-page .lobby-grid #GridPage .max-width { display: flex; padding: 5.729vw 2.084vw 6.25vw; }
.work-page #GridTop { display: none; }
.work-page #lobbyview { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6.25vw; }
.work-page #headline h1 { margin: 0; }
.work-page #lobbyview .lobbyTextContainer { width: 100%; max-width: 570px; text-align: left; }
.work-page #lobbyview .lobbyTextContainer:not(:has(*)) { display: none; }
.work-page #lobbyview .lobbyTextContainer #lobbyText { text-align: left; }
.work-page .grid-boxes { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 4.167vw 1.042vw; }
.work-page #LobbyModule .grid-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.833vw; width: calc(50% - 0.7vw); }
.work-page #LobbyModule .grid-box .grid-box-image { margin: 0; padding: 0; overflow: hidden; width: 100%; }
.work-page .grid-box .grid-box-image-container .grid-iframe-holder > div { padding: 0 !important; }
.work-page .grid-box .grid-box-image-container .grid-iframe-holder > div iframe { position: unset; aspect-ratio: 4/3; position: unset !important; pointer-events: none; }
.work-page .grid-box .grid-box-image-container { position: unset; }
.work-page #LobbyModule .grid-box:hover .grid-box-image img { transition: var(--transition); transform: scale(1.05); }
.work-page #LobbyModule .grid-box .grid-box-title h3 { color: var(--black); font-size: clamp(1.6rem,0.93vw,100rem); font-family: var(--text-550); line-height: 1; /* 18px */ text-transform: uppercase; position: relative; }
.work-page #LobbyModule .grid-box .grid-box-title h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: var(--black); transition: var(--transition); }
.work-page #LobbyModule .grid-box:hover .grid-box-title h3::after { width: 100%; }
.work-page .categories-strip { display: none; }

@media(max-width: 1024px) {
    .work-page .lobby-grid #GridPage .max-width { padding: 82px 20px 120px; }
    .work-page #lobbyview { flex-direction: column; gap: 40px; margin-bottom: 40px; }
    .work-page .grid-boxes { gap: 40px; }
    .work-page #LobbyModule .grid-box { width: 100%; gap: 16px; }
    .work-page #LobbyModule .grid-box .grid-box-title h3 { margin: 0; font-size: 1.4rem; }
}

.full-width { }
.full-width.video { margin-block: 2vw; max-width: 80vw; }
.full-width .grid-row-cell.flexslider-box { width: 100%; }
.full-width .grid-row-cell.flexslider-box li.slider-item { padding: 0; display: flex; justify-content: center; }
.full-width .grid-row-cell.flexslider-box li.slider-item.grid-iframe-holder { display: block; }
.full-width .grid-row-cell.flexslider-box li.slider-item iframe { min-width: 0; width: 70%; }
.full-width .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container { position: unset; }
.inner-project #allSectionsWrapper { display: flex; flex-direction: column; justify-content: flex-start; gap: 1.042vw; }
.inner-project section { width: 100%; }
.video-and-text .grid-rows .grid-row { display: flex !important; justify-content: flex-start; align-items: center; }
.video-and-text .grid-rows .grid-row .grid-row-cell { width: 40%; display: flex !important; justify-content: flex-end; align-items: center; }
.video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box { width: 60%; /* height: 35.729vw; */ }
.video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box * { height: 100%; min-width: 100%; display: flex; }
.video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box *.plus-sign.play-sign { width: auto; min-width: 0; height: auto; }
.video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box img { min-width: 100%; object-fit: cover; }
.video-and-text.reverse .grid-rows .grid-row { flex-direction: row-reverse; }
.video-and-text.reverse .grid-rows .grid-row .grid-row-cell { justify-content: center; }
.video-and-text .grid-row-cell.flexslider-box li.slider-item { padding: 0; }
.video-and-text .grid-rows .flexslider-box .grid-row-image-container { position: unset; }
.work-page.inner-project .title { color: var(--black, #231F20); font-family: var(--text-150); font-size: clamp(2.5rem,1.667vw,100rem); line-height: 1; text-transform: uppercase; margin-bottom: 1.667vw; }
.video-and-text .grid-rows .grid-row .grid-row-cell .grid-row-text { width: 26.042vw; color: var(--dark-grey, #4B4B4B); font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: 0.32px; }
.work-page #LobbyModule .two-boxes .grid-box { width: calc(50% - 0.521vw); pointer-events: none; }
.box-and-text .grid-row { display: flex !important; align-items: center; justify-content: center; gap: 1.042vw; color: inherit; }
.box-and-text .grid-row .grid-row-cell .grid-row-text { width: 26.042vw; margin-left: 5vw; }
.box-and-text .grid-row .grid-row-cell { display: flex !important; justify-content: flex-end; align-items: center; color: inherit; width: calc(50% - 0.521vw); }
.box-and-text .grid-row .grid-row-cell li.slider-item { padding: 0; }
.box-and-text .grid-row .grid-row-cell .grid-row-image-container { position: unset; }
.only-text { padding-block: 5.208vw; text-align: left; max-width: 50%; margin-left: 0; padding-right: 0.63vw; }
.inner-project section .section-title { }
.inner-project section .section-title h2 { color: var(--black, #231F20); font-family: var(--text-150); font-size: clamp(2.5rem,1.667vw,100rem); line-height: 1; text-transform: uppercase; margin-bottom: 1.667vw; }
.box-and-text.reverse .grid-row { flex-direction: row-reverse; }
/*.box-and-text.reverse .grid-row .grid-row-cell { justify-content: center; }*/
iframe { min-width: 100%; min-height: 100%; height: auto; aspect-ratio: 16/9; max-width: 100%; }

.box-and-text .grid-row .grid-row-cell ul.slides { list-style: none; width: 100%; }
.box-and-text .grid-row .grid-row-cell li.slider-item > div { /*padding: 0 !important;*/ }
.box-and-text .grid-row .grid-row-cell li.slider-item > div iframe { /*aspect-ratio: 4 / 3;*/ /* position: unset !important;*/ max-width: unset; object-fit: cover; }

@media(max-width: 1024px) {
    .full-width.video { max-width: 100%; margin-block: 30px; }
    .work-page.inner-project .grid-boxes { gap: 6px; }
    .full-width .grid-row-cell:not(.flexslider-box) { display: none !important; }
    .inner-project #allSectionsWrapper { gap: 40px; gap: 6px; }
    .full-width .grid-row-cell.flexslider-box li.slider-item iframe { width: 100%; }
    /*.full-width .grid-row-cell.flexslider-box { height: 670px; }*/
    .full-width .grid-row-cell.flexslider-box * { height: 100%; }
    .full-width .grid-row-cell.flexslider-box * { min-width: 100%; width: auto; object-fit: cover; }
    .full-width .grid-row-cell.flexslider-box img { max-width: 100%; }
    .video-and-text .grid-rows .grid-row, .video-and-text.reverse .grid-rows .grid-row { flex-direction: column; gap: 32px; }
    .video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box, .video-and-text .grid-rows .grid-row .grid-row-cell { width: 100%; }
    .video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box * { display: flex; }
    .video-and-text .grid-rows .grid-row .grid-row-cell.flexslider-box { min-height: 190px; }
    .video-and-text .grid-rows .grid-row .grid-row-cell .grid-row-text { width: 100%; margin: 0; padding: 0; }
    .work-page.inner-project .title { font-size: 2.4rem; margin-bottom: 24px; }
    .work-page #LobbyModule .two-boxes .grid-box { width: 100%; }
    .box-and-text .grid-row { flex-direction: column; }
    .box-and-text .grid-row .grid-row-cell { width: 100%; }
    .box-and-text .grid-row .grid-row-cell .grid-row-text { width: 100%; margin: 20px 0; padding: 0; }
    .box-and-text .grid-row .grid-row-cell .grid-row-text p img { width: 100%; }
    .only-text { max-width: 100%; padding: 0; }
    .inner-project section .section-title h2 { font-size: 2.4rem; margin-bottom: 24px; }
    .box-and-text.reverse .grid-row { flex-direction: column; }
    iframe { width: 100%; }
    .full-width .grid-row-cell.flexslider-box *.plus-sign.play-sign { min-width: 0; height: auto; }
}



#FormResultPage, .page-404 #GridContent { display: flex; justify-content: center; }
.page-404 #PageBreadCrumps { display: none; }
#FormResultPage #headline, .page-404 #headline { text-align: center; }
a.FormResultPageButton.site-btn, .page-not-found a { border-radius: 0; color: var(--white); background-color: var(--black); height: 3.021vw; min-height: 46px; font-size: clamp(1.6rem, 0.93vw, 100rem); line-height: 1; font-family: var(--text-550); margin-top: 1.25vw; transition: var(--transition); display: inline-flex !important; !i; !; align-items: center; justify-content: center; padding-inline: 40px; }
a.FormResultPageButton.site-btn:hover, .page-not-found a:hover { background-color: var(--dark-grey); }

.accessabilityMainPage #GridTop.noTopImage.longer { display: none; }
#accessability { width: 100%; max-width: 680px; margin: 9vw auto; }
/*.accessabilityMainPage #PageBreadCrumps { display: none; }*/
#accessability #text1 h2 { font-size: clamp(2.3rem,1.6vw,100rem); color: var(--black); font-weight: normal; font-family: var(--text-400); }