/* Teralight new */


:root { --yellow: #f0b000; --blue: #00aed1; --light-bg: #f5fcfd; --almoni-tzar-bold: 'Almoni-Tzar-Dl4-AAA-Bold'; --almoni-regular: 'almoni-neue-aaa-400-new'; --almoni-regular-bold: 'almoni-neue-aaa-700'; }

/* General */
body { line-height: 1; color: #000; font-size: 20px; background: #fff; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--almoni-tzar-bold); color: var(--blue); font-size: 350%; position: relative; display: inline-block; max-width: 100%; }
h3, .grid-rows .grid-row-text h3 { font-size: 120%; position: relative; color: #1c1c1c; }
p { font-size: 100%; color: #000; }
#lobbyText h3 { font-family: var(--almoni-regular); font-weight: 800; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
#GridTop, #GridTop.blog { height: 564px; }
#GridTop::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 100%; background-image: url(/warehouse/temp/teralight-new/white-half-1920.svg); background-repeat: no-repeat; background-size: 100%; pointer-events: none; background-size: contain; background-position: bottom; }
.top-caption { font-size: 100%; top: 71%; }
.top-caption h1 { font-size: 245%; color: #fff; font-family: var(--almoni-tzar-bold); max-width: 180px; line-height: 0.82; text-align: center; }
#GridTop::before { position: absolute; content: ''; bottom: 0px; left: 50%; transform: translateX(-50%); width: 291px; height: 260px; background-repeat: no-repeat; background-image: url(/warehouse/temp/teralight-new/shemesh.svg); background-size: 100%; z-index: 1; }
.grid-rows .grid-row { background: var(--light-bg); }
.grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.FormResultPage #GridPage { }
.FormResultPage .continuousFooter { display: none; }
.FormResultPage #pageview { padding: 20px 0 60px; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 50px auto; }
.accessabilityMainPage #pageview h2 { font-size: 175%; }
#whatAppButton a { background: #f0b000; padding: 0; border-radius: 50%; padding: 0; border-radius: 100px; display: flex; height: 62px; z-index: 900; width: 62px; justify-content: center; align-items: center; }
.stickyButton { bottom: 100px; }
.stickyButton a { border-radius: 100px; background: #00aed1; display: block; height: 62px; z-index: 900; -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.3s cubic-bezier(.3,0,.5,1) .2s; width: 62px; }
.stickyButton a img { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; }
.stickyButton a span { color: #fff; display: inline-block; position: absolute; font-size: 110%; opacity: 0; overflow: hidden; transition: 0.4s all; width: 0; font-family: var(--almoni-tzar-bold); top: 50%; transform: translateY(-50%); right: 30px; }
.stickyButton#stickyButton-2609 { bottom: 170px; }
.stickyButton#stickyButton-2609 a { background: #154f92; justify-content: center; }
.stickyButton#stickyButton-2609 a img { left: 7px; }

.CurrentCategoryLocked { display: flex; justify-content: center; align-items: center; }
.CurrentCategoryLockedInner { position: relative; left: unset; top: unset; transform: unset; }
.CurrentCategoryLockedInner > img { width: 105vw; position: fixed; left: 50%; transform: translate(-50%,-50%); top: 50%; height: 105vh; object-fit: cover; filter: brightness(0.8); }

form#categoryPasswordLogin { display: none; }

@media(max-width: 1024px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; white-space: unset; }
}

@media(min-width: 1024px) {
    .stickyButton a:hover { transition: all 0.3s; width: 164px; }
    .stickyButton a:hover span { opacity: 1; transition: width 0.4s,opacity 0.8s; width: auto; }
}

@media(max-width: 767px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; }
    h3, .grid-rows .grid-row-text h3 { font-size: 80%; white-space: unset; }
    p { font-size: 80%; }
    #lobbyText h3 { font-size: 110%; }
    .top-caption { top: 80%; }
    #whatAppButton { bottom: 25px; left: 15px; }
    #whatAppButton a { height: 48px; width: 48px; }
    #whatAppButton a img { max-width: 30px; }
    .stickyButton { bottom: 25px; right: 15px; left: unset; }
    .stickyButton a { height: 48px; width: 48px; }
    .stickyButton a img { max-width: 26px; left: 11px; }
    .stickyButton#stickyButton-2505 { left: 15px; right: auto; bottom: 80px; }
    .stickyButton#stickyButton-2609 { bottom: 25px; }
    .stickyButton#stickyButton-2609 a img { left: 10px; }
}

@media(max-width: 767px) {
}

/* Header */
#header2, #header2.bg, .home-page #header2:not(.bg) { background: #fff; padding: 14px 30px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 20%); }
#header2 #header-left { padding: 0; width: auto; display: inline-flex; margin: 0; }
#header2 #header-left img, #header2.bg #header-left img { max-width: unset; }
#header2 #header-right { padding: 0; }
#header2 #header-center-kdm, #header2.bg #header-center-kdm { padding: 0; }
#header2 ul.menu li[data-cat-mod="Blog"] + li[data-cat-mod="Lobby"], #header2 ul.menu li[data-cat-mod="External"] { display: none; }
#header2 ul.menu li { font-family: var(--almoni-tzar-bold); color: #000; font-size: 110%; transition: 0.4s all; }
#header2 ul.menu > li a { white-space: nowrap; outline: none !important; border: none !important; }
#header2 ul.menu li.active, #header2 ul.menu li:hover { color: var(--blue); }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu { margin: 0; }
#header2 .menu-nav { margin: 0; display: inline-flex !important; align-items: center; }
.searchBtn svg { fill: var(--blue); }
#header2 #header-container { display: flex; }
#header2 .mobile-middle-kdm { width: 10%; display: inline-flex !important; align-items: center; flex-direction: row-reverse; justify-content: flex-end; margin: 0; }
#header2 .mobile-middle-kdm .languages { font-family: var(--almoni-tzar-bold); }
#header2 .header-right-section { flex-grow: 1; display: inline-flex; justify-content: flex-end; align-items: center; }
.commercial-systems .categories-strip { display: none; }
#header2 ul.menu .menu-sub { background: #fff; padding: 12px; right: -12px; }
#header2 ul.menu .menu-sub.open { display: flex !important; flex-direction: column; }
#header2 ul.menu .menu-sub li { color: #000; font-size: 80%; }
#header2 ul.menu .menu-sub li a { padding: 0; border: none !important; outline: none !important; }
#header2 ul.menu .menu-sub li.active, #header2 ul.menu .menu-sub li:hover { color: var(--blue); }
#header2 li.has-sub i.opensub { font-size: 90%; transition: 0.15s all; cursor: pointer; }
#header2 .header-top-right a.lang { font-size: 100%; }
#header2 ul.menu > li.open i.opensub.fa.fa-angle-down { transform: translateY(-1px) scale(-1); }
header #header2 #searchFormHeaderContainer form#searchFormHeader { background: #fff; }
header.search-open #header2 .searchSubmitWrapper svg { fill: #00aed1; }
#header2 input#searchFormInput { border-bottom: 2px solid #00aed1; color: #000; }
header.search-open #header2 .searchBtn svg { fill: #000; }
header.search-open #header2, .home-page header.search-open #header2:not(.bg) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

@media(min-width: 1024px) and (max-width: 1550px) {
    #header2 ul.menu .menu-sub li { font-size: 90%; }
}

@media(min-width: 1024px) {
    header.search-open form#searchFormHeader { color: var(--blue); }
    #searchFormHeader .error { display: block; right: 0; left: unset; color: #000; }
    .searchSubmitWrapper { display: flex; left: 5px; top: 50%; transform: translateY(-50%); }
    .searchSubmitWrapper input#searchFormSubmit { width: 30px; height: 30px; }
    header.search-open .searchSubmitWrapper svg { fill: var(--blue); width: 25px; padding: 0; }
    header.search-open .searchBtn { right: 150px; }
    header.search-open .searchBtn svg.close-search { fill: #000; }

    #header2 .header-top-right { display: flex; flex-direction: row-reverse; align-items: center; }
    #header2 .header-top-right .header-top-left { display: none; }
    #header2 .header-top-right .address { color: #000; }
}

@media(max-width: 1024px) {
    #header2, #header2.bg, .home-page #header2:not(.bg) { padding: 8px 15px; transition: 0.7s all; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 #header-container { display: flex; justify-content: space-between; }
    #header2 ul.menu { min-height: 100%; background: #fff; position: fixed; text-align: right; width: calc(var(--vw) - 90px); height: 100%; top: 0px; left: 0; bottom: 0px; right: 0; overflow-y: auto; padding: 70px 65px 60px; transform: translateX(100%); display: block !important; transition: 0.4s all ease; }
    #header2.open ul.menu { transform: translateX(0); box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 20%); }
    #header2 .mobile-middle-kdm { width: auto !important; order: 3; }
    #header2 .mobile-middle-kdm > .searchBtn { display: none; }
    #header2 .header-right-section { width: fit-content; padding: 0; max-width: 56px; order: 1; background: transparent; }
    #header2.headerHasSearch.open .searchMobile { display: inline-block; }
    #header2 ul.menu > li { margin: 0; padding: 10px 0; }
    #header2 ul.menu .menu-sub { padding: 12px 0 0 0; text-align: right; right: 0; }
    #header2 ul.menu li[data-cat-mod="Blog"], #header2 ul.menu li[data-cat-mod="Blog"] + li[data-cat-mod="Lobby"], #header2 ul.menu li[data-cat-mod="External"] { display: inherit; }
    #header2 ul.menu > li.has-sub.open { padding-bottom: 0; }
    #nav-toggle span { width: 25px; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #00aed1; height: 2px; border-radius: 50px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { width: 16px; bottom: -7px; }
    #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { width: 20px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { width: 20px; top: -7px; }
    #header2 #header-left { order: 2; }
}

@media(max-width: 767px) {
    #header2 .languages { left: 0; display: inline-flex; position: relative; margin: 0; align-items: center; }
    #header2 .header-top-right .languages::before { content: ''; display: inline-flex; width: 1px; height: 25px; background: #e8e8e8; margin-inline: 7px; align-items: center; }
    #header2 .header-top-right a.lang { margin-right: 0; font-size: 100%; padding: 0; }
}

/* Home Gallery */
#home-gallery { overflow: visible; }
#home-gallery .gallery-caption { left: unset; transform: none; right: 135px; }
#home-gallery .gallery-caption .gallery-text { font-family: var(--almoni-tzar-bold); text-align: right; font-size: 100%; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { background: var(--yellow); font-size: 90%; border-radius: 23px; color: #000; letter-spacing: 0.36px; width: 220px; height: 45px; display: flex; margin: 25px 0 0 auto; align-items: center; justify-content: center; padding-left: 55px; white-space: nowrap; position: relative; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover { background: var(--yellow); color: #000; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after { content: ''; position: absolute; right: 168px; top: 50%; transform: translateY(-50%); width: 33px; height: 21px; background-image: url(/warehouse/temp/teralight-new/arrow-button-left.svg); background-size: 100%; transition: 0.3s all; background-repeat: no-repeat; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover::after { right: 178px; }
#home-gallery .gallery-caption .gallery-text div, #home-gallery .gallery-caption .gallery-text span { font-size: 450%; }
#home-gallery #TopVideo { height: calc(var(--vh)) !important; /* height: 100vh !important; */ overflow: hidden; position: relative; }
#home-gallery .scroll-down { width: 170px; height: 120px; bottom: -75px; animation: none !important; left: 50%; transform: translateX(-50%); margin: 0 auto; }
#home-gallery .scroll-down-inner { background-image: url(/warehouse/temp/teralight-new/scroll-sun-element.svg); background-repeat: no-repeat; height: 100%; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; display: block; }
#home-gallery .scroll-down .scroll-down-logo { top: 0px; left: 50%; transform: translateX(-50%); position: absolute; overflow: hidden; height: 85px; width: 65px; border-radius: 100%; pointer-events: none; }
#home-gallery .scroll-down .scroll-down-logo::after { background-image: url(/warehouse/temp/teralight-new/scroll-arrow.svg); background-repeat: no-repeat; background-position: center; height: 70px; background-size: 100%; content: ''; position: absolute; width: 28px; top: 0; left: 16px; animation: move 4s infinite; }
#home-gallery #player-controls #mute-player, #home-gallery #player-controls #unmute-player, #home-gallery #player-controls > span { display: none; }

@keyframes move {
    0% { transform: translate3d(0, -100%, 0) }
    50% { transform: translate3d(0, 10%, 0) }
    100% { transform: translate3d(0, 100%, 0) }
}

@keyframes moveMobile {
    0% { transform: translate3d(0, -100%, 0) }
    50% { transform: translate3d(0, 0%, 0) }
    100% { transform: translate3d(0, 100%, 0) }
}

@media(max-width: 767px) {
    #home-gallery .gallery-caption { right: unset; width: 100%; }
    #home-gallery .gallery-caption .gallery-text { text-align: center; }
    #home-gallery .gallery-caption .gallery-text div, #home-gallery .gallery-caption .gallery-text span { font-size: 300%; line-height: 0.8; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { margin: 20px auto; width: 200px; height: 40px; padding-left: 50px; font-size: 80%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after { width: 30px; right: 157px; height: 18px; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover::after { right: 164px; }
    #home-gallery .scroll-down { width: 110px; height: 80px; bottom: -50px; }
    #home-gallery .scroll-down-inner { background-size: 100%; }
    #home-gallery .scroll-down .scroll-down-logo { height: 60px; width: 31px; }
    #home-gallery .scroll-down .scroll-down-logo::after { height: 55px; width: 20px; background-size: 100%; left: 5px; animation: moveMobile 4s infinite; }
    #home-gallery .TopVideo { overflow: hidden; position: relative; }

    #home-gallery .TopVideo video#mainVideo { top: -10%; width: 400vw !important; }
}

/* Home Solar Tech Section */
.solar-tech { margin: 0; padding: 140px 0 30px; }
.solar-tech, .numbers { background: var(--light-bg); margin: 0; max-width: unset; }
.solar-tech h1 { line-height: 0.7; }
.solar-tech .grid-text { max-width: 850px; margin: 0 auto; }
.solar-tech .grid-text-content { padding: 0; width: 100%; }
.solar-tech .grid-text-content p { margin-top: 30px; line-height: 1.4; letter-spacing: 0.4px; }

@media(max-width: 767px) {
    .solar-tech { padding: 75px 15px 30px; }
    .solar-tech .section-title { margin-bottom: 0; }
    .solar-tech .grid-text-content p:first-child { margin-top: 10px; }
    .solar-tech .grid-text-content p { line-height: 1.25; letter-spacing: 0.32px; }
}

/* Running Numbers Section */
.grid-content-section.numbers { padding: 20px 0 125px; }
.numbers .grid-boxes { margin: 0 auto; max-width: 1204px; display: flex; justify-content: center; overflow: visible; }
.numbers .grid-boxes .grid-box { display: inline-flex; flex-direction: column; align-items: center; padding: 30px 0 25px; margin: 13px; border-radius: 30px; background: #fff; width: 25%; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); }
.numbers .grid-boxes .grid-box .grid-box-inner { display: flex; flex-direction: column; align-items: center; }
.numbers .grid-boxes .grid-box .grid-box-image-container { pointer-events: none; }
.numbers .grid-boxes .grid-box-image { max-width: 72px; margin-bottom: 10px; }
.numbers .grid-boxes .grid-box .grid-box-title h3 a { color: var(--blue); }
.numbers .grid-boxes .grid-box .grid-box-title h3 { font-size: 270%; font-family: var(--almoni-regular); font-weight: 800; margin: 0; line-height: 1; }
.numbers .grid-boxes .grid-box .grid-box-subtitle { font-size: 140%; }
#LobbyModule .running-numbers .grid-box { opacity: 1; }
.running-numbers .grid-box .grid-box-title { font-size: 270%; color: var(--blue); font-family: var(--almoni-regular); font-weight: 800; }
.running-numbers .grid-box .grid-box-title span { display: flex; }

@media(max-width: 767px) {
    .grid-content-section.numbers { padding: 0px 0px 40px; width: 100%; }
    .numbers .grid-boxes { display: flex; flex-wrap: wrap; align-items: center; padding: 0 6px; }
    .numbers .grid-boxes .grid-box { width: 45%; padding: 20px 0 15px; margin: 11px 7px; border-radius: 20px; }
    .numbers .grid-boxes .grid-box-image { max-width: 42px; }
    .running-numbers .grid-box .grid-box-title { font-size: 150%; }
    .numbers .grid-boxes .grid-box .grid-box-subtitle { font-size: 75%; }
}

/* Our Solutions Section */
.our-solutions { padding: 80px 0 70px; margin: 0; }
.our-solutions h2::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.our-solutions .grid-text { max-width: 850px; margin: 0 auto; }
.our-solutions .grid-text .grid-text-content { padding: 0; width: 100%; }
.our-solutions .grid-text .grid-text-content p { line-height: 1.4; letter-spacing: 0.4px; margin-top: 20px; }
.grid-content-section.solutions-cubes { padding: 0; margin: 0 auto; max-width: unset; }
.grid-content-section.solutions-cubes .grid-box { padding: 0; transition: 0.5s all; margin: 0; }
.grid-content-section.solutions-cubes .grid-box a.circle { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background: #f0b000; border-radius: 100px; width: 50px; height: 50px; content: ''; cursor: pointer; }
.grid-content-section.solutions-cubes .grid-box a.circle::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 14px; background-image: url(/warehouse/temp/teralight-new/arrow-R.svg); height: 18px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
/*.grid-content-section.solutions-cubes .grid-box::after { position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); background: #f0b000; border-radius: 100px; width: 50px; height: 50px; content: ''; cursor: pointer; }*/


.grid-content-section.solutions-cubes .grid-box img { width: 25vw; position: absolute; left: 50%; transform: translateX(-50%); }
.grid-content-section.solutions-cubes .grid-box .box-image-animation { height: 31.8vw; }
.grid-content-section.solutions-cubes .grid-box .grid-box-title { position: absolute; bottom: 35px; width: 100%; text-align: center; right: 0; padding: 0 10px; }
.grid-content-section.solutions-cubes .grid-box .grid-box-title h3 { font-size: 190%; margin: 0 auto; font-family: var(--almoni-tzar-bold); line-height: 0.84; max-width: 200px; }
.grid-content-section.solutions-cubes .grid-box .grid-box-title h3 a { color: #fff; }
.grid-content-section.solutions-cubes .grid-box .grid-box-image { margin: 0; }
.grid-content-section.solutions-cubes .grid-box .grid-box-image::after { background: linear-gradient(360deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 120px; z-index: 0; pointer-events: none; }
.grid-content-section.solutions-cubes .grid-box:hover { width: 25vw; }
.grid-content-section.solutions-cubes .grid-boxes.row { display: flex; margin: 0; width: 100%; padding: 0; justify-content: center; padding-bottom: 25px; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .grid-content-section.solutions-cubes .grid-box { width: calc(20vw * 1.25); }
    .grid-content-section.solutions-cubes .grid-box:hover { width: calc(25vw * 1.25) }
    .grid-content-section.solutions-cubes .grid-box img { width: calc(25vw * 1.25) }
}

@media(max-width: 767px) {
    .our-solutions { padding: 65px 20px 20px; }
    .our-solutions .section-title { margin-bottom: 0; }
    .our-solutions .section-title h2::after { top: -35px; height: 42px; width: 105px; }
    .our-solutions .grid-text .grid-text-content p { margin-top: 0; line-height: 1.25; letter-spacing: 0.32px; }
    .grid-content-section.solutions-cubes .grid-boxes.row { display: block; padding: 0 15px; }
    .grid-content-section.solutions-cubes .grid-box .box-image-animation { height: 100%; }
    .grid-content-section.solutions-cubes .grid-box img { position: relative; left: unset; transform: none; width: 100%; }
    .grid-content-section.solutions-cubes .grid-box:hover { width: 20%; }
    .grid-content-section.solutions-cubes .grid-box .grid-box-title { bottom: 35px; }
    .grid-content-section.solutions-cubes .grid-box { display: inline-block; overflow: visible; margin-bottom: 40px; }
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-prev.slick-arrow,
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-next.slick-arrow { position: absolute; left: 0; top: 46%; transform: translateY(-50%); z-index: 2; border: 0; width: 32px; height: 48px; padding: 0; background: transparent; }
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-prev.slick-arrow .prev-arrow,
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-next.slick-arrow .next-arrow { background-image: url(/warehouse/temp/teralight-new/arrow-left-mob.svg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: -10px; pointer-events: none; }
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-next.slick-arrow .next-arrow { background-image: url(/warehouse/temp/teralight-new/arrow-right-mob.svg); left: -10px; right: unset; }
    .grid-content-section.solutions-cubes .grid-boxes.row .slick-next.slick-arrow { right: 0; left: unset; }
    .grid-content-section.solutions-cubes .grid-box .grid-box-title h3 { max-width: unset; font-size: 175%; }
}

/* Running Text */
.home__dynamicText.grid-text-section { font-size: 1000%; overflow: hidden; font-family: var(--almoni-tzar-bold); padding: 0; }
.home__dynamicText strong { font-family: inherit; -webkit-text-fill-color: #26323c; }
.home__dynamicText .grid-text .grid-text-content { width: 100%; padding: 0; }
.home__dynamicText p { white-space: nowrap; line-height: 0.85; position: relative; transition: 1s ease-out; }
.home__dynamicText p:first-child { left: -1000px; color: var(--blue); }
.home__dynamicText p:last-child { right: -1000px; margin-top: 0%; color: var(--yellow); }
.home__dynamicText.grid-text-section.mobile-dynamic { display: none; }

@media(min-width: 1024px) and (max-width: 1500px) {
    .home__dynamicText.grid-text-section { font-size: 700%; }
}

@media(max-width: 767px) {
    .home__dynamicText.grid-text-section { display: none; }
    .home__dynamicText.grid-text-section.mobile-dynamic { display: block; font-size: 255%; padding: 15px 0 40px; margin-bottom: 0px; }
    .home__dynamicText.mobile-dynamic p:nth-child(even) { color: var(--blue); }
    .home__dynamicText.mobile-dynamic p { color: var(--yellow); }
    .home__dynamicText p:last-child { right: unset; }
    .home__dynamicText.mobile-dynamic p a { color: var(--blue); }
}

/* Selected Projects Section */
.projects-carousel { padding: 0; background-color: var(--light-bg); margin: 0; z-index: 0; }
.projects-carousel::after { content: ''; position: absolute; right: 0; top: 0; width: 50%; z-index: -1; background: #e8eff0; height: 100%; pointer-events: none; }
.projects-carousel .grid-rows .grid-row::after { content: ''; position: absolute; right: 0; top: 0; width: 50%; z-index: 0; background: #e8eff0; height: 100%; pointer-events: none; }
.projects-carousel .grid-row-cell.flexslider-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 490px; z-index: 5; }
.projects-carousel .grid-row-cell.flexslider-box ul.slides { height: 100%; }
.projects-carousel .grid-row-cell.flexslider-box li.slider-item { padding-bottom: 0; height: 100%; overflow: visible; }
.projects-carousel .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }
.projects-carousel .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container .box-image-animation { display: inline-flex; overflow: visible; align-items: center; height: auto; }
.projects-carousel .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container .box-image-animation::after { content: ''; position: absolute; left: -40px; top: -40px; width: 490px; height: 490px; background-repeat: no-repeat; background-image: url(/warehouse/temp/teralight-new/circle-dots.svg); background-size: 100%; }
.projects-carousel .grid-row-cell.flexslider-box img { height: 412px; max-width: 410px; border-radius: 100%; object-fit: cover; }
.projects-carousel .grid-row-cell-text { width: 100%; padding: 200px 150px 240px 0px; text-align: right; z-index: 3; }
.projects-carousel .grid-row-cell-text .section-title { margin-bottom: 30px; }
.projects-carousel .grid-row-cell-text .section-title h2 { color: #1c1c1c; }
.projects-carousel .grid-row-cell-text .grid-row-text { width: 100%; padding: 0; max-width: 370px; display: inline-flex; flex-direction: column; }
.projects-carousel .grid-row-text .grid-row-subtext { order: 2; }
.projects-carousel .grid-row-cell-text .grid-row-text h2 { font-size: 150%; font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; order: 1; }
.projects-carousel .grid-row-cell-text .grid-row-text h3 { order: 2; }
.projects-carousel .grid-row-cell-text .grid-row-text p { color: #1c1c1c; font-size: 80%; line-height: 1.5; letter-spacing: 0.32px; order: 4; }
.projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button { cursor: unset; border: none; color: #1c1c1c; padding: 0 65px 0 0; margin: 30px 0 40px; font-size: 130%; font-family: var(--almoni-regular); font-weight: 800; letter-spacing: 0.52px; pointer-events: none; order: 3; position: relative; }
.projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button::after { background-image: url(/warehouse/temp/teralight-new/KW-icon.svg); content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; }
.projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button:focus { pointer-events: none; border: none; color: #1c1c1c; }
.projects-carousel ul.slick-dots { list-style: none; margin: 0; width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; }
.projects-carousel ul.slick-dots li { border-radius: 100%; position: absolute; transform: translateY(-50%); }
.projects-carousel ul.slick-dots li:nth-child(1) { left: 37%; top: 13%; }
.projects-carousel ul.slick-dots li:nth-child(2) { left: 30%; top: 30%; }
.projects-carousel ul.slick-dots li:nth-child(3) { left: 26%; top: 50%; }
.projects-carousel ul.slick-dots li:nth-child(4) { left: 30%; top: 70%; }
.projects-carousel ul.slick-dots li:nth-child(5) { left: 37%; top: 87%; }
.projects-carousel ul.slick-dots li button { width: 74px; height: 74px; border-radius: 100%; border: none; background: #ffffff; box-shadow: 0 15px 30px 0 rgb(0 17 62 / 15%); font-size: 200%; color: #1d1d1d; font-family: var(--almoni-tzar-bold); transition: 0.5s all; padding: 0; }
.projects-carousel ul.slick-dots li.slick-active button, .projects-carousel ul.slick-dots li:hover button { background: #f0b000; }
.projects-carousel .grid-rows.slick-slider .slick-list { max-width: 1920px; margin: 0 auto; }

@media(min-width: 1180px) {
    .projects-carousel .grid-rows .grid-row { direction: rtl !important; padding: 0; }
    .projects-carousel .grid-rows .grid-row { height: 777px; }
}

@media(min-width: 1024px) and (max-width: 1500px) {
    .projects-carousel .grid-row-cell.flexslider-box img { height: 372px; max-width: 370px; }
    .projects-carousel .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container .box-image-animation::after { height: 442px; max-width: 442px; top: -35px; left: -35px; }
    .projects-carousel .grid-row-cell-text { padding: 200px 100px 240px 0px; }
    .projects-carousel ul.slick-dots li:nth-child(2), .projects-carousel ul.slick-dots li:nth-child(4) { left: 28%; }
    .projects-carousel ul.slick-dots li:nth-child(3) { left: 23%; }
}

@media(max-width: 767px) {
    .projects-carousel { padding: 40px 0 0px; }
    .projects-carousel::after { display: none; }
    .projects-carousel .section-title { margin-bottom: 0; }
    .projects-carousel .section-title h2 { color: #1c1c1c; }
    .projects-carousel .grid-rows .grid-row::after { width: 100%; height: 75%; top: unset; bottom: 0; }
    .projects-carousel .grid-row-cell.flexslider-box { position: relative; top: unset; left: unset; transform: none; height: auto; padding-top: 40px; }
    .projects-carousel .grid-row-cell.flexslider-box img { height: 232px; max-width: 232px; }
    .projects-carousel .grid-row-cell.flexslider-box li.slider-item .grid-row-image-container .box-image-animation::after { width: 272px; height: 272px; left: -20px; top: -20px; }
    .projects-carousel .grid-rows .grid-row { padding-bottom: 60px; }
    .projects-carousel .grid-row-cell-text { padding: 10px 50px 40px; }
    .projects-carousel .grid-row-cell-text .grid-row-text { text-align: center; display: inline-flex; align-items: center; }
    .projects-carousel .grid-row-cell-text .grid-row-text h2 { font-size: 125%; }
    .projects-carousel .grid-row-text .grid-row-subtext { display: flex; padding: 0px 0 10px; }
    .projects-carousel .grid-row-text .grid-row-subtext h3 { margin: 0; font-size: 100%; }
    .projects-carousel .grid-row-text .grid-row-subtext a.grid-row-button { padding: 0; margin: 0 40px 0 0; font-size: 100%; }
    .projects-carousel .grid-row-text .grid-row-subtext a.grid-row-button::after { right: -30px; width: 24px; height: 24px; }
    .projects-carousel .grid-row-cell-text .grid-row-text p { line-height: 1.25; letter-spacing: 0.32px; }
    .projects-carousel ul.slick-dots { position: absolute; bottom: 50px; display: flex !important; gap: 10px; height: auto; left: 50%; transform: translateX(-50%); padding: 0; justify-content: center; flex-direction: row-reverse; }
    .projects-carousel ul.slick-dots li { top: unset !important; bottom: 0; position: relative; transform: none; left: unset !important; }
    .projects-carousel ul.slick-dots li button { width: 30px; height: 30px; font-size: 80%; box-shadow: 0 10px 20px 0 rgb(0 17 62 / 15%); }
}

/* Commercial Systems Lobby */
.systems-lobby .gallery-cubes { margin: 50px auto 100px; display: flex; align-items: center; justify-content: center; max-width: 900px; }
.systems-lobby .gallery-cubes > div { width: 50%; padding: 0 15px; }
.systems-lobby .gallery-cubes > div a { overflow: unset; }
.systems-lobby .gallery-cubes > div a::after { background: linear-gradient(360deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 120px; z-index: 0; pointer-events: none; }
.systems-lobby .gallery-cubes > div a .image-link-container { top: unset; height: unset; opacity: 1; bottom: 30px; }
.systems-lobby .gallery-cubes > div a:hover .image-link-container { background: transparent; }
.systems-lobby .gallery-cubes > div a .image-link-container .image-link-outer { padding: 0; color: #fff; width: 100%; margin: 0; }
.systems-lobby .gallery-cubes > div a .image-link-container .image-link-outer h4 { color: inherit; font-size: 190%; font-family: var(--almoni-tzar-bold); margin: 0; display: inline-block; }

@media(max-width: 767px) {
    .systems-lobby .gallery-cubes { margin: 0 auto 30px; flex-direction: column; }
    .systems-lobby .gallery-cubes > div { width: 95%; padding: 15px 0; }
    .systems-lobby .gallery-cubes > div a { padding-bottom: 70%; }
    .systems-lobby .gallery-cubes > div a .image-link-container { bottom: 15px; }
    .systems-lobby .gallery-cubes > div a .image-link-container .image-link-outer h4 { font-size: 175%; }
}

/* Commercial Systems Pages */
.lobby-grid #GridPage .max-width { padding: 0; max-width: 100%; width: 100%; }
.commercial-systems #lobbyview { max-width: 865px; margin: 0 auto; }
.commercial-systems #lobbyview h2 { font-size: 120%; font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; letter-spacing: 0.48px; margin-bottom: 20px; white-space: nowrap; }
.commercial-systems #lobbyview #lobbyText { text-align: right; }
.commercial-systems #lobbyview #lobbyText p, .commercial-systems #lobbyview #lobbyText li { line-height: 1.4; letter-spacing: 0.4px; }
.commercial-systems .grid-rows .grid-row { background: #e8eff0; }
.commercial-systems .grid-rows .grid-row .grid-row-text { width: 100%; max-width: 630px; padding: 20px 15px 30px; margin: 0; }
.commercial-systems .grid-rows .grid-row .grid-row-text h2 { font-size: 120%; font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; letter-spacing: 0.48px; margin-bottom: 20px; }
.commercial-systems .grid-rows .grid-row .grid-row-text p { line-height: 1.4; letter-spacing: 0.4px; }
.commercial-systems .grid-row-section { margin: 0; padding: 0; }

.commercial-systems .job-processes { margin: 0; padding: 120px 0 20px; background-color: #f4fcfe; }
.commercial-systems .job-processes::after { position: absolute; content: ''; bottom: 0; height: 20px; width: 100%; left: 0; background-color: #f4fcfe; }
.commercial-systems .job-processes .section-title h2::After { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.commercial-systems .job-processes .grid-text { display: flex; flex-wrap: wrap; justify-content: center; }
.commercial-systems .job-processes .grid-text .gridTextImgContainer { order: 2; max-width: 1255px; padding: 30px 0 60px; position: relative; }
.commercial-systems .job-processes .grid-text-content { position: relative; top: unset; left: unset; transform: none; width: 100%; padding: 0; order: 1; }
.commercial-systems .job-processes .grid-text-content h2 { font-size: 120%; color: #1c1c1c; font-family: var(--almoni-regular); }

.commercial-systems .selected-projects { max-width: unset; padding: 90px 50px 0; margin-bottom: 60px; }
.commercial-systems .selected-projects .section-title { margin-bottom: 25px; }
.commercial-systems .selected-projects .section-title h2::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes { position: relative; width: 1336px; margin: 0 auto; padding: 0 88px; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-prev.slick-arrow,
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-next.slick-arrow { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 2; border: 0; width: 75px; height: 55px; padding: 0; display: flex !important; background: transparent; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-prev.slick-arrow .prev-arrow,
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-next.slick-arrow .next-arrow { background-image: url(/warehouse/temp/teralight-new/arrow-gallery-l.svg); width: 75px; height: 55px; background-size: 100%; background-repeat: no-repeat; background-position: center; display: block; pointer-events: none; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-next.slick-arrow .next-arrow { background-image: url(/warehouse/temp/teralight-new/arrow-gallery-r.svg); }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .slick-next.slick-arrow { right: 10px; left: unset; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box { margin: 0; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-image { margin: 0; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-image::after { background: linear-gradient(360deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 120px; z-index: 0; pointer-events: none; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-image .box-image-animation:hover img { transform: none; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text { position: absolute; right: 0px; bottom: 30px; padding: 0 60px; display: flex; flex-direction: column; text-align: right; transition: all 0.6s; transition-delay: 0.3s; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box-title { padding-bottom: 0px; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box-title h3 { width: 100%; font-family: var(--almoni-tzar-bold); pointer-events: none; font-size: 240%; margin: 0; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box-title h3 a { color: #fff; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text .grid-box-subtext { position: relative; top: unset; left: unset; transform: none; font-size: 100%; max-width: 330px; overflow: hidden; transition: height 0.6s 0.15s; height: 0px; margin-top: 5px; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text .grid-box-subtext .grid-box-subtitle { color: #fff; font-size: 120%; padding-bottom: 10px; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text .grid-box-subtext .grid-box-fulltext p { color: #fff; font-size: 120%; }
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box:hover .grid-box-text .grid-box-subtext { height: 65px; transition: height 0.6s; }

@media(min-width: 1024px) and (max-width: 1500px) {
    .commercial-systems .grid-rows .grid-row-cell-text { padding: 50px 0; }
}

@media (min-width: 1024px) {
    .commercial-systems .selected-projects { margin-bottom: 140px; }
}

@media (max-width:1024px) and (min-width:768px) {
    .commercial-systems #lobbyview #lobbyText { padding: 0 15px; }
}

@media (max-width: 767px) {
    .commercial-systems .selected-projects { padding: 70px 0 0; margin-bottom: 0; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes { width: 100%; padding: 0 10px 20px; display: flex; scroll-snap-type: x mandatory; overflow-x: scroll; scroll-behavior: smooth; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box { width: 60%; flex-shrink: 0; scroll-snap-align: center; padding: 0 7px; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box-title h3 { font-size: 125%; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text { bottom: 15px; padding: 0 25px; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text .grid-box-subtext .grid-box-subtitle { font-size: 80%; padding-bottom: 5px; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text .grid-box-subtext .grid-box-fulltext p { font-size: 80%; }
    .commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box:hover .grid-box-text .grid-box-subtext { height: 40px; }
    .commercial-systems .FooterForm.form-container-wide #DynamicFormObject { padding: 30px 35px 50px; }

    .commercial-systems #lobbyview { padding: 0 15px; }
    .commercial-systems .grid-row-section { padding: 50px 0 0; }
    .commercial-systems #lobbyview h2 { font-size: 110%; margin-bottom: 10px; }
    .commercial-systems #lobbyview #lobbyText p { line-height: 1.25; letter-spacing: 0.32px; }
    .commercial-systems .grid-rows .grid-row li.slider-item { padding-bottom: 0; }
    .commercial-systems .grid-rows .grid-row li.slider-item .grid-row-image-container { position: relative; }
    .commercial-systems .grid-rows .grid-row .grid-row-text p { font-size: 80%; line-height: 1.25; letter-spacing: 0.32px; }
    .commercial-systems .grid-rows .grid-row .grid-row-text h2 { margin-bottom: 10px; font-size: 110%; }
    .commercial-systems .grid-rows .grid-row .grid-row-text { padding: 20px 15px 40px; }

    .commercial-systems .job-processes { padding: 60px 0 10px; }
    .commercial-systems .job-processes::after { height: 45px; }
    .commercial-systems .job-processes .grid-text .gridTextImgContainer { padding: 10px 0 30px; }
    .commercial-systems .job-processes .grid-text-content h2 { font-size: 80%; margin: 0 auto; max-width: 255px; }
    .commercial-systems .job-processes .section-title { margin: 0; }
    .commercial-systems .job-processes .section-title h2::after,
    .commercial-systems .selected-projects .section-title h2::after { top: -35px; height: 42px; width: 105px; }
    .commercial-systems .footerFormContainer { background: #fff; }

    .commercial-systems .grid-content-section.job-process { padding: 60px 0; }
    .commercial-systems .grid-content-section.job-process .section-title h2::after { top: -35px; height: 42px; width: 105px; }
    .commercial-systems .grid-content-section.job-process .section-title h3 { max-width: 255px; margin: 0 auto; line-height: 1.25; letter-spacing: 0.32px; }
    .commercial-systems .grid-content-section.job-process .section-title { margin-bottom: 40px; }
}

/* Footer Contact Section */
.contact-flex-section { display: flex; }
.contact-flex-section > section { width: 50%; padding: 0; margin: 0; }
.contact-flex-section .contact-image .grid-text { height: 100%; }
.contact-flex-section .contact-image img { width: 100%; object-fit: cover; height: 100%; }
.contact-flex-section .contact-image p { margin: 0; height: 100%; }
.contact-flex-section .contact-image .grid-text-content { height: 100%; padding: 0; width: 100%; margin: 0; }
.form-container-wide { height: auto; }
.form-container-wide #DynamicFormObject, .FooterForm.form-container-wide #DynamicFormObject { border: none; height: 100%; padding: 75px 105px; display: flex; flex-direction: column; align-items: flex-start; max-width: 100%; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: fit-content; padding: 0; font-size: 100%; margin-bottom: 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 250%; color: #1c1c1c; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; text-align: right; max-width: 500px; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; margin-bottom: 40px; color: #1c1c1c; line-height: 1.5; display: block; letter-spacing: 0.32px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(even) { padding-left: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea,
.form-container-wide #DynamicFormObject .dynamicFormObjectField select { padding-right: 5px; border: none; box-shadow: none; border-bottom: 1px solid #1c1c1c; border-radius: 0; width: 100%; font-size: 80%; color: #1c1c1c; max-width: 100%; height: 40px; margin-bottom: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { top: 5px; right: -10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(odd) { padding-right: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(odd) .must::before { right: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { background-image: url(/warehouse/temp/teralight-new/Arrow_down.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; left: 0; font-family: unset; width: 8px; height: 13px; top: 20px; pointer-events: none; content: ''; }
.form-container-wide .dynamicFormObjectFields .dynamicFormObjectField input:focus,
.form-container-wide .dynamicFormObjectFields .dynamicFormObjectField textarea:focus,
.form-container-wide .dynamicFormObjectFields .dynamicFormObjectField select:focus { border: 0 !important; border-bottom: 1px solid #1c1c1c !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { background: var(--yellow); border-radius: 23px; letter-spacing: 0.36px; width: 175px; height: 45px; display: flex; padding: 0; margin: 15px 0 0 auto; align-items: center; justify-content: center; position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover { background: var(--yellow); color: #000; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { pointer-events: none; content: ''; position: absolute; right: 105px; top: 50%; transform: translateY(-50%); width: 28px; height: 18px; background-image: url(/warehouse/temp/teralight-new/arrow-button-left.svg); background-size: 100%; transition: 0.25s all; background-repeat: no-repeat; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::after { right: 115px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { background: transparent; width: 100%; font-size: 90% !important; border: none; height: inherit; color: #000; padding-left: 25px; font-family: var(--almoni-tzar-bold); letter-spacing: 0.36px; margin: 0; }
label.error, span.error { font-size: 80%; }

@media (max-width:767px) {
    .contact-flex-section .grid-text-section { display: none; }
    .contact-flex-section .grid-form-section { width: 100%; }
    .contact-flex-section .grid-form-section .form-container-wide #DynamicFormObject { padding: 35px 35px 40px; max-width: 100% !important; }
    .contact-flex-section .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0 auto; }
    .contact-flex-section .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; }
    .contact-flex-section .grid-form-section .form-container-wide #DynamicFormObject .top-form { line-height: 1.25; text-align: center; margin-bottom: 30px; }
    .contact-flex-section .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 20px auto 0; }
}

/* About Page */
.about #lobbyview { max-width: 850px; margin: 40px auto 0; }
.about #lobbyview h2 { font-size: 120%; font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; letter-spacing: 0.48px; margin-bottom: 20px; text-align: right; }
.about #lobbyview .lobbyTextContainer #lobbyText, .about #lobbyview .lobbyTextContainer #text2 { text-align: right; }
.about #lobbyview .lobbyTextContainer #text2 { max-width: 100%; }
.about #lobbyview .lobbyTextContainer #lobbyText p, .about #lobbyview .lobbyTextContainer #text2 p { line-height: 1.4; letter-spacing: 0.4px; }
.about #lobbyview .lobbyTextContainer #lobbyText img, .about #lobbyview .lobbyTextContainer #text2 img { margin: 15px 0 40px; }
.about .grid-gallery-section > h2 { margin: 130px 0 50px; }
.about .grid-gallery-section > h2::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.about .grid-gallery-section .master-slider .ms-container { overflow: visible; }
.master-slider .ms-nav-next, .master-slider .ms-nav-prev { opacity: 1 !important; background-image: url(/warehouse/temp/teralight-new/arrow-gallery-r.svg); width: 77px; height: 58px; background-repeat: no-repeat; background-position: right; display: block !important; transition: 0.2s all; }
.master-slider .ms-nav-next { background-image: url(/warehouse/temp/teralight-new/arrow-gallery-l.svg); background-position: left; }
.master-slider .ms-nav-prev { right: -41%; }
.master-slider .ms-nav-next { left: -41%; }
.master-slider .ms-nav-prev::before, .master-slider .ms-nav-next::before { opacity: 0; pointer-events: none; }
.master-slider .ms-nav-next::after { left: unset; right: 0; }
.master-slider .ms-nav-prev:hover, .master-slider .ms-nav-next:hover { width: 67px; }
.about .grid-gallery-section .master-slider .item { background: #fff; border-radius: 30px; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.19); }
.about .grid-gallery-section .master-slider .item:before { display: none; }
.about .grid-gallery-section .master-slider .item .topImg { padding-top: 30px; }
.about .grid-gallery-section .master-slider .item .topImg img { width: 164px; max-height: 164px; }
.about .grid-gallery-section .master-slider .item .photoTextWrapper { opacity: 0.5; position: relative; top: unset; left: unset; transform: none; padding: 15px 100px 0px; }
.about .grid-gallery-section .master-slider .item.ms-sl-selected .photoTextWrapper { opacity: 1; }
.about .grid-gallery-section .master-slider .item .photoTextWrapper::after,
.about .grid-gallery-section .master-slider .item .photoTextWrapper::before { content: ''; position: absolute; left: 65px; top: 85px; width: 100px; height: 77px; transform: translateY(-50%); z-index: -1; background-image: url(/warehouse/temp/teralight-new/quote.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; }
.about .grid-gallery-section .master-slider .item .photoTextWrapper::before { left: unset !important; right: 65px; top: unset !important; bottom: -20px; transform: rotate(180deg); }
.about .grid-gallery-section .master-slider .item .photoTextWrapper h2 { font-size: 175%; }
.about .grid-gallery-section .master-slider .item .photoTextWrapper h3 { color: #000; font-size: 100%; margin: 0px 0 20px; }
.about .grid-gallery-section .master-slider .item .photoTextWrapper p { font-size: 80%; line-height: 1.44; letter-spacing: 0.32px; }
.about .grid-gallery-section { max-width: 1020px; margin: 0 auto; padding: 110px 0 120px; }
.about .grid-gallery-section h2::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.about .grid-gallery-section .section-title { margin-bottom: 80px; }
.about .grid-gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; }
.about .grid-gallery-section .gallery-cubes > div { width: 20%; pointer-events: none; }
.about .grid-gallery-section .gallery-cubes > div .boxes-images-outer-image { padding-bottom: 0; height: 90px; border: 1px solid #E8EFF0; margin: 6px; }

@media (max-width:1024px) and (min-width:767px) {
    .about #lobbyview { padding: 0 50px; }
    .about .grid-gallery-section { padding: 110px 90px 120px; }
    .about .grid-gallery-section .gallery-cubes > div { width: 50%; }
    .about .grid-gallery-section .gallery-cubes > div .boxes-images-outer-image { height: 140px; }
}

@media (max-width:767px) {
    .about #lobbyview { padding: 0 15px; margin: 0 auto; }
    .about #lobbyview .lobbyTextContainer #lobbyText img, .about #lobbyview .lobbyTextContainer #text2 img { width: 100%; }
    .about #lobbyview h2 { font-size: 110%; line-height: 1; margin-bottom: 10px; }
    .about .grid-gallery-section > h2 { margin: 70px 0 30px; }
    .about .grid-gallery-section > h2::after { top: -35px; height: 42px; width: 105px; }
    .about .grid-gallery-section { padding: 90px 0 70px; }
    .about .grid-gallery-section .master-slider .ms-view { width: 90% !important; margin: 0 auto; }
    .about .grid-gallery-section .master-slider .item { width: 100% !important; }
    .about .grid-gallery-section .master-slider .item .topImg { padding-top: 20px; }
    .about .grid-gallery-section .master-slider .item .topImg img { width: 137px; max-height: 137px; }
    .about .grid-gallery-section .master-slider .item .photoTextWrapper { padding: 10px 45px 70px; }
    .about .grid-gallery-section .master-slider .item .photoTextWrapper p { line-height: 1.25; letter-spacing: 0.32px; /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ /* -webkit-line-clamp: 6; */ /* overflow: hidden; */ /* max-height: 120px; */ }
    .about .grid-gallery-section .master-slider .item .photoTextWrapper::after,
    .about .grid-gallery-section .master-slider .item .photoTextWrapper::before { left: 45px; top: 110px; width: 75px; height: 60px; }
    .about .grid-gallery-section .master-slider .item .photoTextWrapper::before { right: 45px; bottom: 55px; }
    .master-slider .ms-nav-next,
    .master-slider .ms-nav-prev { top: unset; bottom: -85px; width: 45px; background-size: 100%; height: 33px; }
    .master-slider .ms-nav-next { left: 34vw; }
    .master-slider .ms-nav-prev { right: 34vw; }
    .master-slider .ms-nav-prev:hover, .master-slider .ms-nav-next:hover { width: 45px; }
    .about .footerFormContainer { background: #fff; }
    .about .FooterForm.form-container-wide #DynamicFormObject { padding-top: 0; }
    .about .grid-gallery-section .gallery-cubes > div { width: 50%; }
    .about .grid-gallery-section .section-title { margin-bottom: 40px; }
}

/* Blog Page */
.blog-grid #GridPage .max-width { max-width: unset; width: 100%; }
.blog #GridHeader { max-width: 850px; width: 100%; margin: 0 auto; text-align: right; }
.blog #GridHeader h2 { font-size: 120%; font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; letter-spacing: 0.48px; margin-bottom: 60px; }
.blog #GridContent #BlogModule { max-width: 1010px; margin: 0 auto; overflow: visible; }
.blog #GridContent #BlogModule .blog-posts { column-count: 3; gap: 45px; margin-bottom: 110px; }
.blog #GridContent #BlogModule .blog-posts .blog-post { padding: 0; border-radius: 30px; box-shadow: 0 5px 20px 0 rgba(0, 17, 62, 0.14); margin-bottom: 60px; min-height: 422px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image,
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image a,
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image a img { border-top-left-radius: 30px; border-top-right-radius: 30px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content { padding: 15px 13px; display: flex; flex-direction: column; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-text { border: none; font-size: 100%; line-height: 1.4; letter-spacing: 0.4px; padding: 0; flex-grow: 1; min-height: 85px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-title { font-size: 110%; font-family: var(--almoni-regular); font-weight: 800; padding: 0 0 10px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons { margin: 0; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons i.fa.fa-calendar { display: none; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons span { font-size: 70%; font-family: var(--almoni-regular); }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext { display: flex; justify-content: space-between; align-items: center; width: 97%; margin: 0 auto; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button { font-size: 80%; font-family: var(--almoni-tzar-bold); letter-spacing: 0.32px; padding-left: 40px; position: relative; white-space: nowrap; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button::after { content: ''; position: absolute; left: 10px; top: 50%; width: 24px; height: 15px; background-image: url(/warehouse/temp/teralight-new/media-arrow-left.svg); transform: translateY(-50%); background-repeat: no-repeat; background-size: 100%; transition: 0.3s all; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button:hover::after { left: 0px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button:hover a { color: inherit; }


@media (max-width:767px) {
    #GridTop, #GridTop.blog { height: 308px; }
    #GridTop::before { width: 125px; height: 115px; bottom: -10px; }
    .top-caption h1 { font-size: 125%; max-width: 85px; }
    #GridTop::after { background-image: url(/warehouse/temp/teralight-new/white-half-375.svg); bottom: -1px; }
    .blog #GridHeader { padding: 0 15px; }
    .blog #GridContent #BlogModule .blog-posts { column-count: 1; padding: 0 25px; margin-bottom: 0px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post { min-height: 315px; margin-bottom: 30px; border-radius: 20px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image a img { max-height: 180px; object-fit: cover; object-position: top; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-text { min-height: unset; margin: 0; font-size: 80%; line-height: 1.25; letter-spacing: 0.32px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-title { padding: 0; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image, .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image a, .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-image a img { border-top-left-radius: 20px; border-top-right-radius: 20px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons { display: none; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext { position: absolute; bottom: 30px; left: 20px; display: flex; justify-content: flex-end; width: 100%; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button::after { width: 43px; height: 27px; left: 0; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button { padding: 0; font-size: 65%; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button a { opacity: 0; }
    .blog .footerFormContainer { background: #fff; }
}

/* Inner Blog Page */
.blog.contentInnerPage { background: #f5fcfd; }
.blog.contentInnerPage #GridTop.blog { display: none; }
.blog.contentInnerPage #GridContent #BlogModule { padding-top: 130px; max-width: unset; }
.blog.contentInnerPage #BlogModule .blog-view #headline { font-size: 100%; margin-bottom: 0; max-width: 850px; margin: 0 auto; }
.blog.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: 350%; }
.blog.contentInnerPage #BlogModule .blog-view #headline h1::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.blog.contentInnerPage #BlogModule .blog-view > h2 { font-family: var(--almoni-regular); font-weight: 800; color: #1c1c1c; line-height: 1.13; letter-spacing: 0.48px; max-width: 850px; }
.blog.contentInnerPage #BlogModule .blog-view { text-align: center; }
.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons { margin: 15px 0; font-size: 80%; letter-spacing: 0.32px; }
.blog.contentInnerPage #BlogModule .blog-view .blog-post-icons i.fa.fa-calendar { display: none; }
.blog.contentInnerPage #BlogModule .blog-view > .share-strip { display: none; }
.blog.contentInnerPage #BlogModule .blog-view #text1 { max-width: 850px; }
.blog.contentInnerPage #BlogModule .blog-view #text1 p img { margin: 0 0 30px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts { background: #ffffff; margin: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; position: relative; padding-bottom: 100px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts::before { background: #f5fcfd; content: ''; position: absolute; top: 0; width: 100%; display: block; height: 115px; z-index: 1; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip { background: #f5fcfd; margin: 0; padding: 30px 0px; width: fit-content; z-index: 10; display: flex; justify-content: center; margin-right: 770px; align-items: center; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip::before { top: 50%; transform: translateY(-50%); border: none; width: 730px; background: #f0b000; height: 1px; right: -760px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip::after { display: none; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip > span { display: none; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip a:hover { border-bottom: 1px solid transparent; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip a i { padding: 0 7px; position: relative; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip > a i::after { background-image: url(/warehouse/temp/teralight-new/facebook.svg); position: absolute; content: ''; top: 50%; transform: translateY(-50%); left: 0px; width: 28px; height: 28px; border-radius: 100px; background-color: #f0b000; background-repeat: no-repeat; background-position: center; z-index: 10; pointer-events: none; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip > a i.fa-twitter::after { background-image: url(/warehouse/temp/teralight-new/twitter.svg); }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip > a i.fa-whatsapp::after { background-image: url(/warehouse/temp/teralight-new/whatsapp.svg); }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts > h2 { font-size: 350%; text-align: center; margin: 115px 0 35px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts > h2::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .col-sm-4.col-xs-6 { padding: 0; border-radius: 30px; box-shadow: 0 5px 20px 0 rgb(0 17 62 / 14%); margin: 0 22px 40px; min-height: 340px; max-width: 306px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post,
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post > a,
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post img { border-top-left-radius: 30px; border-top-right-radius: 30px; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post .blog-related-post-title { text-align: right; padding: 15px 13px; font-size: 110%; font-family: var(--almoni-regular); font-weight: 800; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post .blog-related-post-title a { padding: 0 0 10px; white-space: normal; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post .blog-related-post-title a:hover { color: inherit; }
.blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-mobile { display: flex; }

@media (max-width:767px) {
    .blog.contentInnerPage #BlogModule .blog-view { text-align: right; padding: 0 15px; }
    .blog.contentInnerPage #BlogModule .blog-view > h2 { font-size: 110%; margin-bottom: 10px; }
    .blog.contentInnerPage #BlogModule .blog-view #headline { text-align: right; }
    .blog.contentInnerPage #BlogModule .blog-view #headline h1 { font-size: 225%; }
    .blog.contentInnerPage #BlogModule .blog-view #headline h1::after { top: -35px; height: 42px; width: 105px; }
    .blog.contentInnerPage #BlogModule .blog-view #text1 p img { margin: 15px 0; }
    .blog.contentInnerPage #BlogModule .blog-view .blog-post-icons { display: none; }
    .blog.contentInnerPage #GridContent #BlogModule { padding-top: 70px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip { margin-right: 0; width: 100%; display: flex; justify-content: flex-start; padding: 10px 15px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip::before { right: 15px; width: 60%; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .share-strip a.share-icon { margin-left: 0px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts::before { height: 90px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts > h2 { font-size: 225%; max-width: 80%; line-height: 0.87; margin: 120px 0 35px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts > h2::after { top: -45px; height: 42px; width: 105px; }
    .blog-related-mobile { display: flex; overflow-x: scroll; white-space: nowrap; scroll-snap-type: x mandatory; padding: 0 15px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-mobile .col-sm-4.col-xs-6 { display: inline-flex !important; min-width: 208px; min-height: 180px; margin: 0 8px 30px; scroll-snap-align: center; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post, .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post > a, .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post img { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post { border-radius: 20px; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post img { max-height: 105px; object-position: top; object-fit: cover; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts .blog-related-post .blog-related-post-title { padding: 10px; font-size: 70%; }
    .blog.contentInnerPage #BlogModule #BlogView > .blog-related-posts { padding-bottom: 0px; }
    .blog.contentInnerPage .FooterForm.form-container-wide #DynamicFormObject { padding: 30px 35px 40px; }
}

/* Contact Page */
.contact .sections { display: flex; }
.contact .sections > section { width: 50%; min-height: var(--vh); height: auto; margin: 0; }
.contact #GridTop.noTopImage.longer { height: 0; }
.contact #GridPage { padding: 0; }
.contact .grid-image-section .image-section-data { height: 100%; }
.contact .grid-image-section img { margin: 0 !important; height: 100%; object-position: right; object-fit: cover; }
.contact .sections .grid-form-section { padding-top: 200px; max-width: 100%; background: #f5fcfd; padding-bottom: 40px; }
.contact #lobbyview #headline { font-size: 350%; margin-bottom: 10px; }
.contact #lobbyview #headline h1::after { content: ''; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 130px; background-image: url(/warehouse/temp/teralight-new/logo-titles-element.svg); height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.contact #lobbyview > h2 { font-size: 140%; color: #1c1c1c; font-family: var(--almoni-regular); font-weight: 800; }
.contact #lobbyview #lobbyText { display: flex; justify-content: center; }
.contact #lobbyview #lobbyText p { font-size: 85%; padding: 55px 0 10px; width: 180px; margin: 0 5px; background: #fff; border-radius: 23px; position: relative; }
.contact #lobbyview #lobbyText p::after { content: ''; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 20px; height: 33px; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/322813.svg); }
.contact #lobbyview #lobbyText p:nth-child(2)::after { background-image: url(/warehouse/dynamic/322815.svg); width: 22px; height: 30px; }
.contact #lobbyview #lobbyText p:nth-child(3)::after { background-image: url(/warehouse/dynamic/322814.svg); width: 30px; height: 30px; }
.contact .form-container-wide #DynamicFormObject { padding: 70px 70px 0; height: auto; max-width: 100% !important; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.contact .form-container-wide #DynamicFormObject .top-form { display: none; }
.contact .form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: unset; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; padding: 0 10px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { right: 5px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 20px auto 0; }
.contact .continuousFooter { display: none; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { left: 10px; }

@media (max-width:767px) {
    .contact .sections .grid-image-section { display: none; }
    .contact .sections .grid-form-section { width: 100%; height: auto; padding: 130px 0 0; }
    .contact .sections { display: flex; justify-content: center; }
    .contact #lobbyview #headline { font-size: 250%; margin-bottom: 0; }
    .contact #lobbyview #headline h1::after { top: -35px; height: 42px; width: 105px; }
    .contact #lobbyview > h2 { font-size: 110%; letter-spacing: 0.44px; line-height: 1; }
    .contact .form-container-wide #DynamicFormObject { padding: 60px 35px 0; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { right: -10px; }
    .contact .grid-form-section #lobbyText { display: flex; padding: 50px 30px; flex-wrap: wrap; row-gap: 20px; column-gap: 10px; justify-content: space-between; }
    .contact .grid-form-section #lobbyText p { font-size: 85%; padding: 55px 0 10px; width: 48%; background: #fff; border-radius: 15px; position: relative; margin: 0 auto; }
    .contact .grid-form-section #lobbyText p::after { content: ''; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 20px; height: 33px; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/322813.svg); }
    .contact .grid-form-section #lobbyText p:nth-child(2)::after { background-image: url(/warehouse/dynamic/322815.svg); width: 22px; height: 30px; }
    .contact .grid-form-section #lobbyText p:nth-child(3)::after { background-image: url(/warehouse/dynamic/322814.svg); width: 30px; height: 30px; }
    .contact .grid-form-section #lobbyText p:last-child { width: 100%; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { left: 0px; }
}

/* Footer */
footer { padding: 0; }
.footer-text-divided { background: #e8eff0; padding: 30px 140px; display: flex; align-items: center; justify-content: space-between; }
.footer-text-divided > div { padding: 0; width: 50%; }
.footer-text-divided > div.footer-text-right ul { padding: 0; display: inline-block; list-style: none; padding-left: 110px; margin: 0; }
.footer-text-divided > div.footer-text-right ul li { color: #161414; font-size: 80%; margin-bottom: 15px; }
.footer-text-divided > div.footer-text-right ul li:last-child { margin: 0; }
.footer-text-divided > div.footer-text-right ul li a { transition: 0.3s all; }
.footer-text-divided > div.footer-text-right ul li:hover a { color: var(--blue); }
#SiteFooter .footer-text-divided > div.footer-text-left p > img { width: 127px; padding-bottom: 20px; }
#SiteFooter .footer-text-divided > div.footer-text-left a { position: relative; }
#SiteFooter .footer-text-divided > div.footer-text-left a::after { background-image: url(/warehouse/dynamic/323675.svg); content: ''; position: absolute; left: -1px; top: -4px; width: 33px; background-repeat: no-repeat; height: 33px; background-size: 100%; opacity: 0; transition: 0.25s all; pointer-events: none; }
#SiteFooter .footer-text-divided > div.footer-text-left a:has(img):hover::after { opacity: 1; }

@media (min-width:1025px) {
    .footer-text-divided > div.footer-text-right { display: flex; }
}

/* Footer Form */
.home-page .continuousFooter { display: none; }
.continuousFooter { display: flex; width: 100%; max-width: 100%; direction: ltr; z-index: 20; flex-direction: row-reverse; }
.continuousFooter .GridFooterGallery { width: 50%; }
.continuousFooter .FooterForm.form-container-wide { float: none; width: 50%; z-index: 5; }
.continuousFooter .slidesForModal { display: block !important; height: 100%; }
.continuousFooter .slidesForModal .img-background-flex > div { padding: 0; height: 490px; }
.continuousFooter .img-responsive.center-block { width: 100%; height: 100% !important; max-height: 100%; max-width: 100% !important; object-fit: cover; }
.footerFormContainer { height: 490px; background-color: #f5fcfd; }
.FooterForm.form-container-wide #DynamicFormObject { padding: 50px 75px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 25px 0 0 auto; }
.continuousFooter .gallery-cubes, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { display: none !important; }

@media (max-width:1024px) {
    .continuousFooter .slidesForModal .slides { height: 100%; }
    .continuousFooter .slidesForModal .img-background-flex.slider { height: 100%; }
    .continuousFooter .slidesForModal .img-background-flex > div { z-index: 1; height: 100%; }
    .continuousFooter .GridFooterGallery { min-width: unset; max-width: 100%; width: 100%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0px; }
    fieldset { display: flex; flex-direction: column; align-items: center; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 50px 35px; margin: 0; max-width: 100% !important; }
    .continuousFooter .FooterForm.form-container-wide { padding: 35px 0; }
    .continuousFooter .FooterForm.form-container-wide, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField,
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding: 0; width: 100%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 0px; margin-top: 30px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectField select { margin-bottom: 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(odd) .must::before { right: -10px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding-bottom: 0px; display: inline-block; text-align: center; line-height: 1.25; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 225%; }
    .footerFormContainer { height: unset; }
}

@media (max-width:1024px) and (min-width:768px) {
    .footer-text-divided { padding: 30px 40px; }
    .footer-text-divided > div.footer-text-right { display: flex; }
    .footer-text-divided > div.footer-text-right ul { padding-left: 40px; }
}

@media (max-width:767px) {
    #SiteFooter { padding: 0; }
    .continuousFooter .GridFooterGallery { display: none; }
    .footer-text-divided { padding: 45px 0; display: flex; justify-content: center; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-left { display: inline-flex; justify-content: center; }
    .footer-text-divided > div.footer-text-left p a { display: none; }
    #SiteFooter .footer-text-divided > div.footer-text-left p > img { padding: 0; max-width: 113px; }
    a.AccessabilityLink { margin: 0; font-size: 80%; }
    #SiteFooter .site-credit.alternative svg { height: 20px; fill: #fff; }
    .site-credit.alternative.row .text-center { display: flex; justify-content: space-around; align-items: center; }
}

/* Hybrid Page Footer Form */
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-9 { width: 100%; padding: 0; }

@media(min-width: 1024px) {
    .footerFormContainer { height: 550px; }
    .continuousFooter .slidesForModal .img-background-flex > div { height: 550px; }
}

/* Calculator Sections */
.calculator-sec { padding: 0; margin: 0; background: #f5fcfd; }
.calculator { max-width: 1300px; margin: 0 auto; padding: 130px 0 160px; background: #f5fcfd; display: flex; }
.calculator h1.title { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); display: none; }

.calculator-right { width: 50%; display: flex; flex-direction: column; align-items: flex-start; text-align: right; position: relative; }
.calculator-right h2.calculator-title { font-size: 250%; }
.calculator-right-wrapper > div > h3 { font-family: var(--almoni-tzar-bold); }
.calculator-right h3.calc-headline { width: 100%; margin-top: 20px; font-family: var(--almoni-tzar-bold); }
.input-wrapper-calc { position: relative; }
.input-wrapper-calc span.error { left: unset; top: 50%; transform: translateY(-50%); font-size: 70%; right: 550px; white-space: nowrap; }
.input-wrapper-calc span.error.error-size { right: 180px; }
.roof-type .calculator-input { display: inline-flex; position: relative; margin-left: 10px; border-radius: 10px; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); }
.roof-type .calculator-input input { width: 168px; height: 45px; opacity: 0; margin: 0; cursor: pointer; }
.roof-type .calculator-input .icon-wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #fff; pointer-events: none; border-radius: 10px; display: flex; padding-right: 10px; gap: 8px; align-items: center; border: 1px solid #fff; transition: 0.3s all; }
.roof-type .calculator-input input[type="radio"]:checked ~ .icon-wrapper { border: 1px solid var(--blue); }
.roof-size .calculator-input input, .hothouse-size .calculator-input input { width: 100%; max-width: 101px; border: none; border-bottom: 1px solid #000; border-radius: 0; transition: 0.3s all; font-size: 80%; padding: 0; background: transparent; text-align: center; position: relative; }
.roof-size .calculator-input, .hothouse-size .calculator-input { width: 164px; height: 45px; position: relative; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); border-radius: 10px; display: flex; align-items: flex-end; justify-content: flex-start; padding: 0 10px 15px 0; background: #fff; gap: 5px; }
.roof-size .calculator-input input:focus-visible, .hothouse-size .calculator-input input:focus-visible { outline: none !important; }
.roof-size .calculator-input::before, .hothouse-size .calculator-input::before { content: ''; position: absolute; left: 50px; top: 0; z-index: 2; height: 28px; width: 20px; background: #fff; }
span.error.error-size { left: -130px; top: 50%; transform: translateY(-50%); font-size: 70%; }
.roof-direction .calculator-input, .hothouse-direction .calculator-input { display: inline-flex; position: relative; margin-left: 6px; border-radius: 10px; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); }
.roof-direction .calculator-input input, .hothouse-direction .calculator-input input { width: 125px; height: 45px; opacity: 0; margin: 0; cursor: pointer; }
.roof-direction .calculator-input .icon-wrapper, .hothouse-direction .calculator-input .icon-wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #fff; pointer-events: none; border-radius: 10px; display: flex; padding-right: 10px; gap: 8px; align-items: center; border: 1px solid #fff; transition: 0.3s all; }
.roof-direction .calculator-input input[type="radio"]:checked ~ .icon-wrapper, .hothouse-direction .calculator-input input[type="radio"]:checked ~ .icon-wrapper { border: 1px solid var(--blue); }
.hothouse-permits .input-wrapper-calc { display: flex; }
.hothouse-permits .input-wrapper-calc .calculator-input { padding-left: 10px; position: relative; }
.roof-shadow .calculator-input { display: inline-flex; position: relative; margin-left: 10px; border-radius: 10px; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); }
.roof-shadow .calculator-input input { width: 168px; height: 45px; opacity: 0; margin: 0; cursor: pointer; }
.roof-shadow .calculator-input .icon-wrapper { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #fff; pointer-events: none; border-radius: 10px; display: flex; padding-right: 10px; gap: 8px; align-items: center; border: 1px solid #fff; transition: 0.3s all; }
.roof-shadow .calculator-input input[type="radio"]:checked ~ .icon-wrapper { border: 1px solid var(--blue); }
.calculator-right-wrapper .submit-button button { background: var(--yellow); font-size: 90%; border-radius: 23px; color: #000; letter-spacing: 0.36px; border: none; width: 175px; height: 45px; display: flex; margin: 25px 0 0 auto; align-items: center; justify-content: center; padding-left: 55px; white-space: nowrap; position: relative; font-family: var(--almoni-tzar-bold); }
.calculator-right-wrapper .submit-button button:hover { background: var(--yellow); color: #000; }
.calculator-right-wrapper .submit-button button::after { content: ''; position: absolute; right: 100px; top: 50%; transform: translateY(-50%); width: 27px; height: 17px; background-image: url(/warehouse/temp/teralight-new/arrow-button-left.svg); background-size: 100%; transition: 0.3s all; background-repeat: no-repeat; }
.calculator-right-wrapper .submit-button button:hover::after { right: 115px; }
.calculator-right-wrapper .submit-button { margin-top: 40px; }
.calculator-right label { margin: 0; font-weight: 300; font-size: 80%; color: #303030d6; letter-spacing: 0.32px; }
.calculator-left { width: 50%; padding-top: 60px; height: 570px; }
.calculator-left .big-image { opacity: 0; pointer-events: none; height: 100%; position: absolute; left: 0; top: 0; }
.calculator-left .big-image.active { display: block; opacity: 1; pointer-events: auto; }
.calculator-left-label.position, .calculator-left-label.shadow { border: 1px solid #00aed1; background: #e8eff0; background-size: 30px 30px; background-repeat: no-repeat; background-position: 90% 50%; width: 168px; padding-right: 35px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 90%; transition: 0.5s all; margin: 0 auto 0 0; pointer-events: none; opacity: 1; }
.calculator-left-label.shadow { margin: 0 0 0 auto; background-image: url("/warehouse/temp/teralight-new/calculator-icons/no-shadow.svg"); }
.calculator-left-label.position { background-image: url("/warehouse/temp/teralight-new/calculator-icons/south.svg"); }
.calculator-left-label.shown { opacity: 0; }
.calculator-left .left-images-holder { height: 100%; max-height: 342px; margin: 30px 0 40px; }
.calculator-left .images-inner-holder.tiles-holder { position: relative; height: 100%; width: 733px; }

.form-after-submit { display: flex; width: 100%; flex-wrap: wrap; max-width: 348px; padding-top: 55px; }
.form-after-submit .earnings-boxes { display: flex; flex-wrap: wrap; width: 100%; gap: 24px 10px; margin-bottom: 30px; justify-content: space-between; }
.form-after-submit .earnings-boxes .earnings-box { width: 48%; max-width: 168px; background: #fff; border-radius: 10px; box-shadow: 0 15px 40px 0 rgba(0, 17, 62, 0.14); padding: 10px 25px 7px; position: relative; }
.form-after-submit .earnings-boxes .earnings-box:nth-child(1)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(2)::after { content: ''; position: absolute; width: 13px; height: 13px; left: 20px; top: 20px; background-image: url(/warehouse/temp/teralight-new/calculator-icons/shekel.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }
.form-after-submit .earnings-boxes .earnings-box:nth-child(3)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(4)::after { content: ''; position: absolute; width: 35px; height: 35px; left: 20px; transform: translateY(-50%); top: 50%; background-image: url(/warehouse/temp/teralight-new/calculator-icons/KW-icon.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; }
.form-after-submit .earnings-boxes .earnings-box:nth-child(4)::after { background-image: url(/warehouse/temp/teralight-new/calculator-icons/tshua.svg); }
.form-after-submit .earnings-boxes .earnings-box h3 { font-size: 80%; color: #303030d6; margin: 0; line-height: 1.6; }
.form-after-submit .earnings-boxes .earnings-box span { color: var(--blue); font-family: 'Almoni-Tzar-Dl4-AAA-Bold'; font-size: 120%; letter-spacing: 0.44px; width: 50%; }
.form-after-submit > span { font-size: 80%; letter-spacing: 0.32px; color: #1c1c1c; margin-bottom: 15px; }
.form-after-submit .contact-button { width: 50%; }
.form-after-submit .contact-button button { background: var(--yellow); font-size: 90%; border-radius: 23px; color: #000; letter-spacing: 0.36px; border: none; width: 175px; height: 45px; display: flex; align-items: center; justify-content: center; white-space: nowrap; position: relative; font-family: var(--almoni-tzar-bold); }
.form-after-submit .contact-button button::after { content: ''; position: absolute; right: 100px; top: 50%; transform: translateY(-50%); width: 27px; height: 17px; background-image: url(/warehouse/temp/teralight-new/arrow-button-left.svg); background-size: 100%; transition: 0.3s all; background-repeat: no-repeat; pointer-events: none; }
.form-after-submit .contact-button button:hover::after { right: 115px; }
.form-after-submit .contact-button button a:hover { color: inherit; }
.form-after-submit .contact-button button a { color: inherit; width: 100%; height: 100%; display: flex; padding-left: 55px; justify-content: center; align-items: center; }
.form-after-submit .recalculate-button { width: 50%; }
.form-after-submit .recalculate-button button { background: transparent; font-size: 90%; border-radius: 23px; color: #000; letter-spacing: 0.36px; border: 2px solid var(--blue); width: 149px; height: 45px; display: flex; align-items: center; justify-content: center; padding-right: 35px; white-space: nowrap; position: relative; font-family: var(--almoni-tzar-bold); margin-left: 10px; margin-right: auto; }
.form-after-submit .recalculate-button button::after { content: ''; position: absolute; left: 90px; top: 50%; transform: translateY(-50%); width: 19px; height: 18px; background-image: url(/warehouse/temp/teralight-new/calculator-icons/recalculate.svg); background-size: 100%; transition: 0.3s all; background-repeat: no-repeat; }
.form-after-submit .recalculate-button button:hover::after { transform: translateY(-10px) rotate(135deg); }
.form-after-submit .form-links { display: flex; margin-top: 35px; gap: 5px; align-items: center; width: 100%; }
.form-after-submit .form-links h3.calc-headline { margin: 0; margin-left: 5px; width: auto; }
.form-after-submit .form-links a.share-icon { cursor: pointer; }

.calculator-loader { width: 100%; height: 100%; background: #f5fcfd; position: absolute; display: flex; justify-content: center; align-items: center; padding-left: 115px; margin-top: 55px; z-index: 55; }
.calculator-content { position: absolute; opacity: 0; pointer-events: none; transition: 0.3s all; }
.calculator-content.active { opacity: 1; pointer-events: auto; }
.calculator-form { padding-top: 65px; }
.mobile-menu { display: none; }
button.next-button { display: none; }

.hothouse-permits .input-wrapper-calc .calculator-input input { position: absolute; opacity: 0; height: 16px; width: 16px; cursor: pointer; z-index: 3; margin: 0; }
.hothouse-permits .input-wrapper-calc .calculator-input label { margin-right: 20px; }
.hothouse-permits .input-wrapper-calc .calculator-input .radioBtn { position: absolute; top: 0; border: 0; background: #e8eff0; border-radius: 25px; right: 0; height: 16px; width: 16px; pointer-events: none; z-index: 15; }
.hothouse-permits .input-wrapper-calc .calculator-input input:checked ~ .radioBtn { border: 4px solid #00aed1; }

/* Calculator Mobile */
@media (min-width:1024px) {
    .mobile-menu { display: none !important; }
}

@media (max-width:1024px) {
    .calculator { display: flex; flex-direction: column-reverse; align-items: center; padding: 110px 0 40px; gap: 40px; }
    .calculator h1.title { display: block; }
    .calculator-left { width: 100%; max-height: 180px; padding: 0; }
    .calculator-left .left-images-holder { margin: 0; }
    .calculator-left .images-inner-holder.tiles-holder { width: 100%; }
    .calculator-left .big-image { left: 50%; transform: translateX(-50%); max-width: 350px; }
    .calculator-right { width: 100%; min-height: 260px; }
    .calculator-right h2.calculator-title, .calculator-right h3.calc-headline,
    .calculator-right-wrapper .submit-button, .calculator-left-label.position, .calculator-left-label.shadow { display: none; }
    .input-wrapper-calc { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 15px; width: 100%; column-gap: 15px; }
    .input-wrapper-calc > .calculator-input { width: 30%; margin: 0; padding: 28px 0; }
    .input-wrapper-calc > .calculator-input .icon-wrapper { display: flex; flex-direction: column; align-items: center; padding: 0; justify-content: center; }
    .input-wrapper-calc > .calculator-input .icon-wrapper img { position: absolute; bottom: 55px; }
    .input-wrapper-calc > .calculator-input .icon-wrapper label { position: absolute; top: 60px; font-size: 70%; }
    .calculator-form { padding-top: 85px; }
    .mobile-menu { width: 100%; z-index: 500; display: block; }
    .mobile-menu ul { display: flex; list-style: none; padding: 0; margin: 0; justify-content: center; }
    .mobile-menu ul li { transition: 0.5s all; font-family: 'almoni-neue-aaa-400-new'; font-size: 100%; width: 25%; text-align: center; background: #e8eff0; color: rgba(0, 17, 62, 0.4); padding: 18px 0; }
    .mobile-menu ul li.active { background: transparent; color: #000; font-weight: 800; }
    .hothouse .mobile-menu ul li { flex-grow: 1; }
    .roof-mobile, .hothouse-mobile { position: absolute; width: 100%; display: none; }
    .roof-mobile.active, .hothouse-mobile.active { display: block; text-align: center; }
    .calculator-content { display: none; width: 100%; }
    .calculator-content.active { display: block; }
    .calculator-loader.active { padding-left: 0; display: flex; justify-content: center; align-items: center; margin: 0; }
    .roof-size.roof-mobile .input-wrapper-calc, .hothouse-size.hothouse-mobile .input-wrapper-calc { display: flex; justify-content: center; flex-direction: column; align-items: center; }
    .roof-size.roof-mobile .input-wrapper-calc > .calculator-input, .hothouse-size.hothouse-mobile .input-wrapper-calc > .calculator-input { width: 50%; padding: 0 10px 15px; display: flex; justify-content: center; }
    .roof-direction.roof-mobile .input-wrapper-calc, .hothouse-direction.hothouse-mobile .input-wrapper-calc { gap: 10px; display: flex; /* flex-wrap: nowrap; */ justify-content: center; }
    .roof-direction.roof-mobile .input-wrapper-calc > .calculator-input, .hothouse-direction.hothouse-mobile .input-wrapper-calc > .calculator-input { width: 22.7%; padding: 0; }
    .roof-direction.roof-mobile .input-wrapper-calc > .calculator-input input, .hothouse-direction.hothouse-mobile .input-wrapper-calc > .calculator-input input { width: 73px; height: 100px; }

    .roof-size .calculator-input::before, .hothouse-size .calculator-input::before { display: none; }
    .form-after-submit.active { display: flex; opacity: 1; position: relative; max-width: unset; padding: 0 22px 0 22px; }
    .form-after-submit .earnings-boxes .earnings-box { padding: 15px 25px 7px; max-width: 177px; }
    .form-after-submit .recalculate-button, .form-after-submit .contact-button { width: auto; max-width: 160px; }
    .form-after-submit .contact-button button { width: 160px; }
    .form-after-submit .contact-button button a { padding-left: 35px; }
    .form-after-submit .recalculate-button button { width: 132px; }
    .form-after-submit .recalculate-button button::after { left: 80px; }
    .form-after-submit .contact-button { margin-left: 15px; }
    .form-after-submit .form-links h3.calc-headline { display: inline-block; width: auto; font-size: 100%; }
    .form-after-submit h3.calc-headline { display: block; font-size: 100%; }
    button.next-button { background: var(--yellow); font-size: 90%; border-radius: 23px; color: #000; letter-spacing: 0.36px; border: none; width: 135px; height: 45px; display: inline-flex; align-items: center; justify-content: center; padding-left: 35px; white-space: nowrap; position: relative; font-family: var(--almoni-tzar-bold); margin-top: 35px; }
    button.next-button::after { content: ''; position: absolute; right: 80px; top: 50%; transform: translateY(-50%); width: 27px; height: 17px; background-image: url(/warehouse/temp/teralight-new/arrow-button-left.svg); background-size: 100%; transition: 0.3s all; background-repeat: no-repeat; }
    .roof-size button.next-button, .hothouse-size button.next-button { margin-top: 91px; }
    .roof-direction button.next-button, .hothouse-direction button.next-button { margin-top: 26px; }
    .hothouse-permits button.next-button { margin-top: 116px; }
    .input-wrapper-calc span.error { right: 20px; top: 120px; }
    .input-wrapper-calc span.error.error-size { left: unset; bottom: unset; right: 20px; }
    .hothouse-permits .input-wrapper-calc .calculator-input { padding: 0; }
    .hothouse-permits .input-wrapper-calc .calculator-input .radioBtn { right: 35px; }
}

@media (max-width:600px) and (min-width:400px) {
    .form-after-submit .earnings-boxes .earnings-box { max-width: unset; }
}

@media (max-width:400px) {
    .form-after-submit .earnings-boxes .earnings-box:nth-child(3)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(4)::after { left: 10px; }
}

@media (max-width: 374px) {
    .form-after-submit .earnings-boxes .earnings-box { max-width: 150px; padding: 15px 20px 10px; }
    .form-after-submit .earnings-boxes .earnings-box:nth-child(3)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(4)::after { left: 15px; }
    .form-after-submit .earnings-boxes .earnings-box:nth-child(3), .form-after-submit .earnings-boxes .earnings-box:nth-child(4) { padding: 15px 20px; }
    .form-after-submit .contact-button { margin-left: 10px; }
}

/* Media and Unzoom */
@media(min-width:1025px) {
    .TopVideo iframe { width: 130vw !important; top: -20% !important; }
}

@media(min-width:1025px) and (max-width:1500px) {
    #GridTop, #GridTop.blog { height: 500px; }
    #GridTop::before { bottom: -20px; }
    #GridTop::after { bottom: -35px; }
    .top-caption { top: 73%; }
    .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2 { white-space: nowrap; }
    #header2 ul.menu li { font-size: 100%; margin-left: 30px; }
}

@media (max-width: 1024px) {
    #home-gallery .TopVideo iframe { width: 120% !important; background: transparent; }
}

@media (min-width: 768px) {
    #home-gallery, #home-gallery .TopVideo { height: calc(var(--vh)) !important; background-attachment: unset; }
    .TopVideo iframe { background: #fff; width: 100vw; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
    body.macOs #home-gallery .TopVideo iframe { height: 180%; width: 150%; background: transparent; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
}