﻿
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:300;src:url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:400;src:url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:500;src:url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:var(--fontbold);src:url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:700;src:url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2');}
@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:800;src:url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2');}

:root {
--bg:#0b0b0c;
--text:#d6d4d2;
--muted:#aaa8a6;
--line:rgba(220,220,220,.52);
--gutter:clamp(28px,3.9vw,76px);
--gallery-height:38%;
}

*,*::before,*::after {box-sizing:border-box;}

html {width:100%;height:100%;margin:0;padding:0;}

body {width:100%;height:100%;min-width:320px;margin:0;padding:0;overflow:hidden;background:#0b0b0c;color:var(--text);font:400 15px/1.8 Assistant,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;}

img {max-width:100%;height:auto;}

a {color:inherit;text-decoration:none;transition:color .2s ease;}
a:hover {color:#fff;}

button,input,textarea {font:inherit;}



#main {position:relative;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;}

.maincontent {position:relative;display:flex;flex:1;flex-direction:column;min-height:0;margin:0;padding:0;}

.page {position:relative;display:flex;flex:1;flex-direction:column;width:100%;max-width:none;min-height:0;margin:0;padding:0;}

.sliderhome {display:none;}


.indexheader {position:absolute;top:0;left:0;z-index:20;width:100%;margin:0;padding:0;background:transparent;box-shadow:none;}

.indexheader .wrap {display:flex;align-items:flex-start;justify-content:flex-start;width:100%;max-width:none;margin:0;padding:clamp(35px,3.2vw,62px) var(--gutter) 0;}

.logo {display:block;flex:none;width:clamp(310px,29vw,550px);max-width:100%;margin:0;padding:0;float:none;}

.logo a,.logo img {display:block;width:100%;height:auto;}

.menuplace,.openmenu {display:none;}



.indexcontent {position:relative;display:flex;flex:1;align-items:flex-end;width:100%;max-width:none;min-height:0;margin:0;padding:clamp(190px,20vh,290px) var(--gutter) clamp(38px,6vh,85px);overflow:hidden;isolation:isolate;background: url('../images/bg.jpg') center 0 no-repeat;}

.indexcontent::before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(0,0,0,.28);}


.indexcontent > div:first-child {position:relative;z-index:2;width:min(360px,100%);margin:0;padding:0;color:#d7d5d3;text-align:left;direction:ltr;font-size:clamp(16px,1.2vw,19px);font-weight:300;line-height:1.3;}

.indexcontent > div:first-child::before {content:"";display:block;width:106px;height:1px;margin:0 0 20px;background:var(--line);}

.indexcontent p {margin:0 0 5px;padding:0;}

.indexcontent p:nth-of-type(3) {margin-top:22px;}

.indexcontent p img {display:inline-block;max-width:150px;height:auto;vertical-align:middle;float: right;}

.indexcontent a[href^="mailto:"] {display:inline-block;color:#c8c8c8;text-decoration:none;transition:color .25s ease,border-color .25s ease;background: url('../images/i1.png') left center no-repeat;padding-left:30px;}
.indexcontent a[href^="mailto:"]:hover {color:#fff;border-color:#fff;}

.indexcontent a[href^="tel:"] {display:inline-block;color:#c8c8c8;text-decoration:none;transition:color .25s ease,border-color .25s ease;background: url('../images/i2.png') left center no-repeat;padding-left:30px;}
.indexcontent a[href^="tel:"]:hover {color:#fff;border-color:#fff;}



.features {position:relative;display:block;flex:0 0 var(--gallery-height);width:100%;height:var(--gallery-height);min-height:0;margin:0;padding:0;overflow:hidden;background:#0b0b0c;border-top:1px solid var(--line);}

.gallery-viewport {position:relative;width:100%;height:100%;overflow:hidden;}

.gallery-track {display:flex;flex-wrap:nowrap;width:max-content;height:100%;align-items:stretch;will-change:transform;}

.gallery-track .feature {position:relative;display:block;flex:0 0 auto;min-width:0;height:100%;margin:0;padding:0;overflow:hidden;background:#171717;border-right:1px solid rgba(225,225,225,.34);}

.gallery-track .imgplace {display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;}

.gallery-track .imgplace img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:brightness(.87);transition:transform .6s ease,filter .6s ease;}

.gallery-track .feature:hover img {transform:scale(1.045);filter:brightness(1);}

.gallery-track .abstract {display:none;}



.gallery-controls {position:absolute;right:var(--gutter);bottom:calc(var(--gallery-height) + 27px);z-index:50;display:flex;align-items:center;gap:30px;}

.gallery-arrow {position:relative;display:block;width:42px;height:46px;margin:0;padding:0;border:0;background:transparent;color:#eee;cursor:pointer;opacity:.85;transition:opacity .2s ease,color .2s ease;}

.gallery-arrow::before {content:"";position:absolute;top:50%;left:10px;width:26px;height:26px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg);}

.gallery-arrow--prev::before {transform:translateY(-50%) rotate(225deg);}

.gallery-arrow:hover {opacity:1;color:#fff;}

.gallery-arrow:focus-visible {outline:1px solid #ddd;outline-offset:5px;}






body .sl-overlay {background:var(--bg)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-counter { }
.sl-wrapper .sl-image img {box-shadow:var(--shadow);}

#footer {display:none;}

.credits {display:none;}


@media(max-width:1100px) {

:root {--gallery-height:36%;}

.indexcontent {background-position:55% center;}

.gallery-controls {bottom:calc(var(--gallery-height) + 22px);}

}




@media(max-width:700px) {

:root {--gallery-height:44%;--gutter:20px;}

.indexheader .wrap {padding:28px var(--gutter) 0;}

.logo {width:min(72vw,300px);}

.indexcontent {align-items:flex-end;padding:140px var(--gutter) 60px;background-position:30% center;background-size:cover;}

.indexcontent::before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(0,0,0,.60);}

.indexcontent > div:first-child {position:relative;z-index:2;width:100%;max-width:none;font-size:15px;line-height:1.45;}

.indexcontent > div:first-child::before {width:70px;margin-bottom:14px;}

.indexcontent p {max-width:290px;margin-bottom:6px;}

.indexcontent p:nth-of-type(3) {margin-top:20px;}

.indexcontent p img {position:absolute;right:0;bottom:0;max-width:115px;height:auto;float:none;}

.indexcontent a[href^="mailto:"],.indexcontent a[href^="tel:"] {font-size:13px;background-size:16px auto;padding-left:25px;}

.gallery-controls {right:var(--gutter);bottom:calc(var(--gallery-height) + 14px);gap:20px;}

.gallery-arrow {width:30px;height:36px;}

.gallery-arrow::before {left:5px;width:20px;height:20px;}

.gallery-viewport {touch-action:pan-y;}

.gallery-track .feature:hover img {transform:none;}

}



@media(max-width:420px) {

:root {--gallery-height:44%;--gutter:20px;}

.indexheader .wrap {padding-top:22px;}

.logo {width:min(75vw,270px);}

.indexcontent {padding:140px var(--gutter) 80px;background-position:30% center;}

.indexcontent > div:first-child {font-size:14px;}

.indexcontent p {max-width:250px;}

.indexcontent p:nth-of-type(3) {margin-top:16px;}

.indexcontent p img {max-width:95px;}

.gallery-controls {right:20px;bottom:calc(var(--gallery-height) + 10px);gap:16px;}

}



@media(max-height:700px) {
    :root {--gallery-height:32%;}
    .indexheader .wrap {padding-top:16px;}
    .logo {width:min(75vw,320px);}
    .indexcontent {padding:105px var(--gutter) 25px;background-position:30% center;}
    .indexcontent > div:first-child {font-size:clamp(15px,1.15vw,18px);}
    .indexcontent p {max-width:350px;}
    .indexcontent p:nth-of-type(3) {margin-top:20px;}
    .indexcontent p img {max-width:110px;}
    .gallery-controls {right:20px;bottom:calc(var(--gallery-height) + 14px);gap:16px;}
}