*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
@font-face {
    font-family: NotoSerif-Bold;
    src: url(../fonts/NotoSerif/NotoSerif-Bold.ttf);
}

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

@font-face {
    font-family: Comfortaa-Light;
    src: url('../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: nubers-font;
    src: url(../fonts/NotoSerif/NotoSerif-Regular.ttf);
	unicode-range: U+30-39;
}

@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');}



/*html{scroll-behavior: smooth;}*/

html.noscroll{height:100vh;overflow:hidden}
html.noscroll body,html.noscroll #site{height:100vh !important;overflow:hidden !important}


body{font-family:nubers-font,socializm,'Arial';/* overflow-x:hidden; */direction: rtl;background: #171c4b;color: #f5f5f5;margin:0;padding:0}

.grid-lines {position: fixed;z-index: 0;top: 0;bottom: 0;width: calc(100% - 50px);display: table;height: 100%;margin: 0px 25px;border-collapse: collapse;display: none;}
.grid-lines div {display: table-cell;border: 1px rgba(255,255,255,0.1) solid;border-top: 0;border-bottom: 0;}
.stage .grid-lines {position: absolute;}

img{max-width:100%;}
div#site {padding-top: 120px;margin-bottom: 200px;position:relative;z-index:1;overflow: hidden;}

div#site.r-u-ready-bg{background: url(/assets/img/bg_top_cmp.jpg);background-size: auto 120vw;background-repeat: no-repeat;background-position: center top 120px;}
div#site.r-u-ready-bg::before{content:"";position: absolute;top: 64vh;left: 0;right: 0;background: linear-gradient(180deg, rgb(23 28 75 / 0%), #171c4b 10vh);height: 30vh;}


header{background: #171c4b;position:fixed;top:0;right:0;left:0;z-index:10;}
header .container{height:60px}
header .logo{position:absolute;top:0;height:60px;width: 58px;overflow:hidden;left: 10px;margin: auto;display: none;}
header .logo img{position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%)}
header .menu-button{display:block;box-sizing:border-box;cursor:pointer;height:auto;position:relative;left:auto;top: 20px;width: 40px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;position:absolute;top: 30px;right: 10px;transform:translateY(-50%);height: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
header .menu-button span{border-radius:0;display:block;height: 2px;margin: 3px 0px 3px;transition:all .5s ease 0s;width:100%;background: #ffffff;/* border: 2px solid rgb(255 255 255 / 50%); */box-sizing: border-box;border-radius: 2px;position: relative;width: calc(100% - 16px);}
header .menu-button span::before{content:"";position: absolute;right: -7px;width: 4px;height: 4px;border-radius: 50%;background: white;top: -1px;}

.timer-slogen{background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );position: relative;height: 60px;top:60px}
.timer-slogen::before{content:"";width: 100%;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);/* animation: bgmover 20s infinite; */height: 100%;position: absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%) inset;display: none;}

.round-logo{position:absolute;width:70px;height:70px;background-color: #171c4b;background-image: url(../img/round_logo2.png?1);background-size: 85% auto;background-repeat: no-repeat;background-position: center;top: 2px;left: 5px;z-index: 9;border-radius: 50%;}

.slogens{position:absolute;margin:0;height: 60px;overflow: hidden;/*left: calc(2vw + 60px);*/left:2vw;box-sizing: border-box;right: 2vw;text-align: center;font-family: 'socializm';}
.slogens > div {position: absolute;color: #171c4b;font-size: 7.2vw;line-height: 1;display: flex;height: 60px;/* width: 50vw; *//* text-shadow: 0 0 5px black; */align-items: center;font-weight: 600;transition: 0.4s all;top: 60px;opacity:0;left: 0;right: 0;justify-content: center;flex-wrap: wrap;align-content: center;flex-direction:column}
.slogens > div.show {top: 0;opacity:1;}
.slogens > div.prev {top: -60px;opacity: 0;height: 80px;}
.slogens > div.small{font-size: 5.4vw;line-height:1}
.slogens img.top-winwin {width: 6.6em;display: inline;margin-top: -0.1em;margin-left: 0.2em;}
.slogens > div > div {display: flex;align-items: center;line-height: 0.8em;}
.slogens > div .nis{vertical-align:unset}

b.off20 {font-weight: bold;direction: ltr;display: inline-block;font-family:'Arial';line-height: 1.1em;}
b.off20 b {font-weight: 900;font-size: 160%;display: inline-block;}
b.off20 span {display: inline-block;line-height: 1;text-align: left;}
b.off20 span p {font-size: 70%;font-weight: 900;}
b.off20 span p + p {font-size: 60%;font-weight: 600;line-height: 0.5;margin-top: 0.2em;}


#timer{direction:ltr;color: #171c4b;display:flex;position:absolute;background: #e0c6b8;height: 58px;left: 50%;top: 1px;border-radius: 29px;box-shadow: -2px 4px 2px rgb(0 0 0 / 10%) inset;padding: 13px 20px 0 20px;box-sizing: border-box;align-items: center;z-index: 1;margin: auto;transform: translateX(-50%);}
#timer .tm{display:flex;padding-bottom: 4vw;position: relative;height: 5.5vw;}
#timer .tm:nth-child(n+2)::before{content:":";width: 2vw;text-align:center;line-height: 6vw;font-size: 6vw;font-weight: 500;}
#timer .tm:nth-child(2)::before{content:""}
#timer .tm span{width: 4vw;text-align:center;font-size: 6vw;font-weight: 500;}
#timer .tm label{position:absolute;bottom:0;font-size: 3vw;left:0;right:0;text-align:center;padding-left: 2vw;font-weight: 400;}
#timer .tm.days label{font-weight: 500;padding-left: 0;font-size: 3.4vw;margin-bottom: -0.2vw;}
.timer-title {color: #171c4b;font-size: 14px;position: absolute;line-height: 16px;left: 0;right: 0;top: 4px;padding: 0 8px;z-index: 9;width: 41.2vw;/* border-radius: 0 30px 0 0; */text-align: center;margin: auto;}
.timer-title::after {/* content: ""; */position: absolute;bottom: -9px;left: 10px;border-top: 10px #f43e3e solid;border-left: 10px transparent solid;border-right: 10px transparent solid;}

.views-appt-wrap{position:absolute;top: 2px;width: 180px;left: 0;right: 0;display: flex;margin: auto;text-align: center;justify-content: center;align-items: center;}
.viewers {color: #ffffff;text-align: center;z-index: 9;width: 60px;/* margin: 0 5px; */}
.viewers #viewcount {font-size: 22px;font-weight: 500;text-align: center;}
.viewers span {font-size: 12px;line-height: 0.8;display: block;margin-top: 0px;display: flex;align-items: center;height: 22px;flex-direction: column;line-height: 1;justify-content: center;}
.viewers-spt{width:1px;height:30px;margin: 0px 20px;background:white}

.backToLogin{display:none}

a.registered {position: absolute;left: 2px;color: white;text-decoration: none;top: 2px;width: 56px;height: 56px;background: #ea4747;text-align: center;overflow: hidden;z-index: 9999;}
a.registered div {position: absolute;transform: scaleX(0.8);font-size: 15px;font-weight: 500;left: -10px;right: -10px;text-align: center;line-height: 1;top: 10px;}
a.registered label {position: absolute;bottom: 7px;border-right: 2px solid white;border-bottom: 2px solid white;width: 6px;height: 6px;transform: rotate(45deg);left: 0;right: 0;margin: auto;}

.main-title {line-height: 80px;text-align: center;color: #487ec6;font-size: 6vw;font-weight: 500;position:relative}
.main-title svg {position: absolute;bottom: 8px;left: 0;right: 0;width: 90%;fill: #1e4f85;margin: auto;}
section.hero {position: relative;}
.spt {height:40px}
.spt.desktop{display:none}
.spt-top{height:10vw}
.hero + .spt {margin-top: 0;}

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


.hero-title{font-size: 6vw;font-family: Comfortaa-Light;display: flex;align-items: center;justify-content: center;direction: ltr;margin-bottom: -0.4em;color: #001237;}
.goldframe{font-size: 8em;background: linear-gradient(-0deg, #dac28e 0%, #f6ecbd 50%, #dac28e);margin:20px auto;width:calc(100% - 40px);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;}
.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: #171c4b;line-height: 1;font-family: 'socializm';margin-top: 0.3em;}
.hero-title3{font-size: 8em;font-weight: 700;color: #171c4b;line-height: 1;font-family: 'socializm';/* margin-top: 0.3em; */display: inline-flex;position: relative;align-items: center;}
.hero-title4{font-size: 8em;font-weight: 700;color: #171c4b;line-height: 1;font-family: 'socializm';/* margin-top: 0.3em; */display: inline-flex;background: white;border: 2px solid #171c4b;padding: 0.2em;border-left: 0;border-right: 0;}
.hero-title5{font-size: 5em;font-weight: 400;color: #171c4b;line-height: 1;margin-top: 0.3em;}
.hero-title6{font-size: 6em;font-weight: 700;color: #171c4b;line-height: 1;font-family: 'socializm';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.65em;}
.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, #171c4b 0%, #28896e 50%, #171c4b);background: white;font-size: 5.6em;width: 3.4em;height: 3.4em;border-radius: 50%;display: flex;align-items: center;position: absolute;color: #171c4b;left: 1.5em;/* right: 0; */margin: auto;margin-top: -1.8em;transform: rotate(-10deg);font-family: 'socializm';border: 2px solid #171c4b;box-sizing: border-box;padding-top: 0.4em;line-height: 0.8;}
.hero .message-remark{font-weight:normal;font-size: 3em;color:white;position: absolute;left: 0;right: 0;bottom: 0;padding: 0.5em;background: linear-gradient(0deg, black, rgb(0 0 0 / 0%));}
.hero .price-wrap{background: #d9c3b5;font-size: 0.6vw;padding: 5em 0;margin-bottom: 20px;}
.hero .price-frame{display: flex;flex-direction: column;border: 1px #001237 solid;background: #001237;padding: 5em;width: calc(100% - 20px);max-width: 170em;box-sizing: border-box;margin: 0 auto;box-shadow: 0 0 0 1em #d9c3b5 inset;position: relative;}
.hero .price-frame::before{content:"";position:absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;background: linear-gradient(90deg, #d9c3b5, rgb(217 195 181 / 0%) 5%, rgb(217 195 181 / 0%) 95% , #d9c3b5);}
.hero .price-wrap *{letter-spacing:0;}
.hero .price{display: inline-flex;font-size: 29em;justify-content: center;align-items: center;/* margin: 0px -10px; */position: relative;/* margin-top: -0.4em; */}
.hero .price .from{width: 0;font-size: 0.35em;margin-top: 0.4em;font-weight: 500;}
.hero .price .from::before{position:absolute;background: #001237;content:"";width: 2em;height: 0.8em;display: block;z-index: 1;}
.hero .price .from span{position: relative;z-index:1;/* background: #001237; */color: #FFF;font-weight: bold;white-space: nowrap;padding-right: 0.05em;height: 1em;/* line-height: 0.7em; */box-sizing: border-box;/* padding-top: 0.1em; *//* top: 0.15em; */font-family: 'socializm';line-height: 1;}
.hero .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; *//* -webkit-text-fill-color: transparent; */color: white;}
.hero .price > span span{font-size: 0.5em;margin-right: -0.1em;margin-left: -0.1em;}
.hero .price .nis{font-size: 0.3em;color: #fff;font-weight: 600;height: 100%;display: flex;align-items: end;top: 0.8em;position: relative;}
.hero .rest{font-size: 13.6em;font-weight: 400;color: #ffffff;padding: 0.1em 0.5em;display: inline-block;font-weight: bold;font-family: 'socializm';line-height: 1;position: relative;}
.hero .rest .number{font-size:1.5em;line-height: 0.7;font-weight: 500;}
.hero .price-wrap .madad {font-size: 11em;font-weight: bold;color: #001237;font-family: 'socializm';margin: 0.3em auto 0;}


.pause {position: absolute;top: 10px;left: 10px;background: #171c4b;width: 40px;height: 40px;border-radius: 40px;z-index: 1;cursor: pointer;border: 1px solid white;}
.play {position: absolute;top: 10px;left: 10px;background: #09345f;width: 40px;height: 40px;border-radius: 40px;z-index: 1;cursor: pointer;display: none;border: 1px white solid;}
.pause svg {width: 21px;height: auto;fill: #fff;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);}
.play svg {width: 18px;height: auto;fill: #fff;position: absolute;top: 50%;right: 46%;transform: translateY(-50%) translateX(50%);}

section.hero {display: block;text-align:center}
section.hero .hero-pic {background-image: url(../img/l20250722/bg_mob.webp?0);/* background-image:url(../img/l599/bg-efal599mobile.webp); */background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;height: 100vw;position: relative;/* padding-top: 2%; */box-sizing: border-box;font-size: 0.75vw;background-color: #ffffff;/* padding-top: 20em; */}
section.hero .hero-pic::before{content:"";position: absolute;left: -50vh;right: -50vh;width: 120vw;top: 0;margin: 0 auto;padding-bottom: 43%;background: white;border-radius: 50%;}
section.hero .hero-pic::after{content:"";position: absolute;top: 3%;bottom: 3%;left: 3%;right: 3%;border: 1px solid white;pointer-events: none;display: none;}
section.hero .top-message{background: linear-gradient(180deg, #dcc2b1 40%, rgb(220 194 177 / 0%));padding-top: 4em;}
section.hero .imgtop{height: 14em;}
.hero-pay{font-size: 18em;margin-left: 0.2em;margin-top: 0.1em;color: #171c4b;font-weight: bold;}
.hero-number {color: #ffffff;position: relative;display: inline-flex;align-items: end;font-size: 0.45em;margin-bottom: 0em;margin-top: -2em;/* margin-bottom: 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;}

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


.hero-frame{width: 86%;margin: 0 auto;border: 1px solid #171c4a;border-top: 0;border-bottom: 0;position: absolute;left: 0;right: 0;top: 10em;bottom: auto;max-width: 66vh;background: white;/* box-shadow: 0 0 20em rgb(0 0 0 / 10%); */}
.hero-frame-top, .hero-frame-btm{display:flex;height: 1px;font-size: 8em;color: #161b48;}
.hero-frame-top div{white-space:nowrap;padding:0 0.2em;margin-top: -0.5em;}
.hero-frame-btm div{white-space:nowrap;padding:0 0.2em;margin-top: -0.5em;font-family: 'socializm';}

.hero-frame-top::before, .hero-frame-top::after, .hero-frame-btm::before, .hero-frame-btm::after{content:"";width: 50%;height: 1px;background: #161b49;}


.hero-pic .blue-frame {background: linear-gradient(-90deg, #a49581 0%, #bdb5a8 70%, #a49581);/* display: inline-flex; *//* position: absolute; */right: 0;font-size: 1.3em;/* padding: 1em 0em; */width: 96%;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;justify-content: center;gap: 0em;box-sizing: border-box;margin-top: 0;/* position: absolute; */left: 0;right: 0;bottom: 0;display: flex;margin: 0 auto;margin-bottom: 4.5em;}
.hero-pic .blue-frame-title{font-size: 8.7em;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;/* background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71); */color: #ffffff;/* margin-bottom: 0.5em; */font-family: 'socializm';}
.hero-pic .line1{font-size: 10.8em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #171c4b;line-height: 0.9;position: relative;font-weight: bold;margin-top: 0.5em;}
.hero-pic .line2{font-size: 7em;font-family: 'socializm';/* margin-bottom: -0.3em; *//* font-weight: bold; */color: #fff;line-height: 0.9;position: relative;}

.hero-pic .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-pic .blue-frame .line2::before, .hero-pic .blue-frame .line2::after {height: 2px;background: white;width: 50%;/* content: ""; */margin: 0 0.5em;}
.hero-pic .blue-frame .line3 {display: flex;align-items: center;font-size: 8.6em;justify-content: center;color: #171c4b;font-weight: normal;font-weight: bold;}

.hero-pic .flowers {position: absolute;display: flex;justify-content: space-between;width: 100%;left: 0;right: 0;margin: auto;max-width: 800px;margin-top: 4em;}
.hero-pic .flowers svg{width:5em;font-size: 5em;height: auto;}
.hero-pic .flowers svg:nth-child(1) {margin-right: -1.7em;}
.hero-pic .flowers svg:nth-child(2) {margin-left: -1.7em;transform: scaleX(-1);}
.hero-pic .svgunder{position:relative}
.hero-pic .svgunder::after{content:"";top: 0.8em;left: -0.15em;right: -0.15em;position: absolute;background: url(../img/l20241128/stroke.svg);padding-bottom: 9%;background-size: contain;background-repeat: no-repeat;}

.triple7 {display: flex;margin: 0.8em auto 0;max-width: 600px;font-size: 8em;position: relative;width: 86%;}
.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;}

.hero-pic .circle{font-size: 7.2em;font-weight:normal;display: inline-flex;align-items: center;justify-content: center;width: 2em;height: 2em;line-height: 0.8;position: absolute;background: #171c4b;padding: 0.8em;border-radius: 50%;transform: rotate(15deg);right: 1em;bottom: 1.6em;}
.hero-pic .circle::before{content:"";border: 1px solid #dbc492;position: absolute;left: 0.2em;right: 0.2em;top: 0.2em;bottom: 0.2em;border-radius: 50%;}

.yitra{font-size: 3.6em;position: absolute;left: 0.5em;bottom: 0.5em;text-shadow: 0 0  0.1em black;}

/******************* R U READY  ************************/

.textA {text-align:center;font-size: 36vw;margin:0;font-weight: 900;line-height: 0.7;color: #fff;padding: 0;display: inline-block;position: absolute;white-space:nowrap;font-family: NotoSerif-Bold;}
.with_bg{	background-image: url(https://www.storaenso.com/-/media/images/products/wood-products/hero/building_systems_1200x760.ashx);background-size: auto 70%;background-position: top 15% center;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.textA span{font-size:0.2em;vertical-align: bottom;margin-bottom: -0.1em;display: inline-block;}
.textA B {font-size: 0.7em;margin-left: -0.5em;line-height: 1;font-family: Arial;display: inline-block;vertical-align: top;margin-top: -0.1em;}
.textA span ~ span {position: absolute;right: 22%;font-size: 0.7em;}

html.stop .stage-wrap .stage *{animation:none !important;display:none}
.stage-wrap{position:relative;z-index:2;display:none;direction:ltr}
.stage-wrap.active{display:block}
.bg{background-image: url(https://www.storaenso.com/-/media/images/products/wood-products/hero/building_systems_1200x760.ashx);background-size: 100% auto;background-position:center;}
.stage {display: flex;align-items: center;justify-content: center;height: 60vw;max-height:100vh;overflow:hidden;mix-blend-mode: multiply;background:black;}
.ontop {position: absolute;top: 0;background: radial-gradient(circle at 50% center, #01256a 100px , rgb(23 28 75) 70%);width: 100%;height: 100%;z-index: 99;mix-blend-mode: difference;background: url(/assets/img/bg_top_cmp.jpg);background-size: auto 130vw;background-position: center top;}
.ontop .textA{color:black;text-shadow:0 0 2vw rgba(0,0,0,0.5)}
.no_opacity{opacity:1 !important}
.pics-back{position:absolute;z-index:0;width:100%;height:100%;font-size: 1vw;}
.pics-back div{position:absolute;width:70em;background-color:white;background-size:cover;background-position:center;transform: translateX(50%);}

.anim1{animation: moveltr1 10s  infinite ease-in-out;}
.anim2{animation: moveltr2 10s  infinite ease-in-out;}
.anim3{animation: moveltr3 10s  infinite ease-in-out;}

.anim1A{animation: moveltr1A 10s  infinite linear;}
.anim2A{animation: moveltr2A 10s  infinite linear;}
.anim3A{animation: moveltr3A 10s  infinite linear;}


@keyframes moveltr1 {
    0%{transform:translateX(50%) scaleX(0) ;opacity:0.2;right:10%}
    20%{transform:translateX(50%) scaleX(1) ;opacity:1;right:50%;}    
    40%{transform: translateX(50%) scaleX(0) ;opacity:0.2;right:90%}
    100%{transform: translateX(50%) scaleX(0) ;opacity:0.2;right:90%}
}

@keyframes moveltr2 {
    0%{transform:translateX(50%) scaleX(0) ;opacity:0.2;right:10%}
    25%{transform:translateX(50%) scaleX(0) ;opacity:0.2;right:10%}
    45%{transform:translateX(50%) scaleX(1) ;opacity:1;right:50%;}    
    65%{transform: translateX(50%) scaleX(0) ;opacity:0.2;right:90%}
    100%{transform: translateX(50%) scaleX(0) ;opacity:0.2;right:90%}
}

@keyframes moveltr3 {
    0%{transform:translateX(50%) scaleX(0) ;opacity:0.2;right:10%}
    50%{transform:translateX(50%) scaleX(0) ;opacity:0.2;right:10%}
    70%{transform:translateX(50%) scaleX(1) ;opacity:1;right:50%;}    
    80%{transform:translateX(50%) scaleX(1) ;opacity:1;right:50%;}    
    100%{transform: translateX(50%) scaleX(0) ;opacity:0.2;right:90%}
}

@keyframes moveltr1A {
    0%{right:10%;height:32em;width:30em;z-index:2}
    20%{right:50%;height:35.2em;width:70em;z-index:2}    
    40%{right:90%;height:32em;width:30em;z-index:0}
    100%{right:90%;height:32em;width:30em;z-index:0}
}

@keyframes moveltr2A {
    0%{right:10%;height:32em;width:30em;z-index:1}
    25%{right:10%;height:32em;width:30em;z-index:1}
    45%{right:50%;height:35.2em;width:70em;z-index:2}    
    65%{right:90%;height:32em;width:30em;z-index:0}
    100%{right:90%;height:32em;width:30em;z-index:0}
}

@keyframes moveltr3A {
    0%{right:10%;height:32em;width:30em;z-index:0}
    50%{right:10%;height:32em;width:30em;z-index:0}
    70%{right: 44%;height: 51.2em;width:70em;z-index:2}    
    75%{right:50%;height: 57.6em;width:70em;z-index:2}    
    80%{right: 56%;height: 51.2em;width:70em;z-index:2}    
    100%{right:90%;height:32em;width:30em;z-index:0}
}

/*************************************************************/

.spinner-wrapp{padding: 15vw;font-size: 70vw;background: radial-gradient(#01256a, rgb(1 37 106 / 0%) 70%);}
.spinner{position: relative;width:1em;height:1em}
.spinner img.circle {width: 1em;height:1em;position: relative;animation: spinner 4s steps(70, end) infinite;}
.spinner img.ru_text {position: absolute;left: 0;right: 0;top: 2%;bottom: 0;margin: auto;width: 40%;animation: pulse2 2s infinite;}

@keyframes spinner{
    from{transform:roate(0deg)}
    to{transform:rotate(360deg)}
}

@keyframes pulse2{
    0%{transform:scale(1)}
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}


/************************************************************/

.vid20-wrapper {margin-bottom: 4vw;position: relative;text-align: center;overflow: hidden;}
div#vid20 {/* height: 37vw; */max-height: 320px;overflow: hidden;display: block;position: relative;width: 70%;margin-top: 0px;background: black;}
div#vid20 video {/* top: -100%; *//* left: -100%; *//* right: -100%; *//* bottom: -100%; *//* position: absolute; *//* height: 100%; *//* margin: auto; */width: 100%;}
div#vid20::before {box-shadow: 0 0 2vw 0.5vw black inset;position: absolute;content: "";width: 100%;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
div#vid20::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #171c4b;mix-blend-mode: exclusion;z-index: 2;/* opacity: 0; */}

.vid-frame-line{position: relative;left: 0;right: 0;bottom: 0;border: 1px solid #ddc691;border-top: 0;top: 20%;z-index: 9;max-width: 800px;margin: 0 auto;margin-bottom: 50px;width: 86%;margin-top: 14%;}
.vid-frame-line::before{content:"";position: absolute;left: 0;height: 1px;background: #ddc691;width: 18%;}
.vid-frame-line::after{content:"";position: absolute;right: 0;height: 1px;background: #ddc691;width: 18%;top: 0;}
.vid-off-wrap{display:flex;direction: ltr;width: 80%;margin: 0 auto;position: relative;z-index: 9;mix-blend-mode: exclusion;margin-top: 30px;mix-blend-mode: lighten;max-width: 560px;}
.vid-off-wrap::after {width: 0;padding-bottom: 39%;display: block;position: relative;content: "";}

.vid20-wrapper .off{font-size: 12vw;white-space: nowrap;color: transparent;background: linear-gradient(45deg, #a17668, #e5c27e,#886b68);-webkit-background-clip: text;display: inline;position: relative;z-index: 9;font-family: NotoSerif-Regular;font-weight: 900;/* top: -18vw; */display: flex;align-items: center;position: absolute;right: 19%;top: 24%;}


.vid20-wrapper .top-slogen-wrap{text-align:center;position:relative;/* margin-top: -16vw; */padding-bottom: 20px;}
.vid20-wrapper .paam-top{font-size: 11.4vw;white-space: nowrap;color: transparent;background: linear-gradient(45deg, #a17668, #e5c27e,#886b68);-webkit-background-clip: text;display: inline;position: relative;z-index: 9;font-weight: bold;color: white;}

/*****/

.vid-ttl-wrap{display:flex;direction: ltr;width: 100%;margin: 0 auto;position: relative;z-index: 9;mix-blend-mode: exclusion;margin-top: 7%;mix-blend-mode: lighten;/* max-width: 560px; */flex-direction: column;}
.vid-ttl-wrap::after {width: 0;/* padding-bottom: 34%; */display: block;position: relative;content: "";}
.vid-ttl-wrap .ttl{font-size: 9.4vw;white-space: nowrap;color: white;z-index: 9;font-weight: 900;display: flex;align-items: center;/* position: absolute; */right: 0;left: 0;top: 0;text-align: center;justify-content: center;position: relative;left: 0;right: 0;margin: -0.5em auto 0;height: 1em;width: 100%;}
.vid-ttl-wrap .ttl #herottl{position: absolute;left: 0;right: 0;text-align: center;width: 100%;height: 100%;}
.vid-ttl-wrap .ttl #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;}
.vid-ttl-wrap .ttl2{font-size: 6.8vw;white-space: nowrap;color: transparent;background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );-webkit-background-clip: text;display: inline;position: relative;z-index: 9;font-weight: 900;align-items: center;position: relative;right: 0;left: 0;text-align: center;justify-content: center;width: 100%;margin: 0 auto;padding: 0.1em 0 0.3em;}
.vid-ttl-wrap .ttl #herottl > div.show {transition-delay: 0.2s;}
.vid-ttl-wrap .ttl #herottl > div:not(.show) {transform: scaleY(0);color: #777;}
.vid20-wrapper .new-slogen-wrap{text-align:center;position:relative;margin: 0em -8% 3em;z-index: 9;height: 6em;font-size:3.8vw;font-family: 'socializm';}
.vid20-wrapper .slogens-frame{background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );width: calc(100% - 30px);border-radius: 10px;border: 1px #171c4b solid;box-shadow: 0 0 0px 3px rgb(225 206 165);height: 6em;margin: 0 auto;position: absolute;left: 0;right: 0;max-width: 830px;}
.vid20-wrapper .header-slogen{display: flex;height: 6em;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;}
.vid20-wrapper .header-slogen.show{}
.vid20-wrapper .header-slogen .new-top{font-size: 7.4vw;white-space: nowrap;display: inline;position: relative;z-index: 9;font-weight: bold;color: #171c4b;transition: 0.5s all;text-shadow: 0 0 2px white;opacity: 0;padding-top: 0.2em;}
.vid20-wrapper .header-slogen .new-top div{font-size: 0.8em;margin-top: -0.2em;display: inline-block;clear: both;padding: 0.2em 0.4em;border-radius: 0.2em;}
.vid20-wrapper .header-slogen .new-top div img{height: 1em;}
.vid20-wrapper .header-slogen .new-btm{color:white;position:absolute;z-index: -1;bottom: 0em;font-size: 1.2em;transition: 0.5s all;font-weight: bold;}
span.nb-mashkanta {position: absolute;display: block;left: 70%;width: 5em;margin: 0.4em auto;font-size: 13px;text-align: right;font-weight: 300;}
span.nb-mashkanta2 {position: absolute;left: 3px;font-weight: normal;font-size: 12px;text-align: left;padding-left: 5px;bottom: -1.6em;line-height: 0.9;}
.vid20-wrapper .header-slogen.show .new-top{opacity:1;}
.vid20-wrapper .header-slogen.show .new-btm{bottom: -2.9em;width: 86%;max-width: 800px;}
.vid20-wrapper .header-slogen.show .new-btm img{background: #171c4b;padding: 0 5px;}

/***************************************************************/



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

.winwin{ position: relative;z-index: 9;height: 60vw;object-fit: cover;object-position: center;max-height:460px}

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


/***************************************************************/



body.pauseAll .falling-star{animation-play-state: paused;}
body.pauseAll .flare{animation-play-state: paused;}
body.pauseAll .blink{animation: none;}
body.pauseAll .sp-pin img{animation: none;}
body.pauseAll .owl-carousel.tiles .owl-item .tiles-frame {display: none;}




/***************************************************************/


.nis {font-size: 0.6em;font-family: 'Rubik';line-height: 1.3;vertical-align: bottom;font-weight: bold;display: inline !important;}


.line-wrap {width: 96px;position: relative;background-size: auto calc(100vh - 120px);background-position: top 120px center;background-attachment: fixed;background-repeat: no-repeat;background-color: black;display: none;}
.line-wrap.right {background-position: top 120px right;}
.line-wrap.left {background-position: top 120px left;}

@supports (-webkit-touch-callout: none) {
body .line-wrap{background-attachment:scroll;background-position:center center !important}
}

.line-wrap .lines {position: absolute;}
.lines {width: 96px;height: 100%;position: relative;font-size: 0;}.hero .mid-hero {width: calc(100vw - 192px);position: relative;overflow-y: hidden;}
.lines div {width: 20%;position: relative;height: 100%;display: inline-block;}
.lines div::before {width: 6px;height: 101%;content: "";background: white;position: absolute;margin: 0 calc(100% - 5px);}
.lines.ltr {direction: ltr;}
.lines.ltr div::before {}
.lines div::after {content: "";top: 0;position: absolute;height: 101%;background: white;width: calc(100% + 0px);transition: 1s all;margin: 0 -2px;}
.inview .lines div{transition:0.5s all}
.inview .lines div:nth-child(1)::after {height: 10px;}
.inview .lines div:nth-child(2)::after {height: 60px;}
.inview .lines div:nth-child(3)::after {height: 0;}
.inview .lines div:nth-child(4)::after {height: 0;}
.inview .lines div:nth-child(5)::after {height: 20px;}

section .owl-dots .owl-dot{background:#ccc;width:10px;height:10px;display:inline-block;border-radius:10px;margin:0 5px;transition:all .2s ease}
section .owl-dots{text-align:center;margin-top:15px}
section .owl-dots .owl-dot.active{background:#efe9e9}
.owl-nav {position: absolute;top: 0;right: 0;left: 0;display: flex;justify-content: space-between;height: 0;align-items: center;bottom: 0;height: auto;color: black;font-size: 30px;}
.owl-nav button {margin: 10px;height: 30px;width: 30px;border-radius: 50%;/* transform: translateY(-50%); */background: rgb(255 255 255 / 70%);display: flex;align-items: center;justify-content: center;position: relative;}
.owl-nav button span{font-family: Arial;}

.owl-carousel.tiles .animated{animation-duration:2s}
.owl-carousel.tiles .owl-item{position:relative;overflow:hidden}
.owl-carousel.tiles .owl-item .tiles-frame{position:absolute;width:100%;height:100%;left:0;right:0;top:0;display:flex;z-index: 1;}
.owl-carousel.tiles .owl-item .tiles-frame .tile-x {overflow: hidden;box-sizing: border-box;position:relative}
.owl-carousel.tiles .owl-item .tiles-frame .tile-x .tile {position: absolute;height: 100%;opacity:1;max-width:none;transition: 4s all;}
.owl-carousel.tiles .owl-item:not(.active):not(.cloned) .tiles-frame .tile-x .tile,
.owl-carousel.tiles .owl-item.cloned.fadeOut .tiles-frame .tile-x .tile,
.owl-carousel.tiles .owl-item.active + .owl-item.active .tiles-frame .tile-x .tile {transform:scale(2) translateX(-30%);right: 0 !important;}

/*owl-item cloned animated owl-animated-in fadeIn owl-animated-out fadeOut*/


.text-wrap {display: flex;position: relative;}
.text {/* width: calc(100% - 96px); */direction: rtl;padding: 0 30px;font-size: 18px;font-weight: 100;box-sizing: border-box;}
.text .t-title {font-size: 6.8vw;/* font-weight: 700; */line-height: 1;margin: 0 -30px 20px -30px;font-family: Comfortaa-Light;font-weight: 400;direction: ltr;text-align: center;padding-bottom: 10px;}
#sec1 .text .t-title {/* background: rgb(23 28 75 / 70%); */margin-top: 40px;margin-bottom: 0;}
.text .t-title.rtl{font-family: 'socializm';font-weight:700;direction:rtl}
.text .t-title.small{font-size:6vw}
.text .t-title b {font-size: 1.6em;vertical-align: bottom;display: inline-block;/* margin-bottom: -0.05em; */font-family: NotoSerif-Regular;}
.text .t-title * {transform: translateX(100vw) scaleX(0);opacity:0}
.text .t-title.rtl * {transform: translateX(-100vw) scaleX(0);opacity:0}
.inview.text .t-title * {animation:letter-entrance 2s ease forwards;}

#main .text{font-size:20px;font-family: 'socializm';padding-top: 1.5em;}

@keyframes letter-entrance{
	from:{}
	to{transform:none;opacity:1}
}

.text .t-title span{vertical-align:bottom;display:inline-block;}
.text .t-text {text-align: right;overflow: hidden;margin-bottom: 16px;line-height: 1.2;transition: 1s max-height !important;}
.hero .text .t-text{text-align: justify;max-height:none;text-align-last: center;}
.text .t-text {max-height: 148px;}
.text .b-text{opacity:0;}
.inview.text .b-text{opacity:1;transition: 2s opacity 0.2s;}
.text .read-more {margin-bottom: 20px;text-align: left;font-weight: 400;color: #efe9e9;cursor: pointer;display:block;text-decoration:none}
.text .t-text:not(.open) ~ .read-more span:nth-child(2) {display: none;}
.text .t-text.open ~ .read-more span:nth-child(1) {display: none;}
.text .t-title .black {font-weight: 900;color: #efe9e9;margin-bottom: 2px;font-size: 7vw;text-align: center;}
.text .t-title .black + div {background: linear-gradient(-60deg,#b0c90a 0%, #efe9e9 100%);color: white;padding: 6px 10px;margin-top: 0px;text-shadow: 0 0 2px BLACK;text-align: right;font-size: calc(6.8vw - 11px);}
/*.text .t-title .black .black-small{font-size:70%}
.text .t-title .black + div .black-big{font-size:230%;text-align:center;display:block}*/
.media-wrap {margin-top: 20px;position:relative}
.media-wrap h3 {text-align: center;margin: 20px 0 10px;font-size: 20px;color: #efe9e9;}

.apt-wrap {margin: 20px 10px;}
.apt-wrap .apt {margin-bottom: 30px;cursor: pointer;background: #ccecf9;padding: 5px;border: 1px #efe9e9 solid;}
.apt-wrap .apt .apt-pic {padding-bottom: 66%;background-size: cover;background-position: center;border: 1px #efe9e9 solid;}
.apt-wrap .apt .apt-pic.gall{padding:0}
.apt-wrap .apt .apt-ttl {padding: 0 16px;line-height: 50px;background: #efe9e9;color: white;margin-top: 5px;font-size: 20px;}

section {display: block;/* overflow: hidden; */width: 100%;direction:rtl}
section#sec1{
    position: relative;
}
.bgpic-wrap {padding-bottom:66%}
.bgpic-wrap.map{background-size:cover;background-position:center top;cursor: pointer;}

.R-bg {margin-top:-70vw;font-family: NotoSerif-Regular;position: absolute;z-index: -1;font-size: 100vw;font-weight: bold;left: 0;padding-right: 5vw;line-height: 1;-webkit-background-clip: text;background-clip: text;color: transparent;background-size: auto 120%;background-position: top 10% left;opacity: 0.8;}
.R-bg.inview{opacity:0.2;font-size:90vw;background-size:auto 90%;transition:2s opacity 1s, 2s background-size ,2s font-size;}

#negishutvid iframe{position: absolute;width: 300%;left: -2000px;right: -2000px;top: -100%;bottom: -100%;margin: auto;height: 100%;}
#negishutvid::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0; }
#negishutvid.paused::after {    background-image: url(../img/spherekelA.jpg?1);background-size: cover;}


.popup{/* display:none; */position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.9);color:#fff;z-index:999}
.popup.login-popup{background:rgba(0,0,0,0.5)}
.login-popup .popup_container {width: 100%;max-width: 360px;height: 100vh;text-align: center;overflow: auto;padding: 30px 40px;max-height: 500px;box-sizing: border-box;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);background: rgb(31 37 82 / 80%);border: 1px solid #5d67b3;}
.login-popup .return{position:absolute;line-height:40px;top:0;right:0;padding:0 10px;color:white;font-size:14px;cursor:pointer}
.login-popup .sen {font-size: 24px;font-weight: 500;padding-top:10px;padding-bottom:4px}
.login-popup .exp {font-size: 18px;font-weight: 500;padding-top:10px;}
.login-popup .inputWrap.inpt {height: 60px;display: block;background: #fff;margin: 10px 0 0 0;position: relative;font-family:'Rubik'}
.login-popup .inputWrap:not(.code) input { position: absolute;top: 0;right: 0;left: 0;bottom: 0;border: 0;height: 100%;padding-right: 80px;background: transparent;width: 100%;box-sizing: border-box;font-size: 18px;}
.login-popup .inputWrap:not(.code) input {padding:0 20px;color: black;}
.login-popup .inputWrap:not(.code) label{/* display:none; */}

.login-popup .form_wrapper form .inputWrap label {color: #333;position: absolute;top: 0;right: 0;line-height: 60px;padding-right: 15px;}
.login-popup form.vericode_form .inputWrap label.codelabel {color: #333;position: absolute;top: 0;right: 0;line-height: 60px;padding-right: 15px;width: 110px;box-sizing: border-box;z-index: 0;}

.login-popup .inputWrap label.codelabel{z-index:0}
.login-popup .inputWrap.code label::after {content: "_ _ _ _ _ _";position: absolute;white-space: nowrap;letter-spacing: 4px;margin-right: 8px;margin-top: 2px;}
.login-popup .inputWrap.code label+input {position: absolute;top: 0;padding-right: 100px;right: 0;bottom: 0;border: 0;width: 100%;height: 100%;background: transparent;letter-spacing: 16px;direction: ltr;box-sizing: border-box;padding-left: calc(100% - 242px);}

.login-popup .submit {height: 60px;display: block;border: 0;background: #dec5b6;margin: 10px 0 0 0;cursor:pointer;outline: 0;position: relative;font-size: 30px;line-height: 60px;border-radius: 0;padding: 0;font-weight: 500;box-shadow: none;color: #171c4b;}

.login-popup .no-code {font-size:24px;padding-top:40px}
.login-popup .no-code span {padding-right:5px;cursor:pointer;text-decoration:underline}
.login-popup .no-code span a{color:white;text-decoration:underline}
.login-popup #resend {margin-top: 10px;margin-bottom: -20px;text-decoration: underline;font-size: 16px;cursor:pointer;line-height: 40px;}

.login-popup .popup_container.smsForm{display:none}
.login-popup.sms .popup_container{display:none}
.login-popup.sms .popup_container.smsForm{display:block}

.login-popup.sms:not(.resend) .popup_container.smsForm .show-resend {display: none;}
.login-popup.sms.resend .popup_container.smsForm .hide-resend {display: none;}

.login-popup form input#checkB {width: 22px;height: 22px;float: right;margin-top: 8px;}
.login-popup form label.checkB {display: inline-block;padding-right: 50px;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;}


section#balance .numbers {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
section#balance .focusclose {display:none}
section#balance.popb .focusclose {display:block}
section#balance .numbers>a{border: 1px #efe9e9 solid;width:42px;height:42px;background: #ccecf9;border-radius:42px;font-size:24px;color: #efe9e9;font-weight:600;line-height:42px;text-align:center;cursor:pointer;text-decoration:none;/* position: absolute; */z-index: 9;/* transform: translate(-50%, -50%); */position: relative;display: block;margin: 15px auto;}
section#balance .numbers>a.active:not(.num-area){background-color: #efe9e9;color: white;display: block;position: relative;/* display: none; */}

div#ballance-gal .side_bar {position: absolute;right: 0;top: 0;bottom: 0;width: 90px;z-index: 9;background: rgb(0 0 0/50%);}

section#balance .img-carousel .numbers>a span {font-size: 11px;padding: 2px;background: rgb(255 255 255 / 90%);position: absolute;left: 50%;line-height: 1;font-weight: normal;white-space: nowrap;overflow: hidden;transform: translateX(-50%);bottom: 0px;color: #2b0400;max-width: 40px;opacity: 0;transition: 0.2s all !important;box-sizing: border-box;width: 90px;opacity: 1;max-width: 90px;bottom: -8px;}
section#balance .img-carousel .numbers>a.active span {bottom: -8px;opacity: 1;max-width: 90px;background: white;}
section#balance .img-carousel .numbers>a.num-area {font-size:0;transform: none;border-radius: 0;border: 0;background: 0;width: 100%;height: 100%;z-index: 0;}
section#balance .img-carousel .numbers>a.num-pinkas {left: 50%;top: 15%;width: 60px;height: 60px;font-size: 0;background-color: rgb(43 4 0 / 60%);background-image: url(../img/logo.png);background-repeat: no-repeat;background-position: center;}
section#balance .img-carousel .numbers>a.num-pinkas.active:not(.num-area) {background-color: #2b0400;}

section#balance .img-carousel .item #ballance-gal-wrap {overflow: auto;direction:ltr;position: relative;height: 81vw;}
section#balance .img-carousel .item .ballance-gal-map {position: relative;width: 100%;/* height: 400px; *//* transition:1.2s all !important; */}
section#balance .img-carousel .item .active .ballance-gal-map {/*width: 200%;*/}

section#balance .numbers svg {width: 100%;height: auto;position:absolute;top: 0;left: 0;}
section#balance .numbers svg .shp0 {fill-opacity: 0.5;/* fill: #ccecf9; *//* stroke: #1e497d; */stroke-width: 1;cursor: pointer;opacity: 0;}
section#balance .numbers svg .shp0.active  {/* fill: #efe9e9; */fill-opacity: 0.6;stroke-width: 3;opacity: 1;}
section#balance .numbers svg #bg  {fill: #000;fill-opacity: 0;stroke-width: 0;}

section#balance .numbers>div {position: absolute;display: none;transition: none;}
section#balance .numbers>div.num1 {top: 18.4%;width: 13.4%;left: 16%;display: block;}
section#balance .numbers>div.num2 {top: 41.5%;width: 48.3%;left: 0;display: block;}
section#balance .numbers>div.num3 {top: 27.2%;width: 18.6%;left: 17%;display: block;}
section#balance .numbers>div.num4 {top: 38%;width: 44.7%;left: 34.6%;display: block;}

section#balance .numbers>a .clicker{position:absolute;width:100%;height:100%;display:none;left:50%;top:50%}
section#balance .numbers>a .clicker img{position:absolute;display:none;width:80%}
section#balance .numbers>a .clicker::before{content:"";position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:white;left: 0;top: 0;}
section#balance .numbers>a .clicker.active {display:block}
section#balance .numbers>a .clicker.active img{display:block;animation: clickmove 2s infinite;}
section#balance .numbers>a .clicker.active::before{animation: clickthis 2s infinite;}
section#balance .numbers>a svg {width: 26px;height: 26px;top: 0;right: 0;bottom: 0;margin: auto;opacity: .5;}
section#balance .numbers>a.active svg {opacity:1;fill:#fff;top: -8px;}

section#balance .img-carousel .item .active .numbers>a .clicker{display:none}


section#balance{overflow:hidden}
section#balance .img-carousel{/* width:110%; */}
section#balance .img-carousel img{width: 100%;max-width:none;}
section#balance .img-carousel img.binuiover {position: absolute;top: 0;z-index: 1;width: 100%;left: 0;}
section#balance .img-carousel .item{position:relative}
section#balance .owl-carousel .item{height:auto;min-height:auto;padding: 0 10px;}
section#balance .owl-carousel .item h3{text-align:right}
section#balance .text{color: #f5f5f5;width: auto;padding: 0;}
section#balance h3 span{padding-left:10px}
section#balance .text-carousel .owl-stage-outer{overflow:visible}
section#balance .text-carousel{margin-top: 0px;}
section#balance .text-carousel .owl-item:not(.active){opacity:.3}
section#balance .text-carousel .owl-item{transition:all .2s ease}
section#balance .text-carousel .owl-dots{position:absolute;top:0;right: -10px;left: -80px;display: none;}
section#balance .text-carousel{padding-top: 0;width: calc(100% - 120px);margin-right: 20px;}
section#balance .block{width:100%;margin-right:0;background:0 0;margin-top: 0;padding-top: 20px;}
section#balance .image{height:calc(100vw - 80px);position:relative;text-align:center;padding:12%;box-sizing:Border-box;background-size:cover;border-radius:50%;width: calc(100vw - 80px);}
section#balance .image .con{content:'';position:absolute;top:50%;right:50%;width:75%;height:75%;background:#fff;transform:translateY(-50%) translateX(50%);border-radius:100%}
section#balance .image .icon{padding-top:16%}
section#balance .image *{position:relative}
section#balance .image .text{width:45%;margin:0 auto;font-size:16px;display:block}
section#balance .image h3{font-weight:400;padding-top:15px;font-size:20px}
section#balance .img-carousel{margin-top: 40px;width: 100%;position:relative}
section#balance .line-wrap{transition: 1s all;}
section#balance .line-wrap.active{right: -100px !important;opacity: 0;}
section#balance .zoomicon {transform: none;top: 10px;left: 10px;background: white;}
section#balance .zoomicon svg {fill: #efe9e9;}


section#balance.popb {position: fixed;top: 0;left: 0;z-index: 999;height: 100%;background: rgb(0 0 0 / 80%);width: 100%;}
section#balance.popb .img-carousel .item #ballance-gal-wrap {height: calc(110vh - 280px);}
section#balance.popb .media-wrap {background: white;margin: 0;max-width: 1053px;margin: auto;padding: 10px;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
section#balance.popb .img-carousel {margin: 0;}
section#balance.popb .zoomicon {background: #ffffff;width: 40px;height: 40px;transform: rotate(45deg);top:20px;left:20px;}
section#balance.popb .zoomicon svg {display: none;}
section#balance.popb .zoomicon::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 2px;height: 16px;background: #efe9e9;}
section#balance.popb .zoomicon::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 16px;height: 2px;background: #efe9e9;}


section#balance .numbers svg #a2.shp0 {fill: #a9bf1b;stroke: #4b8000;}
section#balance .numbers svg #a1.shp0 {fill: #efe9e9;stroke: #1e497d;}
section#balance .numbers svg #a4.shp0 {fill: #ed7122;stroke: #f43e3e;}
section#balance .numbers svg #a3.shp0 {fill: yellow;stroke: #b79d00;}

.article{background:url(../articles/frame-opt.png);background-size:cover;padding: 6.25%;position: relative;/* background-color: red; */box-sizing: border-box;display: block;margin: 15px;}



.circles {position: absolute;left: 0;right: 0;display: flex;justify-content: space-around;font-size: 1vw;top: 4em;}
.circles .circle {width: 18em;height: 18em;/* background: #171c4b; */border-radius: 3em;display: flex;flex-direction: column;text-align: center;color: black;overflow: hidden;box-shadow: 0 0 2em rgb(0 0 0 / 20%);/* text-shadow: 0 0 1px BLACK; */position: relative;}
.circles .circle::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255,255,255,0.4);height: 100%;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.circles .circle *{position:relative}
.circles .circle .unit {/* height: 31%; */font-size: 3.9em;display: flex;/* align-items: end; */justify-content: center;padding-top: 2%;padding-bottom: 3%;}
.circles .circle .number {font-size: 4.6em;line-height: 1;display: flex;align-items: end;justify-content: center;margin-bottom: -0.2em;margin-top: 0.5em;}
.circles .circle .park {font-size: 5em;height: 60%;display: flex;padding-bottom: 6%;align-items: end;justify-content: center;line-height: 0.8;}
.circles .circle .ttl {font-size: 2.8em;line-height: 1;}


section#sec6 {}
section .pay-wrap{text-align:center;overflow: hidden;background: url(../img/grass.webp);background: url(https://boutique.ramotefal.co.il/exclusive/assets/img/lock_bg.webp);background-size: 200% auto;background-position: top center;background-repeat: no-repeat;box-shadow: 0 -90px 40px -40px #171c4b inset;}
section .pay-wrap table td div {font-size: 3vw;/* display: none; */}
section .pay-wrap table td div.compare-td {/* display: block; */font-weight: normal;}
section .pay-wrap.no-bg{background:transparent}

.pay-title{margin: 10px auto 10px;box-sizing:border-box;font-size: 4vw;font-weight: 600;line-height: 1;border: 2px solid white;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: #00153f;max-width: calc(100% - 50px);/* border-radius: 10px; */box-shadow: 0 0 0 2px #09345f;position: relative;text-align: center;letter-spacing: -0.04em;}
.pay-title .pay-title-inner{padding: 10px 5px 5px;}
.pay-title.small {font-size: 5vw;}
.pay-title .pt-small {font-size: 50%;font-weight: normal;}
.pay-title .pt-mid {font-size: 90%;display: inline-block;color: white;text-shadow: 0 0 2px black;margin-top: 8px;}
.pay-title .pt-big{font-size: 170%;}
.pay-title.red{background: linear-gradient(-90deg, #b52020 0%, #e13939 70%, #ad1a1a);color: white;text-shadow: 0 0 2px black;}

.pay-title.arrow::before {content: "";border-bottom: 2px #09345f solid;border-left: 2px #09345f solid;width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -18px;margin: auto;background: white;border-radius: 0px 0px 0px 4px;}
.pay-title.arrow::after {content: "";width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -7px;margin: auto;background: #d9c28e;border-radius: 0px 0px 0px 4px;}
.pay-title.arrow.red::after{background: #d13030;}

.pay-title.arrow.arrow-up::after {top: -7px;bottom: auto;}
.pay-title.arrow.arrow-up::before {top: -13px;bottom: auto;border: 2px #09345f solid;border-bottom: 0;border-left: 0;border-radius: 0 4px 0 0;}
.pay-title.click{cursor:pointer}

.vid-n12-wrap {max-width: 800px;margin: 40px auto;/* padding-bottom: 60%; */position: relative;}
.vid-n12-wrap::before {content: "";padding-bottom: 57.2%;position: relative;display: block;}
div#vidn12 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;cursor:pointer;background-image:url(/assets/img/n12.jpg);background-size:cover;cursor:pointer;overflow:hidden}
div#vidn12 > div {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;font-size: 1.4em;flex-direction: column;}
div#vidn12 > div u{font-size: 1.2em;}
div#vidn12 video {height: 100%;margin: 0 auto;}

.slogen2-wrap {width: calc(100% - 40px);margin: 30px auto 10px;color: #171c4b;position: relative;text-align: center;max-width: 800px;box-shadow: 0 0 20px rgb(0 0 0 / 50%);}
.slogen2-wrap .slogen2{background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);background: linear-gradient(-90deg, #b5a391 0%, #d5c3b0 70%, #b5a391);padding:10px 20px;border: 1px solid #171c4b;box-sizing: border-box;}
.slogen2-wrap .line {height: 2px;}
.slogen2-wrap .line.l1 {background: linear-gradient(90deg, #171c4b 50%, rgb(23 28 75 / 0%));}
.slogen2-wrap .line.l2 {background: linear-gradient(-90deg, #171c4b 50%, rgb(23 28 75 / 0%));}
.slogen2-wrap .slogen2-txt {font-size: 7.2vw;font-weight: bold;line-height: 1.1;/* letter-spacing: 0.3px; *//* white-space: nowrap; */padding: 0.2em 0;}
.slogen2-wrap .slogen2-txt.initial{}
.slogen2-wrap .slogen2-txt.initial span{/* font-weight: 900; *//* font-size: 1.2em; */}


.specialboxes {width: calc(100% - 30px);display: flex;flex-wrap: wrap;text-align: center;margin: 0 auto;justify-content: space-between;justify-content: center;font-size: 4.8vw;}
.specialbox {/* background: #957b60; *//* background: linear-gradient(-90deg, #957b60 0%, #b79d81 70%, #b5a391); */margin: 5px;width: calc(50% - 10px);color: #171c4b;display: flex;flex-direction: column;height: 5em;justify-content: center;padding: 0.5em;box-sizing: border-box;font-weight: 700;border-radius: 10px;border: 2px solid #c59d62;line-height: 1;/* box-shadow: 0px 4px 5px -4px rgb(0 0 0 / 50%), 0 0 2em 0px inset rgb(255 255 255 / 50%),0 0 0 5px #957b60 inset, 0 0 0 6px #ccbaa8 inset; */box-shadow: 0 0 5px #ffffff inset, 0px 4px 4px -4px rgb(0 0 0 / 80%);}
.specialbox.sp3{width:calc(100% / 3 - 10px)}
.specialbox .the7{margin-bottom: 0.4em;}
.specialbox .the7 img{height: 2.6em;}
.specialbox .the7 span{margin-right: -0.3em;margin-bottom: -0.1em;}
.specialbox .the7.the7r span{margin-left: -0.4em;}
.specialbox > *{position:relative;z-index:1;}
.specialbox > *:not(.numtext){font-family:'socializm'}
.specialbox.bigbox {width: 100%;font-size: 1.4em;height: 4em;}
.specialbox::before {content:"";position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 1em;color: white;font-weight: 100;background: rgba(255,255,255,0.6);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.points{background: #171c4b;box-shadow: 0 0 30px 30px #171c4b;}

a.waze_link {color: inherit;text-decoration: none;display: inline-flex;text-align: right;line-height: 1.2;align-items: center;padding-left: 1em;border: 1px #4478a4 solid;border-radius: 3em;margin-top: 0.5em;background: #a0cef5;color: black;}
a.waze_link::before {content: "";margin-left: 0.4em;width: 40px;height: 40px;min-width: 40px;background: white;border-radius: 50%;/* border: 1px #EEE solid; */background-image: url(/assets/img/waze.svg?1);background-size: 70%;background-position: center;background-repeat: no-repeat;}


.numtext{display: inline-flex;font-size: 30em;justify-content: center;align-items: center;margin: 0em auto;/* color: white; */font-weight: 700;}
.numtext .from{width: 0.7em;font-size: 0.3em;margin-top: -0.7em;font-weight: 600;line-height: 1;}
.numtext .from span{position: relative;z-index:1;background: #a1beae;/* color:#e2a391; */white-space: nowrap;}
.numtext > span{/* color:#e2a391; */display: flex;align-items: end;direction: ltr;line-height: 1;/* text-shadow: -1px -1px black, 1px 1px rgb(255 255 255 / 60%); */}
.numtext > span span{font-size: 0.5em;}
.numtext.line-through::before{content:"";position: absolute;top: 50%;border-bottom: 1px solid #033325;left: -0.4em;right: -0.4em;}
.numtext.line-through{font-weight: 100;opacity: 0.9;}

.star-shine {position: absolute;width: 10vw;height: 10vw;display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: 1;}
.star-shine.str1{top: -30%;}
.star-shine.str2{bottom: 50px;left: -20px;}
.star-shine.str3{top: 8%;z-index: 9;left: 0;font-size: 2em;}
.star-shine.str4{bottom: 17%;right: 3px;font-size: 2em;}

.star-shine.str5{top: -4%;z-index: 9;left: 0;font-size: 3em;}
.star-shine.str6{bottom: -3%;right: 3px;font-size: 3em;}


.star-shine {position: absolute;width: 10vw;height: 10vw;display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: 1;}
.star-shine.str1{top: -30%;}
.star-shine.str2{bottom: 50px;left: -20px;}
.star-shine.str3{top: 8%;z-index: 9;left: 0;font-size: 2em;}
.star-shine.str4{bottom: 17%;right: 3px;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}
}

section .pay-wrap .pay-text {padding: 10px 40px;}
section .pay-wrap .table-wrap {width:calc(100% - 40px);margin: 0 auto 30px;}

section .pay-wrap table{width: calc(100% - 50px);margin: 0px auto 0;border-collapse: collapse;box-sizing: border-box;width: 100%;background: rgba(0,0,0,0.8);}
section .pay-wrap .stripe{position: relative;z-index: 9;margin: 0 ;padding: 5px 20px;text-align: center;font-size: 7vw;color: #001237;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);font-weight: bold;}
section .pay-wrap .stripe .stripe-sml{font-size:0.7em}
section .pay-wrap table td, section .pay-wrap table th{border-left: 1px solid #fff;border: 1px solid #fff;box-sizing:border-box;font-weight:400;vertical-align:middle;}
section .pay-wrap table td:last-child, section .pay-wrap table th:last-child{/* border-left:0 */ position:relative}
section .pay-wrap table td:last-child::after{content:"";position: absolute;width: 90%;max-width:6em;height: 1px;background: rgb(255 255 255 / 50%);left: 0;right: 0;top: 0;bottom: 0;margin: auto;transform: rotate(5deg);}

section .pay-wrap table th{line-height: 0.8;padding: 10px 5px;font-weight: normal;font-size: 3.4vw;background: #fff;color: #171c4b;}
section .pay-wrap table th:nth-child(4){font-size: 5vw;}
section .pay-wrap table td{height: 55px;vertical-align:middle;font-size: 3.6vw;color: #e8d29b;}
section .pay-wrap table td .pent {font-size: 2.8vw;}
section .pay-wrap table td span{display:block;}
section .pay-wrap table td s{opacity:0.5}
section .pay-wrap table td:nth-child(4),section .pay-wrap table th:nth-child(4) {font-weight: bold;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);font-size: 4.6vw;color: #171c4b;}
section .pay-wrap table th:nth-child(4){font-size: 4vw;line-height: 1.1;direction: ltr;}

section .pay-wrap table th, section .pay-wrap table td {/* width: calc(100% / 3); */}
section .pay-wrap table th:nth-child(2),section .pay-wrap table th:nth-child(3), section .pay-wrap table td:nth-child(2), section .pay-wrap table td:nth-child(3) {/* display: none; */}

section .pay-wrap .paying-today{width: calc(100% - 20px);margin:0 auto;display:block;font-size: 7vw;font-weight:600;padding: 6vw 14vw;box-sizing:border-box;line-height: 1.1;color: white;background-size: 100% auto;height: 63vw;background-repeat: no-repeat;}
section .pay-wrap .paying-terms{font-size:20px;background: #b0c90a;display:block;width:calc(100% - 40px);line-height:60px;margin:15px auto 0 auto;cursor:pointer;color: #000;}


section span.underline svg {position: absolute;right: 0;left: 0;width: 100%;fill: #b0c90a;bottom: 0;}
section span.underline {position: relative;display: inline-block;padding: 0 2vw 3vw;}

.text-carousel.bgpics .item {padding-bottom: 66%;background-size: cover;background-position: top center;height:0}
.text-carousel.bgpics .item img{object-fit: cover;object-position: top center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.text-carousel.bgpics .item span {font-size: 100%;position: absolute;color: white;left: 0;right: 0;/* text-align: center; */bottom: 0;text-shadow: 0 0 2px BLACK;font-weight: bold;padding: 10px 5%;z-index: 9;background: rgba(0,0,0,0.4);}

#press .owl-carousel.owl-rtl {max-width: 600px;margin: 0 auto;}
#press .media-wrap h3 {color: #efe9e9;}

.owl-carousel + .play, .owl-carousel + .pause {opacity: 0;}


ul.gindi-ul {padding: 10px 55px 10px 0;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 25px;}
ul.gindi-ul li {list-style: none;margin: 10px 0 16px;position: relative;}
ul.gindi-ul li::before {position: absolute;right: -30px;width: 20px;height: 20px;/* top: 0px; */content: "R";font-family: 'NotoSerif-Regular';font-size: 16px;display: flex;align-items: center;justify-content: center;background: #dec5b6;color: #171c4b;font-weight: bold;border-radius: 50%;}
ul.gindi-ul li .bank-img{max-width:70px;/* max-height:30px; */margin-right:10px;margin-top:-2px}
.points ul.gindi-ul li {font-size: 14px;display: flex;align-items: center;}
.points ul{margin-bottom:0}
.bank {width: 93.5%;margin: 0 auto 30px;border: 2px #777 solid;display: flex;align-items: center;justify-content: center;padding: 10px;box-sizing: border-box;background: linear-gradient(45deg, #eee, #fff);}

.zoomicon{width:50px;height:50px;border-radius:50%;background: rgb(255 255 255 / 50%);position:absolute;top: 30%;left: 50%;transform: translateY(-50%) translateX(-50%);z-index:9;text-align:center;cursor:pointer;}
.zoomicon svg {fill: #09345f;width:50%;height:100%}

section#balance .popbalance{display:none}
section#balance.popb .popbalance{display:block;width:0;height:0}


.pay-btn {font-size: 20px;background: #f43e3e;display: block;width: calc(100% - 40px);line-height: 60px;margin: 15px auto 0 auto;cursor: pointer;color: #fff;max-width: 480px;}
.pay-spt {background: #000;width: calc(100% - 40px);margin: 20px auto 0 auto;height: 1px;}

.pay-list-wrap {overflow: auto;max-width: 100%;margin: 0 auto;display: inline-block;clear: both;}
.pay-list-wrap .pay-list {display: flex;margin-top: 20px;}
.pay-list-wrap .pay-list ol {width: 30%;min-width: 120px;font-size: 12px;text-align: right;font-weight: 100;box-sizing: border-box;}

section.gindi{margin-top:50px}

section#gindi-chart {margin-top: 30px;padding: 10px 0 40px;/*background: linear-gradient(180deg, #ccecf9, #f5fcff 10px, #ccecf9 calc(100% - 10px), #9ddcf7);*/}
.chart1.checkview span {position: relative;display: inline-block;padding: 4px 10px;width: 100%;max-width: 0;box-sizing: border-box;border-bottom: 1px solid #dec5b6;white-space:nowrap;direction: ltr;background: linear-gradient(-45deg, rgb(228 215 184 / 0%), #ebdcb9 70%);color: black;font-size: 20px;}
.chart1.checkview div {display: inline-block;font-size: 26px;font-weight: 600;padding: 0 10px;}
.chart1:nth-child(2n + 1){direction:ltr}
.chart1 {margin-top: 40px;overflow: hidden;}
.chart1:nth-child(2n + 1) span {direction: rtl;background: linear-gradient(45deg, rgb(228 215 184 / 0%), #ebdcb9 70%);}

a.footer-logo{display:block;width:100%;text-align:center;max-width: 30%;margin: 40px auto 50px;}

footer{/* margin-bottom:60px */}



.gExtra-wrap {width: calc(100% - 50px);margin: 20px  auto 20px;box-sizing: border-box;padding: 7vw 14px 3vw;position: relative;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);/* overflow: hidden; */background: transparent;/* background: white; *//* border-radius: 20px; */}
.gExtra-wrap::before{content:"";background: #171c4b;position: absolute;top: 2px;bottom: 2px;left: 2px;right: 2px;/* border-radius: 18px; */}
.gExtra-wrap::after{content:"";position: absolute;bottom: -10px;left: 0;width: 200%;height: 110%;background: linear-gradient(45deg ,  #171c4b calc(50% - 10px), rgb(23 28 75 / 0%) 50%);z-index: 0;background-repeat: no-repeat;background-size: 140%;}
.gExtra-wrap.inview::after{content:"";transition: 4s all ease;left: -180%;}
.gExtra-wrap .gExtraTitle {position: absolute;left: 50%;top: -5.4vw;padding: 0 10px;background: #171c4b;transform: translateX(-50%);font-size: 7vw;color: #e4ce98;/* color:white; */white-space: nowrap;font-weight: 600;z-index: 1;}
.gExtra-wrap .gExtraTitle div {font-size: 3.8vw;line-height: 1;font-weight: normal;letter-spacing: 0.6vw;display: none;}
.gExtra-wrap .gExtra {background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );background: #0b152f;color: #dfc893;padding: 3vw 3vw;font-size: 8.2vw;font-weight: 600;/* text-shadow: 0 0 3px rgb(255 255 255 / 50%); */position: relative;z-index: 1;/* background: #4aa8df; */border-radius: 10px;box-shadow: 0 0 0px 3px rgb(225 206 165);border: 2px solid #171c4b;margin: 0 -20px;}
.gExtra-wrap .gExtra .gExtra_winwin{width: 70%;margin:20px 0;max-width: 400px;}
.gExtra-wrap .gExtra .gExtraTtl2 {font-size: 1.1em;position: relative;margin-bottom: 0;display: block;color: #171c4b;text-shadow: 0 0 3px white;}
.gExtra-wrap .gExtra .gExtraTtl2 span{font-size: 0.8em;font-family: 'Rubik';}
.gExtra-wrap .gExtra i {font-style: normal;font-size: 0.7em;margin-left: -0.1em;margin-top: 0.1em;position: relative;display: inline-block;}
.gExtra-remark {color: #ddc691;font-size: 1.3em;position: relative;text-align: right;margin-top: 0.3em;font-weight: bold;text-align: center;display: none;}
.gExtra-wrap .shovi {position: absolute;display: inline-block;background: #171c4b;bottom: -3.5vw;font-size: 6vw;font-weight: 500;white-space: nowrap;right: 50%;transform: translateX(50%);padding: 0 10px;color: #fff;z-index: 6;}
.gExtra-wrap .gExtra > .nis {/* font-size: 3vw; *//* position: relative; *//* top: 1.6vw; */}
.gExtra-wrap .gExtra .instead {font-size: 4.6vw;position: relative;font-weight: 400;margin-right: 1vw;display: inline-block;}
.gExtra-wrap .gExtra .instead .nis {/* font-size: 2.9vw; *//* position: relative; *//* top: 1.7vw; */}
.gExtra-wrap .gExtra .instead::after{content:"";position: absolute;top: 49%;width: 100%;left: 0;right: 0;height: 1px;background: #171c4b;transform: rotate(5deg);}
.gExtraSpt {margin: 10px;border-bottom: 2px dotted #171c4b;}


.hMishpatit .text {width: auto;max-width: 800px;box-sizing: content-box;margin: 0 auto;font-size: 16px;}
.hMishpatit .text .b-text {font-size: 12px;}
.hMishpatit .text .t-text {max-height: 56px;}


.pay-banner {margin: 20px auto 50px;padding: 20px;color: #043766;font-size: 16px;border: 1px solid #9fddf7;border-radius: 10px;text-align: center;font-weight: normal;max-width: calc(100% - 60px);box-sizing: border-box;max-width: 800px;}


.btn-whatsapp{position: fixed;left: 7px;transform: translateY(-50%);font-size: 4vw;background: #64b161;color: #fff;border: 1px solid #64b161;text-decoration: none;border-radius: 31px;padding: 0px 10px 0 30px;text-align: center;line-height: 36px;width: auto;bottom: 40px;font-size: 12px;border: 1px solid white;z-index: 99;box-shadow: 0 3px 0 rgb(0 0 0 / 20%);cursor: pointer;}
.btn-whatsapp svg{width:20px;height:20px;position: absolute;left: 6px;top: 8px;}

.btn-matkonet {position: fixed;left: 7px;transform: translateY(-50%);background: #d0bbae;color: #171c4b;text-decoration: none;border-radius: 31px;padding: 0px 10px 0 30px;text-align: center;height: 36px;width: 52px;bottom: 85px;font-size: 12px;border: 1px solid white;z-index: 99;display: flex;align-items: center;box-shadow: 0 3px 0 rgb(0 0 0/20%);cursor: pointer;}
.btn-matkonet svg {fill: #171c4b;width: 20px;height: 20px;position: absolute;left: 6px;top: 7px;}
.btn-matkonet span {width: 60px;display: block;line-height: 1;font-size: 18px;text-align: center;}

.footer-sticky {position: fixed;bottom: 0;left: 0;right: 0;display: flex;z-index: 99;box-shadow: 0px -3px 0 rgb(0 0 0 /20%);}
.footer-sticky > div {width: 50%;background: #dec5b6;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: #171c4b;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;cursor: pointer;}
.footer-sticky > a, .footer-sticky > .white-btn{width: 50%;background: #ffffff;color: #171c4b;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;text-decoration: none;}
.footer-sticky > a span{direction:ltr;padding: 0 5px;}

.spherekel-bg{padding-bottom: 66%;background-size: cover;position: relative;display: block;}
.sp-text {position: absolute;top: 13%;right: 50%;transform: translateX(50%);background: rgb(224 198 184 / 70%);line-height: 10vw;padding: 0 30px;border-radius: 5vw;font-size: 5.6vw;color: #171c4b;}
.sp-text svg {width: 10px;top: 3px;position: relative;margin-right: 5px;margin-left: -6px;}
.sp-pin {position: absolute;top: calc(13% + 10vw + 20px);left: 0;right: 0;text-align: center;}
.sp-pin img {animation: updown 1s infinite;}
@keyframes updown {0%{transform:none}50%{transform:translateY(20px)}100%{transform:none} }


.stairs {display: flex;align-items: flex-end;width: 100%;margin: 20px auto;max-width: 520px;}
.stairs .stair {border: 2px solid #ba9e71;width: 50%;display: flex;text-align: center;flex-direction: column;height: 50px;justify-content: center;font-size: 14px;border-radius: 0 10px 0 0;position: relative;color: #FFF;}
.stairs .stair ~ .stair {height: 70px;border: 2px solid #efe9e9;border-radius: 10px 10px 0 0;color: #003952;}
.stairs .stair div {font-size: 18px;font-weight: 500;}
.stairs .stair div span{font-size: 14px;top: 4px;position: relative;}
.stairs .stair:not(:last-child)::after {position: absolute;left: 0;top: 0;bottom: 0;width: 5px;background: rgb(0 0 0 / 15%);content: "";}

.pop .pop-cont iframe {position: absolute;width: 100%;height: 100%;}

.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;}
.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}
.appt-attr {background: #dff06f;color: #000000;margin: 0 -2px;display: flex;justify-content: space-around;flex-flow: wrap;}

.appt-attr .attr-box {width: calc(100% / 3);border: 2px white solid;padding: 5px;text-align: center;box-sizing: border-box;}
.appt-attr .attr-box.big{width:50%}
.appt-attr .attr-box .attr-ttl {font-size: 14px;height: 36px;display: flex;align-items: center;justify-content: center}
.appt-attr .attr-box .attr-cont {font-size: 24px;font-weight: bold;display: flex;justify-content: center;align-items: center;height: 36px;}
.appt-attr .attr-box .attr-cont span{font-size:14px;padding-right: 3px;position: relative;margin-top: 6px;}
.appt-attr .attr-box .attr-cont.small {font-size: 16px;line-height: 1;}
.appt-attr .attr-box .parking {background: #f43e3e;color: white;font-size: 3.5vw;padding: 2px 0;margin: 0 -5px -5px;}
.avg-price{border: 1px #CCC solid;padding: 10px;text-align: center;background: #f5f5f5;}
.avg-price div{font-size:14px}

.apt-plan {display: block;/* max-width: 180px; */text-align: center;background: #efe9e9;color: white;line-height: 60px;margin: 2px;text-decoration: none;font-size: 20px;cursor: pointer;}
.plans {/* display: flex; */max-width: 380px;margin: 0 auto;}
.pop .pop-cont a.pdf-btn.floor {background: #ccecf9;}


.pop .pop-cont .pop-text1{padding:20px 0;text-align:justify}
.pop .pop-cont .pop-title1 {font-size:24px;font-weight:bold}
.pop .pop-cont ul {padding: 10px 30px 10px 0;overflow: auto;margin-bottom: 30px;}
.pop .pop-cont ul li {list-style: none;margin: 10px 0;position: relative;}
.pop .pop-cont ul li::before {position: absolute;right: -30px;width: 20px;height: 20px;top: 0px;content: "R";font-family: 'NotoSerif-Regular';font-size: 16px;display: flex;align-items: center;justify-content: center;background: #dec5b6;color: #171c4b;font-weight: bold;border-radius: 50%;}

.pop .pop-cont a.pdf-btn {height: 60px;background: #dff06f;line-height: 60px;padding: 0 10px;box-sizing: border-box;display: block;cursor: pointer;position: relative;text-decoration: none;color: black;margin: 2px;font-size: 20px;text-align: center;}

.pop#joinpop .pop-cont ul{max-height: calc(100vh - 520px);border-bottom: 1px solid #efe9e9;}
.pop#joinpop2 .pop-cont ul{max-height: calc(100vh - 520px);border-bottom: 1px solid #efe9e9;}

.pop .pop-cont .btm-buttons {position: absolute;bottom: 0;left: 0;right: 0;display: flex;height: 60px;background: white;box-shadow: 0 0 5px rgb(0,0,0,0.2);justify-content: center;align-items: center;}
.pop .pop-cont .btm-buttons .btn {width: 90%;text-align: center;background: #f43e3e;color: white;height: 50px;display: flex;justify-content: center;align-items: center;margin: 6px;max-width: 480px;font-size: 20px;margin: 0 auto;}
.pop .pop-cont .btn.register {text-align: center;background: #f43e3e;color: white;height: 50px;display: flex;justify-content: center;align-items: center;margin: 6px;max-width: 480px;font-size: 20px;cursor: pointer;margin: 0 auto;}



.pop .pop-cont .readTerms {color: #171c4b;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);padding: 10px;text-align: center;font-size: 18px;margin: 10px auto;border-radius: 5px;border: 2px #171c4b solid;box-shadow: 0 0 0 3px #ba9e71;cursor: pointer;max-width: 360px;}

.pop .pop-cont .platinum .pop-cont-ttl {background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);font-size: 5vw;height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;text-shadow: 0 0 2px BLACK;}
.pop .pop-cont .pop-cont-scroll.platinum {margin: 10px;padding: 10px !important;border: 2px #bda174 solid;height: calc(100% - 20px);}
.pop .pop-cont .platinum ul li {font-size: 1.3em;margin: 0 0 28px;}
.pop .pop-cont .platinum ul {width: calc(100% - 50px);margin-bottom: 0;}


#special.pop .pop-cont {height: auto;top: 50%;transform: translate(-50%, -50%);overflow: hidden;bottom: auto;background: transparent;left: 50%;right: auto;width: 540px;box-shadow: none;max-width: 90vw;max-height: none;overflow:visible;text-align: center;}
#special.pop .pop-cont img {border-radius: 6vh;border: 3px white solid;box-sizing: border-box;max-height: 90vh;box-shadow: 0 0 10px black;}


#joinpop.pop{z-index:1000}
#joinpop2.pop{z-index:999}
#popmatkonet.pop{z-index:99999}



.ccform.init {min-height:440px;width:100%;margin-top:50px;position:relative;}

nav#site-navigation{display: block;width: 100%;}
.nav_mobile{display:none;background: #151834;padding: 10px 0;font-size:30px;}
.nav_mobile a {color:#fff;text-decoration:none;}
.nav_mobile.opened{display:flex;position: fixed;top: 60px;z-index: 99;left: 0;right: 0;}
.nav_mobile .main-navigation .main-menu>li{display:block;border-left:0;text-align:right;}
.nav_mobile .main-navigation .main-menu>li a{color:#fff;display:block;font-size: 20px;line-height: 1;padding: 10px 20px;border-bottom: 1px rgb(55 67 109) solid;transition: 0.2s all;}
.nav_mobile .main-navigation .main-menu>li a.active{color:#fff}
.nav_mobile .main-navigation .main-menu{width:auto;display:block;padding: 0;}

.form_wrapper form {width: calc(100% - 10px);padding: 0;max-width: 380px;margin: auto;position: relative;font-size: 20px;}
.form_wrapper form input::placeholder {color: #DDD;}
.form_wrapper form input#submitB,.form_wrapper form input#submitC{display:none}
.form_wrapper form input.checkA {width: 22px;height: 22px;float: right;margin-top: 8px;}
.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;}
.form_wrapper form label.checkB a{color:white}
.form_wrapper form .required, .form_wrapper form .inpt {position: relative;background: rgba(0,0,0,0.3);border-radius: 3px;margin-bottom: 4px;}
.form_wrapper form .required::before {content: "*";position: absolute;color: #e8d29b;right: -15px;top: 17px;font-size: 18px;font-size:30px}
.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: right;margin-bottom: 10px;line-height: 20px;}

.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;}
.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;}
.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;}  
.form_wrapper form select option {color: black;}

.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: 5px;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: #999;padding: 4px 10px;font-size: 20px;}
.form_wrapper form .address.open span{padding:0 10px;color: #999;}
.form_wrapper form .address input:nth-child(n + 4) {width: calc(100% / 3 - 2px);}

.form_wrapper form label.submitB div, .form_wrapper form label.submitC div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;vertical-align: middle;}
body .form_wrapper form input[type=submit] + label,body .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;}

.pop .pop-cont .title_form {text-align: center;font-size: 18px;margin-bottom: 30px;margin-top: -20px;font-weight: 500;}
.pop .pop-cont .title_form img {width: 160px;margin-bottom: 20px;}

.negishutlink {text-align: center;}
.negishutlink a {line-height: 40px;color: #333;}

.waiting-list{text-align:center;margin-top:30px;font-size:18px;font-weight:500}


.switch-apts {display: flex;margin-top: 10px;border-bottom: 2px #efe9e9 solid;align-items: end;height: 45px;max-width: 600px;margin: 10px auto 0;}
.switch-apts .switch-apt {display: flex;height: 40px;padding: 0 15px;max-width: 30%;border: 1px #efe9e9 solid;border-radius: 10px 10px 0 0;border-bottom: 0;color: #AAA;line-height: 1;align-items: center;justify-content: center;text-align: center;cursor: pointer;}
.switch-apts .switch-apt.active {background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: white;height: 45px;transition: 0.2s all;}
b.sd-title {display: block;max-width: calc(100% - 20px);margin: 20px auto 20px;text-align: center;font-size: 140%;}

.sellapts {max-width: 600px;margin: 0 auto;display:none}
.sellapts.active{display:block}
.sellapts table {width: 100%;border-collapse: collapse;}
.sellapts table td, .sellapts table th {border: 1px #ccc solid;padding: 5px;text-align: center;line-height: 1;height: 40px;vertical-align: middle;font-size: 14px;}
.sellapts table td.large, .sellapts table th.large {width: 28%;}
.sellapts table tbody {}
.sellapts table td, .sellapts table th {width: 15%;}
.sellapts .tbl-body {height: calc(100vh - 215px);max-height: 600px;overflow: auto;}
.sellapts table td:nth-child(4), .sellapts table th:nth-child(4) {background: #fff;color: #171c4b;}



@keyframes bgmover{
    0% {left:-300%}
	100%{left:-100%}
}

@keyframes movebg{
    0% {background-position:left 0 bottom  0}
    50% {background-position:left -20vw bottom  0}
    100% {background-position:left 0 bottom  0}

}

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

@keyframes clickmove{
	0%{opacity:0;left:50%;top:50%;}
	50%{opacity:1;left:0%;top:0%;}
	100%{opacity:0;left:50%;top:50%;}
}

@keyframes clickthis{
	0%{opacity:0;}
	40%{opacity:0.5;width:0;height:0}
	70%{opacity:0.5;;}
	100%{opacity:0;width:100%;height:100%;}
}

.blink {
    animation: blink 1s infinite 0s;
}

.shine {overflow:hidden;position:relative}

.shine:after {
	content:'';
	top:0;
	transform:translateX(100%);
	width:100%;
	height: 400px;
	position: absolute;
	z-index:1;
	display: block;
	animation: slide 4s infinite 0s;
	 
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
	background: -moz-linear-gradient(left, 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%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, 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%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, 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%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, 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%); /* IE10+ */
	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%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(200%);}
}



@media(min-width:500px){
#timer .tm {height: 30px;padding-bottom: 8px;}
#timer .tm span {width: 40px;font-size: 26px;width: 16px;}
#timer .tm:nth-child(n+2)::before {width: 12px;line-height: 30px;font-size: 20px;}
#timer .tm label {font-size: 14px;padding-left: 10px;margin-bottom: -4px;}
#timer .tm.days label {font-size: 15px;margin-bottom: -4px;}

.slogens {position: relative;height: 80px;padding: 0;}
.slogens > div > div {padding-right: 10px;}
.slogens > div {font-size: 28px;height: 60px;}
.slogens > div.small{font-size:24px}

#spherekel-pop.pop .pop-cont {max-width: calc(100% - 20px);max-height: calc(100% - 20px);}
.vid20-wrapper .off {left: 57%;right: auto;font-size: calc(17px + 7vw);}

}
@media(min-width: 992px){

body #accessibility .acc_icon {top:80px}

@keyframes movebg{
    0% {background-position:left 0 bottom  0}
    50% {background-position:left 0 bottom -15vh}
    100% {background-position:left 0 bottom  0}

}

.backToLogin{display:block;position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:pointer}

header .menu-button{display:none}

.top-vid {height: 0;padding-bottom: 56.2%;margin-bottom: 2em;}
.top-vid video {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;}


.strars-wrap {font-size: 1vw;}
.flare-wrap {font-size: 5vw;}
.vid20-wrapper .paam-top {font-size: 100px;}
.vid20-wrapper {margin-bottom: 50px;}
.vid20-wrapper .off {font-size: 80px;margin-left: -130px;right: calc(50% - 220px);top: 94px;left:auto}
.vid-frame-line{margin-top: 120px;margin-bottom: 100px;}
.vid20-wrapper .header-slogen .new-top {font-size: 2em;}
.vid20-wrapper .new-slogen-wrap {font-size: 30px;}
.vid20-wrapper .new-slogen-wrap {margin-top: 0em;}
.vid-ttl-wrap .ttl {font-size: 5em;/* margin-top: 0.4em; */}
.vid-ttl-wrap .ttl2{font-size: 52px;top: 101%;}


/* width */
::-webkit-scrollbar {width: 6px;background: #09345f;border-radius: 20px;}

/* Track */
::-webkit-scrollbar-track {background: #09345f;border-radius: 20px;}

 /* Handle */
::-webkit-scrollbar-thumb {background: #bad8e4;border-radius: 20px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #ccecf9; }

.nav_mobile .main-navigation .main-menu>li a:hover {background: rgb(0 0 0 / 10%);}

div#site {margin-right: 290px;padding-top: 80px;margin-bottom:260px}
.line-wrap.right {background-position: top 80px right 290px;}
.line-wrap.left {background-position: top 80px left;}

.views-appt-wrap{width: auto;height: 1px;display: block;}
.viewers{padding:10px;top:7px;left:7px;color: white;background: transparent;border: 1px solid white;box-sizing: border-box;display:flex;align-items: center;justify-content: center;flex-direction: column;height: 66px;width: 66px;padding: 0;background: #151834;position: absolute;}
.viewers #viewcount{}
.viewers:first-child{right:5px;top:5px;}
.viewers:last-child{left:5px;top:5px;}
.viewers-spt{display:none}

header {right: 290px;}
.timer-slogen {overflow: hidden;padding-left: 80px;padding-right: 80px;height: 80px;top:0}
.timer-title {left: auto;width: 290px;top: 8px;right: -290px;font-size: 16px;}
header .container {height: 0;}

.textA {font-size: 280px;}
.stage {height: 400px;font-size: 8px;}
.stage-wrap.active {max-width: 600px;margin: 0 auto;}
.ontop {background-size: calc(100vw - 300px);background-position: center top -240px;}
div#site.r-u-ready-bg {background-size: calc(100vw - 300px);background-position: center top -160px;}
div#site.r-u-ready-bg::before {top: calc(100vw - 600px);z-index: -2;}


#timer {width: 290px;text-align: center;justify-content: center;position: fixed;right: 0;transform: none;border-radius: 0;top: 0px;left: auto;box-sizing: border-box;height: 80px;box-shadow: 5px 0 5px rgb(0 0 0 / 20%) inset;}
#timer .tm {height: 30px;padding-bottom: 14px;}
#timer .tm span {width: 40px;font-size: 30px;width: 19px;}
#timer .tm:nth-child(n+2)::before {width: 12px;line-height: 30px;font-size: 20px;}
#timer .tm label {font-size: 14px;padding-left: 10px;margin-bottom: -4px;}
#timer .tm.days label {font-size: 15px;margin-bottom: -4px;}

 a.registered {left: auto;right: 7px;width: 66px;height: 66px;top: 7px;}
 a.registered div {font-size: 16px;top: 12px;}
 a.registered label {bottom: 10px;}

.slogens {position: absolute;height: 80px;padding: 0;left: 80px;right: 80px;width: auto;display: block;}
.slogens > div > div {padding-right: 10px;}
.slogens > div {font-size: 32px;height: 80px;}
.slogens > div > div {padding-right: 10px;}

.spt.mobile{display:none}
.spt.desktop{display:block}
.spt-top.mobile{display:none}

.round-logo {left: auto;right: 80px;position: fixed;top: 10px;width: 120px;height: 120px;border-radius: 50%;}
section .pay-wrap{background-image: url(../img/grass-desktop.webp);background-image: url(https://boutique.ramotefal.co.il/assets/img/grass-desktop2.webp);background-size: auto;margin-top: 30px;position: relative;box-shadow: none;}
    section .pay-wrap::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 240px;background: linear-gradient(180deg, rgb(23 28 75 / 0%), #171c4b 150px);}
.specialboxes{font-size:20px;max-width: 810px;z-index: 2;}
section .pay-wrap > * {position:relative;box-shadow: none;/* background: transparent; */}


.nav_mobile {display: block;position: fixed;right: 0;width: 290px;z-index: 9;top: 0;bottom: 0;box-shadow: 5px 0 5px rgba(0,0,0,0.2) inset;padding-top: 140px;box-sizing: border-box;}
section.hero {min-height: calc(100vh - 220px);}
section.hero .hero-pic::before{padding-bottom: 24%;margin-top: -8%;}
.triple7{width:50%}
section.hero .anubanu .anubanupic {max-height: calc(100vh - 280px);}
section.hero .hero-pic{background-image: url(../img/l20250722/bg_desk.webp?0);height: calc(50vw - 145px);padding-top: 3%;font-size: 0.26vw;background-size: cover;background-position: center top;}	
.hero-pic .blue-frame{/* position:relative; */margin-top: 0.7em;/* width: 11em; */right: 0;left: 0;margin: 0em auto 3em;max-width: 86em;}
.hero-pic .yitra{left: 0;right: 0;bottom: 2.3em;font-size: 5.7em;}
.hero-pic .circle{left: 0px;right: 0;margin: auto;bottom: auto;top: 8em;transform: translateX(9em) rotate(15deg);}
.hero-frame{/* height: 70em; */bottom:auto;/* box-shadow: 0 0 20em rgb(0 0 0 / 10%); */}
.goldframe{/* font-size:8px; */}
.hero-title{font-size: calc(3vw - 10px);}	
.hero-title2{font-size: calc(4vw - 10px);margin-top: 0;/* width: 48%; *//* text-align: left; */}
.hero-title3{font-size: calc(3vw - 10px);/* width: 30%; *//* margin-right: 18%; *//* text-align: left; */}
.hero-pic .k1500{font-size: calc(4vw - 10px);width: 4.4em;filter: drop-shadow(0px 0px 6px #6fd0f6) drop-shadow(0px 0px 6px #6fd0f6);margin: 0.1em;}
.hero .price-wrap{font-size: 0.2vw;padding: 4em 0;}
section.hero .anubanu .minutes {width: 20vh;right: 50%;max-width: 140px;margin-right: -38vh;}
section.hero .bg {background-size: 100%;}
.circle-approve{left:0;right:16em}
	
.spinner-wrapp {font-size: 350px;padding: 130px 0;margin: 0 auto;text-align: center;}
.spinner {margin: 0 auto;}
.text .t-title {font-size: 30px;}
.text .t-title.small{font-size:26px}
.hero .text .t-text {max-width: 600px;margin: 0 auto;}
.hero .text {margin: 0 auto;padding-bottom: 70px;}
.R-bg {font-size: 420px;margin-top:300px}
.R-bg.inview {font-size: 400px;}
.R-bg.rgt {right:0;left:auto}
.media-wrap.full {margin-left: auto;margin-right: auto;width: 110vh;max-width: 1200px;}

.circles {font-size: 7px;}

.text .t-title .black {font-size: 50px;}
.text .t-title .black + div {font-size: 30px;}
.sp-text {font-size: 30px;line-height: 50px;white-space: nowrap;}


.apt-wrap {display: flex;flex-wrap: wrap;justify-content: space-around;}
.apt-wrap .apt {width: 340px;margin: 10px;max-width: calc(50% - 40px);}

section#balance .img-carousel .item #ballance-gal-wrap{height:auto}
section#balance .img-carousel{margin-top:0}
section#balance .img-carousel .item #ballance-gal-wrap {height: 66%;}

div#ballance-gal .side_bar {width: 30%;}
section#balance .numbers {bottom: auto;display: flex;flex-wrap: wrap;}

section#balance .numbers>a {width: 38%;height: auto;margin: 4% 4%;border-radius: 50%;}
section#balance .numbers>a::before {content: "";padding-bottom: calc(100% - 2px);display: block;}
section#balance .numbers>a svg {width: 51%;height: auto;}
section#balance .numbers>a .clicker.active img {width: 30px;}
section#balance .img-carousel .numbers>a.active span {max-width: 130%;white-space: normal;}
section#balance .text-carousel {width: 30%;position: absolute;top: 32%;color: white;overflow: hidden;margin: 0;z-index: 9;}
section#balance .text {color: white;font-size: 2vw;line-height: 1.2;}
section#balance .media-wrap h3 {color: white;}
section#balance h3 span {display: none;}

section#balance.popb .img-carousel .item #ballance-gal-wrap {height: 90vh;max-height: 851px;}
section#balance.popb div#ballance-gal .side_bar {width: 250px;background: rgb(0 0 0/70%);}
section#balance.popb .text-carousel {top: 240px;width: 250px;}
section#balance.popb .text {font-size: 19px;}
section#balance.popb .owl-carousel .item h3 {font-size: 24px;}

.slogen2-wrap .slogen2-txt, .slogen2-wrap .slogen2-txt.initial {font-size: 40px;}
.star-shine {font-size: 50px;width: 80px;height: 80px;}
.star-shine.str1 {top: -40px;}

.pay-wrap{/*border-top:2px #ba9e71  solid*/}
.pay-title {font-size: 30px;display: inline-block;max-width: 800px;width: 80%;margin: 10px auto 0;display: block;}
.pay-title.small {font-size: 30px;}
.pay-title .pt-big{font-size:120%}
section .pay-wrap .table-wrap {max-width: 800px;margin: 0 auto;}
section .pay-wrap table {max-width: 800px;}
section .pay-wrap table th {font-size: 18px;}
section .pay-wrap table td {font-size: 18px;}
section .pay-wrap table td div {font-size: 14px;}
section .pay-wrap table td .pent {font-size: 18px;}
section .pay-wrap table td span {/*font-size: 24px;*/}
section .pay-wrap table td:nth-child(4), section .pay-wrap table th:nth-child(4) {font-size: 24px;}

.points {display: inline-block;}
.points ul.gindi-ul li {font-size: 20px;}
.points ul.gindi-ul li img {width: 70px;}
.points ul.gindi-ul li .bank-img{width:80px;margin-top:0}
ul.gindi-ul li::before {top: 2px;}

.gExtra-wrap {max-width: 800px;}
.gExtra-wrap .gExtraTitle {font-size: 42px;top: -34px;}
.gExtra-wrap .gExtraTitle div {font-size: 24px;letter-spacing: 5px;}
.gExtra-wrap .gExtra {font-size: 50px;text-align: center;padding: 20px 70px;margin: 0 -60px;}
.gExtra-wrap .gExtra > .nis {font-size: 20px;top: 9px;}
.gExtra-wrap .gExtra .instead {font-size: 32px;}
.gExtra-wrap .gExtra .instead .nis {font-size: 20px;top: 10px;}
.gExtra-wrap .shovi {font-size: 40px;bottom: -22px;}
.gExtra-wrap {margin: 90px auto 90px;padding: 40px 30px 20px;}

section .pay-wrap .paying-today {max-width: 800px;font-size: 59px;padding: 40px 130px 0;height: 540px;}
section span.underline {padding: 0 20px 16px;}

ul.gindi-ul {max-width: 800px;margin: 0 auto 30px;}

.pay-list-wrap .pay-list ol {width: 120px;min-width: 120px;}
.pay-list-wrap .pay-list {padding-bottom: 30px;}


.footer-sticky {right: 290px;}

.pop .pop-cont .pop-cont-ttl {font-size: 28px;}
.pop .pop-cont {font-size: 18px;}

.appt-attr .attr-box .parking {font-size: 16px;}
.appt-attr .attr-box .attr-cont {font-size: 34px;}
.appt-attr .attr-box .attr-ttl {font-size: 18px;}

.sellapts .tbl-body {max-height: 570px; width: calc(100% + 6px); }
.sellapts table td, .sellapts table th{font-size:18px}

.pop .pop-cont .platinum .pop-cont-ttl{font-size:30px}

}

@media(min-width:992px) and (min-height:1024px){
section.hero .anubanu .minutes {width: 20vw;right: 5px;max-width: 120px;margin-right: 0;}
}


@media(min-width:1300px){
body .footer-sticky > *, .footer-sticky > .white-btn{height: 80px;font-size: 30px;}

.deskmargin{margin:10vh 40px 0}
.double{display:flex;align-items:end}
.double.rev{direction:ltr}
.double section {width: 50%;display: inline-block;min-height: 50vh;}
.double section .media-wrap{margin-top:0}
.double.autoheight section {height: auto;}
.double .text-wrap {height: 100%;}
.double.center {justify-content: center;}
.lines div {display: inline-flex;justify-content: end;}
.line-wrap {background-attachment: initial;background-size: cover;background-position: center;}
.line-wrap.left, .line-wrap.right{background-position:center}
.text {font-size: 18px;}
.text .t-text {max-height: 203px;}
.text .t-title .black{font-size:34px;text-align:right}

.double.big section {height: calc(40vw - 150px);/* padding-bottom: 130px; */}

section#gindi{height:auto}
section#balance .text{font-size:1.2vw}
.slogens > div {font-size: 40px;}
.slogens > div.small{font-size:36px}

.btn-whatsapp {bottom: 130px;font-size: 18px;height: 50px;line-height: 50px;padding-left: 50px;padding-right: 20px;}
.btn-whatsapp svg {width: 30px;height: 30px;top: 10px;left: 10px;}
.btn-matkonet {bottom: 65px;height: 50px;font-size: 18px;padding-left: 50px;}
.btn-matkonet svg {width: 30px;height: 30px;top: 10px;left: 10px;}
.btn-matkonet span {width: 92px;font-size: 18px;letter-spacing: 1px;}

.circles {font-size: calc(0.7vw - 6px);}

}

@media(min-width:1600px){
.text .t-title .black{font-size:50px;}
.text,#main .text {font-size: 24px;}

.text .t-title {font-size: 40px;}
.text .t-title.small{font-size:34px}

}


@media(max-width:993px){
section#balance .img-carousel .item .active .ballance-gal-map {width: 200%;}
body #accessibility .acc_icon {top: auto;bottom: 2px;}
.desktop{display:none !important}
}






.cookies { position: fixed; bottom: 0px; min-height: 50px; background: rgb(58, 55, 55); z-index: 9999; left: 0px; right: 0px; display: none; }
.showCookies { display: block; }
@media (max-width: 992px) {
	.hide-on-mobile{display:none !important}
	.showCookies ~  .footer-sticky { bottom: 50px; }
	.showCookies ~  .btn-whatsapp {bottom: 90px;}
	.showCookies ~  .btn-matkonet {bottom: 136px;}
	body .accessibility_component { z-index: 99 !important; }
	body .btn_accessibility {right: 60px;top: 12px;box-shadow: #b7ab9e 0px 0px 0px 1px;background-color: rgba(255,255,255,0.2) !important;/* background-image: url(../img/negishut-white.png) !important; */background-repeat: no-repeat !important;background-position: center !important;}
	body .btn_accessibility:hover, body .btn_accessibility:focus {box-shadow: white 0px 0px 0px 1px;background-color: rgb(0 0 0) !important;}
	body	img#accessibility_icon {/* display: none !important; */}
}
.cookiestext { padding: 5px 10px; font-size: 12px; color: white; }
.cookiestext a { color: white; text-decoration: underline; }
.cookiesExtra { overflow: hidden; max-height: 0px; transition: all 0.5s ease 0s; font-size: 14px; color: white; }
.cookiesReadMore { display: inline-block; box-sizing: border-box; margin-right: 10px; font-weight: bold; }
.cookiesApprove { float: left; box-sizing: border-box; height: 40px; line-height: 38px; width: 60px; text-align: center; color: white; background: rgb(0, 0, 0); font-size: 16px; cursor: pointer; border: 1px solid rgb(204, 204, 204); }
.cookiesContent { max-width: calc(100% - 80px); float: right; }
.showMore .cookiesExtra { max-height: 400px; padding: 10px 0px; }
.cookiesReadMore span:nth-child(2) { display: none; }
.showMore .cookiesReadMore span:nth-child(1) { display: none; }
.showMore .cookiesReadMore span:nth-child(2) { display: block; }
@media (min-width: 993px) {
  .hide-on-desktop{display:none !important}
  .cookiesExtra { max-height: none; display: inline; }
  .cookiesTitle { font-size: 14px; display: inline; font-weight: bold; }
  .cookiesContent { display: table-cell; float: none; height: 40px; line-height: 18px; vertical-align: middle; width: calc(100% - 200px); }
  .cookiestext { display: table; width: calc(100% - 20px); }
  .cookiesApprove { display: table-cell; width: 100px; font-size: 16px; }
  .cookiesReadMore { display: none; }
  .showCookies ~  .btn-whatsapp { bottom: 180px; }
  .showCookies ~  .btn-matkonet { bottom: 120px; }
  .showCookies ~  .footer-sticky { bottom: 50px; }
}

.disabled-btn {pointer-events: none;filter: grayscale(100%);}



@supports (-webkit-touch-callout: none) {
  .pay-title .pay-title-inner {padding: 10px 5px 10px;}
	.slogen2-wrap .slogen2-txt{font-size:6vw}
	.vid-ttl-wrap .ttl{margin:-0.8em auto -0.3em}
	.hero .price .from span{top:-0.25em}
	.hero .price .from::before{top: 0;bottom: 0;margin: auto;}
	/*fix for swal pop iphone*/
	.swal2-container.swal2-center>.swal2-popup{/*position:absolute*/}
	.modal-open{overflow:hidden;left:0;right:0;top:0;bottom:0;position:fixed}
	.modal.show{padding:0}
	*{letter-spacing:-0.05em;}
	.circles .circle .unit{margin:-0.1em 0}
	.circles .circle .number{margin-top:0.4em}
	#main .text {font-size: 22px;}
	.gExtra-wrap .gExtra .gExtraTtl2{line-height:1}
	.gExtra-wrap .gExtra .gExtraTtl2 span{margin-top:0.3em;display:inline-block}
	.hero .inview.text .b-text b{letter-spacing:-0.07em}
	.vid-ttl-wrap .ttl{top:44%}
	.vid20-wrapper .header-slogen .new-top{line-height:1}
	.slogens img.top-winwin{margin-top:0.2em}
	b.off20 span{margin-left:0.1em}
	b.off20 span p + p{font-size:50%}
	.numtext .from{margin-top:0.1em;line-height:0.5;width:1em}
	.numtext .from span{background:transparent;}
	.numtext .from::before{content:"";position:absolute;width:3em;height:1em;background:#a1beae;margin-top:-0.2em;}
	section.hero .text1{line-height:0.7}
	.hero-pay{margin-top: -0.1em;line-height:1.2}
	.hero-pic .blue-frame{line-height:1}
	.hero-number > span{ clip-path: polygon(0% 0%,100% 0%, 100% 44%, 80% 44%,80% 64%, 94% 64%, 94% 44%, 100% 44%,100% 100% ,0% 100%)}
	.hero-number .hero-from {font-size: 3.6em;top:0.15em}
}