﻿/*Tubul EN*/

#header2 { max-height: 94px; }
#header2 #header-left { padding: 0px 20px; }
#header2 #header-left img, #header2.bg #header-left img { max-width: 140px; }
#header2 #header-left a.logoHeader::after { background-image: url('/warehouse/dynamic/384219.svg'); background-size: contain; top: 0; left: 0; }
#header2 #header-left::after { height: 104px; left: unset; right: -10px; }
#header2 #header-container .header-right-section .header-top::after { top: -12px; width: 2px; height: 104px; right: unset; left: -50px; }
#header2 #header-left a.logoHeader::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 108.84 126.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e4032d%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m41.97 104.73c4.84 1.93 10.07 4.01 16.14 4.65 18.66 1.99 33.45-5.33 43.6-14.27-1.11 3.2-3.32 6.01-5.28 9-3.81 5.81-7.89 11.59-13.19 16.45-2.64 2.42-6.51 6.29-11.02 6.05-2.84-.15-6.01-1.87-8.84-3.41-6.8-3.71-12.66-8.77-17.69-14.27-1.32-1.45-2.45-2.81-3.72-4.19Z'/%3E%3Cpath class='cls-1' d='m33.28 28.08c-3.59 4.5-7.54 9.39-10.39 15.2-2.73 5.58-4.91 12.05-5.43 18.93-.56 7.41.74 15.53 2.64 20.79-5.48-5.38-11.24-11.83-15.98-18.77-1.56-2.28-4.64-6.03-4.03-9.15.52-2.74 4.99-6.35 6.98-8.07 8.22-7.09 17.09-13.07 26.22-18.93Z'/%3E%3Cpath class='cls-1' d='m108.84 31.03c-8.64-9.87-22.58-17.57-41.11-16.76-7.41.32-12.89 1.83-19.08 3.88-.19.22-.06.01 0-.16 8.69-5.76 17.25-11.31 27.93-15.05C79.99 1.75 84.27-.06 88.05 0c1.88.03 3.94.98 5.28 2.02 3.76 2.92 6.89 8 9.46 12.88 2.66 5.05 4.48 10.9 6.05 16.14Z'/%3E%3C/svg%3E"); left: 8px; top: 50%; right: unset; transform: translate(0, -50%); }
#header2 #header-left a.logoHeader:hover:before { -webkit-transform: translate(0, -50%) rotate(360deg); -webkit-transform-origin: center; }
#header2 #header-container .header-right-section .header-top { padding: 0; }
#header2 #header-container .header-right-section { display: inline-flex; flex-direction: row-reverse; }
#whatAppButton, .stickyButton { left: unset; right: 40px; }

#home-gallery .scroll-down { right: unset; left: 60px; }
#home-gallery .IframeFeatureContainer { right: unset; left: 40px; }

.imageSec .grid-text .sec-button { direction: ltr; }
.imageSec .grid-text .sec-button::after { transform: scale(-1); margin-left: 15px; margin-right: 0; }

.projectSec .grid-box:nth-child(even) .box-content, .projectSec .grid-box:nth-child(odd) .box-content { left: 0; right: auto; text-align: left; margin: 0 45px; }

/*about page*/
.aboutPage .grid-rows .grid-row-text:before, .aboutRowSec .grid-rows .grid-row .grid-row-cell-text li::before,
#header2 .menu-nav .menu > li > a::after, .projectSec .grid-box .box-content::before { right: auto; left: 0; }

.aboutRowSec .grid-rows .grid-row-text li { padding-left: 18px; padding-right: 0; }
#LobbyModule .captionLogo.logoSec .grid-boxes .box-image-animation img { border-radius: 50%; }
/*companion*/
.companionPage #pageview #text1 { text-align: left; }

/*Projects*/
#gridshort-view .box-content { bottom: unset; top: calc(100% - 90px); }
#gridshort-view .box-content .grid-short-box-label { width: 100%; padding-right: 20px; padding-left: 20px; text-align: center; font-size: 150%; }

