/*~ROM EN~*/
@import url('https://fonts.googleapis.com/css2?family=Assistant&display=swap');
:root { --blackColor: #000; --secBlackColor: #262626; --greyColor: #757575; --blueColor: #00aeef; --whiteColor: #fff; --boldFont: 'Assistant-SemiBold'; --enFont: 'Montserrat-Regular'; --borderStyle: 1px solid rgba(209, 209, 209, 0.39) }

body { font-family: 'Assistant', sans-serif !important ;}
#header .submenu > li .menu-sub li a, .home-page .section.sec-1 .grid-text-content p, .section-form .section.sec-10 .grid-text-content p,
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText{ font-family: 'Assistant', sans-serif; font-family: inherit; }

.ourProjectsPage:not(.innerProjectPage) #GridTop .top-caption .top-caption-subtitle,
 .projectsNav-sub li a { font-family: var(--enFont); }

/**/
.section-form .section.sec-10 .grid-text .grid-text-content ul li,
.section-form .section.sec-10 .grid-text .grid-text-content ul li a,
.section-form .section.sec-10 .grid-text .grid-text-content ul li p { font-family: 'Assistant', sans-serif; }
/*medium*/
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3, .home-page .section.sec-2 a.sec-button,
.home-page .section.sec-7 .section-title h2, .home-page .section.sec-7 .text1 h3, .home-page .section.sec-2 .section-title h2,
.home-page .section.sec-2 .grid-text-content h2, .home-page .section.sec-4 .section-title h2,
.section-form .section.sec-10 .grid-text .grid-text-content ul li:first-child, .contentPage .section-title h2, .contentPage .grid-text h2,
.contentPage .grid-text h3, .contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3,
.footer-ul-wrapper h4, .footer-text-divided > div.footer-text-left .footer-details-wrapper h3, .projectsNav li a, .ourProjectsPage h1,
.projects .project span, .contentPage .grid-text p strong, .joinUsPage .jobs-section .panel-group .panel .faq-headline p,
.joinUsPage .jobs-section .panel-group .panel .faq-body h4, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3,
.form-wrapper .grid-text-section .location-wrapper h3, .mediaPage .blog-post-title, .accessabilityMainPage #accessability #headline h1,
.accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3, .accessabilityMainPage #accessability #text2 h2,
.accessabilityMainPage #accessability #text2 h3, #SiteGrid[data-category="404"] .page-not-found h2,
#SiteGrid[data-category="404"] .page-not-found h2, .FormResultPage #FormResultPage #headline h1,
.FormResultPage #FormResultPage #text1 a.FormResultPageButton { font-family: 'Montserrat-Medium'; }

.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3, .home-page .section.sec-2 a.sec-button,
.home-page .section.sec-7 .section-title h2, .home-page .section.sec-7 .text1 h3, .home-page .section.sec-2 .section-title h2,
.home-page .section.sec-2 .grid-text-content h2, .home-page .section.sec-4 .section-title h2,
.section-form .section.sec-10 .grid-text .grid-text-content ul li:first-child, .contentPage .section-title h2, .contentPage .grid-text h2,
.contentPage .grid-text h3, .contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3,
.footer-ul-wrapper h4, .footer-text-divided > div.footer-text-left .footer-details-wrapper h3, .projectsNav li a, .ourProjectsPage h1,
.projects .project span, .joinUsPage .jobs-section .panel-group .panel .faq-headline p, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3,
.form-wrapper .grid-text-section .location-wrapper h3, .mediaPage .blog-post-title, .accessabilityMainPage #accessability #headline h1,
.accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3, .accessabilityMainPage #accessability #text2 h2,
.accessabilityMainPage #accessability #text2 h3, #SiteGrid[data-category="404"] .page-not-found h2,
#SiteGrid[data-category="404"] .page-not-found h2, .FormResultPage #FormResultPage #headline h1,
.FormResultPage #FormResultPage #text1 a.FormResultPageButton, .joinUsPage .jobs-section .panel-group .panel .faq-body h4 { font-weight: normal }

/*light*/
.languages a.lang, #header .submenu > li > a, #header .submenu > li .menu-sub li a, .home-page .section.sec-1 a.sec-button { font-family: 'Montserrat-Regular'; }
#header .submenu > li .menu-sub li a, .home-page .section.sec-1 a.sec-button { font-weight: normal }

.contentPage .section-title h1, .contentPage .section-title h2, .contentPage .grid-text h2, .contentPage .grid-text h3, 
.contentPage #LobbyModule .staff-section .grid-boxes .grid-box {text-align:left}

.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-7 .text1 .content-section-Btn a::before,
.back-page-button::before, .back-page-button::after { transform-origin: left; }
.home-page .section.sec-4 .section-title a.sec-button::after, .home-page .section.sec-7 .text1 .content-section-Btn a::after,
.home-page .section.sec-2 a.sec-button::after { transform-origin: right; }
#header .submenu > li > a, .home-page .section.sec-1 a.sec-button, .home-page .section.sec-4 .section-title a.sec-button, .home-page .section.sec-2 a.sec-button,
.home-page .section.sec-7 .text1 .content-section-Btn a, .back-page-button, .home-page .section.sec-2 .section-title h2,
.home-page .section.sec-2 .grid-text-content h2, .home-page .section.sec-4 .section-title h2, .home-page .section.sec-7 .section-title h2,
.home-page .section.sec-7 .text1 h3, .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.contentPage .section-title h1, .contentPage .section-title h2, .contentPage .grid-text h2, .contentPage .grid-text h3,
.contentPage #LobbyModule .staff-section .grid-boxes .grid-box, .footer-ul-wrapper h4, .projectsNav li a, .projectsNav-sub li a, .ourProjectsPage h1,
.footer-text-divided > div.footer-text-left .footer-details-wrapper h3, .contentPage .right-headline-section .grid-text p strong,
.joinUsPage .jobs-section .panel-group .panel .faq-headline p, .joinUsPage .jobs-section .panel-group .panel .faq-body h4,
.mediaPage .blog-post-title, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3, .form-wrapper .grid-text-section .location-wrapper h3,
.lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText p strong, .accessabilityMainPage #accessability #headline h1,
.ourProjectsPage:not(.innerProjectPage) #GridTop .top-caption .top-caption-subtitle, 
.section-form .section.sec-10 .grid-text .grid-text-content ul li:first-child { text-transform: uppercase }
/* #header .submenu > li .menu-sub li a,*/

#header { direction: rtl; }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu {left:auto; width:550px; }
#header .languages a { font-size: inherit !important; }
/*#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { transform: translateX(-100%); }
#header .submenu > li i.opensub::before { left: auto; right: 30px; }
#header .submenu > li .menu-sub li { text-align: left; }*/
.heroBtn { left: auto; right: 70px; }
.home-page .section.sec-1 .grid-text-content p { text-align: left; }
.home-page .section.sec-2 .section-title h2 { text-align: left; }
.home-page .section.sec-2 .grid-text-content { text-align: left; }
.home-page .section.sec-4 .section-title { text-align: left; }
.home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-left: 0; border-right: 3px solid #fff }
.home-page .section.sec-7 .section-title h2 { text-align: left; }
.home-page .section.sec-7 .gallery-container .gallery-cubes {flex-direction:row}
.home-page .section.sec-7 .owl-carousel .owl-dots { right: auto; left: 70px; width: auto; }
.home-page .section.sec-7 .text1 { text-align: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: left; }
.section-form .section.sec-9 .form-container-wide #DynamicFormObject { text-align: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div.must:before { right: auto; left: 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input, 
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea, 
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select { padding-right: 0; padding-left: 15px; }
.section-form .section.sec-10 .grid-text-content { text-align: left; direction: ltr;  }
.section-form .section.sec-10 .grid-text-content ul { padding-left: 0; }
.section-form .section.sec-10 .grid-text-content .bottom-text ul { padding-right: 30px; padding-left: 0; }


.contentPage .section-title h1, .contentPage .section-title h2 { text-align: left; }
.contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li { text-align: left; }
.contentPage .grid-text h2, .contentPage .grid-text h3 { text-align: left; direction: ltr; }
.contentPage #LobbyModule .sections .tree-groups .grid-box::after { left: auto; right: 35px; transform: scaleX(-1); }
.contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a, 
.contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext { text-align: left; }
.contentPage .sections .tree-groups .grid-box:nth-child(2):hover .grid-box-image-container a { -webkit-mask-position: left; }
.contentPage .title-section { justify-content: flex-start; }

.lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText { max-width: 550px; }
.projects .project a span:before { right: auto; left: 0; }

.mediaPage .blog-post-icons .blog-post-writer {right:auto; left:34px}
.mediaPage .blog-post::after { left: auto; right: 35px; transform: scaleX(-1); }

.clients .grid-gallery-section .gallery-cubes > div {float:left}

.joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down { left: auto; right: 0; }
.joinUsPage .jobs-section .panel-group .panel .button-open.fa-caret-down:before { transform: translate(50%,-50%) rotate(0deg) scaleX(-1); }
.joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down.collapsed::before { transform: translate(50%,-50%) rotate(-180deg) scaleX(-1); }

.form-wrapper .grid-text-section .location-wrapper { text-align: left; }
.form-container-wide #DynamicFormObject { text-align: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { left: auto; right:1px;}

.accessabilityMainPage #accessability #headline h1, .accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3, 
.accessabilityMainPage #accessability #text2 h2, .accessabilityMainPage #accessability #text2 h3, .accessabilityMainPage #accessability #text1 p, 
.accessabilityMainPage #accessability #text1 ul, .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, 
.accessabilityMainPage #accessability #text2 ul, .accessabilityMainPage #accessability #text2 li { text-align: left; }

.contentPage .sections .tree-groups .grid-box:nth-child(1):hover .grid-box-image-container a { -webkit-mask-position: left; }

.footer-text-divided > div.footer-text-left { text-align: left; }
#SiteFooter .footer-text-divided .footer-text-right { text-align: left; }

@media(min-width:1025px) {
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 550px; }
    #header .submenu > li { text-align: left; }
    #header .submenu > li .menu-sub li { text-align: left; }
    #header .submenu > li i.opensub { left: auto; right: 0; }
    #header .submenu > li i.opensub::before { left: auto; right: 23px; }


    .home-page .section.sec-5 .grid-boxes .grid-box { gap: 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input::placeholder,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea::placeholder,
    .home-page .section.sec-2 .grid-text-content p, .home-page .section.sec-4 .section-title h3, .home-page .section.sec-7 .text1 p,
    .section-form .section.sec-10 .grid-text .grid-text-content ul li, .section-form .section.sec-10 .grid-text .grid-text-content ul li p,
    .contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li,
    .contentPage .staff-section .grid-boxes .grid-box-subtitle, .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext, .footer-ul-wrapper ul li,
    .footer-text-divided > div.footer-text-left .footer-details-wrapper p, .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText,
    .innerProjectPage .project-details-section .grid-box .grid-box-title h3, .joinUsPage .jobs-section .panel-group .panel .faq-body p,
    .joinUsPage .jobs-section .panel-group .panel .faq-body li, .form-wrapper .grid-text-section .location-wrapper p, .mediaPage .blog-post-icons .blog-post-writer,
    .mediaPage .blog-post-icons .blog-post-date, .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
    .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
    .accessabilityMainPage #accessability #text2 li, .FormResultPage #FormResultPage #text1 p { font-size: 1.4rem; }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.5rem; }
    .section-form .section.sec-10 .grid-text .grid-text-content ul li:first-child,
    .footer-ul-wrapper h4, .footer-text-divided > div.footer-text-left .footer-details-wrapper h3,
    .contentPage .grid-text p strong, .form-wrapper .grid-text-section .location-wrapper h3,
    #SiteGrid[data-category="404"] .page-not-found a, .FormResultPage #FormResultPage #text1 a.FormResultPageButton { font-size: 1.6rem; }

    .home-page .section.sec-2 .section-title h2, .home-page .section.sec-7 .section-title h2,
    .joinUsPage .jobs-section .panel-group .panel .faq-headline p, .joinUsPage .jobs-section .panel-group .panel .faq-body h4 { font-size: 1.9rem }
    #SiteGrid[data-category="404"] .page-not-found h2 {font-size:3.2rem}

    .home-page .section.sec-1 .grid-text-content p { max-width: 418px; }
    .home-page .section.sec-2 .section-title, .home-page .section.sec-7 .section-title { max-width: 700px; width: 70%; margin: 0 0 0 110px; }
    .home-page .section.sec-7 .section-title { margin: 0 0 50px 100px; }
    .home-page .section.sec-7 .text1 { padding: 25px 130px 25px 110px; }
    .section-form .section.sec-10 .grid-text-content {  padding: 80px 80px 110px 80px; }

    .contentPage .includeVideo video, .contentPage .includeVideo iframe { margin: 120px -16vw 60px 0; }

    .projects .project { text-align: left; }

    .joinUsPage .jobs-section .panel-group .panel .faq-body > div { -webkit-transform: translateX(60%); }

    .footer-text-divided > div.footer-text-left { min-height: 380px; }
    .footer-ul-wrapper { width: max-content; min-width: 80px; }

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

}

@media (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 1) {
    .lobbyProjectsPage.macOs #LobbyModule .bannerWrapper { padding: 0 }
   .macOs #header .submenu > li .menu-sub li a { font-size: 1.6rem; direction: ltr }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #SiteFooter .footer-text-divided .footer-text-right .footer-ul-container-wrapper,
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks { max-width: max(620px,83%); }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #SiteFooter .footer-text-divided .footer-text-right .footer-ul-container-wrapper,
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks {max-width:100%}
}

@media(max-width: 767px) {
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 100%; }
    #header .submenu > li i.opensub { margin: 0; padding: 20px 20px 0 0; }
    #header .submenu > li i.opensub::before { left: auto; right: 30px; }
    #header .submenu > li .menu-sub li { white-space: wrap; text-align: left; line-height: 1.3; }
    #header .submenu > li > a{ font-size:1.7rem}
    #header .submenu > li .menu-sub li a { font-size: 1.3rem;  }
    #header .submenu > li .menu-sub { padding: 13px 25px 0; }

    .home-page .section.sec-1 .grid-text-content p { text-align: center; }
    .home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-4 .section-title a.sec-button::after, 
    .home-page .section.sec-7 .text1 .content-section-Btn a::before, .home-page .section.sec-7 .text1 .content-section-Btn a::after { width: 98%; }
    .home-page .section.sec-5 .grid-boxes .grid-box { gap: 10px; }


    .home-page .section.sec-7 .owl-carousel .owl-dots { left: 20px }
    .home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-right: 0 }

    .contentPage .sections .staff-section .grid-boxes { align-items: flex-start; }
    .contentPage .grid-text h2, .contentPage .grid-text h3, .contentPage .grid-text p + h3 { margin-bottom: 15px; }
    .contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3, .contentPage .staff-section .grid-boxes .grid-box-subtitle { margin: 0; margin-left: 8px; }

    

    .lobbyProjectsPage #LobbyModule .bannerWrapper { padding-top: 7vw; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper #GridTop .top-caption { margin-bottom: 15px; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper h1 { margin: 2vw 0; }

    .mediaPage .blog-post-icons .blog-post-writer { left: 15px }


    /*#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks::after { left: auto; right: 0; }*/
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks { flex-direction: row-reverse; }
    .footer-text-divided > div.footer-text-right h4::after, .footer-text-divided > div.footer-text-right h4::before { left: auto; right: 0; }

}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input::placeholder,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea::placeholder,
    .home-page .section.sec-2 .grid-text-content p, .home-page .section.sec-4 .section-title h3, .home-page .section.sec-7 .text1 p,
    .section-form .section.sec-10 .grid-text .grid-text-content ul li, .section-form .section.sec-10 .grid-text .grid-text-content ul li p,
    .contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li,
    .contentPage .staff-section .grid-boxes .grid-box-subtitle, .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext, .footer-ul-wrapper ul li,
    .footer-text-divided > div.footer-text-left .footer-details-wrapper p, .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText,
    .innerProjectPage .project-details-section .grid-box .grid-box-title h3, .joinUsPage .jobs-section .panel-group .panel .faq-body p,
    .joinUsPage .jobs-section .panel-group .panel .faq-body li, .form-wrapper .grid-text-section .location-wrapper p, .mediaPage .blog-post-icons .blog-post-writer,
    .mediaPage .blog-post-icons .blog-post-date, .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
    .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
    .accessabilityMainPage #accessability #text2 li, .FormResultPage #FormResultPage #text1 p { font-size: 1.6rem; }
    #SiteFooter .footer-text-divided .footer-text-right {width:60%}
    .footer-text-divided .footer-text-left .footer-details-wrapper { padding-right:25px }
    .footer-text-divided > div.footer-text-left { min-height: 410px; }

}