@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.ttf) format('truetype')}



body {margin: 0;text-align: center;font-family: 'Open Sans Hebrew';background: #232220;}
.container{display:flex;flex-direction:column;/* max-width: 130em; */margin:0 auto;font-size: 1vw;color: white;justify-content: center;padding: 10em 0;min-height: 100dvh;box-sizing: border-box;align-items: center;}
.container img{max-width:100%}
.container .top-vid{position:relative;width: 100vw;max-width: 90em;}
.container .top-vid::after{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;box-shadow: 0 0 4em 4em #232220 inset;}
.container .top-vid video{position:relative;width:100%} 
.title-main{position:relative;font-size: 9em;font-weight: 900;text-shadow: 0em 0 0.2em BLACK;}
.title-main::before{content:attr(data-text);position:absolute;color: transparent;background-clip: text;z-index: 2;display: inline-block;background-image: linear-gradient(45deg, #9c7938, #faf0bd);text-shadow: none;}
.title-main::after{content:attr(data-text);color: transparent;position: absolute;left: 0;right: 0;text-shadow: none;z-index: 3;background: linear-gradient(85deg, transparent 20%, rgb(255 255 255 / 90%), transparent 80%);background-repeat: no-repeat;background-clip: text;display: inline-block;background-size: 5em auto;animation: animshine 5s infinite;}
.sub-title{position:relative;font-size: 7em;font-weight: 800;margin-bottom: -0.6em;z-index: 2;}
.nes-trio{position:relative;display: flex;font-size: 0.7em;margin-top: -11em;margin-bottom: 10em;width: 140em;max-width: 96%;margin: -11em auto 10em;z-index: 2;}
.nes-trio .nes-single{position:relative;width: 33%;}
.nes-trio .spt{position:relative;width: 1px;background: #faf0bd;}
.nes-trio .ns-top{position:relative;display: flex;align-items: end;justify-content: center;}
.nes-trio .ns-top div{position:relative;font-size: 6em;font-weight: 800;color: transparent;background-clip: text;display: inline-block;background-image: linear-gradient(45deg, #9c7938, #faf0bd);}
.nes-trio .ns-top img{position:relative;width: 20em;}
.nes-trio .ns-btm{position:relative;color: transparent;background-clip: text;display: inline-block;background-image: linear-gradient(45deg, #9c7938, #faf0bd);font-size: 6em;font-weight: 900;letter-spacing: 0.02em;line-height: 1.1;margin-top: 0.5em;}
.trio-prj{position:relative;display: flex;justify-content: center;background: linear-gradient(45deg, #9c7938, #faf0bd);font-size: 4em;color: black;font-weight: 600;height: 2em;align-items: center;width: 100%;}
.trio-prj .spt{position:relative;width: 0.5em;height: 0.5em;margin: 0 0.5em;background: black;border-radius: 50%;}

.btm-buttons{display:flex;width: 90em;gap: 5em;}
.appointment-btn{position:relative;font-size: 5em;margin-top: 1em;height: 1.7em;min-height: 1.7em;padding: 0 0.5em;border: 0.1em solid #f7ecb8;display: inline-flex;width: auto;gap: 0.3em;text-shadow: 0 0.1em 0  BLACK;font-weight: 800;cursor: pointer;background: transparent;font-family: inherit;color: white;align-items: center;line-height: 1;width: 50%;justify-content: center;}
.gindi-logo{width: 40em;margin-top: 10em;max-width: 160px;}
.mishpatit{font-size:12px;padding:20px;color: #ccc;}
.blink { animation: 1s ease 0s infinite normal none running blink; }
.shine { overflow: hidden; position: relative; }
.shine::after { content: ""; top: 0px; transform: translateX(100%); width: 100%; height: 600px; position: absolute; z-index: 1; animation: 4s ease 0s infinite normal none running slide; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); }
@keyframes slide { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}
@keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes animshine {
  0%{background-position: left -230% center;}
  50%{background-position: left 400% center;}
  100%{background-position: left 400% center;}
}

.select-proj {display: inline-flex;margin: 30px auto;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px;}
.select-proj a {display: inline-flex;width: 100px;align-items: center;justify-content: center;height: 40px;text-decoration: none;color: black;border: 1px solid;}
.select-proj a.selected {background: #baf2ff;}

.pop { position: fixed;  background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.pop .pop-cont {position: absolute;max-width: 800px;max-height: 760px;background: #232220;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: black 0px 0px 10px;top: 0;left: 0;right: 0;bottom: 0;color: white;}
.pop .pop-cont .closer {position: absolute;top: -5px;left: -5px;cursor: pointer;z-index: 2;background: linear-gradient(45deg, #9c7938, #faf0bd);width: 34px;height: 34px;border-radius: 50%;}
.pop .pop-cont .closer svg {position: absolute;fill: #000;top:0;left:0;right:0;bottom:0;margin: auto;width: 12px;}
.pop .pop-cont .owl-dots .owl-dot { background: rgb(255, 255, 255); width: 10px; height: 10px; display: inline-block; border-radius: 10px; margin: 0px 5px; transition: all 0.2s ease 0s; }
.pop .pop-cont .owl-dots { text-align: center; bottom: 17px; position: relative; height: 0px; }
.pop .pop-cont .owl-dots .owl-dot.active { background: rgb(43, 4, 0); }
.pop .pop-cont .pop-cont-scroll {position: absolute;max-height: 100%;overflow: auto;left: 0;right: 0;top: 0;bottom: 0;}

.pop .projects{display:flex;justify-content: center;gap: 10px;margin-bottom: 20px;margin-top: 0px;}
.pop .projects div{position: relative;border: 1px solid #fff;padding: 0.8em 0.5em;cursor: pointer;}
.pop .projects div.active{position: relative;color: white;background: linear-gradient(45deg, #9c7938, #faf0bd);pointer-events: none;color: black;}
.pop .pop-cont-ttl {font-size: 20px;font-weight: bold;}
.inputWrap{margin:.5% .5%;/* background: #FFF; */padding: 0;width: 99%;min-width:220px;}
.inputWrap input{width:100%;background: #FFF;border:none;font-size:20px;font-family:inherit;padding: 7px 20px 0;box-sizing: border-box;border: 1px #999 solid;}

.pop .projects div::after{content:"»";position: absolute;left: 0;right: 0;width: 20px;display: flex;align-items: center;justify-content: center;height: 20px;top: -1px;margin: auto;line-height: 0;align-items: center;font-size: 20px;transform: rotate(-90deg);animation: blink 1s infinite;}
.pop .projects.selected div::after{display:none}

.form_wrapper form { width: calc(100% - 20px); padding: 0px; max-width: 420px; margin: auto; }
.form_wrapper form input {background: white;color: rgb(0, 0, 0);width: 100%;box-sizing: border-box;padding: 7px 20px 0;line-height: 40px;height: 60px;text-align: right;margin-bottom: 4px;font-size: 16px;/* border: 1px solid rgb(204, 204, 204); */border-radius: 5px;font-family: inherit;font-size: 20px;}
.form_wrapper form input::placeholder { color: rgb(170, 170, 170); }
.form_wrapper form input#submitB,.form_wrapper form input#submitB2 { display: none; }
.form_wrapper form .submitB div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;margin-right: 10px;margin-top: -6px;}
#submit-request-appointment, .form_wrapper form .submitB {cursor: pointer;background: linear-gradient(45deg, #9c7938, #faf0bd);color: #000;width: 100%;box-sizing: border-box;padding: 0px 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0px;text-align: center;font-weight: 600;border-radius: 5px;border: 2px solid rgb(255, 255, 255);box-shadow: #a38242 0px 0px 0px 3px;position: relative;display: flex;align-items: center;justify-content: center;margin-top: 10px;text-decoration: none;line-height: 0;}
.form_wrapper form input#submitC { display: none; }
.form_wrapper form .submitC div { display: inline-block; font-size: 30px; line-height: 20px; font-weight: 100; margin-right: 10px; }
.form_wrapper form .submitC { cursor: pointer; background: rgb(0, 158, 227); color: rgb(255, 255, 255); width: 100%; box-sizing: border-box; padding: 0px 20px; height: 50px; line-height: 50px; font-size: 20px; margin-bottom: 0px; text-align: center; font-weight: 600; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 158, 227) 0px 0px 0px 3px; position: relative; display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.form_wrapper form input.checkA { width: 22px; height: 22px; float: right; }
.form_wrapper form label.checkB {display: inline-flex;padding-right: 50px;margin-right: -40px;text-align: right;padding-bottom: 10px;padding-top: 4px;line-height: 1.2;font-size: 12px;align-items: center;width: calc(100% - 0px);cursor: pointer;}
.form_wrapper form select {background: white;color: rgb(0, 0, 0);width: 100%;box-sizing: border-box;padding: 0px 20px;line-height: 40px;height: 60px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px solid rgb(204, 204, 204);border-radius: 5px;}
.form_wrapper form .checkform { margin-top: 10px; display: flex; align-items: center; }
.form_wrapper form .required,.form_wrapper form .inpt  { position: relative; }
.form_wrapper form .required::before {content: "*";position: absolute;color: #ffffff;right: -14px;top: 17px;font-size: 18px;}
.form_wrapper form .paytext { text-align: center; margin-bottom: 10px; }
.form_wrapper form .address { background: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); width: 100%; box-sizing: border-box; padding: 0px 10px; line-height: 40px; max-height: 50px; text-align: right; margin-bottom: 4px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; transition: all 0.2s ease 0s; font-size: 0px; }
.form_wrapper form .address:not(.open) input { max-height: 0px; transition: all 0.2s ease 0s; border: 0px; margin: 0px; line-height: 0; height: 0px; width: calc(50% - 10px); display: none; }
.form_wrapper form .address.open { max-height: 300px; background: rgb(245, 245, 245); padding-bottom: 10px; }
.form_wrapper form .address span { display: block; font-size: 16px; color: rgb(170, 170, 170); padding: 4px 10px; }
.form_wrapper form .address.open span { padding: 0px 10px; color: rgb(51, 51, 51); }
.form_wrapper form .checkform a { color: rgb(31, 50, 96); }
.form_wrapper form .notrequired label { position: absolute; background: rgb(238, 238, 238); font-size: 14px; padding: 2px 10px; top: -7px; }
.form_wrapper form .notrequired {position: relative;/* margin-top: 8px; */}
.form_wrapper form .lbl input + label{position: absolute;top: 0;right: 20px;line-height: 60px;transition: all .2s ease;color: #bbb;padding-right: 0;width: auto;font-size: 20px;pointer-events: none;}
.form_wrapper form .lbl input:focus + label, .form_wrapper form .lbl input:not(:placeholder-shown) + label {font-size: 14px;line-height: 20px;}  

.form_wrapper form .inpt input + label{position: absolute;top: 0;right: 20px;line-height: 60px;transition: all .2s ease;color: #bbb;padding-right: 0;width: auto;font-size: 20px;pointer-events: none;}
.form_wrapper form .inpt input:focus + label, .form_wrapper form .inpt input:not(:placeholder-shown) + label {font-size: 14px;line-height: 20px;}  

.form_wrapper form .address {/* background: rgb(255 255 255 / 70%); */color: white;width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 40px;max-height: 50px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px #ccc solid;border-radius: 10px;transition: 0.2s all;font-size: 0;}
.form_wrapper form .address label {font-size:18px}
.form_wrapper form .address:not(.open) .inpt {display:none}
.form_wrapper form .address .inpt {display:inline-block;width:calc(50% - 2px);margin:2px 1px;/* background: rgba(0,0,0,0.3); */border-radius:5px;}
.form_wrapper form .address .inpt:nth-child(n+4) {width: calc(100% / 3 - 2px);}

.form_wrapper img.nsg{width:100%}
@media (min-width: 1000px) {
    .container{font-size: 0.6vh;}
    .container img{max-width:90em}
  
  ::-webkit-scrollbar {
        width: 6px;
        background: rgb(34 33 31);
        border-radius: 20px;
    }

    ::-webkit-scrollbar-track {
        background: rgb(19 18 18);
        border-radius: 20px;
    }

    ::-webkit-scrollbar-thumb {
        background: rgb(109 109 109);
        border-radius: 20px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: rgb(175 175 175);
    }
}