/*P.inners*/
.projectsInner .grid-short-box-fulltext, .projectsInner.contentInnerPage #headline, .projectsInner.contentInnerPage #text1 { text-align: left; }
.projectsInner .grid-short-box-link a::after, .grid-rows .grid-row-text a.grid-row-button::after, .content-section-Btn a.sec-button::after, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .arrowBtn { transform: scale(-1); }
.projectsInner .grid-short-box-fulltext::before, .tubolsLife #gridshort-view .box-content::before { left: 35px; right: auto; }
.projectsInner.contentInnerPage #text1 p, .projectsInner.contentInnerPage #text2 p { margin-bottom: 15px; }

/*popup projects*/
#multi-content-modal.textInPop #PopUpData * { direction: ltr; }
#multi-content-modal.textInPop #PopUpData .popupContent { padding-left: 0; padding-right: 20px; }

/*Career*/
.tubolsLife #gridshort-view .box-content .grid-short-box-label { padding-left: 35px; padding-right: 20px; text-align: left; font-family: var(--bold); }
.position-headline { flex-direction: row-reverse; text-align: left; }
#careerView .filterSelectBox select { padding-left: 10px; padding-right: 36px; background-position: 90% 50%; }
.position-body { text-align: left; direction: ltr; }

/*contact*/
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { gap: 8px; }
#DynamicFormObject .dynamicFormObjectField .must:before { left: 5px; right: auto; }

@media(min-width: 1600px) {
    .projectSec .grid-box { max-width: 502px; }

    .logoSec.captionLogo .grid-box.box .grid-box-image-container::before { width: 280px; height: 280px; }
    .logoSec.captionLogo .grid-box.box .grid-box-image-container::after { width: 295px; height: 295px; }

    #LobbyModule .captionLogo.logoSec .grid-boxes .box-image-animation img { width: 230px; }
    #LobbyModule .logoSec:not(.captionLogo) .grid-boxes { padding-top: 100px; }

    .aboutRowSec .grid-rows, .projectsInner.contentInnerPage .MainContent { max-width: 100%; }
    .aboutRowSec .grid-rows .grid-row ul { width: 100%; }
    .aboutPage .grid-rows #grid-row1 .grid-row-cell-text { justify-content: flex-end; }
    .aboutPage .grid-rows .grid-row-text { width: calc(100% - 200px); }

    #gridshort-view .flex-row > div { width: 25%; }

    .tubolsLife #gridshort-view .flex-row > div { width: 20%; }
}


@media(max-width: 767px) {
    #header2 #header-container { direction: rtl; }
    #header2 #header-left { padding: 0; }
    #header2 #header-left::after { height: 76px; top: -13px; }
    #header2 .header-top-right > .languages { right: 0; }
    #header2 ul.menu > li { padding-right: 0; padding-left: 60px; text-align: left; width: 100%; }
    #header2 ul.menu li .menu-sub a { width: 100%; padding-left: 0; }
    #header2 .menu-nav .menu li a { white-space: initial; }
    #header2 .menu-nav .menu .menu-sub li { margin-left: 35px; margin-right: 0; }
    #header2 #header-left img, #header2.bg #header-left img { max-width: 90px; }
    #header2 #header-left a.logoHeader::before { height: 42px; left: 0; width: 44px; }

    .imageSec .grid-text .sec-button { margin-top: 30px; }

    svg.progress { width: calc(100% + 20px); height: calc(100% + 15px); }
    #LobbyModule .logoSec .box-image-animation { width: calc(100% - 30px); }

    #LobbyModule .logoSec:not(.captionLogo) .grid-boxes { max-width: 100%; }
    #LobbyModule .aboutSec .grid-text-content { padding: 0 10px; width: 100%; }

    .projectsInner.contentInnerPage #GridTop .top-caption .top-caption-subtitle { display: none; }
    .position-headline { padding: 15px 10px; gap: 10px; }

    .select-wrapper:after { left: auto; right: 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { gap: 0 }

    .footer-text-divided > div.footer-text-left a img { max-height: 46px; }
}
