/* ytong */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


html { font-size: 62.5%; }
/*body { font-family: 'Montserrat', sans-serif, 'FbSpoilerRegular'; }*/
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 1 !important; }
}



/* Reset */
#header2 { padding: 0; }
#header2 #header-container { display: flex; }
#header2 .max-width { max-width: 100%; width: 100%; }
#header2 .header-right-section { width: auto; }
#header2 .menu-nav { margin: 0; float: none !important; width: auto; }
#header2 .menu-nav ul.menu { margin: 0; }
#header2 .menu-nav ul.menu > li::before { content: none; }
#header2 .menu-nav ul.menu li:hover { color: inherit; }
#header2 .menu-nav ul.menu li a:focus { opacity: 1; border-bottom: initial; }
#header2 #header-left { margin: 0; width: auto; display: block; }
#SiteFooter { float: none; padding: 50px 0; background-color: #000; max-height: 240px; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
.footer-text-divided { padding: 0; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu .menu-sub li { float: none; display: block; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 .menu-nav .closed { display: none !important; }
#header2 ul.menu li > a { font-size: 100%; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
.nav-menu-anim { margin: 0; }
#header2 ul.menu li .menu-sub a { float: none; padding: 0; }
#GridContent { float: none; }
footer { padding-top: 0; /* background-color: #fff; */ }
.grid-rows .grid-row-text p { font-size: 100%; }
.FooterForm.form-container-wide { float: none; }
a:hover, a:focus { color: initial; }
.grid-rows .grid-row { background-color: transparent; }
.section-title h2, .career__page #GridPromo .dynamicFormObjectTitle { max-width: 100%; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.grid-rows .grid-row-cell { float: none !important; display: block !important; }
.grid-rows .grid-row { display: flex !important; flex-wrap: wrap; }
.grid-rows .grid-row-text { width: 100%; padding: 0; margin: 0; }
.grid-boxes.row::before, .grid-boxes.row::after { content: none; }
.grid-boxes.row { display: flex; flex-wrap: wrap; align-items: flex-start; }
.section__data .grid-boxes .grid-box { margin-right: 0; }
.faq-headline { font-size: 100%; }
.grid-text-section .section-title { margin-bottom: 0; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0; }
.grid-boxes .grid-box-subtitle { font-size: 100%; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { display: block; margin: 0; width: 100%; padding: 0; text-align: start; }
.grid-text p { margin-top: 0; }
.grid-text .grid-text-content { direction: inherit; width: 100%; padding: 0; }
.grid-rows .grid-row-text a { margin-right: 0; display: inline-block; }
.grid-rows .grid-row-text img { margin: 0; }
#DynamicFormObject { display: block; border: none; padding: 0; text-align: inherit; }
#DynamicFormObject:after { content: none; }
body.modal-open { padding-right: 0 !important; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
.normal-form textarea { max-width: 100%; }
.grid-boxes .grid-box-title h3 { font-size: 100%; margin-bottom: 0; }
.grid-box-image-text { font-size: 100%; }
#GridPage { padding: 0; }
#GridPage .max-width, #PageBreadCrumps { max-width: 100%; width: 100%; }
#SiteGrid.layout-2sides-right #GridPromo { float: none; margin: 0; padding: 0; }
#SiteGrid.layout-2sides-right #GridContent { float: none; margin: 0; padding: 0; }
.layout-2sides-right #GridWrapInner { display: flex; flex-wrap: wrap; }
#lobbyview .grid-box, #LobbyModule .grid-box { font-size: 100%; margin-right: 0; }
.grid-boxes .section-animation-item { margin-right: 0; }
.box-image-animation img { width: 100%; object-fit: cover; height: 100%; }
.contact__page .box-image-animation img { width: 100%; object-fit: contain; height: auto; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; min-height: 100%; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { padding: 0; max-width: 100%; }
.grid-boxes .box-image-animation:focus, .grid-boxes .grid-box-title h3 a:focus, .grid-text .sec-button:focus { outline: none; }
.footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: flex; width: auto; flex-direction: column; justify-content: center; }
#header2 .header-top-right { float: none; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { z-index: auto; }
.normal-form input:focus { box-shadow: initial; border: initial !important; }
#DynamicFormObject .dynamicFormObjectField .must { position: relative; }
#DynamicFormObject .dynamicFormObjectField .must:before { font-size: 16px; right: 7px; top: 12px; opacity: .8; }
.form-control:focus { box-shadow: none; }
.select-wrapper:after { content: ''; top: 50%; left: 12px; background-image: url( /warehouse/dynamic/385321.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 16px; height: 9px; }
label.error, span.error { font-size: 1.5rem; top: 6px; left: 5px; }
.grid-rows { display: block; }
#text1 p:last-child { margin-bottom: 0; }
/* General */
:root { --primary-color: #ffc828; --header-height: 80px; }

@media(max-width: 767px) {
    :root { --header-height: 70px; }
    #SiteFooter { max-height: 100%; padding: 5px 0; }
}


body { line-height: 1.2; font-size: 2rem; color: #121212; font-family: 'FbSpoilerRegular', sans-serif; }
::selection { background: var(--primary-color); color: #000; }
b, strong { font-family: 'FbSpoilerBold', sans-serif; font-weight: normal; }

#SiteGridContainer { padding-top: var(--header-height); }
.sections .section { max-width: 100%; padding: 0 70px; }
.grid-boxes, .grid-rows { max-width: 1250px; margin: 0 auto; }
.grid-text .grid-text-content p ~ a { margin-top: 30px; }
.section { max-width: 1280px; margin: 0 auto; padding: 0 15px; }
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { background: none; }
#GridTop { max-height: 320px; background-size: 100%; background-position: center; background-repeat: no-repeat; }
#GridTop::before { content: ''; width: 100%; height: 100%; background-color: #121212; position: absolute; opacity: .3; }
#GridTop .top-caption { top: 50%; text-transform: uppercase; font-family: 'FbSpoilerBold'; font-size: 10rem; text-align: center; line-height: 1.08; }
#GridTop .top-caption h1 { font-size: inherit; }
#GridTop .top-caption-subtitle { font-size: 3.8rem; }

#headline { font-size: 3.5rem; color: #1f1e24; }
#lobbyview { margin-bottom: 70px; padding: 0 60px; }
#lobbyText { max-width: 936px; line-height: 1.2; }
#pageview { padding: 0 40px; }
#pageview .MainContent { max-width: 936px; margin-right: auto; margin-left: auto; }
#pageview #text1 h2 { font-size: 3rem; margin-bottom: 20px; }
#pageview #text1 h3 { font-size: 2.4rem; font-family: 'FbSpoilerBold'; margin: 0; }
#ContentRegularModule,
#ContentRegularModule #text1,
#ContentRegularModule #text2 { text-align: inherit; max-width: 100%; }
#SiteGrid #PageBreadCrumps { margin: 15px 0; padding: 0 18px !important; max-width: 100%; }
#SiteGrid #PageBreadCrumps span:last-of-type { color: #adadad; }
#SiteGrid #PageBreadCrumps span:not(:last-child)::after { content: '/'; margin: 0 5px; color: #a6abb9; }
#GridWrapInner { margin-top: 40px; margin-bottom: 40px; }

.section .section-title,
#headline, .grid-row-text h2,
/*include special sections */
.construction__section .grid-text h2,
.catalog__section .grid-text h2 { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.section-title h2,
.section-title h1,
#headline, .grid-row-text h2,
/*include special sections */
.catalog__section .grid-text h2,
.construction__section .grid-text h2,
.career__page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 6rem; font-family: 'FbSpoilerBold', sans-serif; line-height: 1.05; }
.career__page #SiteGrid.layout-bottom #GridPromo {padding-block:50px;}
.career__page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { position: relative; }
#headline { margin-bottom: 36px }


.section-title::after,
#headline::after,
.grid-row-text h2::after,
/*include special sections */
.construction__section .grid-text h2::after,
.catalog__section .grid-text h2::after,
.career__page #GridPromo .dynamicFormObjectTitle::after{ content: ''; display: block; width: 120px; height: 8px; background: var(--primary-color); margin-top: 5px; }
.career__page #GridPromo .dynamicFormObjectTitle::after {margin-inline:auto;}
@media(max-width: 1024px) {
    .sections .section { padding: 0 30px; }
}

@media(max-width: 767px) {
    body { font-size: 1.8rem; }
    .sections .section { padding: 0 15px; }
    #GridTop { border-width: 5px; background-size: cover }
    #GridTop .top-caption { font-size: 6rem; }
    #GridTop .top-caption-subtitle { font-size: 1.6rem; }
    #headline { font-size: 2.8rem; line-height: 2.7; }
    #GridWrapInner { margin-top: 23px; margin-bottom: 23px; }
    .section-title h2, .section-title h1, #headline, .grid-row-text h2, .catalog__section .grid-text h2, .construction__section .grid-text h2,
    .career__page #GridPromo .dynamicFormObjectTitle { font-size: 4rem; }
    .section .section-title, #headline, .grid-row-text h2 { margin-bottom: 15px; }
    #lobbyview { margin-bottom: 70px; padding: 0 40px; }
    #pageview #text1 h2 { font-size: 2.2rem; }
}


/* Buttons */

/*Arrow button*/
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, .catalog__section a { display: inline-block; font-size: 2rem; text-align: center; line-height: 1.05; margin: 0; border: none; border-radius: 0; font-family: 'FbSpoilerBold'; background-color: #121212; position: relative; color: var(--primary-color); padding: 12px; min-width: 160px; transition: all 0.35s ease; }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-text .sec-button:focus, .grid-text .sec-button:hover, .construction__section .gridText2 a:hover { background: var(--primary-color); color: #121212; }
.grid-rows .grid-row-text a.grid-row-button:hover::before, .grid-text .sec-button:hover::before { transform: translate(50%, 50%) scale(1.344444); }


/*Form Yellow button */
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { display: inline-block; background: #121212; font-size: 2rem; color: var(--primary-color); height: auto; line-height: 1.2; border: none !important; border-radius: 0; padding: 11px 52px; text-align: center; width: auto; min-width: 157px; max-width: 100%; background-repeat: no-repeat !important; background-position: 90% 50% !important; margin: 0; font-family: 'FbSpoilerBold', sans-serif; transition: all 0.35s ease; }
.normal-form input[type=submit]:focus, .normal-form input[type=submit]:hover, #DynamicFormObject input[type=submit]:hover, DynamicFormObject input[type=submit]:focus { border: none !important; background-color: var(--primary-color) !important; }


@media(max-width: 767px) {
    .normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 100%; display: block; text-align: center; font-size: 100% !important; max-width: 160px; margin: 0 auto; }
}

/*Thankyou page*/
body.FormResultPage #text1 a:last-of-type { text-decoration: underline; }
body.FormResultPage #header2 .logoHeader::before { opacity: 1; }


/*Header*/
#header2 { background-color: transparent; color: #231f20; }
#header2 #header-container { flex-direction: row-reverse; justify-content: space-between; direction: rtl; align-items: center; background-color: #fff; padding: 0 80px; height: var(--header-height); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
#header2 .menu-nav { height: inherit; }
#header2.detailsInRow .header-top { padding: 0; }
#header2 .menu-nav ul.menu { margin: 0; display: flex; align-items: center; width: 100%; height: 100%; }
#header2 ul.menu li { color: inherit; float: none; padding: 0; margin: 0; }
#header2 ul.menu-sub { padding: 12px 0; font-size: 1.6rem; background-color: #f3f3f3; }
#header2 #header-left { position: relative; margin-left: 23px; height: auto; }
#header2 ul.menu .menu-sub li:hover, #header2 ul.menu .menu-sub li:focus { color: #ffd91c; }
#header2 ul.menu .menu-sub li { line-height: 1.4; color: inherit; }
#header2 ul.menu .menu-sub li:not(:last-child) { margin-bottom: 7px; }
.opensub.fa:before { content: '' !important; display: block; width: 10px; height: 6px; background: url('/warehouse/temp/nofar-energy/header-dropdown-arrow.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: .35s ease; }
.has-sub.open .fa-angle-down:before { transform: rotate(180deg); }
.has-sub i.opensub { margin: 0; height: 100%; display: flex; align-items: center; font-size: 0; padding: 0 5px; }
#header2 ul.menu-sub li > a { padding-right: 10px !important; padding-left: 10px !important; font-size: 100% !important; }
#header2 ul.menu-sub li.active { color: #ffc700; }
#header2 #header-left a { position: relative; }
#header2 #header-left img { opacity: 1; transition: .35s ease; }
#header2.fill::before { width: 100%; }
#header2 .mobile-middle-kdm { display: none; }
#header2 .header-top-left { display: flex; gap: 10px; }
#header2 .header-top-left svg { width: auto; height: 18px; display: block; fill: #231f20; }
#header2 .header-right-section { display: flex; flex-direction: row-reverse; align-items: center; }
#header2 ul.menu > li > a::after { content: ''; position: absolute; width: 0; height: 3px; background-color: var(--primary-color); right: 0; bottom: 0; z-index: 2; transition: .35s ease; }
#header2 ul.menu > li.last-item > a::after { height: 100%; z-index:-1}
#header2 ul.menu > li > a { position: relative; }
#header2 ul.menu > li.last-item > a { padding-inline: 5px; }
#header2 ul.menu > li > a:hover::after, #header2 ul.menu > li.active > a::after { width: 100%; }
/*#header2 ul.menu > li:not(.has-sub) > a:hover::after, #header2 ul.menu > li.active:not(.has-sub) > a::after { width: 100%; }*/

@media(min-width: 1025px) {
    #header2 ul.menu-sub { top: 80%; }

    #header2 ul.menu > li { height: inherit; display: flex; align-items: center; margin: 0 15px; white-space: nowrap }
    #header2 ul.menu > li > a { height: inherit; display: flex; align-items: center; /* position: relative; */ }
    #header2 ul.menu-sub::before { /* content: ''; */ display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 0 solid transparent; border-left: 20px solid #3b0199; position: absolute; top: 1px; left: 0; transform: translateY(-100%); }
    #header2.detailsInRow .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: 'FbSpoilerBold'; }
    #header2 .header-right-section { position: static; }
}

@media(max-width: 1024px) {
    #header2 .nav-menu-anim { width: 26px; height: 26px; }
    #header2 #header-container { flex-direction: row; padding: 0 15px; }
    #header2 #header-left { margin-right: 14px; margin-left: 0; }
    #header2 .max-width { padding: 0; }
    #header2 .menu-nav ul.menu { position: fixed; right: 0; flex-direction: column; left: auto; transform: translateX(100%); height: 100vh !important; padding-top: 63px !important; transition: .35s ease; background-color: #fff; padding-right: 80px; align-items: flex-start; text-align: start; }
    #header2.open .menu-nav ul.menu { transform: translateX(0%); }

    #header2 #nav-toggle:not(.active) span, #header2 #nav-toggle span::before, #header2 #nav-toggle span::after { background: #121212; height: 4px; width: 100%; }
    #header2 #nav-toggle.active span::before, #header2 #nav-toggle.active span::after { width: 80%; }
    #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 { /* transition: none; */ /* -webkit-transition: none; */ -moz-transition: none; -o-transition: none; }
    #nav-toggle span:after { /* width: 27px; */ bottom: -10px; }
    #nav-toggle span::before { top: -10px; }
    #nav-toggle.active span:after { width: 100%; }
    #header2 ul.menu-sub { position: static; float: none; text-align: inherit; background-color: inherit; }
    #header2 .header-right-section { height: auto; padding: 0; background: none; }
    #header2 ul.menu li > a { display: inline-block; padding: 10px 0; font-family: 'FbSpoilerBold'; font-size: 2.2rem; line-height: 1; letter-spacing: 0.22px; }
    .has-sub i.opensub { display: inline-block; height: auto; }
}


@media(max-width: 767px) {
    #header2 #header-left .logoHeader { max-width: 115px; }
    #header2 .header-top.social-links { display: none; }
}

/*Home Gallery*/
#home-gallery { height: 100vh !important; max-height: 800px; margin-bottom: 100px; }
#home-gallery .controlSlider { display: none !important; }
#home-gallery .gallery-logo { width: auto; max-width: 100%; }
#home-gallery .scroll-down { left: 50%; bottom: 15px; font-size: 0; width: auto; animation: none !important; transform: translateX(-50%); }
#home-gallery .scroll-down button { background: none; border: none; padding: 0; }
#home-gallery .scroll-down svg { width: auto; height: 50px; }
#home-gallery .TopVideo { position: relative; }
#home-gallery .TopVideo iframe { width: 100%; }
#home-gallery .opacity-layer { display: none; }
#home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); width: 90%; font-size: 7rem; color: #fff; }
#home-gallery .flex-direction-nav { top: auto; bottom: 0; transform: none; -webkit-transform: none; display: flex; justify-content: space-between; display:none;}
#home-gallery .flex-direction-nav a { position: static; transform: none; margin: 0; text-shadow: none; width: 70px; height: 80px; background-color: #121212; outline: none; }
/*#player-controls #mute-player, #player-controls #unmute-player, #player-controls span { display: none; }*/


#home-gallery .flex-direction-nav .flex-next::before, #home-gallery .flex-direction-nav .flex-prev::before { display: none !important; }
#home-gallery .flex-direction-nav .flex-prev,
#home-gallery .flex-direction-nav .flex-next { background-repeat: no-repeat; background-position: center; background-color: #121212; background-size: 25px 23px; }
#home-gallery .flex-direction-nav .flex-prev { background-image: url('/warehouse/temp/ytong/arrow-l.svg'); }
#home-gallery .flex-direction-nav .flex-next { background-image: url('/warehouse/temp/ytong/arrow-r.svg'); }
#home-gallery .gallery-logo { direction: rtl; display: flex; align-items: center; margin: 0; justify-content: center; }
#home-gallery .gallery-logo img { min-width: 0; }
.scroll-path { animation-name: scroll; animation-duration: 1.8s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }

@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    90%, 100% { transform: translateY(15px); opacity: 0; }
}


@media(max-width: 1024px) {
    #home-gallery { margin-bottom: 20px; height: calc(100vh - 70px) !important; }
}

@media(max-width: 767px) {
    #home-gallery .scroll-down img { width: 100%; min-width: 0; }
    #home-gallery video { min-height: 0 !important; top: 0; }
    /*  #home-gallery,
    #home-gallery video,
    #home-gallery .TopVideo,
    #home-gallery { height: 173vw !important; }*/
    #mobile-player-controls { left: auto; right: 20px; }
    #home-gallery .flex-direction-nav a { width: 47px; height: 53px; }
    #home-gallery .flex-direction-nav .flex-prev, #home-gallery .flex-direction-nav .flex-next { background-size: 17px 15px; }
    #home-gallery .gallery-logo { flex-direction: column; text-align: center; line-height: 1; gap: 5px; }
    #home-gallery .gallery-logo img { flex-basis: auto; max-width: 200px; }
    #home-gallery .gallery-logo::before, #home-gallery .gallery-logo::after { font-size: 6.4rem; }
}

.vedioSection iframe { width: 1250px; height: 800px; }

.expertise__section.grid-content-section { margin-bottom: 143px; }
.expertise__section .section-title::before,
.expertise__section .section-title::after { content: ''; width: 100px; height: 8px; background-color: var(--primary-color); margin: 0; width: 100%; max-width: 130px; }
.expertise__section .section-title::before { margin-inline-end: 20px; }
.expertise__section .section-title::after { margin-inline-start: 20px; }
.expertise__section .section-title { flex-direction: row; justify-content: center; margin-bottom: 72px; }
.expertise__section .section-title h1 { flex: 0 0 auto; }
.expertise__section .grid-box.lastItem { width: 100%; height: 100%; }
.expertise__section .grid-box { padding: 0; margin: 0; width: 100%; height: 100%; }
.expertise__section .grid-boxes .grid-box-image { padding-bottom: 45.3125%; margin: 0; }
.expertise__section .grid-box-image .hideUntilHover { opacity: 1; }
.expertise__section .grid-box-opacity-layer { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); height: 117px; top: auto; bottom: 0; }
.expertise__section .grid-box-image h3 { font-size: 5rem; margin: 0; margin-top: auto; margin-bottom: 12px; }
.expertise__section .grid-box-image .grid-box-image-text::before { content: ''; display: block; height: 100%; background: var(--primary-color); position: absolute; bottom: -1px; left: -1px; right: -1px; transition: .85s ease; z-index: -1; transform: scaleY(.0287); transform-origin: bottom; }
.expertise__section .grid-box-image-text { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 50%; bottom: auto; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
.expertise__section .lastItem .grid-box-image .grid-box-image-text::before { transform: scaleY(.01388); }
.expertise__section .grid-box-hover .grid-box-image-text::before { transform: scaleY(1.1) !important; }
.expertise__section p { overflow: hidden; transition: .55s ease; }
.expertise__section .grid-boxes .grid-box.lastItem .grid-box-image { padding-bottom: 93.75%; }
.expertise__section .grid-box-hover .grid-box-image-text p { flex: auto; }
.expertise__section .grid-box-hover .grid-box-image .grid-box-image-text { color: #000; }
.expertise__section .grid-box-text-pop { color: #000; max-width: 430px; padding: 0 15px; margin-right: auto; margin-left: auto; font-size: 1.8rem; }

@media(min-width: 1025px) {
    .expertise__section .grid-boxes.row { display: grid; grid-gap: 20px; gap: 20px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); }
    .expertise__section .grid-box.lastItem { grid-column: 2/3; grid-row: 1/3; }
}

@media(max-width: 1024px) {
    .expertise__section .grid-boxes.row { flex-direction: column-reverse; gap: 15px; }
    .expertise__section .grid-box.textOnHover .grid-box-image .grid-box-image-container { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
    .expertise__section .grid-box.textOnHover .grid-box-image .box-image-animation { overflow: hidden; }
    .expertise__section .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
}

@media(max-width: 767px) {
    .expertise__section .section-title { margin-bottom: 20px; }
    .expertise__section .section-title::before { margin-inline-end: 5px; }
    .expertise__section .section-title::after { margin-inline-start: 5px; }
    .expertise__section .grid-box-image h3 { font-size: 3rem; }
    .expertise__section .grid-box-image .hideUntilHover { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(14, 34, 71, 0.5)); }
    .expertise__section.grid-content-section { margin-bottom: 47px; }
    .expertise__section .grid-boxes .grid-box .grid-box-image { padding-bottom: 45.3125%; transition: 1s ease; }
    .expertise__section .grid-boxes .grid-box.grid-box-hover .grid-box-image { padding-bottom: 93.75%; }
    .expertise__section .section-title::before, .expertise__section .section-title::after { max-width: 60px; }

    .vedioSection iframe { width: 100%; height: 200px; }
}



.intro__section { margin-bottom: 167px; }
.intro__section .section-title { margin-bottom: 30px; }
.intro__section .grid-text .grid-text-content { max-width: 720px; line-height: 1.4; }

@media(max-width: 767px) {
    .intro__section { margin-bottom: 60px; }
    .intro__section .section-title { margin-bottom: 15px; padding: 0 25px; }
    .intro__section .grid-text .grid-text-content p ~ a { margin-top: 20px; }
    .intro__section .section-title h2 { line-height: 1; }
    .intro__section .grid-text .grid-text-content { line-height: 1.1; }
}


.projects__section.grid-row-section .grid-rows { max-width: 1080px; }
.projects__section .section-title { max-width: 1250px; margin: 0 auto 100px; text-align: start; }
.projects__section.grid-row-section { position: relative; margin-bottom: 188px; }
.projects__section::before { /* content: ''; */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; z-index: 0; pointer-events: none; }
.projects__section .grid-rows .grid-row-text h2 { font-family: 'FbSpoilerBold'; font-size: 6rem; margin-bottom: 20px; line-height: 1.07; align-items: flex-start; }
.projects__section .grid-rows .grid-row-text h2::after { width: 100px; }
.projects__section .grid-rows .grid-row-text h3 { font-size: 1.5rem; margin-bottom: 18px; }
.projects__section .grid-rows .grid-row-text h3::before { content: ''; display: block; width: 50px; height: 4px; background-color: #ffc700; margin-bottom: 16px; }
.projects__section .grid-rows .grid-row-text a.grid-row-button { margin-top: 30px; }
.projects__section .grid-rows .grid-row-text a.grid-row-button::after { content: ''; display: inline-block; vertical-align: middle; margin-right: 4px; width: 10px; height: 7px; background: url(/warehouse/temp/ytong/btn-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; transition: all 0.35s ease; }
.projects__section .grid-rows .grid-row-text a.grid-row-button:hover::after { filter: brightness(0); }
.projects__section .grid-rows .grid-row { background-color: transparent; flex-wrap: wrap; direction: ltr !important; align-items: center; }
.projects__section .grid-row li.slider-item { padding-bottom: 68.37606837606837%; }
.projects__section .grid-row.gridHasVideo li.slider-item { padding-bottom: 0; }
.projects__section .grid-row.gridHasVideo li.slider-item iframe { width: 100%; object-fit: cover; height: 400px; }
.projects__section .grid-rows .grid-row-text ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 18px; font-size: 1.5rem; margin: 20px 0; }
.projects__section .grid-rows .grid-row-text li { display: flex; flex-direction: column; align-items: center; justify-content: center; grid-gap: 4px; }
.projects__section .grid-rows .grid-row-text { width: 100%; }
.projects__section .grid-rows .grid-row:nth-child(even) { flex-direction: row-reverse; align-items: center; }
.projects__section .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { background-color: #fff; /* padding: 15px 0 15px 100px; */ }
/* .projects__section .flex-control-nav { background-color: #fff; display: inline-flex; gap: 10px; align-items: center; justify-content: center; bottom: 0; left: 0; right: auto; padding: 30px; font-size: 0; width: auto; }
.projects__section .grid-row:nth-child(even) .flex-control-nav { right: 0; left: auto; } */

/* .projects__section .flex-control-paging li a { width: 17px; height: 6px; border-radius: 0; background: transparent; border: 1px solid #4f2ced; transition: .35s ease; padding: 0; display: inline-block; }
.projects__section .flex-control-paging li a.flex-active { background-color: #4f2ced; width: 70px; }
.projects__section .flex-control-nav li { margin: 0; display: block; overflow: visible; } */

.projects__section .grid-rows .grid-row + .grid-row { margin-top: 180px; }
#allSectionsWrapper .projects__section .grid-rows .grid-row-cell.flexslider-box .section__data { padding: 0; margin: 0; }
.construction__page .flex-control-paging li a { background: #fff }
.construction__page .flex-control-paging li a.flex-active { background: var(--primary-color); }

@media(min-width: 768px) {
    .projects__section .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { padding-bottom: 0px; }
    .projects__section .grid-rows .grid-row-cell.flexslider-box { width: 54.166666666666664%; }
    .projects__section .grid-row .grid-row-cell.grid-row-cell-text { width: 45.8333333333%; padding: 15px 0 15px; padding-inline-start: 70px; }
    .projects__section .grid-rows .grid-row:nth-child(even) .grid-row-cell-text { padding-inline-end: 70px; padding-inline-start: 0; padding-bottom: 0; }
    #allSectionsWrapper .projects__section .grid-rows .grid-row-cell.flexslider-box .section__data .grid-boxes .grid-box-title h3 { font-size: 3.5rem; }
}

@media(max-width: 767px) {
    .projects__section .grid-rows .grid-row { display: flex !important; flex-direction: column; }
    .projects__section .section-title h2 { font-size: 3rem; letter-spacing: 1.2px; }
    .projects__section .grid-rows .grid-row-text { padding: 0; margin: 0; }
    .projects__section .grid-row .grid-row-cell.grid-row-cell-text { padding: 0 !important; margin-top: 24px !important; }
    .projects__section .grid-rows .grid-row-text h2 { font-size: 4rem; margin-bottom: 15px; }
    .projects__section.grid-row-section { margin-bottom: 60px; margin-top: 60px; }
    .projects__section .section-title { margin-bottom: 32px; }
    .projects__section .grid-rows .grid-row + .grid-row { margin-top: 64px; }
    .construction__page .projects__section .grid-rows .grid-row + .grid-row { margin-top: 43px; }
    .projects__section .flex-control-paging li a.flex-active { width: 42px; }
    .projects__section .flex-control-paging li a { height: 4px; width: 11px; }
    .projects__section .flex-control-nav { padding: 12px 20px; }
    .projects__section .grid-rows .grid-row-text a.grid-row-button { margin-top: 22px; }
    .projects__section .grid-row.gridHasVideo li.slider-item iframe { height: 250px; }
    .projects__section .grid-rows .grid-row-text ul { gap: 16px; }
    .projects__section .grid-rows .grid-row-text img { width: 45px; }
}




.catalog__section.grid-text-section { margin: 180px 0; }
.catalog__section .grid-text h2 { margin-bottom: 60px; }
.catalog__section .grid-text { height: auto; position: relative; max-width: 1080px; margin: 0 auto; }
.catalog__section .grid-text::before { content: ''; display: block; padding-bottom: 37.03703703703704%; opacity: 0.76; background-image: linear-gradient(to bottom, rgba(18, 18, 18, 0.9), rgba(18, 18, 18, 0)); }
.catalog__section .grid-text .grid-text-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; color: #fff; }
.catalog__section .grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { text-align: inherit; }
.catalog__section a { display: inline-block; background-color: #121212; color: var(--primary-color); font-size: 1.8rem; font-family: 'FbSpoilerBold'; line-height: 1; padding: 18px 46px; min-width: 188px; }
.catalog__section a:hover { color: #121212; background-color: var(--primary-color); }
.catalog__section .grid-text .grid-text-content .gridText2 { display: flex; gap: 15px; justify-content: center; }


@media(max-width: 767px) {
    .catalog__section .grid-text h2 { margin-bottom: 35px; }
    .catalog__section .grid-text::before { padding-bottom: 115.94202898550724%; }
    .catalog__section .grid-text .grid-text-content .gridText2 { flex-direction: column; width: auto; }
    .catalog__section.grid-text-section { margin-top: 60px; margin-bottom: 60px; }
    .catalog__section a { padding: 18px; width: 188px; }
}


/*Split Contact */
.grid-form-section .section-title { margin-bottom: 35px; }
.contact__page .grid-form-section .section-title { margin-bottom: 20px; }
.normal-form input, .normal-form select, .normal-form textarea { border: none; border-radius: 0; box-shadow: none; max-width: 100%; background-color: #fff; width: 100%; margin: 0; font-size: 1.8rem; padding: 14px 16px; height: auto; line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { order: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; padding: 0; margin: 0; width: 100%; }

.form-container-wide #DynamicFormObject .dynamicFormObjectField,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; padding: 0 6px; position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { content: ''; position: absolute; left: 37px; top: 50%; transform: translateY(-50%); width: 11px; height: 7px; background-image: url(/warehouse/temp/ytong/btn-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 0.35s ease; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { filter: brightness(0); }

.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { max-width: 160px; margin: 0 auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; margin-bottom: 10px; display: none; }

.contact__section.section { display: flex; flex-wrap: wrap; padding: 0; }
.contact__page .contact__section.section { height: 87vh; }
.contact__section .contact-split-right__section, .contact__section .contact-split-left__section { width: 50%; padding: 0; margin: 0; height: 100%; }
body:not(.contact__page) .contact__section .contact-split-left__section { height: auto; }
.construction__page .contact__section .contact-split-left__section { height: auto; }
.contact-split-right__section .image-section-data { position: relative; height: 100%; }
.contact-split-right__section .image-section-data img { position: absolute; top: 0; left: 0; display: block; height: 130%; }
.contact-split-right__section .image-section-data::before { content: ''; display: block; padding-bottom: 70%; }
.contact-split-left__section { background-color: #f3f3f3; }
.contact-split-left__section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.contact-split-left__section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 36px; }
.contact-split-left__section .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; padding: 0; height: 100%; max-width: 515px !important; margin: 0 auto; }
.contact-split-left__section .form-container-wide #DynamicFormObject .dynamicFormObjectField { margin-bottom: 12px; }
.contact-split-left__section fieldset { display: flex; flex-wrap: wrap; }
.contact-split-left__section .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { margin-bottom: 0; }
.contact__section .contact-split-left__section { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 45px 60px 55px; }
.contact-split-left__section .dynamicFormEndText ul { padding: 0; margin: 10px 0 30px; display: flex; justify-content: center; align-items: flex-start; list-style: none; font-size: 1.8rem; line-height: 1; gap: 20px; }
.contact-split-left__section .dynamicFormEndText li { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 auto; width: 100px; gap: 14px; }

@media(max-width: 767px) {
    .grid-form-section .section-title { margin-bottom: 28px; }
    body:not(.contact__page) .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
    .contact__section .contact-split-right__section { display: none; }
    .contact__section .contact-split-left__section { width: 100%; }
    .contact-split-left__section .dynamicFormEndText ul { flex-direction: column; align-items: center; margin-top: 15px; margin-bottom: 40px; }
    .contact__page .contact-split-left__section .dynamicFormEndText ul { margin-top: 10px }
    .contact__page .contact__section.section { height: 100%; }
    .contact__section .contact-split-left__section { padding: 45px 54px 55px; }
    .contact__page .contact__section .contact-split-left__section { padding-top: 30px }
    .contact-split-left__section .dynamicFormEndText li img { width: 62px }

    .career__page .contact-split-left__section .form-container-wide #DynamicFormObject { gap: 20px }
}

/*Career Page*/
.career__page #ContentFaqModule { /* padding: 0 60px; */ }
.career__page #pageview { /* max-width: 936px; */ margin-bottom: 100px; padding: 0 40px; }
.career__page #faqview { padding: 0 40px; margin-bottom: 0; }
.career__page #pageview > *, .career__page .faq-item { max-width: 936px; margin-right: auto; margin-left: auto; }
.career__page .GridBottomGallery { padding-bottom: 0; padding-top: 0; }
.career__page #GridBottom { margin-top: 150px; margin-bottom: 160px; }
.career__page .master-slider .item.ms-slide:before,
.career__page .master-slider .ms-nav-prev::before,
.career__page .master-slider .ms-nav-next::before { content: none; }
.career__page .master-slider .ms-nav-prev, .career__page .master-slider .ms-nav-next { opacity: 1 !important; width: 38px; height: 38px; /* background: red; */ background-repeat: no-repeat; background-size: 100%; }
.career__page .master-slider .ms-nav-prev { right: -20px; transform: translate(100%, -50%); background-image: url('/warehouse/temp/ytong/arrow-right-boxed-white.svg'); }
.career__page .master-slider .ms-nav-next { left: -20px; transform: translate(-100%, -50%); background-image: url('/warehouse/temp/ytong/arrow-left-boxed-white.svg'); }
.career__page .plus-sign { display: none; }

@media(max-width: 767px) {
    .career__page #faqview { padding: 0 15px; }
    .career__page #pageview { margin-bottom: 50px; }
    .career__page #pageview > #text1 { line-height: 1.2; }
    .career__page #GridBottom { margin-top: 60px; margin-bottom: 60px; }
    .career__page .master-slider .ms-nav-prev, .career__page .master-slider .ms-nav-next { display: block !important }
    .career__page .master-slider .ms-nav-prev { right: 5px }
    .career__page .master-slider .ms-nav-next { left: 5px }
}

/*About Page*/
.about__page .categories-strip { display: none; }

/*Profile Page*/
.profile__page #GridTop,
.profile__page #lobbyview { display: none; }
.profile__page #GridWrapInner { margin-top: 0; margin-bottom: 85px; }

/*timeline section*/
.timeline__section .section-title { padding: 0 55px; }
.about__page.profile__page .timeline__section .section-title { margin-bottom: 32px; }

.timeline__section.grid-gallery-section { padding: 0; }
.years-slides > div { font-family: 'FbSpoilerBlack'; line-height: 1.8; color: #f3f3f3; }
/*.years-slides .swiper-slide-active { margin-right: 80px !important }*/
.years-slides span { display: inline-block; user-select: none; color: #f3f3f3; font-size: 20rem; transition: all 0.7s ease; line-height: 1.08; transform: scale(.75); }
.years-slides .swiper-slide-active span { color: #ffc828; transform: scale(1); }
.timeline__content { font-size: 3rem; max-width: 750px; margin: 0 auto; padding: 0 35px; min-height: 72px; }
.timeline__image { position: relative; max-width: 710px; margin: 0 auto; padding: 0 15px; }
.timeline__image-ratio { position: relative; padding-bottom: 62.05882352941177% }
.timeline__image img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); pointer-events: none; user-select: none; }
.timeline__container { position: relative; margin-bottom: 96px; }
.timeline__button-next { background-image: url(/warehouse/temp/ytong/arrow-right-boxed.svg); }
.timeline__button-prev { background-image: url(/warehouse/temp/ytong/arrow-left-boxed.svg); }
.timeline__slider { position: absolute; bottom: 0; width: 100%; transform: translateY(50%); cursor: grab; }
.timeline__navigation--desktop > div { position: absolute; top: 50%; cursor: pointer; }
.timeline__navigation--desktop .timeline__button-next { right: -22px; transform: translateX(100%); }
.timeline__navigation--desktop .timeline__button-prev { left: -22px; transform: translateX(-100%); }
.timeline__button-next, .timeline__button-prev { width: 35px; height: 35px; background-size: 100%; background-repeat: no-repeat; transition: .35s ease; }
.timeline__navigation--mobile { display: none; }
.swiper-button-disabled { opacity: .1; }
.timeline__button-next:hover { background-image: url(/warehouse/temp/ytong/arrow-right-boxed-hover.svg); }
.timeline__button-prev:hover { background-image: url(/warehouse/temp/ytong/arrow-left-boxed-hover.svg); }

@media(max-width: 767px) {
    .profile__page #GridWrapInner { margin-bottom: 50px; }
    .timeline__section .section-title h2 { line-height: 1; }
    .timeline__navigation--desktop { display: none; }
    .timeline__navigation--mobile { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }
    .years-slides span { font-size: 10rem; }
    .timeline__content { font-size: 2.2rem; line-height: 1.09; }
    .timeline__container { margin-bottom: 60px; }
}


/*Management Page*/
.management__page #GridPage { padding: 37px 0 47px; }
.management__page #lobbyview { display: none; }
#LobbyModule .management__section.grid-content-section .grid-boxes { max-width: 760px; gap: 30px; align-items: stretch; }
#LobbyModule .management__section .grid-box { width: 30.70175%; margin: 0; background-color: #f3f3f3; display: flex; flex-direction: column; align-items: flex-start; padding: 20px; text-align: start; transition: .35s ease-in-out; position: relative; cursor: pointer; min-height: 285px; }
#LobbyModule .management__section .grid-boxes .grid-box-image { padding: 0; position: static; margin: 0 0 15px; }
#LobbyModule .management__section .grid-boxes .grid-box-image-container { position: static; }
#LobbyModule .management__section .grid-boxes .grid-box-image-container img { width: 100px; height: 100px; border-radius: 100%; overflow: hidden; }
#LobbyModule .management__section .grid-boxes .grid-box-title h3 { font-family: 'FbSpoilerBold'; font-size: 3rem; }
#LobbyModule .management__section .grid-boxes .grid-box-subtitle.button { width: 30px; height: 30px; margin: auto 0 0; transition: .35s ease-in-out; background-image: url(/warehouse/temp/ytong/arrow-left-boxed.svg); background-size: 100%; background-repeat: no-repeat; }
#LobbyModule .management__section .grid-boxes .grid-box-subtitle.button a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; color: transparent; font-size: 0; line-height: 0; }
#LobbyModule .management__section .grid-boxes .grid-box::before { content: ''; position: absolute; top: 0; right: 0; /*background: red;*/ width: 4px; height: 74.64788732394366%; background-color: var(--primary-color); }
#LobbyModule .management__section .grid-box:not(:first-child):hover { transform: translateY(-15px); }
#LobbyModule .management__section .grid-box:hover .grid-box-subtitle.button { background-image: url(/warehouse/temp/ytong/arrow-left-boxed-hover.svg); }
#LobbyModule .management__section .grid-box:first-child { width: 100%; display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(3, auto); grid-column-gap: 37px; pointer-events: none; padding: 32px 32px 40px 40px; }
#LobbyModule .management__section .grid-box:first-child .grid-box-image { grid-column: 1/2; grid-row: 1/4; }
#LobbyModule .management__section .grid-box:first-child .grid-box-title { grid-row: 1/1; grid-column: 2/3; }
#LobbyModule .management__section .grid-box:first-child .grid-box-title { grid-row: 1/1; grid-column: 2/3; }
#LobbyModule .management__section .grid-box:first-child .grid-box-subtitle { grid-row: 2/3; grid-column: 2/3; }
#LobbyModule .management__section .grid-box:first-child .grid-box-fulltext { grid-row: 3/4; grid-column: 2/3; }

@media(max-width: 767px) {

    #LobbyModule .management__section .grid-box { width: 100%; display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(3, auto); column-gap: 34px; padding: 27px 24px; align-items: center; min-height: 0; }
    #LobbyModule .management__section .grid-boxes .grid-box-image { grid-row: 1/4; margin-bottom: 0; }
    #LobbyModule .management__section .grid-boxes .grid-box-subtitle.button { margin-top: 15px; }
    #LobbyModule .management__section.grid-content-section .grid-boxes { grid-gap: 15px; }
    #LobbyModule .management__section .grid-box:first-child .grid-box-image { grid-row: 1/3; }
    #LobbyModule .management__section .grid-box:first-child .grid-box-fulltext { grid-column: 1/3; }
    #LobbyModule .management__section .grid-box:first-child .grid-box-subtitle { grid-row: 1/3; }
    #LobbyModule .management__section .grid-box:first-child { grid-row-gap: 13px; padding: 23px; }
    #LobbyModule .management__section .grid-box:not(:first-child):hover { transform: none; }
}


/*Construction Page*/
.construction__page #GridWrapInner { margin-bottom: 0; }
.construction__page #headline { margin-bottom: 36px }
.construction__page .projects__section .grid-rows .grid-row:nth-child(odd) { direction: rtl !important; }
.construction__page .projects__section .grid-rows .grid-row:nth-child(even) { direction: rtl !important; }
.construction__page .projects__section .grid-rows .grid-row-text ul + a.grid-row-button { margin-top: 0; }
.construction__page .projects__section { margin-bottom: 120px; margin-top: -25px; }

@media(max-width: 767px) {
    .construction__page #headline { margin-bottom: 16px }
    .construction__page .projects__section .grid-row.gridHasVideo .grid-row-cell.grid-row-cell-text { margin-top: 0px !important; }
    .construction__page .projects__section .grid-row .grid-row-cell.grid-row-cell-text { margin-top: 13px !important; }
    .construction__page .projects__section { margin-bottom: 50px; }
}

/*Construction view section */
.construction__section.grid-text-section { margin-bottom: 112px; }
.construction__section .grid-text h2 { margin-bottom: 42px; }
.construction__section .gridText1 ul { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0; gap: 10px; width: 475px; max-width: 100%; margin: 0 auto; }
.construction__section .gridText1 li { background-color: #fff; padding: 20px 13px; display: flex; flex-direction: column; align-items: center; font-family: 'FbSpoilerBold', sans-serif; font-size: 1.8rem; width: 33.33%; text-align: center; }
.construction__section .gridText2 a { display: inline-block; background-color: #121212; color: var(--primary-color); font-size: 1.8rem; font-family: 'FbSpoilerBold'; line-height: 1; padding: 11px 34px; min-width: 160px; color: #fff; transition: all 0.35s ease; }
.construction__section .grid-text .grid-text-content .gridText2 { display: flex; gap: 15px; justify-content: center; }
.construction__section .grid-text { position: relative; max-width: 1094px; margin: 0 auto; padding: 37px 15px 65px; }
.construction__section .grid-text .grid-text-content .gridText1 { margin-bottom: 40px; }
.construction__section .grid-text::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffff; opacity: 55%; }

@media(max-width: 767px) {
    .construction__section .grid-text h2 { margin-bottom: 42px; }
    .construction__section .gridText1 ul { flex-direction: column; align-items: center; }
    .construction__section.grid-text-section { padding: 0; margin-bottom: 36px; }
    .construction__section .gridText1 li img { max-width: 95px; }
    .construction__section .gridText1 li { width: 160px; text-align: center; padding: 27px 17px; }
    .construction__section .grid-text .grid-text-content .gridText2 { flex-direction: column; }
    .construction__section .gridText2 a { min-width: 160px; padding: 11px 30px; color: #fff; }
    .construction__section .grid-text .grid-text-content .gridText1 { margin-bottom: 20px; }
    .construction__section .grid-text h2 { margin-bottom: 24px; }
    .construction__section .grid-text { padding-top: 32px; padding-bottom: 55px; }
    .construction__page .construction__section .grid-text { background-image: url(/warehouse/dynamic/386130.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
    .construction__page .gridTextImgContainer.visible-xs { visibility: hidden; }
}


/*popup*/
#multi-content-modal.textInPop .modal-content { max-width: 673px; margin: 0 auto; padding: 50px 30px; line-height: 1.44; border-bottom: 4px solid var(--primary-color); }
#multi-content-modal.modal .close { left: 22px; top: 24px; font-size: 16px; border-radius: 50%; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; margin: 0; background-image: url(/warehouse/dynamic/387967.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }
#multi-content-modal.modal .close svg { /*fill: #000; display: block; width: 100%; height: 100%;*/ display: none; }
#multi-content-modal.textInPop #PopUpData * { direction: inherit; }
#multi-content-modal.textInPop .modal-dialog { padding: 20px; }
#multi-content-modal.textInPop #PopUpData { padding: 0; max-height: 70vh; direction: inherit; display: flex; gap: 24px; }
#multi-content-modal.textInPop #PopUpData .popup__title { font-family: 'FbSpoilerBold'; font-size: 3rem; }
#multi-content-modal.textInPop #PopUpData .popup__subtitle { margin: 0; font-size: 2rem; }
#multi-content-modal.textInPop #PopUpData .popup__details { margin-bottom: 18px; }
#multi-content-modal.textInPop #PopUpData .popup__main { font-size: 1.8rem; flex: 1 0; }
#multi-content-modal.textInPop #PopUpData .popup__img { max-width: 120px; overflow: hidden; border-radius: 50%; }
#multi-content-modal.textInPop #PopUpData .popup__img img { width: 100%; height: auto; }
#multi-content-modal.textInPop #PopUpData .popup__side { flex-basis: 120px; flex: 0 1 120px; }

@media(max-width: 767px) {
    #multi-content-modal.modal .close { width: 20px; top: -45px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); filter: brightness(0) invert(1); }
    #multi-content-modal.textInPop #PopUpData { flex-direction: column; gap: 14px; }
    #multi-content-modal.textInPop #PopUpData .popup__side { display: flex; align-items: center; gap: 12px; }
    #multi-content-modal.textInPop #PopUpData .popup__img { max-width: 94px; }
    #multi-content-modal.textInPop .modal-content { padding: 23px 26px; }
    #multi-content-modal.textInPop #PopUpData .popup__details { margin-bottom: 0; }
    #multi-content-modal.textInPop #PopUpData .popup__main { line-height: 1.25; font-size: 1.6rem; }
}


/*faq*/
.faq-item { margin-bottom: 10px !important; background-color: #f3f3f3; }
.faq-headline { border-right: 8px solid var(--primary-color); font-size: 2rem; font-family: 'FbSpoilerBold'; padding: 22px; line-height: 1; }
.career__page .faq-headline { font-size: 3rem; line-height: 1.1; }
.faq-headline.open { background-color: inherit; }
/*.faq-headline .button-open { background-image: url(/warehouse/temp/ytong/arrow-up-boxed.svg); background-size: contain; background-repeat: no-repeat; width: 30px; height: 30px; }
.faq-headline .button-open::before { display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ''; }*/
.faq-body > div { padding: 14px 30px 43px; }
.faq-headline .button-open { display: none; }
.faq-headline::after { content: ''; width: 30px; height: 30px; display: block; background-image: url(/warehouse/temp/ytong/arrow-down-boxed.svg); background-size: contain; background-repeat: no-repeat; }
.faq-headline { display: flex; justify-content: space-between; align-items: center; }
.faq-headline.open::after { background-image: url(/warehouse/temp/ytong/arrow-up-boxed.svg); }

@media(max-width: 767px) {
    .faq-headline .button-open { left: 15px; }
    .career__page .faq-headline { font-size: 2.3rem; }
}

/**/
.ms-wk .ms-slide { transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; position: absolute; }
.ms-wk .ms-slide .boxes-images-outer-image { padding-bottom: 67%; }


/*profile*/
.profile__section.section { padding: 0; margin-bottom: 90px; }
.profile__section .grid-rows { max-width: 100%; max-height: inherit; }
.profile__section .grid-rows .grid-row { flex-direction: row-reverse; max-height: inherit; height:calc(100vh - 80px)}
.profile__section .grid-rows .grid-row-text h2 { align-items: flex-start; font-size: 300%; }
.profile__section .grid-row .grid-row-cell.grid-row-cell-text { background-color: #f3f3f3; padding: 40px 100px 15px; line-height: 1.2; height: 100%; }
.profile__section .grid-row .grid-row-cell.grid-row-cell-text p { font-size: 93%; }
.profile__section .grid-row .grid-row-cell.grid-row-cell-text p strong {background-color:var(--primary-color)}
.profile__section .grid-row .grid-row-cell.flexslider-box { max-height: inherit; height: 100%; }
.about__page.profile__page #profile__section0 .box-image-animation .scroll-down { position: absolute; bottom: 15px; left: 23px; animation: none !important; }
.about__page.profile__page #profile__section0 .box-image-animation .scroll-down button { background-color: transparent; border: 0; }

@media(min-width: 1024px) and (max-width: 1366px) {
    .ratio-1 .profile__section .grid-row .grid-row-cell.grid-row-cell-text { overflow: hidden; }
    .ratio-1 .profile__section .grid-row-cell-text .grid-row-text,
    .ratio-1 .profile__section .grid-row-cell-text .grid-row-text:focus { overflow-y: scroll; height: calc(100% - 40px); scroll-behavior: smooth; }
    .ratio-1 .profile__section .grid-row-cell-text .grid-row-text::-webkit-scrollbar { width: 0; }
}
.ratio-125 .profile__section .grid-row .grid-row-cell.grid-row-cell-text,
.ratio-150 .profile__section .grid-row .grid-row-cell.grid-row-cell-text { overflow: hidden; }
.ratio-125 .profile__section .grid-row-cell-text .grid-row-text,
.ratio-150 .profile__section .grid-row-cell-text .grid-row-text,
.ratio-125 .profile__section .grid-row-cell-text .grid-row-text:focus,
.ratio-150 .profile__section .grid-row-cell-text .grid-row-text:focus { overflow-y: scroll; height: calc(100% - 40px); scroll-behavior: smooth; }
.ratio-125 .profile__section .grid-row-cell-text .grid-row-text::-webkit-scrollbar,
.ratio-150 .profile__section .grid-row-cell-text .grid-row-text::-webkit-scrollbar { width: 0; }


@media(max-width: 767px) {
    .profile__section.section { margin-bottom: 33px; }
    .profile__section .grid-row .grid-row-cell.grid-row-cell-text { padding: 25px 15px 45px; }
    .profile__section .grid-rows .grid-row-text h2 { align-items: center; font-size: 4rem; margin-bottom: 20px; }
    .profile__section .grid-row .grid-row-cell.grid-row-cell-text p { font-size: 1.8rem; line-height: 1.22; }
    .profile__section .grid-row .grid-row-cell.flexslider-box { height: 370px !important; }
    .about__page.profile__page #profile__section0 .box-image-animation .scroll-down { display: none; }
}


/*items lobby*/
.catalog-lobby .categories-strip { display: none; }
.catalog-lobby .catalogContainer.container { width: 1020px; max-width: 100%; }
.catalog-lobby .catalogContainer.container #CatalogModule { padding-top: 0; margin-top: -20px; }
.catalog-lobby .catalogItemBox { padding: 10px; margin: 0; }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit, .bim-page .owl-carousel .owl-stage-outer .owl-item > div { display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #cfcfcf; background-color: #fff; }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-image,
.bim-page .owl-carousel .owl-item .boxes-images-outer-image { padding-bottom: 105%; }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-image img,
.bim-page .owl-carousel .owl-item .boxes-images-outer-image { width: 100%; }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-text,
.bim-page .owl-carousel .owl-item .image-link-container { text-align: center; border-bottom: 4px solid var(--primary-color); }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-text-top { min-height: unset; }
.catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-text h3,
.bim-page .owl-carousel .owl-item .image-link-container h4{ max-width: 100%; margin-top: 0; margin-bottom: 20px; min-height: unset; font-family: 'FbSpoilerBold', sans-serif; }
.catalog-lobby #CatalogModule .CatalogNav .navigationItems a,
.catalog-lobby #CatalogModule .CatalogNav span#NextPage a, .catalog-lobby #CatalogModule .CatalogNav span#PrevPage a { display: flex; justify-content: center; align-items: center; width: 35px; height: 34px; border: 1px solid #121212; background: #fff; color: #000; }
.catalog-lobby #CatalogModule .CatalogNav span#NextPage a, .catalog-lobby #CatalogModule .CatalogNav span#PrevPage a { border: 0; }
.catalog-lobby #CatalogModule .CatalogNav .navigationItems a.active { background: #000; color: #fff; }
.catalog-lobby #CatalogModule .CatalogNav span#NextPage, .catalog-lobby #CatalogModule .CatalogNav span#PrevPage { display: inline-flex; vertical-align: middle; }
.catalog-lobby #CatalogModule .CatalogNav span#NextPage a span, .catalog-lobby #CatalogModule .CatalogNav span#PrevPage a span { display: none; }
.catalog-lobby #CatalogModule .CatalogNav span#NextPage a, .catalog-lobby #CatalogModule .CatalogNav span#PrevPage a { background-image: url( /warehouse/dynamic/387980.svg); background-repeat: no-repeat; background-position: center; background-size: auto; }
.catalog-lobby #CatalogModule .CatalogNav span#PrevPage a { background-image: url( /warehouse/dynamic/387982.svg); }

@media(max-width: 767px) {
    .catalog-lobby .filtersList { display: none; }
    .catalog-lobby .itemsList { padding: 30px 17.5px; }
    .catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-image { padding-bottom: 106%; }

    .bim-page .owl-carousel .owl-item .image-link-container h4 {font-size:120%;}
}

/*item page*/
.CatalogItemPage #GridTop.noTopImage { height: 60px; }
.CatalogItemPage #GridTop.noTopImage::before { content: none; }
.CatalogItemPage #GridWrapInner { margin: 0px; }
.CatalogItemPage #GridWrapInner .catalogContainer.container { width: 100%; }
.CatalogItemPage #GridWrapInner .backBtnWrapper, .CatalogItemPage #GridWrapInner .itemContentWrapper.row { width: 1140px; max-width: 100%; margin: 0 auto; }
.CatalogItemPage #CatalogModule { padding: 0px; }
.CatalogItemPage #CatalogModule .itemImages { width: 58%; padding-right: 45px; }
.CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 620px }
.CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li img { width: 100%; height: 100%; }
.CatalogItemPage #CatalogModule .itemContent { width: 42%; padding-top: 30px; padding-left: 45px; display: flex; flex-direction: column; font-size: 90%; }
.CatalogItemPage #CatalogModule .itemContent #headline { align-items: flex-start; order: 1; }
.CatalogItemPage #CatalogModule .itemContent .catalogTextContainer:not(.comments) { order: 2; margin-bottom: 20px; }
.CatalogItemPage #CatalogModule .itemContent .item-custom-details { order: 4; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; font-size: 80%; line-height: 1.5; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-custom-details span:first-of-type { font-weight: bold; min-width: 150px; display: inline-block; }
.CatalogItemPage #CatalogModule .itemContent .catalogTextContainer.comments { order: 3; font-weight: bold; text-decoration: underline; padding-bottom: 8px; }
.CatalogItemPage #CatalogModule .itemContent .item-actions { order: 5; border: 0; display: flex; align-items: center; flex-direction: row-reverse; width: max-content; }
.CatalogItemPage #CatalogModule .itemContent .item-actions .shareBox { margin-right: 5px; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions .pdf-button a { display: flex; justify-content: center; align-items: center; width: 142px; height: 45px; background-color: #000; color: var(--primary-color); font-weight: bold; line-height: 1.05; font-size: 2rem; gap: 10px; transition: 0.35s ease }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions .pdf-button a:hover { color: #000; background-color: var(--primary-color); }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions .pdf-button a img { transition: all 0.35s ease; }
.CatalogItemPage #CatalogModule #CatalogItemView .itemContent .item-actions .pdf-button a:hover img { filter: brightness(0); }
.CatalogItemPage #CatalogModule .itemContent .item-actions button.openShareBox { background-color: #ffc828; background-image: url(/warehouse/dynamic/386036.svg); background-repeat: no-repeat; background-position: center; background-size: auto; border-radius: 0; border: 0; }
.CatalogItemPage #CatalogModule .itemContent .item-actions button.openShareBox i { display: none; }

.CatalogItemPage #GridWrapInner .RelatedItemsWrapper { background-color: #f3f3f3; margin: 100px 0 0; }
.CatalogItemPage #CatalogModule .relatedItems { max-width: 1140px; margin: 70px auto 120px; float: none; }
.CatalogItemPage #CatalogModule .relatedItems .itemsList.relatedItemsCarousel { max-width: 1020px; margin: 0 auto; }
.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle::after { border-top: 3px solid #ffc828; }
.CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle h2 { background: #f3f3f3; font-family: 'FbSpoilerBold', sans-serif; }
.CatalogItemPage .owl-controls .owl-nav .owl-prev::after { right: -20px; background-image: url(/warehouse/temp/ytong/arrow-right-boxed-white.svg); }
.CatalogItemPage .owl-controls .owl-nav .owl-next::after { left: -20px; background-image: url(/warehouse/temp/ytong/arrow-left-boxed-white.svg); }

@media(max-width: 767px) {
    .CatalogItemPage #GridWrapInner .catalogContainer.container { padding: 0; }
    .CatalogItemPage #GridWrapInner .backBtnWrapper, .CatalogItemPage #GridWrapInner .itemContentWrapper.row { padding: 0 15px; }
    .CatalogItemPage #CatalogModule .itemImages { width: 100%; padding: 0; }
    .CatalogItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 350px; }
    .CatalogItemPage #CatalogModule .itemContent { width: 100%; padding: 10px 0; }
    .CatalogItemPage #GridWrapInner .RelatedItemsWrapper { margin: 15px 0 0; }
    .CatalogItemPage #CatalogModule .relatedItems { margin: 20px 0 50px; padding: 0 30px; }
    .CatalogItemPage #CatalogModule .relatedItems .itemsList.relatedItemsCarousel { padding: 0; }
    .CatalogItemPage .owl-controls .owl-nav .owl-prev { right: -30px; }
    .CatalogItemPage .owl-controls .owl-nav .owl-next { left: -30px; }
}
/*basic-content-page*/
.basic-content-page #subheadline { margin-bottom: 35px; }
.basic-content-page #subheadline::after { content: ''; display: block; width: 120px; height: 8px; background: var(--primary-color); margin-top: 5px; }
.basic-content-page #subheadline h2 { font-size: 6rem; font-family: 'FbSpoilerBold'; margin: 0; }
.basic-content-page #pageview #text1 h2 { font-size: 2.4rem; font-family: 'FbSpoilerBold'; }

@media(max-width: 767px) {
    .basic-content-page #subheadline { margin-bottom: 16px; }
    .basic-content-page #subheadline h2 { font-size: 4rem; }
}

/*Contact Page*/
.contact__page #GridTop,
.contact__page #lobbyview { display: none; }
.contact__page #GridWrapInner { margin: 0; }



/*Accessability Page*/
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage #text1 { max-width: 936px; }
.accessabilityMainPage #pageview #text1 h2 { font-family: 'FbSpoilerBold'; margin: 25px 0 10px; }

/*Footer*/
.footer-text-divided { display: flex; justify-content: space-between; position: relative; color: #fff; font-size: 1.4rem; line-height: 1.43; max-width: 87%; margin: 0 auto; }
.footer-text-divided a { color: inherit; transition: all 0.35s ease; }
.footer-text-divided a:hover { color: var(--primary-color); }
.footer-text-divided > div { display: block; padding: 0; }
.footer-text-divided > div.footer-text-middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.footer-text-divided ul { list-style: none; padding: 0; margin: 0; display: flex; }
.footer-text-divided .footer-text-right p { display: none; }
.footer-text-divided .footer-text-right ul { flex-direction: column; flex-wrap: wrap; }
.footer-text-divided .footer-text-right li { flex: 0 0 auto; }
.footer-text-divided .footer-text-left ul { margin-bottom: 18px; gap: 13px; }
#SiteFooter .site-credit.alternative svg .st0 { fill: #fff; }

@media(max-width: 767px) {
    .footer-text-divided { font-size: 1.6rem; }
    .footer-text-divided > div.footer-text-middle { position: static; transform: none; order: -1; margin-bottom: 25px; }
    .footer-text-divided { flex-direction: column; padding: 30px 40px; }
    .footer-text-divided .footer-text-right ul { flex-direction: row; justify-content: center; gap: 8px 16px; }
    .footer-text-divided > div.footer-text-right { margin-bottom: 30px; }
    .footer-text-divided .footer-text-left ul { justify-content: center; width: 100%; }
    .footer-text-divided > div.footer-text-left { text-align: center; flex-wrap: wrap; flex-direction: unset; }
    .footer-text-divided > div.footer-text-left > p { width: fit-content; text-align: center; line-height: 1; }
    .footer-text-divided > div.footer-text-left > p:first-of-type { border-left: 1px solid #fff; margin-left: 5px; padding-left: 5px; }
    #SiteFooter div.footer-text-middle img { max-width: 157px; }
}



@media(min-width: 1025px) and (max-width: 1200px) {
    /*Laptop 150zoom*/
    body { font-size: 1.8rem; }
    .section-title h2, .section-title h1, #headline, .grid-row-text h2, .catalog__section .grid-text h2, .construction__section .grid-text h2 { font-size: 4rem; }
    .expertise__section .section-title { margin-bottom: 48px; }
    .expertise__section .grid-box-image h3 { font-size: 3.3rem; }
    .expertise__section.grid-content-section { margin-bottom: 95px; }
    .intro__section { margin-bottom: 110px; }
    .projects__section .grid-rows .grid-row-text h2 { font-size: 4rem; }
    .projects__section .grid-rows .grid-row + .grid-row { margin-top: 120px; }
    .projects__section.grid-row-section { margin-bottom: 125px; }
    .catalog__section.grid-text-section { margin: 125px 0; }
    .catalog__section .grid-text h2 { margin-bottom: 40px; }
    #home-gallery .gallery-logo::before, #home-gallery .gallery-logo::after { font-size: 5.6rem; }
    #home-gallery .gallery-logo img { flex-basis: 176px; }
}

/* Zoom */
.zoom-125 #GridTop { background-size: cover; }
.zoom-125 .profile__section .grid-row .grid-row-cell.grid-row-cell-text p { font-size: 87%; }
.zoom-125 .contact-split-right__section .image-section-data::before { padding-bottom: 100% }
/*.zoom-125 .profile__section .grid-row .grid-row-cell.flexslider-box { max-height: inherit !important; height: 108vh; }*/
.zoom-125 .years-slides span { font-size: 16rem; }
.zoom-125 .timeline__content { font-size: 2.5rem; }


.zoom-150 #GridTop { background-size: cover; }
.zoom-150 #header2 ul.menu li > a { font-size: 69%; }
.zoom-150 .profile__section .grid-rows .grid-row-text h2 { font-size: 250%; }
.zoom-150 .profile__section .grid-row .grid-row-cell.grid-row-cell-text p { font-size: 80%; }
.zoom-150 .contact-split-right__section .image-section-data::before { padding-bottom: 100% }
/*.zoom-150 .profile__section .grid-row .grid-row-cell.flexslider-box { max-height: inherit !important; height: 125vh; }*/
.zoom-150 .years-slides span { font-size: 13rem; }
.zoom-150 .timeline__content { font-size: 2rem; }

@media (min-width: 1025px) {
    .zoom-125 #header2 ul.menu li > a { font-size: 87%; }
    div #home-gallery, #home-gallery .slides { min-height: unset !important; height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser div#home-gallery, body.macOs.safariBrowser #home-gallery .slides { height: 100vh !important; }
    /*.macOs.safariBrowser #home-gallery { overflow: hidden; }*/
}

@media (max-width: 1024px) {
    .macOs.chromeBrowser div#home-gallery { height: 100vh; }

    div#home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .TopVideo, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
    .home-page.macOs.safariBrowser #home-gallery, .home-page.macOs.safariBrowser #home-gallery .TopVideo,
    .home-page.macOs.safariBrowser #home-gallery .slides, .home-page.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100% !important; }
    /*.macOs.safariBrowser #home-gallery { height: 100% !important; }*/
    /*.macOs #home-gallery, .macOs #home-gallery .TopVideo, .macOs #home-gallery .slides, .macOs #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }*/
    .home-page.macOs #allSectionsWrapper { margin-top: 18px; }
    .home-page.macOs.safariBrowser #allSectionsWrapper { margin-top: 0px }
    .home-page.macOs.safariBrowser #home-gallery { height: var(--app-height) !important; }
    #home-gallery .slider-bg.stellar-bg { min-height: unset; }
}

.title-wrapper { overflow: hidden; }
section .title-wrapper > * { transform: translateY(-100%); opacity: 1 !important; transition: transform 0.7s ease; }
section.shown .title-wrapper > *, #lobbyview.shown .title-wrapper > *, #GridContent.shown .title-wrapper > * { transform: translateY(0); }


@keyframes textAnim {
    0%, 5% { transform: translateY(160%); opacity: 0; }
    20% { opacity: 0; }
    50% { opacity: 1; }
    80%, 100% { transform: translateY(0); opacity: 1; }
}

.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; }
section.grid-content-section, section.grid-text-section, grid-row { opacity: 0; }
section.grid-content-section, section.grid-text-section, grid-row { animation: textAnim 1.5s; opacity: 1; transition: opacity 1s; }

.grid-text.gridTextWithImg .grid-text-content { transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important; }


/*permenents*/
.infoPage #allSectionsWrapper { max-width: 1220px; margin: auto; }
.infoPage #allSectionsWrapper > .section { margin-bottom: 80px; }

.infoPage .section .section-title { align-items: flex-start; }
.infoPage .section-title::after { margin-top: 0; height: 4px; }
.infoPage .title-wrapper h2 { font-size: 3rem; margin-bottom: 0px; }

.investors-table { display: flex; flex-flow: column wrap; max-width: 1080px; margin: auto; }
.investors-table-row { padding: 15px 0; border-bottom: 1px solid #000; }
.investors-table-th, .investors-table-row-inner { display: flex; align-items: center; }
.investors-table-th { font-family: 'FbSpoilerBold'; }
.investors-table-th > .investors-table-td:first-child, .investors-table-row-inner .investors-table-td-date { min-width: 100px; text-align: right; }
.investors-table-th > .investors-table-td:nth-child(2), .investors-table-row-inner .investors-table-td-name { width: 100%; text-align: right; }
.investors-table-th > .investors-table-td:last-child, .investors-table-row-inner .investors-table-td-download { margin-right: auto; width: 130px; text-align: center; }

.investors-btn-text, .investors-table-th > .investors-table-td:last-child { font-family: montserrat; }
.investors-table-row-inner .investors-table-td-download .investors-btn-text { display: none; }
.investors-table-row-inner .investors-table-td-download .svg { width: 26px; height: 25px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewBox="0 0 26 25"><g transform="translate(-1182 -3076)"><g transform="translate(1182 3076)" fill="%23ffc828" stroke="%23ffc828" stroke-width="1"><rect width="26" height="25" rx="12.5" stroke="none"/><rect x="0.5" y="0.5" width="25" height="24" rx="12" fill="none"/></g><g transform="translate(623.167 2537)"><g transform="translate(567.153 545)"><path d="M1546.45,861.022l-2.367,2.217-2.368,2.217-2.367-2.217-2.367-2.217" transform="translate(-1536.982 -855.424)" fill="none" stroke="%23121212" stroke-miterlimit="10" stroke-width="1"/><line y1="10.032" transform="translate(4.735)" fill="none" stroke="%23121212" stroke-miterlimit="10" stroke-width="1"/></g><line x2="10.11" transform="translate(566.833 557.999)" fill="none" stroke="%23121212" stroke-width="1"/></g></g></svg>'); display: inline-flex; }

.investors-table-row-headline { display: none; }

@media(max-width: 767px) {
    .investors-table-row-inner { flex-flow: row wrap; }
    .investors-table-row-inner .investors-table-td-name { order: 1; width: 100%; }
    .investors-table-row-inner .investors-table-td-date, .investors-table-row-inner .investors-table-td-download { width: 50%; order: 2; display: inline-flex; margin: 0; }
    .investors-table-row-inner .investors-table-td-download { justify-content: flex-end; }
}


.catalog-lobby.side-filters-page #GridTop .top-caption { font-family: 'FbSpoilerBold',"Heebo"; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView #headline { width: 100%; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .catalogTextContainer { width: 80%; text-align: right; font-family: 'FbSpoilerBold'; font-size: 2.2rem; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList { width: 20%; margin: 0; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .categories-strip { display: none; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList { width: 80%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 55px 15px; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList::before,
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList::after { content: none }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox { width: calc(25% - 15px); padding: 0; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox .catalogItemBoxInner { border: 0; cursor: pointer; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .filter-list-item .filters-box .filters-list-wrapper { height: 0; transition: all 0.3s ease; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .filter-list-item .filters-box .filters-list-wrapper.active { height: auto; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList li.filter-list-item input[type="checkbox"] { accent-color: gray; }
button.openSubCategoriesBtn { border: 0; width: 5px; height: 10px; background-color: transparent; background-image: url(/warehouse/dynamic/424360.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform 0.35s ease; }
button.openSubCategoriesBtn.active { transform: scaleY(-1); }
.catalog-lobby.side-filters-page .catalogContainer.container { width: 1320px; padding: 0; margin: 0 auto; }
.catalog-lobby.side-filters-page .catalogContainer #CatalogModule { margin-top: 50px; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .filters-title { display: none; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .filters-list-wrapper li label,
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper ul label { font-size: 1.8rem; font-weight: normal; margin: 8px; color: #121212; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper ul li .filters-box.categoryGroup ul { padding-block: 0; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper ul li .filters-box.categoryGroup ul label { margin: 0; margin-bottom: 5px; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox .catalogItemBoxInner > a { pointer-events: none; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox .item-image { padding-bottom: 129%; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox .item-text { position: absolute; bottom: 25px; border: 0; }
.catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox .item-text h4 {display:none}
.download-btn-wrapper { position: absolute; bottom: -20px; }
.download-btn { display: inline-block; font-size: 2rem; text-align: center; line-height: 1.05; margin: 0; border: none; border-radius: 0; font-family: 'FbSpoilerBold'; background-color: #121212; position: relative; color: var(--primary-color); padding: 12px; min-width: 100px; transition: all 0.35s ease; }
.download-btn:hover { background: var(--primary-color); color: #121212; }

@media(max-width: 767px) {

    .catalog-lobby.side-filters-page .catalogContainer #CatalogModule { margin: 0; padding: 0 15px; }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView { justify-content: center; flex-direction: row-reverse; }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList { display: flex; align-items: center; justify-content: center; }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .mobileFiltersBtns {margin-block: 0px 30px; }
    .catalog-lobby .catalogItemBox .catalogItemBoxInner.hasQuantityLimit .item-text h3 { font-size: 1.2rem; }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList { width: 100%; padding: 0; margin: 0; gap: 35px 10px; }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .itemsList .catalogItemBox { width: calc(50% - 5px); }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper { }
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper ul { list-style: none; display: flex; justify-content: center; align-items: center; gap: 17px; padding:0}
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filters-list-wrapper ul label {margin-left:0;}
    .catalog-lobby.side-filters-page .catalogContainer.container #CatalogModule #CatalogView .filtersList .mobileFiltersBtns button.showFiltersBtn { color: transparent; background-color: var(--primary-color); background-image: url( /warehouse/dynamic/424409.svg); background-position: center; background-repeat: no-repeat; background-size: 50%; border-radius: 50%; width: 50px; height: 50px; }
    .download-btn { min-width: 74px; height: 25px; padding: 4px 0 0; bottom: 10px; font-size: 1.4rem; }

    .catalog-lobby.side-filters-page #headerCatalogSideFilter { background-color: #fff; width: 100vw; right: -100vw; padding:20px 25px}
    .catalog-lobby.side-filters-page #headerCatalogSideFilter.active {right: 0; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter .SideTitleWrapper { display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: space-between; gap: 42px; padding: 0; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter .SideTitleWrapper button { padding: 0; background-image: url( /warehouse/dynamic/424457.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 25px; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter .SideTitleWrapper button svg { display: none; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter .SideTitleWrapper h2.SideTitle { font-size: 2.2rem; line-height: 1.18; color: #121212; font-family: 'FbSpoilerBold'; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner { padding: 0; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list { padding-top: 18px; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup::after { content: none; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup button.filters-title::after { float: none; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup button.filters-title { font-size: 1.8rem; padding: 10px 0 0; background-color: transparent; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup { font-size: 1.6rem; font-family: 'FbSpoilerRegular'; line-height: 1.06; color: #121212; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup .filter-list { margin: 10px 0 0; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup .filter-list li { display: flex; align-items: flex-start; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup .filter-list label { font-weight: normal; margin-right: 5px; margin-bottom: 8px; }
    .catalog-lobby.side-filters-page #headerCatalogSideFilter #headerCatalogSideFilterInner .desktop-filters-list .filters-box.categoryGroup .filter-list input { margin-top: 0; }

}
.bim-page .sections .section { padding: 0 170px; margin-bottom:50px;}
.bim-page .sections .section.grid-gallery-section .content-section-Btn {margin-bottom:15px; font-size:2.7rem;}
.bim-page .grid-gallery-section .gallery-cubes { display: flex; justify-content: center; align-items: center; }
.bim-page .grid-gallery-section .gallery-cubes >div{ width:33.33%; }
.bim-page .owl-carousel .owl-stage-outer { direction: ltr }
.bim-page .owl-carousel .owl-item .boxes-images-outer-image { background-size: 100% !important; background-repeat: no-repeat; }
.bim-page .owl-carousel .owl-item > div { width: 100%; /*margin-inline: 10px;*/ }
.bim-page .owl-carousel .owl-item .image-link-container { position: relative; opacity: 1; min-height: 86px; display: flex; align-items: center; }
.bim-page .owl-carousel .owl-item .gallery-cubes .image-link-outer { padding:0 }
.bim-page .owl-carousel .owl-item .image-link-container .image-link-inner { display: none; }
.bim-page .owl-carousel .owl-item .image-link-container h4 { margin: 0; display: block; color: #231f20 }

.bim-page .grid-gallery-section .gallery-cubes .owl-nav > div { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; }
.bim-page .grid-gallery-section .gallery-cubes .owl-nav > div::after { background-image: url(/warehouse/temp/ytong/arrow-right-boxed.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; transition:all 0.35s ease;}
.bim-page .grid-gallery-section .gallery-cubes .owl-nav > div:hover:after { background-image: url(/warehouse/temp/ytong/arrow-right-boxed-hover.svg); }
.bim-page .grid-gallery-section .gallery-cubes .owl-nav .owl-prev { right: -50px; }
.bim-page .grid-gallery-section .gallery-cubes .owl-nav .owl-next { left: -50px; }
.bim-page .grid-gallery-section .gallery-cubes .owl-nav > div.owl-next::after { transform: scaleX(-1); }

@media(max-width: 767px) {
    .bim-page #lobbyview {margin:0;}
    .bim-page .sections .section { padding: 0 50px; }
    .bim-page .grid-gallery-section .gallery-cubes >div{ width:100%; }
    .bim-page .owl-carousel .owl-item .image-link-container {min-height:50px;}

    .bim-page .grid-gallery-section .gallery-cubes .owl-nav .owl-prev { right: -45px; }
    .bim-page .grid-gallery-section .gallery-cubes .owl-nav .owl-next { left: -45px; }
}