﻿/* Teralight en 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'; }

/*generals*/
#header2 .header-top { display: none; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-transform: uppercase; }
.top-caption h1 { font-size: 185%; }
.about #lobbyview .lobbyTextContainer #lobbyText, .about #lobbyview .lobbyTextContainer #text2, .form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .projects-carousel .grid-row-cell-text, #BlogView #text1, #BlogView #text2, #DynamicFormObject.stockUpdateForm .dynamicFormObjectField.checkboxField, #accessability #text1,
.footer-text-divided > div.footer-text-right, .normal-form-comment, .promoZone-content, body.rightAligning, body.rightAligning .MainContent, #home-gallery .gallery-caption .gallery-text,
.commercial-systems #lobbyview #lobbyText, .calculator-right-wrapper, .form-after-submit > span, .form-after-submit .earnings-boxes .earnings-box, .calculator-right h3.calc-headline { text-align: left; }
.top-caption { top: 72%; }

#whatAppButton, .stickyButton { left: unset; right: 20px; bottom: 40px; }
#stickyButton-2839 { bottom: 180px; }
#stickyButton-2839 a { background:#154f92 ; }
#stickyButton-2838 { bottom: 110px; }

#stickyButton-2838 a img, #stickyButton-2839 a img { left: unset; transform: translateY(-50%); right: 7px; display: block; position: absolute; top: 50%; }
#stickyButton-2838 a span, #stickyButton-2839 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%); left: 30px; }
#stickyButton-2838 a:hover span, #stickyButton-2839 a:hover span { opacity: 1; transition: width 0.4s,opacity 0.8s; width: auto; }
#stickyButton-2838 a img { right: 15px; }
#stickyButton-2839.stickyButton a:hover, #stickyButton-2838.stickyButton a:hover { width: 204px; }
/*Header*/
#header2.detailsInRow .header-right-section { justify-content: flex-start; }
header.search-open #header2, .home-page header.search-open #header2:not(.bg) { border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; }
.searchBtn { opacity: 0; }
.mobile-middle-kdm .searchBtn { opacity: 1; }
#header2 .header-top-left { display: none; }
#header2 .mobile-middle-kdm .languages { margin: 0; display: inline-flex; font-family: var(--almoni-tzar-bold); }
#header2 .header-top-right { display: flex; }
#header2 .header-top-right a.lang { font-size: 100%; }
@media(max-width: 767px) {
    #header2 .header-top { display: flex; align-items: center; }
    #header2 .header-top-right { float: none; }
    #header2 .languages { position: relative; margin: 0; display: inline-flex !important; right: 0; }
    #header2 .header-top-right a.lang { margin: 0; }
    #header2 .header-top::before { content: ''; display: inline-flex; width: 1px; height: 20px; background: #e8e8e8; align-items: center; margin: 0 10px 0 5px; }
    /*#header2 .header-top-right a.lang { font-size: 100%; }*/
    #header2 .header-top-right .languages::before { display: none; }
}
/*Hero*/
#home-gallery .gallery-caption { left: 135px; right: auto; }

