								   @font-face {
    font-family: NotoSerif-Bold;
    src: url('/assets/fonts/NotoSerif/NotoSerif-Bold.ttf');
}

@font-face {
    font-family: NotoSerif-Regular;
    src: url('/assets/fonts/NotoSerif/NotoSerif-Regular.ttf');
}

@font-face {
    font-family: Comfortaa-Light;
    src: url('/assets/fonts/Comfortaa/static/Comfortaa-Light.ttf');
}

@font-face {
    font-family: socializm;font-weight:normal;
    src: url('/assets/fonts/social/socializmregularwebfont.ttf');
}

@font-face {
    font-family: socializm;font-weight:bold;
    src: url('/assets/fonts/social/socializmboldwebfont.ttf');
}

@font-face {
    font-family: NotoSerif-Regular;
    src: url('/assets/fonts/NotoSerif/NotoSerif-Regular.ttf');
}

@font-face{font-family:'FbReforma';font-style:normal;font-weight:300;src:url('/assets/fonts/FbReforma/FbReforma-Light.otf');}
@font-face{font-family:'FbReforma';font-style:normal;font-weight:400;src:url('/assets/fonts/FbReforma/FbReforma-Regular.otf');}
@font-face{font-family:'FbReforma';font-style:normal;font-weight:500;src:url('/assets/fonts/FbReforma/FbReforma-Medium.otf');}
@font-face{font-family:'FbReforma';font-style:normal;font-weight:600;src:url('/assets/fonts/FbReforma/FbReforma-Bold.otf');}

@font-face{font-family:'Almoni-dl-aaa';font-style:normal;font-weight:300;src:url('/assets/fonts/Almoni/almoni-dl-aaa-300.ttf');}
@font-face{font-family:'Almoni-dl-aaa';font-style:bold;font-weight:700;src:url('/assets/fonts/Almoni/almoni-dl-aaa-700.ttf');}





