﻿/*bait Vegag b*/

/* project inner page*/
.project_container { margin-bottom: 60px; }
.projectPage.contentInnerPage #ContentGridShortModule { max-width: 1170px; }
.contentInnerPage .project_title_container { text-align: center; padding-top: 71px; display: flex; justify-content: center; align-items: center; }
/*.contentInnerPage .project_title_container h1 { font-size: 56px; font-family: var(--semiBold); color: #000; }
.contentInnerPage .project_title_container h2 { font-size: 35px; color: #000; margin-top: 20px; }*/
.projectPage.contentInnerPage #SiteGridContainer #midTitlesWrapper > * { font-family: var(--regular); display: inline-block; }
.projectPage.contentInnerPage #SiteGridContainer .project_title_container #midTitlesWrapper:last-of-type:before { content: '-'; position: relative; display: inline-block; font-size: clamp(1.2rem, 2.604vw,100rem); text-align: center; margin: 0 10px 10px; line-height: 1.3; letter-spacing: 1px; }
.projectPage.contentInnerPage #SiteGridContainer .project_title_container #midTitlesWrapper:last-of-type:before { content: none; } 
.contentInnerPage .project_info_container { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 48px; margin-bottom: 100px; justify-content: center; }
.contentInnerPage .project_info_container .info_item_wrapper { display: flex; flex-direction: row; text-align: center; gap: 6px; align-items: center; position: relative; }
.contentInnerPage .project_info_container .info_item_wrapper:not(:last-child)::after { content: ''; position: absolute; top: 0; bottom: 5px; width: 1px; background: #e3e3e3; left: -20px; height: 90%; }
.contentInnerPage .project_gallery_wrapper .gallery-cubes:before, .contentInnerPage .project_info_container .gallery-cubes:after { display: none }
.contentInnerPage .project_gallery_wrapper .gallery-cubes { display: flex; flex-flow: row wrap; gap: 20px; pointer-events: none; }


@media(min-width: 1024px) {
    .gallery-image-wrapper { display: inline-flex; flex-flow: wrap row; gap: 20px; justify-content: center; width: 100%; }
    .gallery-image-wrapper > div:first-child { width: 100%; }
    .gallery-image-wrapper > div { width: calc(50% - 10px); }
    .contentInnerPage .project_info_container { display: flex; flex-wrap: wrap; gap: 40px; row-gap: 20px; margin-top: 90px; margin-bottom: 0; justify-content: center; border-top: 1px solid #70707020; padding: 17px 0; font-size: 0.8rem; }
}

.contentInnerPage .location_title { display: flex; flex-direction: column; align-items: flex-start; gap: 18px }
.contentInnerPage .location_title .location_name { font-family: var(--semiBold); font-size: 45px; color: #000; line-height: 53px }
.contentInnerPage .location_title .location_name:after { content: ""; display: block; width: 82px; height: 1px; background-color: #000; margin-top: 13px; }
.contentInnerPage .location_title .location_value { font-size: 16px; color: #000; }
.contentInnerPage .project_location { margin-bottom: 111px; margin-top: 100px }
.contentInnerPage .location_iframe_holder { margin-top: 29px; }
.contentInnerPage .location_iframe_holder iframe { width: 100%; }

.poject_text2 .borderBtn { margin:40px auto 0; width: 200px; }
.poject_text2 .borderBtn::before { right: 25px; }
.poject_text2 .borderBtn:hover::before { right: 160px; }
.poject_text2 .borderBtn:hover .btn_top_bottom::before, .poject_text2 .borderBtn:hover .btn_top_bottom::after { width: 200px; }

@media (max-width: 767px) {
    .contentInnerPage #GridPage .max-width { width: 100% }
    .contentInnerPage .project_title_container { width: 100%; margin: auto; text-align: right; padding-top: 51px; padding-top: 10px; flex-direction: column; }
    .contentInnerPage .project_info_container_wrapper { max-width: 100%; overflow: scroll; }
    .contentInnerPage .project_info_container { width: max-content; margin: 25px auto 15px; gap: 15px; text-align: right; justify-content: flex-start; overflow-x: scroll; white-space: nowrap; flex-wrap: nowrap; border-top: 1px solid #07070720; padding-top: 15px; }
    .contentInnerPage .project_info_container::-webkit-scrollbar/*, .contentInnerPage .project_info_container .info_item_wrapper:not(:last-child)::after*/ { display: none; }
    .contentInnerPage .project_info_container .info_item_wrapper:not(:last-child)::after { left: -7.5px; }
    .contentInnerPage .project_title_container h1 { font-size: 28px }
    .contentInnerPage .project_title_container h2 { font-size: 20px; margin-top: 4px; }
    .contentInnerPage .project_gallery_wrapper .gallery-cubes { gap: 20px }
    .contentInnerPage .project_info_container .info_item_wrapper { margin-inline-end: 0; text-align: right; flex-basis: 25%; flex-basis: auto; align-items: flex-start; flex-direction: row; gap: 6px; }
    .contentInnerPage .project_info_container .info_item_wrapper .item_name { font-size: 14px }
    .contentInnerPage .project_info_container .info_item_wrapper .item_value { font-size: 14px }
    .project_gallery { /* width: 90%; */ /* margin: auto; */ }
    .contentInnerPage .project_gallery_wrapper .gallery-cubes > div { width: 100%; margin: auto; }
    /*.contentInnerPage .project_gallery_wrapper .gallery-cubes > div:nth-child(2) { width: 65%; }*/
    .contentInnerPage .location_title { width: 90%; margin-inline-start: auto; margin-top: 58px }
    .contentInnerPage .location_title .location_name { font-size: 28px }
    .contentInnerPage .location_title .location_name:after { width: 62px }
    .contentInnerPage .project_location { margin-bottom: 0; margin-top: 58px }

    .poject_text2 .borderBtn .btn_top_bottom::before, .poject_text2 .borderBtn .btn_top_bottom::after { width: 150px; }
    .poject_text2 { overflow: hidden; }
    .poject_text2 .borderBtn { margin: auto; }

    .projectPage.contentInnerPage #SiteGridContainer .project_title_container #midTitlesWrapper:last-of-type:before { content: none; }
    .projectPage.contentInnerPage #SiteGridContainer #midTitlesWrapper > * { font-size: 1.3rem; }
}

/*contact*/
.contact #GridTop { height: 310px; margin-top: 0!important; }
.contact #GridTop .top-caption { top: 50%; }
.contact #GridPage { padding-top: 0px; }
.contact #GridPage #GridWrap { max-width: 100%; }
.contact #GridPage .MainContent { padding: 15px; border-top: 1px solid #c7c7c7; }
.contact #GridPage .MainContent #text1 p { margin: 0; line-height: 1.3; }
.contact #SiteGrid.layout-bottom #GridPromo { max-width: 100%; margin: 0; }
/*form*/
.grid-form-section { max-width: 100%; padding: 0; }
.form-container-wide { max-width: 100%; margin: 0; padding: 75px !important ; background-image: url(/warehouse/dynamic/412486.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.form-container-wide #DynamicFormObject { border: 0; padding: 40px 80px; width: 100%; max-width: 850px; min-height: 470px; margin: 0 0 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; background-color: #fff; }
.form-container-wide #DynamicFormObject::after { content: none; top: unset; bottom: unset; left: unset; right: unset; }

.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText #midTitlesWrapper h3 { width: 100%; text-align: right; }

.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 0.9rem; margin: 0 0 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; gap: 0 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset > div { width: calc(50% - 15px); float: none; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset select,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset textarea { margin: 13px 0; border: 0 !important; width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; border-bottom: 1px solid #d6d6d6 !important; padding: 9px 10px; background-color: transparent; font-size: 0.8rem; line-height: 1; color: #575757; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset select::placeholder,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset textarea::placeholder { color: #575757; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .select-wrapper::after { content: ''; background-position: center; background-repeat: no-repeat; background-size: cover; width: 12px; height: 7px; top: 50%; left: 5px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.596" height="6.894" viewBox="0 0 11.596 6.894"><path d="M5.8,0,0,5.8l5.8,5.8,1.1-1.1L2.2,5.8l4.7-4.7Z" transform="translate(0 6.894) rotate(-90)" opacity="0.62"/></svg>'); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset textarea { margin-bottom: 27px; min-height: 88px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .checkboxField { display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; text-align: right; font-size: 0.65rem; line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .checkboxField input { width: 15px; margin:3px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .checkboxField label { display: inline-block; /*max-width: 500px;*/ width: 100%; color: #656565; font-size: 0.75rem; line-height: 1.31; letter-spacing: 0.51px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .wrap-button input { font-size: 1.8rem; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, .select-wrapper, .textarea-wrapper { position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .must:before { top: 0; right: 3px; color: #575757; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 177px; height: 50px; padding: 0; margin: 0 0 0 auto; d: d; }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::after { content: ''; background-size: cover; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.028" height="9.977" viewBox="0 0 26.028 9.977"><g transform="translate(-1135.972 -1410.511)"><line x2="25" transform="translate(1137 1415.5)" fill="none" stroke="%23000" stroke-width="1"/><path d="M4.776,9.287l-4.6-4.6,4.6-4.6" transform="translate(1136.573 1410.812)" fill="none" stroke="%23000" stroke-miterlimit="10" stroke-width="1.1"/></g></svg>'); width: 26px; height: 10px; margin-right: 8px; position: absolute; left: 32px; top: 50%; transform: translateY(-50%); }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::before { content: ''; position: absolute; background: #6d9790; width: 22px; height: 22px; border-radius: 50%; z-index: -1; right: 58px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%); opacity: 0.33; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover:before { right: 95px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input[type=submit] { width: 100%; background: transparent; height: 100%; border: 0; font-size: 0.85rem; color: #333; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover .btn_right_left::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover .btn_right_left::after { height: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover .btn_top_bottom::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover .btn_top_bottom::after { width: 100%; }


@media(max-width:1024px) {
    .contact #GridTop { height: 245px; }
    .contact #GridTop .top-caption { display: none; }

    .home-page .grid-form-section { margin-bottom: 0; }
    .home-page .footer-text-divided { padding-top: 0; }

    .contact #GridPage #GridWrap { width: 100%; }
    .contact #GridPage .MainContent { padding: 12px 45px; border-top:0 }
    .contact #GridPage .MainContent #text1 p { font-size: 0.7rem; line-height: 1.3; color: #313234 }

    .form-container-wide { z-index: 1; position: relative; width: 100%; margin: auto; height: auto; padding:0 !important; background-image:none}

    .form-container-wide #DynamicFormObject { padding: 43px 20px; max-width: 100% !important; border-block: 1px solid #e9e9e9 }

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; align-items:center}
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText #midTitlesWrapper h3 { font-size: 1.6rem; line-height: 1.03; letter-spacing: 0.64px; text-align: center; margin-bottom: 5px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 0.8rem; padding: 0; margin: 0; letter-spacing: 0.50px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset > div { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset select { margin: 7px 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .select-wrapper::after { left: 15px; width: 11px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset textarea { margin: 7px 0 30px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .checkboxField { width: 100%; margin-top: 15px; margin-bottom: 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 85%; margin: 0 auto; }
    

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input, 
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset select, 
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset textarea { margin: 6px 0; letter-spacing: 0.5px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .checkboxField input { margin-top: 2px; }


    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::before { right: 120px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover:before { right: 155px; }
    
}
@media(max-width: 767px) {
    .contact #GridPage .MainContent { padding-inline: 20px; }
    .contact #GridPage .MainContent > #text1 { width: 100%; max-width: 100%; }
    .contact .footer-text-divided { padding-top: 0; }
}

/*blog page*/
#GridTop.noTopImage.blog { height: 0; }
#PageBreadCrumps { font-size: 0.65rem; color: #4d4d4d; line-height: 1.85; letter-spacing: 1.04px; font-family: var(--regular); }
#PageBreadCrumps span:after { content: "."; display: inline-block; position: relative; top: -4px; }

.blogPage #GridTop.noTopImage.longer { height: 0; }
.blogPage #GridPage { padding-top: 20px; }
.blogPage #headline { margin: 60px 0; padding-bottom: 70px; }
.blogPage #headline h1 { font-size: 3.5rem!important; font-family: var(--semiBold) }
.blogPage .blog-grid #GridPage .max-width { max-width: 1235px; padding: 0 15px; }
.blogPage .blog-posts { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-count: unset; margin: 0; column-gap: 20px; }
.blogPage .blog-post { width: calc(33.334% - 14px); padding: 0; margin-bottom: 60px; }
.blogPage .blog-post .blog-post-image { position: relative; }
.blogPage .blog-post-title { padding: 15px 0 0; margin: 0; font-size: clamp(0.8rem, 0.938vw,100rem); line-height: 1.22; max-width: 100%; min-height: 65px; }
.blogPage .blog-post-text { display: none; }
.blogPage .blog-post-icons { margin-top: 10px; margin-bottom: 0; }
.blogPage .blog-post .blog-post-writer { position: absolute; bottom: 4px; right: 4px; left: auto; text-align: right; color: #000; font-size: 0.65rem; /*font-family: var(--semiBold);*/ background-color: #fff; width: 100%; display: flex; height: 25px; max-width: fit-content; align-items: center; justify-content: flex-start; padding: 2px 10px; line-height: 1; letter-spacing: 1px; }
.blogPage .blog-post .blog-post-writer i, .blogPage .blog-post-icons .blog-post-date i { display: none; }
.blogPage .blog-post-icons .blog-post-date { font-size: 0.65rem; line-height: 1.7; color: #4d4d4d; font-family: var(--regular); }

.blogPage .pagination { display: inline-flex; gap: 5px; align-items: center; font-size: 0.8rem; }
.blogPage .pagination > li > a, .pagination > li > span { height: 40px; width: 40px; display: flex; padding: 0; justify-content: center; align-items: center; line-height: 1; margin: 0; color: #000; }
.blogPage .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #000; border: 1px solid #000; color: #fff; }
.blogPage .pagination > li > a > span { margin-top: -3px; }

@media (max-width: 767px) {
    #PageBreadCrumps { margin-bottom: 0; display: none; }
    .blogPage .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; padding-inline: 20px; }
    .blogPage #headline h1 { font-size: 1.75rem!important; }
    .blogPage #headline { margin: 30px 0; padding-bottom: 30px; }
    .blogPage .blog-post { width: 100%; margin-bottom: 30px; }
    .blogPage .blog-post-title { min-height: auto; max-width: 80%; }
    .blogPage .pagination { font-size: 0.7rem; }
}


/*simple Content Page*/
#PageBreadCrumps { font-size: 0.65rem; color: #4d4d4d; line-height: 1.85; letter-spacing: 1.04px; font-family: var(--regular); text-align: center; }
#PageBreadCrumps span:after { content: "."; display: inline-block; position: relative; top: -4px; }

.simpleContentPage #GridTop.noTopImage.longer { height: 0; }
.simpleContentPage #GridPage { padding: 12px 0; }
.simpleContentPage #pageview { max-width: 700px; margin: 0 auto; padding: 70px 10px; text-align: right; }

.simpleContentPage #pageview #text1, .simpleContentPage #pageview #text2 { max-width: 100%; }
.simpleContentPage #pageview #text2 { padding-bottom: 10px }

.simpleContentPage #SiteGridContainer #smallTitlesWrapper::after { content:none }
.simpleContentPage #pageview #headline h1 { text-align: right; font-family: var(--light); font-size: 3.5rem; }

.simpleContentPage #pageview #text1 p, .simpleContentPage #pageview #text2 p, .simpleContentPage #pageview #text1 ul li, .simpleContentPage #pageview #text2 ul li, .simpleContentPage #pageview #text1 ol li, .simpleContentPage #pageview #text2 ol li { font-family: var(--regular); line-height: 1.38; font-size: 0.9rem; margin: 10px 0; }


.simpleContentPage #pageview #text1 li, .simpleContentPage #pageview #text2 li { position: relative; }
/*.simpleContentPage #pageview #text1 li::before, .simpleContentPage #pageview #text2 li::before { content: ''; position: absolute; background-image: url(/warehouse/dynamic/381233.svg); background-position: center; background-repeat: no-repeat; background-size: auto; width: 10px; height: 1px; right: -23px; top: 10px; }

.simpleContentPage #pageview #text1 li::marker, .simpleContentPage #pageview #text2 li::marker { content: ''; }*/
.simpleContentPage #pageview #text1 ol > li > ol { list-style-type: hebrew !important; }

@media (max-width: 767px) { 
    .simpleContentPage #GridPage .max-width { width: 100%; }
    #ContentRegularModule { overflow: hidden; }
    #PageBreadCrumps { margin-bottom: 0; display: block; padding: 00px; }

    .simpleContentPage #pageview { padding: 0 20px; }
    .simpleContentPage #pageview #headline { margin-bottom: 10px; }
    .simpleContentPage #pageview #headline h1 { font-size: 1.75rem; }
    .simpleContentPage #pageview #text1 h2, .simpleContentPage #pageview #text2 h2,
    .simpleContentPage #pageview #text1 h3, .simpleContentPage #pageview #text2 h3 { font-size: 1rem; }

    .simpleContentPage #pageview #text1 p, .simpleContentPage #pageview #text2 p, .simpleContentPage #pageview #text1 ul li,
    .simpleContentPage #pageview #text2 ul li, .simpleContentPage #pageview #text1 ol li, .simpleContentPage #pageview #text2 ol li { font-size: 0.7rem; margin: 5px 0; }
    .simpleContentPage #pageview #text2 ol, .simpleContentPage #pageview #text1 ol,
    .simpleContentPage #pageview #text2 ul, .simpleContentPage #pageview #text1 ul { padding-right: 20px; }
    .simpleContentPage #pageview #text1 ol > li > ol, .simpleContentPage #pageview #text1 ol > li > ol > li > ul { padding-right: 0; }
}

.blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; }