#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { margin-left: 0; direction: ltr; padding-left: 15px; padding-right: 55px; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after { transform: translateY(-50%) rotate(180deg); right: 30px; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover::after { right: 15px; }
@media(min-width: 1024px) {
    header.search-open .searchBtn { left: 150px; right: unset; opacity: 1; }
}
/*sections*/
.solar-tech .grid-text { max-width: 980px; }
.running-numbers .grid-box .grid-box-title { font-size: 230%; }
.numbers .grid-boxes .grid-box .grid-box-inner { width: 100%; }
.numbers .grid-boxes .grid-box .grid-box-subtitle { font-size: 120%; text-align: center; display: inline-flex; max-width: 70%; justify-content: center; }
/*cubes activites*/
.grid-content-section.solutions-cubes .grid-box:hover { width: 39vw; }
.grid-content-section.solutions-cubes .grid-box:not(:nth-child(3)) .grid-box-title h3 { max-width: 150px; }
.grid-content-section.solutions-cubes .grid-box:nth-child(3) .grid-box-title h3 { max-width: 300px; }
/*projects*/
.projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button { padding-right: 0; padding-left: 65px; }
.projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button::after { left: 0; right: auto; }
@media(min-width: 991px) {
    .projects-carousel .grid-rows .grid-row { direction: ltr !important; }
    .projects-carousel .grid-row-cell-text { padding-right: 0; padding-left: 150px; }
    .projects-carousel ul.slick-dots li:nth-child(1) { left: unset; right: 37%; top: 13%; }
    .projects-carousel ul.slick-dots li:nth-child(2) { left: unset; right: 30%; top: 30%; }
    .projects-carousel ul.slick-dots li:nth-child(3) { left: unset; right: 26%; top: 50%; }
    .projects-carousel ul.slick-dots li:nth-child(4) { left: unset; right: 30%; top: 70%; }
    .projects-carousel ul.slick-dots li:nth-child(5) { left: unset; right: 37%; top: 87%; }
}
/*form*/
.form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(even) { padding-right: 20px; padding-left: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectField select { padding-left: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { left: -10px; right: unset; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { left: unset; right: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 15px auto 0 0; float: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { padding-left: 0; padding-right: 25px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { right: unset; left: 105px; transform: translateY(-50%) rotate(180deg); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::after { left: 120px; }

/*footer*/
#promotionWindow-second .promotionWindow-second-close, .footer-text-divided > div.footer-text-left, 
.menuModuleContent.tabsInLayout .menuObjectWrapper:nth-child(odd) .menuObjectContentWrapper .menuImageContainer, body.leftAligning, body.leftAligning .MainContent { text-align: right; }
.footer-text-divided > div.footer-text-right ul { padding-right: 110px; padding-left: 0; }
.footer-text-divided > div.footer-text-left p { margin-bottom: 15px; }
/*calculator*/
.roof-type .calculator-input .icon-wrapper, .roof-direction .calculator-input .icon-wrapper, .hothouse-direction .calculator-input .icon-wrapper, .roof-shadow .calculator-input .icon-wrapper { padding-right: 0; padding-left: 10px; }
.roof-type .calculator-input, .roof-shadow .calculator-input { margin-left: 0; margin-right: 10px; }
.roof-size .calculator-input, .hothouse-size .calculator-input { padding: 0 13px 7px; flex-flow: row-reverse; width: 230px; }
.hothouse-size .calculator-input { width: fit-content; }
.roof-direction .calculator-input, .hothouse-direction .calculator-input { margin-left: 0; margin-right: 6px; }
.roof-size .calculator-input::before, .hothouse-size .calculator-input::before { left: auto; right: 8px; top: 8px; }
.calculator-right-wrapper .submit-button button { margin-left: 0; margin-right: auto; padding-left: 10px; padding-right: 55px; width: 185px; }
.form-after-submit .recalculate-button button { width: 160px; }
.calculator-right-wrapper .submit-button button::after { transform: translateY(-50%) rotate(180deg); right: 20px; left: auto; }
.calculator-right-wrapper .submit-button button:hover::after { right: 10px; }
.form-after-submit .earnings-boxes .earnings-box:nth-child(1)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(2)::after { left: unset; right: 20px; top: 15px; }
.form-after-submit .earnings-boxes .earnings-box:nth-child(3)::after, .form-after-submit .earnings-boxes .earnings-box:nth-child(4)::after { left: unset; right: 20px; }
.form-after-submit .contact-button button a { padding-right: 55px; padding-left: 0; }
.form-after-submit .contact-button button::after { transform: translateY(-50%) rotate(180deg); right: 40px; }
.form-after-submit .contact-button:hover button::after { right: 20px; }
.form-after-submit .recalculate-button button::after { left: unset; right: 12px; }
/*cars*/
.commercial-systems #LobbyModule .selected-projects .grid-boxes .grid-box .grid-box-text { left: 0; right: auto; text-align: left; }
/*commercial*/
.commercial-systems .job-processes .grid-text-content h2 { direction: ltr; }
.commercial-systems .grid-rows .grid-row .grid-row-text { max-width: 700px; }
.commercial-systems .grid-rows .grid-row-cell-text { padding: 0; }
/*blog*/
.blog #GridContent #BlogModule .blog-posts { direction: ltr; }
.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; position: relative; display: flex; flex-direction: column; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content { padding: 15px 13px; display: flex; flex-direction: column; height: 100%; min-height: unset; max-width: 100%; flex-grow: 1; flex-wrap: wrap; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext { flex-direction: row-reverse; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button { padding-left: 0; padding-right: 40px; }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button::after { left: auto; right: 10px; transform: translateY(-50%) rotate(180deg); }
.blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button:hover::after { left: unset; right: 0; }

/*accessability*/
.accessabilityMainPage #pageview h2 { font-size: 120%; }

/*forms*/
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { right: 10px; left: unset; }

@media(max-width: 767px) {
    #GridTop::before { width: 150px; height: 140px; bottom: -15px; background-size: contain; }
    .top-caption { top: 77.5%; font-size: 100%; }
    .top-caption h1 { font-size: 100%; max-width: 85px; }
    #header2 .header-right-section { max-width: 69px; }
    #header2 ul.menu { transform: translateX(-100%); text-align: left; width: calc(var(--vw) - 65px); }
    #header2 ul.menu .menu-sub { text-align: left; left: 0; right: unset; float: left; }
    #header2 ul.menu .menu-sub li { float: left; }
    header.search-open #header2, .home-page header.search-open #header2:not(.bg) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    header.search-open #header2 .searchSubmitWrapper svg { right: 17px; }

    #home-gallery .gallery-caption { left: unset; width: 100%; }
    #home-gallery .gallery-caption .gallery-text { text-align: center; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { margin: 20px auto; }

    #whatAppButton, .stickyButton { bottom: 20px; }
    #stickyButton-2838 a img, #stickyButton-2839 a img, #whatAppButton a img { width: 26px; height: 26px; }
    #stickyButton-2838 a img, #stickyButton-2839 a img { right: 11px; }
    #stickyButton-2839 { bottom: 20px; right: unset; left: 20px; }
    #stickyButton-2838 { bottom: 80px; }
    #stickyButton-2839.stickyButton a:hover, #stickyButton-2838.stickyButton a:hover { width: 174px; }

    .numbers .grid-boxes .grid-box { min-height: 147px; margin: 7px; }
    .running-numbers .grid-box .grid-box-title { font-size: 150%; }
    .numbers .grid-boxes .grid-box .grid-box-subtitle { font-size: 75%; }

    button.next-button { margin-right: auto; margin-left: auto; }
    .input-wrapper-calc > .calculator-input { margin: 0; }
    .roof-size.roof-mobile .input-wrapper-calc > .calculator-input, .hothouse-size.hothouse-mobile .input-wrapper-calc > .calculator-input { padding-bottom: 8px; width: 240px; }
    .commercial-systems #lobbyview h2 { white-space: inherit; text-align: left; }
    .commercial-systems #lobbyview #lobbyText ul { margin: 0; padding-left: 20px; }
    .commercial-systems #lobbyview #lobbyText p, .commercial-systems #lobbyview #lobbyText li { font-size: 80%; }
    .projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button { padding-left: 40px; margin: 0; }
    .projects-carousel .grid-row-cell-text .grid-row-text a.grid-row-button::after { left: 8px; }
    .projects-carousel .grid-row-text .grid-row-subtext { align-items: center; }

    .blog #GridContent #BlogModule .blog-posts .blog-post { min-height: unset; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext { flex-direction: row-reverse; position: relative; left: unset; bottom: unset; padding-top: 10px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-text { padding-top: 10px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button::after { right: 0; height: 20px; width: 33px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button:hover::after { right: -15px; }
    .blog #GridContent #BlogModule .blog-posts .blog-post .blog-post-content .blog-subtext .blog-post-button a { opacity: 1; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { right: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 15px auto 0;}
    button.next-button { padding-left: 4px; padding-right: 35px; }
    button.next-button::after { transform: translateY(-50%) rotate(180deg); right: 30px; }
    button.next-button:hover::after { right: 20px; }
    .roof-direction.roof-mobile .input-wrapper-calc > .calculator-input, .hothouse-direction.hothouse-mobile .input-wrapper-calc > .calculator-input { width: calc(25% - 10px); justify-content: center; text-align: center; }
    .input-wrapper-calc > .calculator-input .icon-wrapper { padding: 0; }
    .form-after-submit .contact-button { margin-left: 0; margin-right: 15px; }
    .form-after-submit .recalculate-button button { margin-left: 0; width: 160px; }
    .mobile-menu ul li { font-size: 80%; padding-right: 10px; padding-left: 10px; }
    .input-wrapper-calc span.error.error-size { left: 20px; }

    .projects-carousel .grid-rows::after { content: ''; position: absolute; background: #ebeff0; right: 0; bottom: 0; left: 0; pointer-events: none; top: unset; width: 100%; height: 75%; z-index: -1; }
    .projects-carousel .grid-rows .grid-row { padding-bottom: 0; }
    .projects-carousel ul.slick-dots { bottom: 8px; }

    .about .grid-gallery-section h2::after { top: -50px; }
    .projects-carousel .grid-row-cell-text { padding: 10px 30px 90px; }
    .projects-carousel ul.slick-dots { bottom: 30px; }
}

/*Search*/
.searchSubmitWrapper { right: 5px; left: unset; }
#searchFormHeader .error { left: 0; right: unset; display: none; }
header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { direction: ltr; }