@font-face {
    font-family: "almoni-neue";
    src: url('./../fonts/almoni-neue-light-aaa.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "almoni-neue";
    src: url('./../fonts/almoni-neue-regular-aaa.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "almoni-neue";
    src: url('./../fonts/almoni-neue-bold-aaa.otf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "almoni-tzar";
    src: url('./../fonts/almoni-tzar-aaa-regular.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "FbPracticaNarrow";
    src: url('./../fonts/FbPracticaNarrow-Regular.otf');
    font-weight: 400;
    font-style: normal;
}
*{font-family: 'almoni-neue', sans-serif;box-sizing: border-box;}

body, html{margin:0px;padding:0px;width:100%;height:100vh;}
.main-wrap{width:100%;height:100vh;display:flex;background:#ffffff;}
.content-wrap{width:27%;background:#ffffff url(./../images/side-bg.webp) no-repeat center center / cover;text-align:center;margin: 2vh 0px 1%;position:relative;border:solid 2px #d1b8a8;border-right:none;height:96vh;}
.slide-wrap{width:71%;position:relative;height:96vh;margin:2vh 1% 2vh 0px;border:solid 2px #d1b8a8;border-left:none;overflow:hidden;}
.video-wrap{height: 96vh;position: absolute;top: 0px;right: 50%;width: 81vw;overflow: hidden;transform: translateX(50%);}
.slide-txt{position:absolute;top:5vh;left:0px;right:12vw;text-align:center;font-size:5vw;font-weight:600;color:#00302e;line-height:1em;}
.slide-txt span{font-weight: 300;font-size: 50%;display: block;line-height: 1em;}
.img-legal{position:absolute;bottom:10px;left:10px;color:#00302e;font-size:15px;}
.prj-brand img{width:45%;}
.prj-brand{margin-top:20px;margin-bottom:20px;}
p.prj-slogan{position:absolute;top:6vh;left:50%;transform:translateX(-65%);font-size:5.5vw;font-weight:300;}
p.prj-slogan > span{/*background: #B0784C;background: linear-gradient(to right, #B0784C 7%, #D8A577 37%, #D6A270 69%, #885B34 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color:#d9aa7d;}
.form-wrap input:not([type='checkbox']){display:block;width:100%;margin-bottom:0px;background:#ffffff;border:none;padding:3px 10px; color:#374a55;text-align:right;font-size:18px;text-align:center;}
.form-wrap input[name="name"]{margin-bottom:2%;}
img.coming-soon{position:absolute;z-index:5;right: 50%;top: 5vh;transform: translateX(50%);}
.form-wrap{width:85%;margin:0px auto;}
h1{text-align:center;font-size:3vw;line-height: 1em;margin:2vh 0px 3vh;font-weight:bold;padding-top:2vh;background: linear-gradient(to right, #B0784C 7%, #D8A577 37%, #D6A270 69%, #885B34 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
p.under-ttl.goldenbg{color:#374a55;font-weight:400;max-width: 75%;margin:15px auto;}
.sep-line{display:block;margin:0px auto;}
p,.chb{color:#374a55;}
p.price{font-size:3vw;color:#374a55;position:relative;width: max-content;line-height:1.2em;padding-top:2vh;}
div.sep{width:50px;margin:auto;height:2px;background:#00302e;}
.slide-wrap .project-logo{position:absolute;top:0px;right:6vw;width:10vw;}
.gbanner{background: #B0784C;background: -webkit-linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%);
    background: -moz-linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%);
    background: linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B0784C", endColorstr="#885B34", GradientType=1);color:#ffffff;font-weight:bold;max-width:70%;margin:2vh auto;padding:5px 0px;}
/*p.price .nis{font-size:1.6vw;}
p.price .star{font-size:1.6vw;vertical-align:top}
p.price .note-wrap{direction:rtl;font-size:1.6vw;padding:3px 8px}
p.price .note{line-height: 1em;font-size:1.6vw;}*/
p.golden{font-size:1.6vw;background: #B0784C;background: linear-gradient(to right, #B0784C 7%, #D8A577 37%, #D6A270 69%, #885B34 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:400;position:relative;padding:0px;margin:0px auto 0px;line-height:1em;}
p.golden-bg span:not(.hide-on-mobile){font-weight:600;color:#d8a577;}
.prj-info img{display:block;margin:auto;}
.prj-info{margin:2vh auto 2vh;display:flex;justify-content:center;align-items:end;}
.prj-info > div{padding:0px 10px;}
.prj-info > div > span{display:block;font-size:0.8vw;line-height:1em;color:#00302e;padding-top:5px;}
.prj-info > div > span.nums{font-size:2.4vw;font-weight:600;line-height:1.2em;}
.prj-info .sep{width:2px;height:9vh;margin-top:1.8vh;flex:none;background: #B0784C;background: -webkit-linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%); background: -moz-linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%); background: linear-gradient(90deg, rgba(176, 120, 76, 1) 7%, rgba(216, 165, 119, 1) 37%, rgba(214, 162, 112, 1) 69%, rgba(136, 91, 52, 1) 89%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B0784C", endColorstr="#885B34", GradientType=1);}
p.bordered-txt{border-top: solid 1px #ffffff;border-bottom: solid 1px #ffffff;width: max-content;padding: 2px 0px;}
img.k-logo{display:block;margin:0px auto 0px;}
.slide-wrap img{width:100%;height:100%;object-fit:cover;}
.golden-label{background: rgb(176,120,76);
background: -moz-linear-gradient(90deg, rgba(176,120,76,1) 7%, rgba(216,165,119,1) 37%, rgba(214,162,112,1) 69%, rgba(136,91,52,1) 89%);
background: -webkit-linear-gradient(90deg, rgba(176,120,76,1) 7%, rgba(216,165,119,1) 37%, rgba(214,162,112,1) 69%, rgba(136,91,52,1) 89%);
background: linear-gradient(90deg, rgba(176,120,76,1) 7%, rgba(216,165,119,1) 37%, rgba(214,162,112,1) 69%, rgba(136,91,52,1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0784c",endColorstr="#885b34",GradientType=1);color:#ffffff;font-size:1.6vw;border-radius:0px 0px 20px 20px;width:max-content;margin:0px auto;padding:3px 20px;}
p{font-size: 1.2vw;font-weight: 400;text-align: center;max-width: 85%;margin: auto;line-height: 1.2em;}
p.smaller{font-size: 12px;margin: 0px auto;}
p.form-ttl{margin: 1vh auto 1vh;font-size: 1.1vw;font-weight: 400;color:#374a55;}
.chb-holder .chb{display:flex;align-items:start;line-height: 1em;text-align:justify;font-size: 0.6vw;font-weight: 400;}
.form-wrap input[type='checkbox']{margin-top: 1px;margin-left: 10px;}
button#btn_submit{border:none;font-size:1vw;color:#ffffff;width:100%;background: #d8a577 url(./../images/btn-bg.webp) no-repeat center center / cover;height:100%;}
.prj-info p{margin:1vh auto;max-width:59%;font-size:1.6vw;max-width:none;font-weight:600;}
.form-flex{display:flex;margin-bottom:1vh;flex-wrap:wrap;justify-content:space-between;width:80%;margin:auto;}
.form-flex .fields-wrap{width:75%;order:1;}
.form-flex .form-field{}
.mobile-btn{display:none;}
.form-flex .form-btn{width:23%;order:2;}
.form-flex .chb-wrap{width:100%;order:3;margin-top:5px;}
#wait, .el-error{text-align:center;font-size:1vw;display:none;}
.logo-wrap{text-align: center; margin-top: 2vh;margin-bottom:1vh;}
.project-graphic{position:absolute;right:36%;top:50%;transform:translate(50%, -50%);}
.hide-on-pc, .slick-slide img.hide-on-pc{display:none;}
img{max-width:100%;}
.slick-dots li button{border-radius:50%;background:#ffffff;border-color:#ffffff;}
.slick-dots{margin:-20px auto 0px;text-align:right;padding-right:5vw;}
.slick-dots li.slick-active button{background:transparent !important;}
.slick-dots li{margin: 0px 5px;}
.footer{text-align:center;}
.footer p.acss a{padding-top:1vh;color:#00302e;}
::-ms-input-placeholder {color:#374a55;}
::placeholder {color:#374a55;}
.slick-slide img{margin-top:-15vh;}
.custom-play-button{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor:pointer;}
.corner-leafs{position:absolute;bottom: 12px;left: 18px;}
@media only screen and (max-width: 1600px){
	.prj-info{margin: 1vh auto;}
	.prj-brand img{max-height:100%;}
	p.form-ttl{margin-top:2vh;}
	.prj-brand{margin:5px auto 0px;}
	.content-wrap{width: 29%;}
	.slide-wrap{width:69%;}
	.prj-info img{max-height:30px;}
	.form-wrap input:not([type='checkbox']){padding: 0px 10px;font-size: 14px;}
	.logo-wrap img{max-height:22px;}
	.logo-wrap{margin-top:1vh;margin-bottom:0px;}
	.prj-brand img{max-height:64px;}
	p.smaller{font-size:10px;}
	p.under-ttl.goldenbg{margin: 1vh auto;}
}
@media only screen and (max-width: 767px){
	.hide-on-mobile, .slick-slide img.hide-on-mobile{display:none;}
	.hide-on-pc, .slick-slide img.hide-on-pc{display:block;}
	body, html{height:auto;}
	html{height:100%;}
	.prj-brand{margin-top: 20px; margin-bottom: 20px;}
	.prj-info img{max-height:none;}
	.logo-wrap img{max-height:none;}
	.main-wrap{width:100%;padding-bottom:0px;flex-direction:column;height:auto;}
	.slide-wrap{width:100%;position:relative;height:auto;margin:0px;border:none;}
	.slide-wrap > img{width:100%;object-fit:inherit;height:auto;}
	.prj-brand img{width:70%;max-height:none;}
	.slick-slide img{margin-top:0px;}
	.content-wrap{position:static;width:100%;margin:0px auto;padding-top:0px;border:none;height:auto;background: #ffffff url(./../images/mobile-bg2.jpg) no-repeat center center / cover;}
	.golden-label{font-size:6vw;}
	.project-graphic{position:static;width:85%;transform:none;text-align:center;margin:0px auto;text-align:center;padding-top:30px;}
	.project-graphic img{margin:0px auto;}
	p.prj-slogan{font-size: 12vw;font-weight: 400;top: 50vh;left:0px;right:0px;text-align:center;transform:none;line-height:1em;}
	p.prj-slogan > span{display:block;}
	.logo-wrap{position:static;margin-top:5vh;transform:none;margin-top:30px;padding-bottom:10px;text-align:center;}
	.slogan-line{font-weight: 400;font-size: 6vw;border-top: solid 1px;border-bottom: solid 1px;margin-top: 90px;}
	.form-wrap{width:100%;margin-bottom:4vh;}
	h1{font-size:11vw;}
	.form-flex .fields-wrap{width:100%;}
	p.golden.pre-ttl{font-size:9vw;}
	p.price{font-size:14vw;margin: 0px auto;}
	.gbanner{margin: 4vh auto 0px;max-width: 100%;font-size: 7vw;}
	p.price .note{font-size: 7vw;}
	p.price .nis{font-size:7vw;}
	p.price .note-wrap{transform: translate(-23%, -40%);}
	p.golden{font-size:6vw;margin: 0px auto;}
	.prj-info p{max-width:85%;}
	p.golden-bg span.hide-on-pc{display:inline;font-weight:300;color:#ffffff;}
	.form-flex .form-field{width:100%;}
	.form-wrap input:not([type='checkbox']){font-size:5vw;}
	button#btn_submit{font-size:5vw;margin: 2vh auto 0px;height: auto;padding: 3px 50px;width: 100%;background:url(./../images/btn-bg-m.webp) no-repeat center center / cover;}
	.content-wrap .slide-wrap{position:static;}
	p{font-size:5vw;max-width:80%;margin:20px auto;}
	.slick-slide{height:auto;}
	p.form-ttl{font-size: 6vw;margin: 5vh auto 1vh;}
	.form-wrap form{width:90%;margin:0px auto;}
	.chb-holder .chb{font-size: 12px;}
	p.smaller{font-size: 4vw;}
	div.sep{margin: 20px auto;}
	.slick-dots{text-align:center;padding-right:0px;}
	.footer{justify-content:center;padding:7vh 0px 14vh;background:url(./../images/mobile-leafs.png) no-repeat center bottom / 100% auto;}
	.footer p{padding:0px 10px;line-height:1em;font-size:12px;}
	.slick-dots li{margin: 0px 2px;}
	.form-flex .form-fields{width:100%;order:1;}
	.form-flex .form-btn{width:100%;order:3;}
	.form-flex .chb-wrap{width:100%;order:2;margin-top:1vh;}
	.prj-info{margin: 0px auto 0px;max-width:85%;flex-direction: column;align-items:center;}
	.slide-txt{font-size:12vw;left:0px;right:0px;top:28vh;}
	p.under-ttl{font-size:7vw;}
	.content-wrap:after{display:none;}
	p.price .note-wrap{background-color: #002828;}
	#wait, .el-error{font-size:5vw;}
	img.k-logo{margin:10px auto 0px;}
	p.under-ttl.golden {font-size:7vw;}
	.slide-txt span{font-size:100%;}
	p.under-ttl.goldenbg{width: 70%;max-width: none;font-size: 8vw;line-height: 1.2em;padding: 5px 0px;margin: 3vh auto 3vh;font-weight: 300;}
	.sep-line{max-width:70%;}
	.prj-info .sep{width: 100px;height: 2px;margin: 20px auto;}
	.prj-info > div > span.nums{font-size:12vw;}
	.prj-info > div > span{font-size:4vw;}
	.prj-info > div img{margin-top:20px;}
	p.bordered-txt{font-size:7vw;}
	.video-wrap{height: 48vh;top: 0px; right: 50%; width: 185%; overflow: hidden; transform: translateX(50%);padding: 100% 0 0 0 !important;}
	.mobile-btn{position:fixed; bottom: 0px;display:block;cursor:pointer;left:0px;right:0px;background:#3c6949;color:#ffffff;text-align:center;font-size:22px;padding: 5px 0px;font-weight:600;}
}