/*** MizugPlus EN ***/
body { font-size: 18px; font-family: 'SourceSansPro-Regular' !important; direction: rtl; }
/*#header2 .max-width { max-width: 95%; }*/


#header2 .header-top { float: right !important; }
#header2 #header-container { direction: rtl; }
#header2 #header-left { text-align: left; }
.footer-text-divided > div.footer-text-left p { flex-direction: row; }
nav.menu-tags-list { direction: ltr; }
#GridTop .topDetails { text-align: left; }
#GridTop #project-view { direction: ltr; }
#header2 .languages { vertical-align: baseline; border-left: none; border-right: 1px solid #fff; margin: 0 5px 0 0; }
#header2 .header-top-right a.lang { margin-left: 0; margin-right: 10px; }

/*Fonts*/
#header2 ul.menu li a, #home-gallery .scroll-down button:before, .planExecute .grid-row-cell-text h2, .videoRow .grid-rows .grid-row-text h2,
.home-page .homePageForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .bgBlack .top-caption, .bgWhite .top-caption, .bgBlack.contactPage #headline,
#lobbyview .textOnImgWrapper h2, .products #galleryview::before, .products .textOnImgWrapper #subheadline h2, .bgBlack .section-title h2,
.grid-short-box .grid-short-box-label, .headline-caption #headline, #sub-headline h2, .grid-gallery-section .section-title h2, #header2 .header-top .address,
.bottomGalleryTitle h2, .grid-short-box-image .grid-short-box-fulltext, h2.galleryHeadline { font-family: 'SourceSansPro-SemiBold' !important; }

/*Direction and Spacing*/
#header2 .header-top-left { margin-right: 0; margin-left: 15px; }
.planExecute .grid-rows .grid-row:first-child .grid-row-cell.grid-row-cell-text, #lobbyview .textOnImgWrapper h2, .textOnImgWrapper #lobbyText { text-align: left; }
.planExecute .grid-rows .grid-row:first-child .grid-row-cell.grid-row-cell-text .grid-row-text { background: #fff; /*padding: 10px 0;*/ }
.planExecute .grid-row-cell-text h2 { background: #fff; margin: 0; padding-left: 30px; }
.planExecute .grid-rows .grid-row.installation .grid-row-cell-text h2 { background: transparent; padding: 0 0 20px; }
#lobbyview .textOnImgWrapper h2, .textOnImgWrapper #lobbyText { max-width: 100%; }
.home-page .homePageForm .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #header2 ul.menu { text-align: center; }
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { padding: 5px 20px; }
.home-page .homePageForm #DynamicFormObject input[type=submit] { padding: 5px 0 35px; font-size: 100%; }
#DynamicFormObject input[type=submit] { margin: 25px 0 0; font-size: 100%; }
.textOnImgWrapper { left: 20%; padding: 0 20px 0 0; }
#header2 .menu-nav { width: auto; }

.grid-short-box-text, .grid-short-box-subtitle { text-align: left; padding-left: 10px; }
.headline-caption #headline, .project-content { text-align: left; }
.project-desc p { padding-left: 0; padding-right: 20px; }
@media(min-width: 1170px) {
    #header2 ul.menu li { margin-right: 15px; margin-left: 15px; }
    .videoRow .grid-rows .grid-row-text { max-width: 70%; }
    .videoRow .grid-row:nth-child(odd) .slider-item.grid-iframe-holder { margin-right: 50px; }
} 
/*before/after*/
.planExecute .grid-row:first-child .grid-row-cell-text h2::after, #lobbyview .textOnImgWrapper h2:before, .videoRow .grid-rows .grid-row-text h2:after { display: block; content: ""; width: 100px; height: 1px; background: #1e1e1e; margin: 10px auto 0 0; position: unset; transform: unset; }
.planExecute .grid-row:first-child .grid-row-cell-text h2::before { display: none; }
.videoRow .grid-rows .grid-row-text h2:after {background: #fff; }
.bgBlack .top-caption h1:after, .bgWhite .top-caption h1:after, 
.bgBlack .top-caption h1:before, .bgWhite .top-caption h1:before { position: unset; display: inline-block; transform: unset; margin: 0 20px; vertical-align: middle; }
.normal-form .must::before, .normal-form .must::before { right: unset; }
.videoRow .grid-rows .grid-row.whiteBG .grid-row-text h2:after { background: #1e1e1e; }
.project-desc p:after { left: unset; right: 10px; }





@media(max-width:767px) {
    .contentInnerPage.projects.bgBlack #GridTop.noTopImage.longer { height: 420px; }
    #header2 #header-left { margin: 0; width: 100%; }

    #header2 ul.menu li a, #home-gallery .scroll-down button:before, .planExecute .grid-row-cell-text h2, .videoRow .grid-rows .grid-row-text h2,
    .home-page .homePageForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .bgBlack .top-caption, .bgWhite .top-caption, .bgBlack.contactPage #headline,
    #lobbyview .textOnImgWrapper h2, .products #galleryview::before, .products .textOnImgWrapper #subheadline h2, .bgBlack .section-title h2,
    .grid-short-box .grid-short-box-label, .headline-caption #headline, #sub-headline h2, .grid-gallery-section .section-title h2, #header2 .header-top .address,
    .bottomGalleryTitle h2, .grid-short-box-image .grid-short-box-fulltext, h2.galleryHeadline { font-size: 170%; }
    .home-page .homePageForm #DynamicFormObject .dynamicFormObjectTitleAndText, .grid-short-box-image .grid-short-box-fulltext { font-size: 100%; }
    #header2 ul.menu li a { font-size: 130%; }
    #header2 ul.menu .menu-sub li { margin-right: 0; text-align: center; }
    .footer-text-divided > div.footer-text-right ul, .footer-text-divided > div.footer-text-left p { padding: 0; }
    .home-page .homePageForm #DynamicFormObject input[type=submit] { padding: 7px 0 30px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: unset; left: 6px; }
    .home-page .homePageForm .form-container-wide #DynamicFormObject {width: 90%; }
    .flex-direction-nav a { height: 0; }
    .gallery-slider .flex-direction-nav li:first-child { left: 10px; }
    .clientsSec .owl-carousel .owl-item.active.center img { -webkit-transform: scale(1); transform: scale(1); }

    .products.bgBlack .top-caption h1:after, .products.bgBlack .top-caption h1:before, .projects.bgBlack .top-caption h1:after, .projects.bgBlack .top-caption h1:before { width: 30px; right: unset; }
    .textOnImgWrapper { left: unset; }
    .bgBlack .grid-text-section .section-animation-item, .grid-short-box .grid-short-box-label { text-align: left; }
    .grid-short-box .grid-short-box-label { font-size: 130%; padding-bottom: 10px; }
    #gridshort-view .flex-row > div { min-height: 330px; }
    .bgBlack .grid-text .grid-text-content img { width: 100%; height: auto; }

    .headline-caption #headline { font-size: 150%; }

    .products.bgBlack .top-caption h1:after, .products.bgBlack .top-caption h1:before, .projects.bgBlack .top-caption h1:after, .projects.bgBlack .top-caption h1:before { width: 20px; }

    #sub-headline.project-sub-headline h2 { font-size: 115%; }
}