* {/* margin: 0px; *//* outline: 0px; *//* border: 0px; */vertical-align: top;/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */}
body {font-family: 'socializm', sans-serif;padding:0;margin:0;direction:rtl;background: #171c4b;color: #001237;}

.bgstars{direction:ltr;height:40vw;overflow:hidden;font-size:0.5vw;display: none;}

#backvid {width: 100%;margin-top: 20px;}
#backvid .top-vid {/* position: absolute; */width: 100%;}
#backvid .top-vid video {width: 100%;margin-top: -0.4%;}
#backvid .top-vid::after {background: linear-gradient(180deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 90%, black);/* content: ""; */display: block;position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;}

.top-vid{/* background:black; */color:white;display:flex;aspect-ratio: 0.73;align-items:center;justify-content:center;color:white;position:relative;overflow:hidden;margin-bottom: 1em;width: 84%;margin: auto;}
.top-vid video {position: absolute;top: 0;right: 0;left: 0;bottom: auto;width: 100%;height: auto;margin:auto}


.bgfixed{background-image: url(/assets/img/l20250722/bg_mob.webp?0);position: fixed;left: 0;right: 0;top: 0;bottom: 60px;background-size: 100% auto;background-position: center top 65vw;background-repeat: no-repeat;}
.bgfixed::before{content:"";position: absolute;left: 0;right: 0;top: 0;padding-bottom: 82%;background: linear-gradient(180deg, #65a9db 80%, rgb(220 194 177 / 0%));}
.header {position: relative;z-index: 1;overflow: hidden;text-align: center;/* min-height: 100vh; */font-size: 0.75vw;}
.hero{position:relative;overflow: hidden;height: calc(140vw);}
.upper-logo{width: 60%;margin: 7% auto 3%;max-width: 360px;position: relative;z-index: 11;/* filter: contrast(0) brightness(0); */}
.upper-logo img{width:100%;/* filter: brightness(0); */}

.hero {display: block;text-align:center;color: #222550;background: #0d2d5d;font-size: clamp(1px,1vw,0.6vh);padding-bottom: 8em;}
.hero .hero-pic {background-image: url(../img/l2years/mobile.webp?0);background-size: contain;background-position: center bottom;height: 120vw;position: relative;/* padding-top: 2%; */box-sizing: border-box;font-size: 1vw;}
.hero .top-message{/* background: linear-gradient(180deg, #000120 40%, rgb(2 4 42 / 0%)); */padding-top: 4em;}
.hero .imgtop{height: 14em;}

.nes-trio {position: relative;display: flex;font-size: 0.8em;margin-top: -11em;margin-bottom: 10em;width: 140em;max-width: 96%;margin: 0em auto 0em;z-index: 2;}
.nes-trio .nes-single {position: relative;width: 33%;text-align: center;}
.nes-trio .spt {position: relative;width: 1px;background: #978d84;}
.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, #171c4b, #171c4b);}
.nes-trio .ns-top img {position: relative;width: 20em;margin: 0;}
.sections section .nes-trio .ns-top img {position: relative;width: 20em;margin: 0;}
.nes-trio .ns-btm {position: relative;color: transparent;background-clip: text;display: inline-block;background-image: linear-gradient(45deg, #171c4b, #171c4b);font-size: 6em;font-weight: 900;letter-spacing: 0.02em;line-height: 0.9;margin-top: 0.5em;}


.hero-frame{width: 80%;margin: 0 auto;border: 1px solid #dac390;border-top: 0;position: absolute;left: 0;right: 0;top: 20em;bottom: 29em;max-width: 54vh;/* box-shadow: 0 0 20em rgb(0 0 0 / 10%); */}
.hero-frame-top{display:flex;height: 1px;}
.hero-frame-top::before,.hero-frame-top::after{content:"";width: 50%;height: 1px;background: #dac390;}
.hero-frame-top img{font-size: 22em;/* min-width: 50%; */height: 1em;position: relative;margin: -0.4em 0.2em 0;filter: contrast(0) brightness(0.1);}

.hero .blue-frame {background: rgb(23 28 75);/* display: inline-flex; *//* position: absolute; */right: 0;font-size: 1.3em;/* padding: 1em 0em; */font-weight: bold;position: relative;/* margin-top: 10em; */text-align: center;box-sizing: border-box;/* border: 2px solid rgb(255 255 255 / 100%); */border-left: 0;border-right: 0;align-items: center;gap: 5em;box-sizing: border-box;margin-top: 0;position: absolute;left: 0;right: 0;bottom: 0;}
.hero .blue-frame-title{font-size: 6.8em;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: #171c4b;margin-bottom: 0.5em;}
.hero .line1{font-size: 12em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #171c4b;line-height: 0.9;position: relative;font-weight: bold;margin-top: 0.4em;}
.hero .line2{font-size: 7em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #fff;line-height: 0.9;position: relative;}

.hero .blue-frame .line2 {font-size: 15em;font-family: 'socializm';/* margin-bottom: -0.3em; */font-weight: bold;color: #fff;line-height: 0.9;position: relative;}


.hero-number {color: #ffffff;position: relative;display: inline-flex;align-items: end;font-size: 1em;margin-bottom: 0em;margin-top: -3em;}
.hero-number .hero-from {font-size: 3.6em;font-weight: normal;margin-left: -2.6em;height: 100%;/* margin-bottom: 2em; */position: absolute;right: 1.1em;top: 0.3em;bottom: 0;display: flex;align-items: center;}
.hero-number > span {position: relative;font-weight: 800;letter-spacing: -0.02em;font-size: 18em;margin: -0.1em 0;font-family: 'Almoni-dl-aaa';/* transform: scaleY(1); */clip-path: polygon(0% 0%,100% 0%, 100% 46%, 80% 46%,80% 62%, 94% 62%, 94% 46%, 100% 46%,100% 100% ,0% 100%);display: flex;direction: ltr;align-items: end;}
.hero-number > span > span {font-size: 0.8em;position: relative;margin-bottom: 0.1em;}
.hero-number .nis {position: relative;font-size: 8em;font-weight: bold;margin-bottom: 0.1em;}

.hero .text1{font-size: 7.6em;font-weight: bold;color: #171c4b;}
.hero .star-shine{width:auto;height:auto}
.hero .stars-wrap1{font-size: 0.3em;display: inline-block;}
.hero .stars-wrap2{font-size: 0.3em;}
.hero .star-shine.str3{top: 0%;z-index: 9;left: 0;font-size: 8em;right: auto;}
.hero .star-shine.str4{top: auto;z-index: 9;right: 0;font-size: 8em;left: auto;bottom: 0;}

.hero::after{content:"";position: absolute;left: -50vh;right: -50vh;width: 120em;min-width: 110%;top: 32em;margin: 0 auto;padding-bottom: 50em;background: white;border-radius: 50%;display: none;}
.hero::before{content:"";position: absolute;left: -50vh;right: -50vh;width: 120vw;top: 0;margin: 0 auto;padding-bottom: 50em;/* background: white; */}
.hero *{position:relative;z-index:1}
.hero .line1{font-size: 9em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #171c4a;line-height: 0.9;position: relative;margin-top: 0;margin-bottom: 0.2em;}
.hero .line2{font-size: 7em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #222550;line-height: 0.9;position: relative;}

.hero .blue-frame .line2 {font-size: 15em;font-family: 'socializm';/* margin-bottom: -0.3em; */font-weight: bold;color: #fff;line-height: 0.9;position: relative;}
.hero .blue-frame .line2::before, .hero .blue-frame .line2::after {height: 2px;background: white;width: 50%;/* content: ""; */margin: 0 0.5em;}
.hero .blue-frame .line3 {display: flex;align-items: center;font-size: 8.6em;justify-content: center;color: #171c4b;font-weight: normal;font-weight: bold;}

.hero .flowers {position: absolute;display: flex;justify-content: space-between;width: 100%;left: 0;right: 0;margin: auto;max-width: 800px;margin-top: 4em;}
.hero .flowers svg{width:5em;font-size: 5em;height: auto;}
.hero .flowers svg:nth-child(1) {margin-right: -1.7em;}
.hero .flowers svg:nth-child(2) {margin-left: -1.7em;transform: scaleX(-1);}

.hero .circle{font-size: 6em;font-weight:normal;display: inline-flex;align-items: center;justify-content: center;width: 2.4em;height: 2.4em;line-height: 0.8;position: absolute;background: #171c4b;padding: 0.8em;border-radius: 50%;transform: rotate(15deg);right: 0.1em;top: 0.1em;color: white;}
.hero .circle::before{content:"";border: 1px solid #dbc492;position: absolute;left: 0.2em;right: 0.2em;top: 0.2em;bottom: 0.2em;border-radius: 50%;}
 
.hero .svgunder{position:relative}
.hero .svgunder::after{content:"";top: 0.8em;left: -0.15em;right: -0.15em;position: absolute;background: url(/assets/img/l20241128/stroke.svg);padding-bottom: 9%;background-size: contain;background-repeat: no-repeat;}

.triple7 {display: flex;margin: 0.8em auto;max-width: 600px;font-size: 7em;position: relative;width: 80%;}
.sing7 {width: 34%;}
.the7 {width: 100%;margin: 0 auto;display: flex;align-items: end;justify-content: center;}
.the7.the7r {flex-direction: row-reverse;}
.the7 span {margin-left: -0.8em;}
.the7.the7l span {margin-right: -0.6em;font-size: 0.8em;}
.the7text {line-height: 1;font-size: 0.9em;margin-top: 0.4em;font-weight: bold;}
.the7 img {/* width: 56%; */height: 3.6em;}


.yitra{font-size: 4.5em;color: #171c4b;text-shadow: 0 0 0.1em #ffffff;background: #e5cfc0;display: inline-block;width: 15.6em;}


.hero .goldframe{font-size: 8em;background: linear-gradient(-0deg, #dac28e 0%, #f6ecbd 50%, #dac28e);margin:20px auto;width: 10em;max-width:500px;text-align:center;height: 2.7em;display: flex;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.5);align-items: center;justify-content: center;color: #000120;font-weight: bold;line-height: 1;border-radius: 3em;position: relative;}
.hero .goldframe::before{content:"";position: absolute;left: 0.1em;right: 0.1em;top: 0.1em;bottom: 0.1em;border: 0.1em solid;border-radius: 3em;}

.hero-title2{font-size: 9em;font-weight: 700;color: #064735;line-height: 1;font-family: 'socializm-bold';margin-top: 0.3em;}
.hero-title3{font-size: 8em;font-weight: 700;color: #064735;line-height: 1;/* font-family: 'socializm-bold'; *//* margin-top: 0.3em; */display: inline-flex;position: relative;align-items: center;}
.hero-title4{font-size: 8em;font-weight: 700;color: #064735;line-height: 1;/* font-family: 'socializm-bold'; *//* margin-top: 0.3em; */display: inline-flex;background: white;border: 2px solid #064735;padding: 0.2em;border-left: 0;border-right: 0;}
.hero-title5{font-size: 5em;font-weight: 400;color: #064735;line-height: 1;margin-top: 0.3em;}
.hero-title6{font-size: 6em;font-weight: 700;color: #064735;line-height: 1;/* font-family: 'socializm-bold'; */margin-top: 0.2em;padding-top: 0.2em;display: inline-flex;width: 8em;text-align: center;justify-content: center;border-top: 2px solid #bda172;}
.hero-title3::before,.hero-title3::after{content:"";width: 0.5em;height: 0.08em;background: #bda172;display:block;margin: 0.2em;}
.hero-title4 .and{font-size: 0.5em;}
.hero-title4 .number{font-family:'nubers-font';font-weight:900;font-size:1.2em}
.hero-title4 .nis{margin-top: 0.95em;}
.hero-title b {font-size: 1.6em;vertical-align: bottom;display: inline-block;font-family: NotoSerif-Regular;top: -0.1em;position: relative;margin-left: 0.1em;font-weight: normal;}

.circle-approve{background: linear-gradient(45deg, #064735 0%, #091b44 50%, #064735);background: white;font-size: 5.6em;width: 3.4em;height: 3.4em;border-radius: 50%;display: flex;align-items: center;position: absolute;color: #081840;left: -12em;right: 0;margin: auto;margin-top: -1.8em;transform: rotate(-10deg);/* font-family: 'socializm-bold'; */border: 2px solid #081840;box-sizing: border-box;padding-top: 0.1em;line-height: 0.8;}

.price-wrap{background: #001237;font-size: 0.6vw;padding: 2em 0;margin-bottom: 20px;}
.price-frame{display: inline-flex;flex-direction: column;border: 1px #d8c08c solid;border-top: 0;margin-top: 9em;}
.price-wrap *{letter-spacing:0;}
.price{display: inline-flex;font-size: 29em;justify-content: center;align-items: center;margin: 0px -10px;position: relative;width: calc(100% + 20px);margin-top: -0.4em;}
.price::before,.price::after{content:"";width: 50%;border-top: 1px #d8c08c solid;margin: 0 10px;position: relative;top: 0;}
.price .from{width: 0;font-size: 0.24em;margin-top: 0.4em;font-weight: 500;}
.price .from span{position: relative;z-index:1;background: #001237;color: #dcc490;white-space: nowrap;padding-left: 0.1em;height: 1em;/* line-height: 0.7em; */box-sizing: border-box;/* padding-top: 0.1em; *//* top: 0.15em; */font-family: 'socializm';}
.price > span{font-weight: 500;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);display: flex;align-items: end;direction: ltr;padding: 0.1em 0;line-height: 0.6;font-family: 'FbReforma';transform: scaleY(1.2);-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;}
.price > span span{font-size: 0.5em;margin-right: -0.1em;margin-left: -0.1em;}
.price .nis{font-size: 0.3em;color: #dcc490;font-weight: 600;height: 100%;display: flex;align-items: end;top: 0.8em;position: relative;}
.rest{font-size: 7.8em;font-weight: 400;color: #d8c08c;padding: 0.3em 0.5em;font-family: 'FbReforma';display: inline-block;}
.rest .number{font-size:1.5em;line-height: 0.7;font-weight: 500;}


.frame{border: 1px solid #001237;width: calc(100% - 40px);margin: 50px auto 40px;border-top: 0;border-bottom: 0;text-align: center;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.frame .top-frame{display:flex}
.frame .top-frame::before,.frame .top-frame::after{content:"";border-top: 1px solid #001237;width: 50%;}
.frame .top-frame img{width: 62%;margin-top: -6%;}

.frame .upper-logo{width: 60%;margin: 10% auto;max-width: 360px;}

.frame .bottom-frame{display:flex;}
.frame .bottom-frame::before,.frame .bottom-frame::after{content:"";border-bottom: 1px solid #ddc691;width: 50%;}
.frame .bottom-frame > div{margin-bottom: -0.3em;font-size: 3.8vw;font-weight: 500;white-space: nowrap;line-height: 0.7;padding: 0 0.5em;}
.frame .bottom-frame > div b{font-size: 1.4em;position: relative;top: -0.2em;}
span.nb-mashkanta {color:white;position: absolute;display: block;left: 70%;width: 5em;margin: 0.4em auto;font-size: 13px;text-align: right;font-weight: 300;}


.top-frame #herottl{text-align: center;color: white;font-size: 11em;min-width: 70%;position: relative;font-weight: bold;}
.top-frame #herottl > div{position:absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;transition: 0.2s all;display: flex;align-items: center;justify-content: center;}
.top-frame #herottl > div.show {transition-delay: 0.2s;}
.top-frame #herottl > div:not(.show) {transform: scaleY(0);color: #777;}

.title2{margin-top: 0.9em;font-size: 6.8em;white-space: nowrap;color: transparent;background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );-webkit-background-clip: text;font-weight: bold;}

.gold-box{background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );width: auto;border-radius: 10px;border: 1px #171c4b solid;box-shadow: 0 0 0px 3px rgb(225 206 165);margin: 0.4em -10px 0.6em;position: relative;left: 0;right: 0;color: #171c4b;font-size: 7.4em;text-shadow: 0 0 2px white;padding: 0.4em 0;box-sizing: border-box;font-weight: bold;}
.gold-box div{font-size: 0.8em;}

.flare {width: 2em;height: 2em;background: radial-gradient(white 10%,#69a8b7 13%, rgb(105 168 183 / 0%) 60%);position: absolute;animation: flame 5s linear infinite;}
.flare::before {position: absolute;top: -500%;left: 20%;right: 20%;bottom: 40%;content:"";background: radial-gradient(ellipse at bottom,rgb(255 255 255 / 30%) 10%, rgb(105 168 183 / 0%) 50%);border-radius: 50%;}

.flare-wrap {position: absolute;left: 0;right: 0;font-size: 9vw;z-index: 9;bottom: -50px;}
.flare{bottom: 0.3em;}
.flare.left {left: -0.6em;animation:flare-left 15s infinite}
.flare.right {right: -0.6em;animation:flare-right 15s infinite}

@keyframes falling-star{
    0%{top:0em;opacity:1}
    40%{top:4em;opacity:1}
    80%{top:8em;opacity:0}
    100%{top:8em;opacity:0}
}


@keyframes star-trail{
    0%{top:-600%;}
    20%{top:-940%;}   
    80%{top:-940%;}
    100%{top:940%;}
}

@keyframes flare-left{
	0%{transform:rotate(55deg)}
	50%{transform:rotate(75deg)}
	100%{transform:rotate(55deg)}
}

@keyframes flare-right{
	0%{transform:rotate(-55deg)}
	50%{transform:rotate(-75deg)}
	100%{transform:rotate(-55deg)}
}

.strars-wrap {font-size: 3vw;position: absolute;z-index: 8;left: 0;right: 0;top:-2em}
.falling-star {width: 2em;height: 2em;background: radial-gradient(white 10%,#69a8b7 13%, rgb(105 168 183 / 0%) 60%);position: absolute;animation: falling-star 5s linear infinite;}
.falling-star::before {position: absolute;top: -940%;left: 20%;right: 20%;bottom: 40%;content:"";background: radial-gradient(ellipse at bottom,rgb(255 255 255 / 30%) 10%, rgb(105 168 183 / 0%) 50%);border-radius: 50%;animation: inherit;animation-name: star-trail;}


.star-shine {position: absolute;/* width: 10vw; *//* height: 10vw; */display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: 1;}
.stars-wrap1{font-size: 0.3em;display: inline-block;}
.stars-wrap2{font-size: 0.3em;}
.star-shine.str1{top: -30%;}
.star-shine.str2{bottom: 50px;left: -20px;}
.star-shine.str3{top: 19%;z-index: 9;right: 3%;font-size: 2em;}
.star-shine.str4{top: 28%;right: 40%;font-size: 2em;}
.radial {background: radial-gradient(white, rgba(255,255,255,0) 70%);width: 100%;height: 100%;border-radius: 50%;}
.radial-wrap {width: 0.5em;height: 0.5em;position: absolute;}
.shine-wrap {width: 2em;height: 2em;position: absolute;}
.shine-wrap .radial {animation: pulse 6s infinite;}
.shine-wrap:nth-child(even) {width: 1.8em;height: 1.8em;}
.shine-wrap:nth-child(even) .radial{animation-delay: -3s;}
.shine-wrap:nth-child(2) {transform: rotate(45deg);}
.shine-wrap:nth-child(3) {transform: rotate(90deg);}
.shine-wrap:nth-child(4) {transform: rotate(135deg);}

@keyframes pulse{
0%{transform:rotate(-5deg) scale(0.05,1)  ;opacity:1}
50%{transform: rotate(5deg) scale(0.05,0.7);opacity:0.8}
100%{transform:rotate(-5deg) scale(0.05,1)  ;opacity:1}
}

.b-text{max-width:800px;padding: 20px 30px;font-size:20px;line-height:1.2;margin: 0 auto;background: rgb(118 181 223 / 90%);}

.buttons{background:black;overflow: hidden;position: relative;text-align: center;/* padding-top: 30px; */display: flex;position: fixed;bottom: 0;left: 0;right: 0;z-index: 3;}
.buttons a{width: 50%;height: 60px;display: inline-flex;margin-bottom: 0;align-items: center;justify-content: center;font-size: 5vw;text-decoration: none;color: black;box-sizing: border-box;cursor: pointer;font-weight: 500;line-height: 1;text-align: right;}
.buttons a svg{height: 60%;width:auto}
.buttons a.btn-whatsapp{background: #64b161;min-width: 60px;width: 60px;}
.buttons a.maskyoophone{background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);/* border: 2px solid white; *//* color: white; */}
.buttons a.lead2{background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);/* border: 2px solid white; *//* color: white; */}
.buttons a.lead{background: #f5f5f5;}

.nis {font-size: 0.6em;vertical-align: bottom;}

.closer{display:flex;align-items:center;justify-content:center;font-size: 40px;position: fixed;width: 40px;height: 40px;left: 10px;top: 10px;background-color: rgba(255,255,255,0.8);z-index: 7;border-radius: 50%;color: black;display: none;}


.form_wrapper {max-width: 500px;margin: auto;/* border: 1px solid #001040; *//* color: #001040; */text-align: center;padding: 15px 15px 40px;position: relative;z-index: 2;}
.form_wrapper .title {font-size: 30px;color: #001040;line-height: 1.2;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
.form_wrapper .purple {position: relative;margin: 5px;background: linear-gradient(45deg, #b09292, #f9dbdb);color: #000b2d;padding: 10px;}
.form_wrapper .purple .main {font-size: 17px;font-weight: 900;line-height: 1.2;}
.form_wrapper .purple .mugbal {display: table;white-space: nowrap;width: 100%;margin-top:5px}
.form_wrapper .purple .mugbal div {font-size: 18px;display: table-cell;width: 20%;}
.form_wrapper .purple .mugbal span {width: 40%;display: table-cell;position: relative;}
.form_wrapper .purple .mugbal span::after {content: "";position: absolute;top: 50%;left: 8px;right: 8px;height: 1px;background: #000b2d;}
.form_wrapper .come {margin: 10px auto; font-weight: 400;font-size: 3.8vw;line-height: 1.2;}
.form_wrapper .come.small{font-size:4vw}
.form_wrapper .come a{cursor: pointer;background: #001040;color: #fff;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 1px white solid;text-decoration: none;}
.form_wrapper form {width: calc(100% - 10px);padding: 0;/* max-width: 340px; */margin: auto;position: relative;font-size: 18px;border-bottom: 1px solid #001237;}
.form_wrapper form input::placeholder {color: #DDD;}
.form_wrapper form input#submitB{display:none}
.form_wrapper form input#checkB {width: 22px;height: 22px;/* float: right; */margin-top: 8px;margin-left: 5px;display:none}
.form_wrapper form  label.checkB {display: inline-block;padding-right: 30px;box-sizing: border-box;text-align: right;margin-bottom: 20px;line-height: 1.2 !important;padding-top: 5px;font-size: 12px !important;color: #001237;position: relative;cursor: pointer;}
.form_wrapper form  label.checkB::before{position:absolute;width: 20px;height: 20px;right:0;top: 6px;content:"";border:2px solid white;border-radius:2px}
.form_wrapper form  input:checked + label.checkB::before{background-image: url(../img/check.svg);background-size: 70%;background-repeat: no-repeat;background-position: center;filter: brightness(0);}

.form_wrapper form .inpt, .form_wrapper form .inpt2 {position: relative;border-radius: 10px;margin-bottom: 12px;width: calc(100% - 60px);margin: 0 auto 12px;}
.form_wrapper form .required::before {content: "*";position: absolute;color: #001237;right: -13px;top: 15px;font-size: 26px;}
.form_wrapper form .paytext {text-align: center;margin-bottom: 10px;}

.form_wrapper form .inpt.small{/* margin-left:90px; */}
.form_wrapper form .form_ttl {text-align: center;margin-bottom: 10px;line-height: 20px;font-size: 30px;white-space: nowrap;margin-top: 0;}
.form_wrapper form .form_ttl > div{margin-top: -0.3em;font-weight: 400;font-weight: bold;}
.form_wrapper form .form_ttl > div > div{font-size: 0.7em;margin-top: 0.2em;font-weight: normal;}

.form_wrapper form input {background: transparent;color: #001237;width: 100%;z-index: 0;position:relative;box-sizing: border-box;padding: 14px 5px 0;line-height: 40px;height: 50px;text-align: right;/* margin-bottom: 4px; */font-size: 20px;border: 0;border-bottom: 2px #001237 solid;font-weight: normal;}
.form_wrapper .inpt label {position: absolute;top: 10px;right: 5px;line-height: 40px;transition: all .2s ease;color: #001237;pointer-events: none;}
.form_wrapper .inpt input:not(:placeholder-shown) + label, .form_wrapper form input:focus + label {font-size: 14px;line-height: 20px;top: 0;/* color: #aaa; */}  

.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 form .address:not(.open) input {max-height: 0;transition: 0.2s all;border: 0;margin: 0;line-height: 0;height: 0;width: calc(50% - 10px);display: none;}
.form_wrapper form .address input {transition: 0.2s all;width: 100%;display: inline-block;background: transparent;padding: 0 10px;margin:0;}
.form_wrapper form .address.open {max-height: 300px;/* background: #f5f5f5; */padding-bottom: 10px;}
.form_wrapper form .address span {display: block;font-size: 16px;color: rgb(19 18 25);padding: 4px 10px;font-size: 20px;}
.form_wrapper form .address.open span{padding:0 10px;/* color: #fff; */}
.form_wrapper form .address input:nth-child(n + 4) {width: calc(100% / 3 - 2px);}

.form_wrapper form label.submitB div {display: inline-block;font-size: 1.2em;line-height: 20px;font-weight: 100;}
.form_wrapper form label.submitB {cursor: pointer;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);background: #001237;color: #000;color: white;/* width: 60%; */box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 24px;margin-bottom: 0;text-align: center;display: block;font-weight: 700;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;width: calc(100% - 40px);}
.gindi_logo{width:50%;max-width:120px;margin:20px auto}
.gindi_logo a{display:block}
.gindi_logo img{width:100%;filter: brightness(0);}
.remark {margin-top: 30px;font-size: 12px;font-weight: 600;/* margin-bottom:-10px; */color: #001040;}
.remark .t-text {max-height: 36px;overflow:hidden;margin-bottom:10px;transition: 1s max-height;}
.remark .read-more {margin-bottom: 20px;text-align: left;font-weight: 400;/* color: #efe9e9; */cursor: pointer;display:block;text-decoration:none}
.remark:not(.open) .read-more span:nth-child(2) {display: none;}
.remark.open .read-more span:nth-child(1) {display: none;}

.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%); }
}

.shine2 {
    animation: shine2 8s infinite;
    filter: brightness(2) drop-shadow(0px 0px 10px white);
}

@keyframes shine2{
    0%{filter:none}    
    50%{filter:none}
    58%{filter:brightness(3) drop-shadow(0px 0px 20px white)}
    70%{filter:none}
    100%{filter:none}
}

.blink {animation: 1s ease 0s infinite normal none running blink;padding: 0 0.2em;}

@keyframes blink { 
  0% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; }
  100% { opacity: 0; }
}


@media(min-width:993px){
	body{/* display:flex; *//* justify-content: space-between; */min-height: 100vh;}
	.desk-wrap{display:flex;max-width: 1750px;margin: 0 auto;align-items: start;}
	.desk-right{width:30%;max-width: 360px;min-width: 320px;background: rgb(118 181 223 / 90%);position: relative;height: 100vh;display: flex;align-items: center;font-size: 24px;}
	.desk-bottom{/* background: rgb(0 18 55 / 90%); */padding: 1% 0;/* position: absolute; */left: 0;right: 0;bottom: 0%;font-size: calc(0.7vw - 5px);display: flex;flex-direction: column;align-items: center;}
	.hero-title {font-size: calc(3vw - 10px);}
	.hero-title2{font-size:calc(3.5vw - 10px);margin-top: 0;padding-top: 0;}
	.hero-title3{font-size:calc(3.5vw - 10px)}
	.hero .k1500{/* max-width:300px; */width: 30%;}
	a.lead-desk {cursor:pointer;background: white;display: flex;align-items: center;justify-content: center;height: 50px;width: 80%;margin: 10px auto 0;border: 1px solid #001237;}
	.bgfixed {background-image: url(/assets/img/l20250722/bg_desk.webp?0);bottom: 0;background-position: center top 15vh;/* background-position: top 50% center; */background-size: cover;min-width: 40%;width: 1000px;margin: 0 auto;max-width: calc(100vw - 700px);}
	.bgfixed::before{padding-bottom: 58vh;}
	.triple7{width:50%}
	.bgstars{font-size:3px;height:20vh;display:none}
	.upper-logo{margin: 5em auto;}
	.hero{width: 100%;height: 100vh;}
	.hero-frame{bottom:auto;height: 80em;}
	.top-vid {/* height: 0; *//* padding-bottom: 56.2%; */margin-bottom: 2em;aspect-ratio: 1.9;max-width: 760px;margin: auto;}
	.top-vid video {position: absolute;top: 0;right: 0;left: 0;width: 100%;height: auto;}

	.price-wrap{font-size: 3px;position: absolute;left: 0;right: 0;bottom: 0;box-sizing: border-box;}
	.rest{font-size: 6.8em;}
	.strars-wrap {font-size: 1vw;}
	.flare-wrap {font-size: 5vw;}
	.mobile{display:none !important}
	#backvid {display: flex;align-items: center;}
	#backvid .top-vid::after {background: linear-gradient(180deg, black, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, black);}
	#backvid .top-vid video {margin: 0;}
	.header , .main {width: 30%;max-width: 360px;position: relative;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;padding-bottom: 30px;min-height: auto;font-size: 1vw;}
	.header {right: 0px;width: auto;max-width: none;font-size: calc(0.7vh - 2px);position: fixed;right: 0;left: 0;overflow: initial;top: 0;bottom: 0;margin: 0 auto;position: relative;/* padding: 0; */width: 80%;align-items: start;margin-bottom: 0;padding-bottom: 0;}
	.main {color: #001237;background: rgb(118 181 223 / 90%);/* float: left; */min-height: 100vh;box-sizing: border-box;position: relative;z-index: 9;min-width: 320px;}
	.b-text{right: 0;background: transparent;font-size: 24px;text-align: center;}
	.form_wrapper form{margin-top: 40px;}
	.frame .bottom-frame > div {font-size: 30px;}
	.ptor {font-size: 24px;margin-bottom: 30px;}
	.frame {min-height: auto;position: relative;/* height: 400px; */max-width: 110em;}
	.form_wrapper {padding-bottom: 0;}
	.frame .shine {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
	*:focus, *:focus-visible {outline: 2px red solid !important;outline-width: 2px !important;outline-color: red !important;box-shadow: 0 0 0 2px red;}
}
@media(max-width:992px){
	.desktop{display:none !important}
	body:not(.active) .main{/* display:none; */padding-bottom: 80px;}
	body.active .header, body.active .buttons{display:none}
	.main{/* position:fixed; */z-index: 9;top: 0;left: 0;right: 0;bottom: 0;color: #001237;padding-top: 60px;overflow: auto;z-index: 1;position: relative;background: rgb(118 181 223 / 90%);}
}


.form_wrapper form.notactive {filter: saturate(0);pointer-events: none}



.pop {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0,0,0,0.6);z-index: 999;display:none;}
.pop .pop-cont {color: #FFF;position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: #171c4b;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: 0 0 10px black;}
.pop .pop-cont .closer {position: absolute;top: 0;left: 0;cursor: pointer;z-index: 2;background: #171c4b;width: 30px;height: 30px;display: block;}
.pop .pop-cont .closer svg{position:absolute;fill:white;top:0;bottom:0;left:0; right:0;margin:auto;width:14px}
.pop .pop-cont .owl-dots .owl-dot{background:#ccc;width:10px;height:10px;display:inline-block;border-radius:10px;margin:0 5px;transition:all .2s ease}
.pop .pop-cont .owl-dots{text-align:center;margin-top:15px}
.pop .pop-cont .owl-dots .owl-dot.active{background:#2b0400}
.pop .pop-cont .pop-cont-scroll {position: relative;max-height: 100%;overflow: auto;box-sizing: border-box;height: 100%;}
.pop .pop-cont .pop-cont-scroll img{max-width: 90%;/* height:100%; */}
.pop .pop-cont .pop-cont-ttl {font-size: 6vw;padding: 0 10px;text-align: center;font-weight: 600;margin-bottom: 20px;}
.pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px}
.pop .pop-cont .pop-text a{color:white}
.pop .pop-cont .pop-title{padding:20px 0;font-size:30px;font-weight:bold}
.pop .form_wrapper{padding: 0;}
.pop .form_wrapper form {border: 0;width: calc(100% - 10px);padding: 0;max-width: 380px;margin: auto;position: relative;font-size: 20px;}
.pop .form_wrapper form input::placeholder {color: #DDD;}
.pop .form_wrapper form input#submitB,.form_wrapper form input#submitC{display:none}
.pop .form_wrapper form input.checkA {width: 22px;height: 22px;float: right;margin-top: 8px;}
.pop .form_wrapper form label.checkB {display: inline-block;padding-right: 60px;margin-right: -50px;width: 100%;box-sizing: border-box;text-align: right;margin-bottom: 20px;line-height: 1.2;padding-top: 5px;font-size: 11px;color: white;}
.pop .form_wrapper form label.checkB a{color:white}
.pop .form_wrapper form .required, .pop .form_wrapper form .inpt {position: relative;background: rgba(0,0,0,0.3);border-radius: 3px;margin-bottom: 4px;width: auto;}
.pop .form_wrapper form .required::before {content: "*";position: absolute;color: #e8d29b;right: -15px;top: 17px;font-size: 18px;font-size:30px}
.pop .form_wrapper form .paytext {text-align: center;margin-bottom: 10px;}

.pop .checkboxes {justify-content: center;}

.pop .form_wrapper form input , .form_wrapper form select {background: transparent;color: #fff;width: 100%;z-index:3;position:relative;box-sizing: border-box;padding: 5px 20px 0;line-height: 40px;height: 50px;text-align: right;/* margin-bottom: 4px; */font-size: 18px;border: 1px rgb(255 255 255 / 50%) solid;border-radius: 5px;}
.pop .form_wrapper form input[type=text]+label, .form_wrapper form input[type=number]+label, .form_wrapper form input[type=tel]+label, .form_wrapper form input[type=email]+label {position: absolute;top: 0;right: 20px;line-height: 50px;transition: all .2s ease;color: #bbb;}
.pop .form_wrapper form .inpt input:valid + label,.form_wrapper form input[type=text]:focus+label, .form_wrapper form input:read-only + label, .form_wrapper form input[type=number]:focus+label, .form_wrapper form input[type=text].notEmpty+label, .form_wrapper form input[type=tel]:focus+label, .form_wrapper form input[type=tel].notEmpty+label, .form_wrapper form input[type=email]:focus+label, .form_wrapper form input[type=email].notEmpty+label {font-size: 14px;line-height: 20px;}  
.pop .form_wrapper form select option {color: black;}
.pop .form_wrapper form input[type='checkbox']{display: none !important;!i;!;!Ãƒâ€”Ã…Â¸;!Ãƒâ€”Ã…Â¸Ãƒâ€”Ã‚Â¦;!Ãƒâ€”Ã…Â¸;!;}
.pop .form_wrapper form input:checked + label.checkB::before{filter:brightness(2);right: 25px;}
.pop .form_wrapper form label.submitB, body .form_wrapper form label.submitC, body .form_wrapper #submit-request-appointment {cursor: pointer;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: #001237;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 24px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 1px white solid;}


.logo-efal-pop {width: 40%;max-width: 200px;margin: 10px auto 20px;text-align: center;}
.logo-gindi-pop {width: 40%;max-width: 160px;margin: 40px auto 0px;text-align: center;}


@supports (-webkit-touch-callout: none) {
	.price > span{color: #d4b76f;background: transparent;-webkit-background-clip: inherit;-webkit-text-fill-color: inherit;}
	.hero{height:calc(88vh - 70px)}
	.top-frame #herottl{font-size:9em}
	.title2{font-size:6em}

}