*{margin:0;border:0;vertical-align:top;-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-bold;font-weight:bold; src: url(/assets/fonts/social/socializmboldwebfont.ttf); } @font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:italic;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.ttf) format('truetype')} @font-face{font-family:'Open Sans Hebrew Condensed';font-style:normal;font-weight:800;src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot);src:url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.ttf) format('truetype')} @font-face{ font-family:'Quiches'; font-style:normal;font-weight:400; src:url(/assets/fonts/Quiche/QuicheFine-Regular.ttf); /*unicode-range: U+30-7F; */ } @font-face{ font-family:'QuicheSans'; font-style:normal;font-weight:400; src:url(/assets/fonts/QuicheSans/Fontspring-DEMO-quichesans-medium.otf); unicode-range: U+30-7F; } @font-face { font-family: nubers-font; src: url(../fonts/NotoSerif/NotoSerif-Regular.ttf); unicode-range: U+30-39; } /*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:'Open Sans Hebrew Condensed','Arial';/* overflow-x:hidden; */direction: rtl;background: #fefefe;color: #621117;} a{color:inherit} .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: 110px;margin-bottom: 200px;position:relative;z-index:1;} 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%), #694b3c 10vh);height: 30vh;} header{background: #694b3c;background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);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, #203162 0%, #3368bd 70%, #5088d4);position: relative;height: 50px;top:60px;/* background: #957b60; */} .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: calc(100% - 140px);height: 45px;/* background-color: #694b3c; */background-image: url(../icons_royal/logoNew.svg?4);background-size: contain;background-repeat: no-repeat;background-position: center;top: 7px;left: 0;right: 0;margin: auto;z-index: 9;/* background-size: contain; *//* border-radius: 0 0 50% 50%; */filter: drop-shadow(0px 0px 2px white);filter: saturate(0) contrast(0) brightness(0) drop-shadow(1px 1px 1px white);} .slogens{position:absolute;height: 50px;overflow: hidden;/*left: calc(2vw + 60px);*/left:2vw;box-sizing: border-box;right: 2vw;text-align: center;} .slogens > div {position: absolute;color: #ffffff;font-size: 7vw;line-height: 1;display: flex;height: 50px;/* width: 50vw; */text-shadow: 0 0 2px #000000;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;} .slogens > div.show {top: 0;opacity:1;} .slogens > div.prev {top: -60px;opacity: 0;height: 80px;} .slogens > div.small{font-size: 5.2vw;} .color180{color: transparent;position: relative;background: linear-gradient(45deg, #ffa407, #ffe632);mask-clip: inherit;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: none;font-weight: 900;} .color180.big180{font-size: 1.2em;} #timer{direction:ltr;color: #694b3c;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: #694b3c;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} .mid-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; */} .mid-vid video {position: absolute;top: 0;right: -200vw;left: -200vw;bottom: 0;width: auto;height: 100%;margin:auto} .yt-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; */} .yt-vid iframe {position: absolute;top: 0;right: -600vw;left: -600vw;bottom: 0;width: 180vw;height: 100%;margin:auto} .center-sec button {background: rgba(0,0,0,0.5);border: 0;width: 40px;height: 40px;position: absolute;z-index: 3;right: 10px;top: 10px;display: flex;align-items: center;justify-content: center;border: 2px solid white;border-radius: 50%;} .center-sec:not(.muted) #unmute{display:none} .center-sec.muted #mute{display:none} .center-sec button svg{width: 80%;fill:white} .promote-sell {background: linear-gradient(45deg, #49707d, #7daba9, #49707d);display:flex;flex-direction: column;align-items: center;height: 70em;font-size: 1vw;justify-content: center;} .promote-title {color:white;font-weight: 900;font-size: 10em;margin-top: -0.6em;text-shadow: 0.05em 0.05em 0.05em black;} .promote-frame-wrap {font-size:9em;color:black;font-weight: 900;line-height: 1;margin-top: 0.3em;} .promote-frame {border-radius:6em;background-image: url(../img/goldFrame.png);background-repeat: no-repeat;background-size: cover;background-position: center;width: 9.5em;text-align: center;height: 3.43em;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 0.1em;} .pause {position: absolute;top: 10px;left: 10px;background: rgb(0 0 0 / 50%);width: 40px;height: 40px;border-radius: 40px;z-index: 1;cursor: pointer;border: 1px solid white;} .play {position: absolute;top: 10px;left: 10px;background: rgb(0 0 0 / 50%);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;} /******************* 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: 10vw;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: #694b3c;mix-blend-mode: exclusion;z-index: 2;/* opacity: 0; */} .vid-frame-wrap{position: relative;padding-bottom: 30px;margin-bottom: 30px;} .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;width: 86%;margin-top: 14%;} .vid-frame-line .vid-ttl-wrap::before, .vid-frame-line .vid-ttl-wrap::after{content:"";height: 1px;background: #ddc691;width: 50%;} .vid-frame-line::after{content:"";position: absolute;right: 0;height: 1px;background: #ddc691;width: 14%;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;width: 100%;margin: 0 auto;position: relative;z-index: 9;mix-blend-mode: exclusion;mix-blend-mode: lighten;/* max-width: 560px; */} .vid-ttl-wrap .ttl{font-size: 6.4vw;white-space: nowrap;color: white;z-index: 9;font-weight: 600;display: flex;align-items: center;top: 0;text-align: center;justify-content: center;position: relative;left: 0;right: 0;margin: -0.5em auto 0;height: 1em;margin-bottom: 0.5em;} .vid-ttl-wrap .ttl #herottl{text-align: center;width: 100%;display: block;margin: 0em 0.5em 0;} .vid-ttl-wrap .ttl #herottl > div{position:absolute;margin: auto;transition: 0.2s all;display: flex;align-items: center;justify-content: center;direction: rtl;height: 0;position: relative;} .ttl2{font-size: 5.8vw;white-space: nowrap;color: transparent;background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );-webkit-background-clip: text;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.3em 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% 0em;z-index: 9;height: 6em;font-size:3.8vw;} .vid20-wrapper .slogens-frame{background: linear-gradient(-90deg, #dac28e 0%, #e5d9bb 70%, #dac28e );width: calc(100% - 30px);border-radius: 10px;border: 1px #694b3c 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: #694b3c;transition: 0.5s all;text-shadow: 0 0 2px white;opacity: 0;padding-top: 0.2em;line-height: 1;} .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: #694b3c;padding: 0 5px;} /***************************************************************/ .strars-wrap {font-size: 3vw;position: absolute;z-index: 9;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: -20px;} .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)} } /***************************************************************/ svg,svg *{pointer-events:none} body.pauseAll *, body.pauseAll *::after, body.pauseAll *::before { animation-duration: 0s !important; animation-delay:0s !important; transition: none !important; } body.pauseAll .owl-carousel.tiles .owl-item .tiles-frame {display: none;} /***************************************************************/ .nis {font-size: 0.6em;font-family: 'Rubik';line-height: 1.1;vertical-align: bottom;font-weight: bold;display: inline !important;font-weight: 700;} .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: 50%;height: 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;transform: translateY(-50%);} .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;line-height: 1;display: block;margin-bottom: 0.1em;} .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;flex-direction: column;position: relative;padding-bottom: 20px;} .text {/* width: calc(100% - 96px); */direction: rtl;padding: 0 30px;font-size: 20px;font-weight: 100;box-sizing: border-box;position: relative;width: 100%;} .text .garden-title{font-family:'socializm-bold';font-size: 10vw;display: flex;align-items: center;justify-content: center;height: 20vw;margin: 0 -30px;position: relative;display: none;} .text .garden-title::before{content:"";position: absolute;width: 100%;background: rgba(255,255,255,0.5);height: 100%;backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);} section .text .garden-title div{color: transparent;-webkit-background-clip: text;background-clip: text;width: 100%;height: 100%;display: block;line-height: 2.1em;text-align: center;position: relative;font-weight: bold;} .t-title {font-size: 7.6vw;/* font-weight: 700; */line-height: 1.1;margin: 0.6em -30px;font-family: 'QuicheSans';font-weight: 400;direction: ltr;text-align: center;padding-bottom: 10px;text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff;padding: 0.4em 0;position: relative;color: #350307;border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(0,0,0,0.3);} .t-title::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(45deg, rgb(133 117 58 / 50%), rgb(225 199 107 / 50%), rgb(251 249 180 / 50%), rgb(225 199 107 / 50%), rgb(133 117 58 / 50%));background: linear-gradient(-90deg, #fefefe 0%, #ffffff 70%, #fefefe);height: 100%;opacity: 0.9;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);} #sec1 .t-title {/* background: rgb(23 28 75 / 70%); *//* margin-top: 40px; *//* margin-bottom: 0; */} .t-title.rtl{font-family: 'Open Sans Hebrew Condensed';font-weight:700;direction:rtl;padding: 0.7em 0;} .t-title.small{font-size:6vw} .t-title b {font-size: 1.6em;vertical-align: bottom;display: inline-block;/* margin-bottom: -0.05em; */font-family: NotoSerif-Regular;position: relative;text-shadow: 0 0 2px #ffffff;} .t-title * {transform: scaleY(0);opacity:0} .t-title.rtl * {transform: translateX(-100vw) scaleX(0);opacity:0} .inview .t-title * {animation: letter-entrance 0.5s ease forwards;} .media-wrap .t-title{background:white;} section:not(.hMishpatit) .text-wrap, .text .garden-title div{/* background: url(/exclusive/assets/img/bg_svg.webp); */background-size: 100% auto;background-position: top 0vw center;background-repeat: no-repeat;} section .text-wrap::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(180deg, rgb(255 255 255 / 0%) 18vw, #fefefe 40vw);z-index: 0;} section .text-wrap.minutes5-wrap::before{background: linear-gradient(180deg, rgb(255 247 237 / 50%) 0, #fefefe 100%);} section.blank-bg .text-wrap{background:transparent;margin:40px auto;} #main .text{font-size:20px} @keyframes letter-entrance{ from:{} to{transform:none;opacity:1} } .t-title span{vertical-align:bottom;display:inline-block;position: relative;} .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: center;max-height:none;text-align-last: center;} .text .t-text {/* max-height: 264px; */max-width: 650px;margin: 0 auto;} .text.symbol .t-text::after{ content:"";width: 30%;display: block;background-image: url(../icons_royal/symbol.svg);aspect-ratio: 1;background-size: cover;position: relative;left: 0;right: 0;margin: 40px auto 10px;max-width: 120px;} .text .b-text{opacity:0;transform: translateY(20px);} .inview.text .b-text{opacity:1;transition: 2s all 0.2s;transform: none;} .text .read-more {margin-bottom: 20px;text-align: left;font-weight: 400;color: #621117;cursor: pointer;display:block;text-decoration:none;} .text .read-more:not(.show-read-more){display:none !important} .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;} .t-title .black {font-weight: 900;color: #efe9e9;margin-bottom: 2px;font-size: 7vw;text-align: center;} .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);} /* .t-title .black .black-small{font-size:70%} .t-title .black + div .black-big{font-size:230%;text-align:center;display:block}*/ .media-wrap {margin: 20px auto 0;position:relative;/* max-width: 1000px; */} .media-wrap h3 {text-align: center;margin: 20px 0 10px;font-size: 20px;color: #efe9e9;} .taba{height:calc(100dvh - 180px);overflow:auto;direction:ltr} .taba img{width:auto;height:100%;max-width:none} .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;} .midTitle{display:flex;text-align: center;justify-content: center;align-items: center;height: 50px;margin-top: 10px;background: #694b3c;color: white;font-size: 6vw;margin-bottom: -10px;} section {display: block;overflow: hidden;width: 100%;direction:rtl} section#sec1{ position: relative; /* margin-top: 40px; */ } .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 20px;max-height: 500px;box-sizing: border-box;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);border: 1px solid #694b3c;*/background-image: url(../img/efalg-bg2.webp);width: calc(100% - 20px);background-color: #4b510c;background-image: url(/exclusive/assets/img/bg_svg.webp);background-size: auto 120%;background-position: top 60% center;box-shadow: 0 0 0 1000px rgb(255 247 237 / 70%) inset;} .login-popup .popup_container::before{content:"";position:absolute;} .login-popup .popup_container .logo{width: 280px;margin:0 auto 10px} .login-popup .popup_container .logo img{/* background: radial-gradient(rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 72%); *//* padding: 3%; */filter: contrast(0) brightness(0) drop-shadow(0px 0px 2px white);} .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;margin-top: 80px;color: black;} .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: 1;pointer-events: none;} .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% - 194px);} .login-popup .submit {height: 60px;display: block;border: 0;background: linear-gradient(45deg, #9a531e, #bd7641, #f6cc8a, #fff6dd, #f6cc8a, #bd7641, #9d551e);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: black;} .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;color: #000;font-weight: bold;} .login-popup .popup_container.smsForm{display:none} .login-popup.sms .popup_container{display:none} .login-popup.sms .popup_container.smsForm{display:block;background: linear-gradient(45deg, #49707d, #7daba9, #49707d);box-shadow: none;} .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;} #binuiPlan .media-wrap {position: relative;/* margin: 90px 0px 0; */height: 100%;} #binuiPlan .side_bar .numbers {position: absolute;top:0;margin-top: 2em;font-size: 1vh;left: 10px;text-align: center;display: flex;/* width: 40%; *//* z-index: 5; */display: flex;flex-direction: column;} #binuiPlan .numbers > a {border: 1px solid #898989;width: 8em;box-sizing: border-box;aspect-ratio: 1;background: linear-gradient(45deg, #a5abad 0%, #d7dcdc 50%, #a5abad);border-radius: 42px;font-size: 1em;color: rgb(81 36 44);font-weight: 600;text-align: center;cursor: pointer;text-decoration: none;z-index: 9;position: relative;display: block;margin: 0px auto 0.5em;} #binuiPlan .numbers > a.active:not(.num-area) {background: linear-gradient(45deg, #846000, #bc911e, #d9b34e, #eac768, #e9c974, #eac769, #cca53a);color: white;display: block;position: relative;/* border-color: #dbedb3; */} #binuiPlan .numbers > a div{font-size: 1.7em;line-height: 0.9;color: #4c4c4c;display: flex;aspect-ratio: 1;align-items: center;/* font-family: 'QuicheSans'; */font-weight: 400;padding-top: 0.3em;box-sizing: border-box;text-align: center;} #binuiPlan .numbers > a.active div{color:black} div#ballance-gal .side_bar {position: absolute;top: 0px;left: 0;width: 100%;z-index: 9;/* background: rgba(0, 0, 0, 0.5); */margin: auto;/* max-width: 400px; */} #binuiPlan .numbers > a.royal{margin-bottom: 1.5em;} #binuiPlan .numbers > a.royal div{color:#111} #binuiPlan .numbers > a.royal::after{content:"";position: absolute;left: -1em;right: -1em;top: -1em;bottom: -1em;border-radius: 50%;background: #e9c871;mask-image: radial-gradient(circle at center, transparent 50%, black 60%);filter: saturate(0);background-image: url(../icons_royal/symbol_frame.svg);background-size: contain;} #binuiPlan .numbers > a.royal.active::after{filter:none} #binuiPlan .img-carousel .numbers > a span {font-size: 11px;padding: 2px;background: #333333;position: absolute;left: 50%;line-height: 1.2;font-weight: normal;white-space: nowrap;overflow: hidden;transform: translateX(-50%);color: #ddd;box-sizing: border-box;width: 63px;opacity: 1;max-width: 90px;bottom: -8px;transition: all 0.2s ease 0s !important;/* display: none; */bottom: -3px;} #binuiPlan .img-carousel .numbers > a.active span {opacity: 1;max-width: 90px;background: #85141a;} #binuiPlan .img-carousel .numbers > a.num-area { font-size: 0px; transform: none; border-radius: 0px; border: 0px; background: 0px center; width: 100%; height: 100%; z-index: 0; } #binuiPlan .img-carousel .numbers > a.num-pinkas { left: 50%; top: 15%; width: 60px; height: 60px; font-size: 0px; background-color: rgba(43, 4, 0, 0.6); background-image: url("../img/logo.png"); background-repeat: no-repeat; background-position: center center; } #binuiPlan .img-carousel .numbers > a.num-pinkas.active:not(.num-area) { background-color: rgb(43, 4, 0); } #binuiPlan .img-carousel .item #ballance-gal-wrap {overflow: auto;direction: ltr;position: relative;height: 100%;} #binuiPlan .img-carousel .item .ballance-gal-map {position: relative;width: calc(132dvh );height: auto;transition: all 0.5s ease-in-out 0s !important;background-color: #777;/* overflow: auto; */} #binuiPlan .img-carousel .item .active .ballance-gal-map { } #binuiPlan .numbers svg {width: auto;height: 100%;position: absolute;top: 0px;left: 0px;transition: all 0.2s ease 0s;pointer-events: all;pointer-events:none} #binuiPlan .numbers svg #bg { fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0; } #binuiPlan .numbers > div { position: absolute; display: none; transition: none 0s ease 0s; } #binuiPlan .numbers > div.num1 { top: 18.4%; width: 13.4%; left: 16%; display: block; } #binuiPlan .numbers > div.num2 { top: 41.5%; width: 48.3%; left: 0px; display: block; } #binuiPlan .numbers > div.num3 { top: 27.2%; width: 18.6%; left: 17%; display: block; } #binuiPlan .numbers > div.num4 { top: 38%; width: 44.7%; left: 34.6%; display: block; } #binuiPlan .numbers > a .clicker { position: absolute; width: 100%; height: 100%; display: none; left: 50%; top: 50%; } #binuiPlan .numbers > a .clicker img {position: absolute;display: none;width: 60%;} #binuiPlan .numbers > a .clicker::before { content: ""; position: absolute; transform: translate(-50%, -50%); border-radius: 50%; background: white; left: 0px; top: 0px; } #binuiPlan .numbers > a .clicker.active { display: block; } #binuiPlan .numbers > a .clicker.active img { display: block; animation: 2s ease 0s infinite normal none running clickmove; } #binuiPlan .numbers > a .clicker.active::before { animation: 2s ease 0s infinite normal none running clickthis; } #binuiPlan .numbers > a svg {width: 48%;height: auto;top: 0px;right: 0px;bottom: 0px;margin: auto;opacity: 0.5;fill: #363636;} #binuiPlan .numbers > a.active svg {opacity: 1;fill: #85141a;top: -8px;} #binuiPlan #bnumbers svg path{stroke-width: 1;cursor: pointer;opacity: 0;pointer-events: all;} #binuiPlan #bnumbers svg path.active {fill-opacity: 1;stroke-width: 5px;stroke: white;opacity: 1;mix-blend-mode: hard-light;filter: drop-shadow(0px 0px 12px black);} #binuiPlan #bnumbers svg path{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp1{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp2{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp3{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp4{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp5{fill: rgb(168 134 45);} #binuiPlan #bnumbers svg path.shp6{fill: rgb(168 134 45);} #binuiPlan .numbers > a * { pointer-events: none; } #binuiPlan .zoomicon * { pointer-events: none; } #binuiPlan .zoomicon:not(.zoomin) .zoomin{display:none;} #binuiPlan .zoomicon.zoomin .zoomout{display:none;} #binuiPlan .img-carousel .item .active .numbers > a .clicker { display: none; } #binuiPlan { overflow: hidden; } #binuiPlan .img-carousel { } #binuiPlan .img-carousel img {/* height: 100%; */max-width: none;width: 100%;} #binuiPlan .img-carousel img.map{pointer-events:none;} #binuiPlan .img-carousel img.map2 {position: absolute;top: 0px;z-index: 1;width: 100%;left: 0px;height: 100%;pointer-events: none;} #binuiPlan .img-carousel .item {position: relative;height: 100%;} #binuiPlan .owl-carousel .item {height: auto;min-height: auto;padding: 0px 10px;font-size: 16px;} #binuiPlan .owl-carousel .item h3 {text-align: right;font-size: 26px;display: inline-block;background: #232f18;margin-right: -20px;padding: 0 20px;padding-bottom: 10px;padding-top: 5px;font-weight: normal;} #binuiPlan .text {/* color: #fff; */width: auto;padding: 0px;/* font-size: 16px; */} #binuiPlan h3 span { padding-left: 10px; } #binuiPlan .text-carousel .owl-stage-outer { overflow: visible; } #binuiPlan .text-carousel { margin-top: 0px; } #binuiPlan .text-carousel .owl-item:not(.active) { opacity: 0.3; } #binuiPlan .text-carousel .owl-item { transition: all 0.2s ease 0s; } #binuiPlan .text-carousel .owl-dots { position: absolute; top: 0px; right: -10px; left: -80px; display: none; } #binuiPlan .text-carousel {width: calc(100% - 60px);margin-right: 10px;/* background: rgb(255 245 245); */padding-bottom: 20px;margin-bottom: 20px;/* padding-top: 10px; *//* margin-top: -30px; */position: absolute;bottom: 0px;direction: rtl;right: 0;display: none;} #binuiPlan .block { margin-bottom: 0px; } #binuiPlan .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); } #binuiPlan .image .con { content: ""; position: absolute; top: 50%; right: 50%; width: 75%; height: 75%; background: rgb(255, 255, 255); transform: translateY(-50%) translateX(50%); border-radius: 100%; } #binuiPlan .image .icon { padding-top: 16%; } #binuiPlan .image * { position: relative; } #binuiPlan .image .text { width: 45%; margin: 0px auto; font-size: 16px; display: block; } #binuiPlan .image h3 { font-weight: 400; padding-top: 15px; font-size: 20px; } #binuiPlan .img-carousel {height: calc(100vh - 180px);position: relative;} #binuiPlan .line-wrap { transition: all 1s ease 0s; } #binuiPlan .line-wrap.active { opacity: 0; right: -100px !important; } .zoomicon {transform: none;top: 10px;right: 10px;background: white;display: none;} .zoomicon svg {fill: #b79f9f;} #mappop .zoomicon{left:auto;right: 15px;} #binuiPlan.popb {position: fixed;top: 0px;left: 0px;z-index: 999;height: 100%;background: rgba(0, 0, 0, 0.8);width: 100%;margin: 0px;padding: 0;} #binuiPlan.popb .block-side { display: none; } #binuiPlan.popb #ballance-gal .side_bar{ width: calc(100% - 80px); left: auto; } #binuiPlan.popb #bicons{left: auto;justify-content: space-between;right: 0;width: 100%;} #binuiPlan.popb .img-carousel .item #ballance-gal-wrap { height: calc(110vh - 280px); } #binuiPlan.popb .block { display: none; } #binuiPlan.popb .media-wrap {background: #232f18;max-width: 1053px;margin: auto;padding: 70px 0px;width: 100%;position: absolute;left: 0;top: 0;/* transform: translate(-50%, -50%); *//* box-sizing: border-box; */height: 100%;right: 0;} #binuiPlan.popb .img-carousel { margin: 0px; } #binuiPlan.popb .zoomicon {background: rgb(255, 255, 255);width: 40px;height: 40px;transform: rotate(45deg);left: 10px;right: auto;top: -60px;} #binuiPlan.popb .zoomicon svg { display: none; } #binuiPlan.popb .zoomicon::after { content: ""; position: absolute;top:0;left:0;right:0;bottom:0; margin: auto; width: 2px; height: 16px; background: rgb(189 139 90); } #binuiPlan.popb .zoomicon::before { content: ""; position: absolute;top:0;left:0;right:0;bottom:0; margin: auto; width: 16px; height: 2px; background: rgb(189 139 90); } .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;} .ld-icons {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;align-items: stretch;margin: 2em 0 1em;font-size: 4vw;} .ld-icon {width: 5.5em;max-width: 140px;display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: start;margin-bottom: 2em;margin-top: 1em;margin-right: 1em;margin-left: 1em;position: relative;} .ld-icon::before{ content:""; position:absolute; z-index:0; width: 5.4em; height: 5.4em; left: -5em; right: -5em; top: -1em; /* background-image: url(/assets/icons_royal/symbol_frame.svg?1); */ margin: auto; background-size: cover; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0 -3.1em 1em -1em #fefefe inset; } .ld-icon:nth-child(n + 4){/* margin-right:0; *//* margin-left: 2.5em; */} .ld-icon > *{position:relative} .ld-icon img {width: auto;height: 1.9em;object-fit: contain;margin-bottom: 0.5em;margin-top: 0.5em;} .ld-icon div{margin: 0 -1em;} .id-icons-bg{display:flex;direction:ltr;flex-direction: column;padding: 1em 0;} .id-icons-bg::before{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);} .id-icons-bg .t-title{background: transparent;box-shadow: none;color: white;text-shadow: none;border: 0;} .id-icons-bg .t-title::before{display:none} .ld-icons.white{/* width:50%; */position: relative;bottom: 0;margin: 0;padding: 10px 0;/* padding: 0; */font-size: 0;/* background: linear-gradient(180deg, rgb(255 247 237 / 90%), rgb(255 247 237 / 60%), rgb(255 247 237 / 0%)); *//* background: linear-gradient(0deg, #20414d, rgb(74 113 126 / 0%)); */justify-content: center;} .ld-icons.white .ld-icon{margin: 2.2em auto 0em;font-size: 4vw;color: white;width: 7em;/* max-width: 30%; */text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;} .ld-icons.white .ld-icon::before{/* background-color: rgba(0,0,0,0.8); *//* background-image: url(/assets/icons_royal/symbol_frame_white.svg?2); *//* mask-image: linear-gradient(180deg, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%) 70%); */box-shadow: none;background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);width: 4em;height: 4em;} .ld-icons.white .ld-icon div{background:transparent;padding: 0 0.8em;} .ld-icons.white .ld-icon img{filter: brightness(0);margin-top: 0em;margin-bottom: 1.5em;} .minutes5-wrap {position:relative;font-size: 1vw;display: flex;align-items: center;justify-content: center;height: 95em;overflow: hidden;padding-bottom: 0em;} .minutes5 {position: absolute;width: 36em;height: 36em;/* bottom: -7em; */background: radial-gradient(#fefefe 60%, rgb(255 247 237 / 0%) 70%);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 2;/* border: 1px #6993a0 solid; *//* box-shadow: 0 -2em 4em white, 0 2em 1em -1em inset rgb(255 242 213), 0 2em 0 0em inset rgb(229 173 84), 0 0.3em 0.2em inset rgb(0 0 0 / 5%), 0 0 2em rgb(30 65 77 / 40%); */} .txt-5 {position:relative;font-size: 25em;} .txt-m {position:relative;font-size: 6em;background: #fefefe;padding: 0.05em 0.1em;margin-right: -1.7em;} .minutes5-circles {position: absolute;width: 0;height: 0;z-index: 1;/* animation: rotation 60s infinite linear; */} .minutes5-circle {position:relative;position: absolute !important;!i;!;width: 0;height: 0;margin-left: auto;margin-right: auto;} .minutes5-wrap.inview .minutes5-c1 {margin-top: 26em;transition-duration: 0.8s;} .minutes5-c1 {position: absolute;width: 20em;height: 20em;left: -22em;right: -22em;margin-left: auto;margin-right: auto;margin-top: -12em;/* background: white; */border-radius: 50%;display: flex;align-items: center;justify-content: center;/* border: 1px #6993a0 solid; */box-sizing: border-box;} .minutes5-c2 {font-size: 4.4em;padding: 0.1em;line-height: 1.1;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;/* animation: rotation 60s infinite linear; */animation-direction: reverse;box-shadow: 0 -0.2em 0.4em white, 0 0.2em 0.1em -0.1em inset rgb(255 242 213), 0 0.2em 0 0em inset rgb(132 96 0), 0 0.3em 0.2em inset rgb(0 0 0 / 5%);box-shadow: 0 0.2em 0.1em -0.1em inset rgb(230 205 139), 0 0.2em 0 0em inset rgb(132 96 0), 0 0.3em 0.2em inset rgb(0 0 0 / 5%);/* border-radius: 50%; */background: #fefefe;/* background-image: url(/assets/icons_royal/symbol_frame.svg?1); */margin: auto;background-size: cover;background-repeat: no-repeat;border-radius: 50%;box-shadow: 0 -3.1em 1em -1em #fefefe inset;} .minutes5-c2::before {width: 20%;content: "";height: 30%;position: absolute;z-index: 0;bottom: -0.1em;/* background-image: url(../img/pin_dark.svg); */background-size: contain;background-position: center;background-repeat: no-repeat;} .minutes5-wrap .minutes5-circle:before{content:"";width:1px;left:0;right:-1px;bottom: 0;position: absolute;border-left: 1px dashed #621117;margin: auto;height: 0;} .minutes5-wrap.inview .minutes5-circle:before{bottom: -32em;height: 20em;transition-duration: 0.8s;} .minutes5-circle:nth-child(1) .minutes5-c1{transform: rotate(calc(360deg / 9 * 1 + 40deg) );} .minutes5-circle:nth-child(2) .minutes5-c1{transform: rotate(calc(360deg / 9 * 2 + 40deg));} .minutes5-circle:nth-child(3) .minutes5-c1{transform: rotate(calc(360deg / 9 * 3 + 40deg));} .minutes5-circle:nth-child(4) .minutes5-c1{transform: rotate(calc(360deg / 9 * 4 + 40deg));} .minutes5-circle:nth-child(5) .minutes5-c1{transform: rotate(calc(360deg / 9 * 5 + 40deg));} .minutes5-circle:nth-child(6) .minutes5-c1{transform: rotate(calc(360deg / 9 * 6 + 40deg));} .minutes5-circle:nth-child(7) .minutes5-c1{transform: rotate(calc(360deg / 9 * 7 + 40deg));} .minutes5-circle:nth-child(8) .minutes5-c1{transform: rotate(calc(360deg / 9 * 8 + 40deg));} .minutes5-circle:nth-child(9) .minutes5-c1{transform: rotate(calc(360deg / 9 * 9 + 40deg));} .minutes5-wrap.inview .minutes5-circle:nth-child(1):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(1) .minutes5-c1{transition-delay:0.4s;} .minutes5-wrap.inview .minutes5-circle:nth-child(2):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(2) .minutes5-c1{transition-delay:0.8s;} .minutes5-wrap.inview .minutes5-circle:nth-child(3):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(3) .minutes5-c1{transition-delay:1.2s;} .minutes5-wrap.inview .minutes5-circle:nth-child(4):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(4) .minutes5-c1{transition-delay:1.6s;} .minutes5-wrap.inview .minutes5-circle:nth-child(5):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(5) .minutes5-c1{transition-delay:2s;} .minutes5-wrap.inview .minutes5-circle:nth-child(6):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(6) .minutes5-c1{transition-delay:2.4s;} .minutes5-wrap.inview .minutes5-circle:nth-child(7):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(7) .minutes5-c1{transition-delay:2.8s;} .minutes5-wrap.inview .minutes5-circle:nth-child(8):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(8) .minutes5-c1{transition-delay:3.2s;} .minutes5-wrap.inview .minutes5-circle:nth-child(9):before ,.minutes5-wrap.inview .minutes5-circle:nth-child(9) .minutes5-c1{transition-delay:3.6s;} .minutes5-circle:nth-child(1){transform: rotate(calc(-360deg / 9 * 1 - 40deg))} .minutes5-circle:nth-child(2){transform: rotate(calc(-360deg / 9 * 2 - 40deg));} .minutes5-circle:nth-child(3){transform: rotate(calc(-360deg / 9 * 3 - 40deg));} .minutes5-circle:nth-child(4){transform: rotate(calc(-360deg / 9 * 4 - 40deg));} .minutes5-circle:nth-child(5){transform: rotate(calc(-360deg / 9 * 5 - 40deg));} .minutes5-circle:nth-child(6){transform: rotate(calc(-360deg / 9 * 6 - 40deg));} .minutes5-circle:nth-child(7){transform: rotate(calc(-360deg / 9 * 7 - 40deg));} .minutes5-circle:nth-child(8){transform: rotate(calc(-360deg / 9 * 8 - 40deg));} .minutes5-circle:nth-child(9){transform: rotate(calc(-360deg / 9 * 9 - 40deg));} .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: #694b3c; */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.pay-sect{overflow:hidden;padding-bottom: 0;} section#sec6 {} .pay-wrap{text-align:center;overflow: hidden;background-size: 100% auto;background-position: top center;background-repeat: no-repeat;/* box-shadow: 0 -90px 30px -60px white inset; */margin-top: 2%;} .pay-wrap.no-bg{background: radial-gradient(circle at bottom, #5088d4 0%, #2c488e, #0b101c 84%);color: white;/* padding-bottom: 3em; */display: flex;flex-direction: column;font-size: clamp(5px,3.5vw,3.1vh);} .milion-wrap{display:flex;flex-direction: column;align-items: end;position: relative;overflow: hidden;max-width: 33em;margin: 0 auto;background: radial-gradient(circle at bottom, #5088d4 0%, #2c488e, #0b101c 84%);} .pay-wrap table td div {font-size: 0.9em;/* display: none; */line-height: 1;} .pay-wrap table td div.compare-td {/* display: block; */font-weight: normal;} .pop .milion-wrap{padding: 0 30px 30px;text-align: center;color: white;align-items: center;/* aspect-ratio: 0.9; */} .pop .milion-text{position:relative;margin-top:1em;font-size: clamp(14px,5.6vw,24px);} .pop .milion-btn{font-size:clamp(14px,6.5vw,30px);height:2em;display:flex;background: linear-gradient(45deg, #ffa407, #ffe632);align-items: center;padding: 0 1em;margin-top: 1em;gap: 0.3em;color: black;font-weight: bold;cursor: pointer;} .pay-wrap .ronshahar{position:absolute;width: 9em;mask-image: url(../img/ron-frame.png);mask-size: contain;right: -1.5em;bottom: 0;transform: translateY(5em);} .milion-logo{width:80%;margin: -4% auto -9%;-webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);mask-image:linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%),linear-gradient(to bottom, transparent 0%, black 12%, black 88%, transparent 100%);mask-composite: intersect;transform: translateY(20%);opacity: 0;max-width: 530px;} .pay-wrap.inview .ronshahar{transition:5s all;transform: none;} .inview .milion-logo{transition:3s all;transform: none;opacity: 1;} section .pay-bottom{/* background: #202f4f; */color: #000000;text-align:center;padding: 30px 20px;font-weight:bold;width: 100%;box-sizing: border-box;} .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, #841117 0%, #ab2b32 70%, #841117);color: #ffffff;max-width: calc(100% - 50px);/* border-radius: 10px; */box-shadow: 0 0 0 2px #694b3c;position: relative;text-align: center;letter-spacing: -0.04em;text-shadow: 0 0 1px black;} .pay-title .pay-title-inner{padding: 10px;} .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: #9f232a;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 #694b3c solid;border-bottom: 0;border-left: 0;border-radius: 0 4px 0 0;} .pay-title.click{cursor:pointer} .pay-title.pt-gold{background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);color: black;text-shadow: 0 0 0.2em white;border-radius: 30px;box-shadow: 0 0 0 2px #694b3c, 0 6px 10px rgba(0,0,0,0.2);} .pay-title.pt-gold.arrow::after{background:#e0b84a} .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 0px;color: #353123;position: relative;text-align: center;/* max-width: 800px; *//* border: 1px solid white; *//* border-radius: 50px; */box-shadow: 0 0 20px rgb(0 0 0 / 20%);} .slogen2-wrap .slogen2{background: linear-gradient(-90deg, #b5a391 0%, #d5c3b0 70%, #b5a391);background: linear-gradient(-90deg, #49707d 0%, #78a3b1 70%, #49707d);background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);/* background: linear-gradient(45deg, #ffa407, #ffe632); */padding:10px 20px;/* border: 1px solid #ffffff; */box-sizing: border-box;/* border-radius: 50px; */} .slogen2-wrap .line {height: 2px;} .slogen2-wrap .line.l1 {background: linear-gradient(90deg, #ffffff 50%, rgb(255 255 255 / 0%));} .slogen2-wrap .line.l2 {background: linear-gradient(-90deg, #ffffff 50%, rgb(255 255 255 / 0%));} .slogen2-wrap .slogen2-txt {font-size: 9vw;font-weight: bold;line-height: 1.1;/* letter-spacing: 0.3px; *//* white-space: nowrap; */padding: 0.2em 0;color: white;color: black;text-shadow: 0 0 2px #fff;} .slogen2-wrap .slogen2-txt.initial{} .slogen2-wrap .slogen2-txt.initial span{/* font-weight: 900; *//* font-size: 1.2em; */} .p-title{font-family: 'QuicheSans';font-size: 7vw;margin: 0.7em auto 0;} .pay-circles {display: flex;flex-wrap: wrap;justify-content: center;width: calc(100% - 20px);width: 22em;margin: 1em;gap: 3%;} .pay-circle {width: 31%;margin: 1% 0;display: flex;align-items: center;justify-content: center;font-weight: bold;box-sizing: border-box;padding: 1em;border-radius: 50%;/* background: linear-gradient(180deg, #f6cc8a, #fff6dd, #f6cc8a, #8a371e, #b3662c,#b3662c, #8a371e); */line-height: 1;/* background: #e6b5b5; */color: white;text-shadow: 0 0 2px black;position: relative;/* box-shadow: 0 0 0.2em black; */} .pay-circle > div{position:relative;z-index: 1;} .pay-circle::before {content: "";padding-bottom: 100%;position: relative;} .pay-circle::after {position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 90%;height: 90%;/* background: linear-gradient(180deg, #f6cc8a, #f6cc8a, #b3662c ); */border-radius: 50%;z-ind;/* box-shadow: 0 -0.2em 0.1em -0.05em rgb(255 255 255 / 60%) inset, 0 0.2em 0.1em -0.05em #984b2c inset, 0 0 0 0.15em #dba76f inset; */inset;} .pay-circle.big{width: 100%;border-radius: 5em;/* height: 6em; */margin-top: 1.4em;font-weight: 900;padding: 0.5em;} .pay-circle.big::before{display:none} .pay-circle.big::after{border-radius: 5em;width: calc(100% - 0.8em);height: calc(100% - 0.8em);} .pay-circle.big > div{font-size: 1.8em;} .title180{font-size:1.4em;display: flex;gap: 0.2em;align-items: end;} .title-apt{position:relative;padding: 0.3em 0;margin-bottom: 0;margin: 0.3em 0;} .title-apt::before{content:"";position: absolute;height: 0.1em;width: 100%;background: linear-gradient(45deg, #ffa407, #ffe632);top: 0;right: 0;} .title-apt::after{content:"";position: absolute;height: 0.1em;width: 100%;background: linear-gradient(45deg, #ffa407, #ffe632);bottom: 0;right: 0;} .pay-circle2{width: 30%;margin: 1% 0;display: flex;aspect-ratio: 1;align-items: center;justify-content: center;background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);font-weight: bold;box-sizing: border-box;padding: 0.4em 1em;border-radius: 50%;color: #000;position: relative;box-sizing: border-box;line-height: 1.1;/* text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000; */box-shadow: 0 0 1em black;cursor: pointer;} .pay-circle2 > div{position:relative;z-index: 1;display: flex;align-items: center;justify-content: center;} .pay-circle2::after{content:"";position: absolute;width: 100%;aspect-ratio: 1;border-radius: 50%;/* box-shadow: 0 0.2em 0.1em -0.1em inset rgb(255 242 213), 0 0.2em 0 0em inset rgb(229 173 84), 0 0.3em 0.2em inset rgb(0 0 0 / 5%); *//* box-shadow: none; *//* background-color: rgb(211 130 134); */background-image: url(/assets/icons_royal/symbol_frame_white.svg?2);mask-image: linear-gradient(180deg, rgb(0 0 0), rgb(0 0 0 / 40%) 70%);background-size: cover;top: 0;} .pay-circle2::before {content: "";padding-bottom: 100%;position: relative;} .title-apt > div{font-size:0.5em} .pay-circle2 > div .blink{position:absolute;display: block;font-size: 2em;top: -0.9em;margin-right: 0.2em;transform: rotate(-90deg);font-weight: normal;} .specialboxes {width: calc(100% - 30px);display: flex;flex-wrap: wrap;text-align: center;margin: 0 auto;justify-content: center;font-size: 4.1vw;} .specialbox {/* background: #957b60; *//* background: linear-gradient(-90deg, #49707d 0%, #78a3b1 70%, #49707d); */margin: 5px;width: calc(50% - 10px);color: #353123;display: flex;flex-direction: column;height: 6em;justify-content: center;padding: 0.5em;box-sizing: border-box;font-weight: 700;border-radius: 10px;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%);background: #72a5cf;} .specialbox > *{position:relative;z-index:1} .specialbox.bigbox {width: 100%;font-size: 2em;height: 2.3em;} .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: white; *//* box-shadow: 0 0 30px 30px white; */color: white;} .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.3em;font-size: 0.22em;margin-top: 0.3em;font-weight: 600;line-height: 1;} .numtext .from span{position: relative;z-index:1;background: #c7dbec;/* 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 !important;!i;!;!ן;!ןצ;!ן;!;width: 3em;height: 3em;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: -1.5em;z-index: 9;right: -1.4em;font-size: 2em;} .star-shine.str4{bottom: -1.5em;left: -1.5em;font-size: 2em;} .star-shine.str5{top: calc(-1.5em + 12px);left: calc(-1.5em + 20px);z-index: 9;font-size: 3em;} .star-shine.str6{bottom: calc(-1.5em + 12px);right: calc(-1.5em + 20px);font-size: 3em;} .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} } .pay-wrap .table-wrap {width:calc(100% - 40px);margin:0 auto} .pop .pay-wrap .table-wrap{width: 96%;} .pay-wrap .pay-text {padding: 10px 40px;} .pay-wrap table{width: calc(100% - 50px);margin: 0px auto 0;border-collapse: collapse;box-sizing: border-box;width: 100%;background: rgba(255,255,255,0.9);font-size: 4vw;} .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;} .pay-wrap .stripe .stripe-sml{font-size:0.7em} .pay-wrap table td, .pay-wrap table th{border: 1px solid #3d1905;box-sizing:border-box;font-weight:400;vertical-align:middle;} .pay-wrap table td:last-child, .pay-wrap table th:last-child{/* border-left:0 */ position:relative} .pay-wrap table s::after{content:"";position: absolute;width: 100%;max-width:6em;height: 1px;background: rgb(115 115 115);left: 0;right: 0;top: 0;bottom: 0;margin: auto;transform: rotate(5deg);opacity: 0;} .pay-wrap table th{line-height: 1;padding: 10px 5px;font-size: 1em;background: #fff;/* color: #694b3c; */font-weight: bold;} .pay-wrap table th:nth-child(4){font-size: 5vw;} .pay-wrap table td{height: 2.6em;vertical-align:middle;font-size: 1em;/* color: #694b3c; */} .pay-wrap table td .pent {font-size: 2.8vw;} .pay-wrap table td span{display:block;} .pay-wrap table td i{font-style:normal;/* font-size: 0.8em; */position: relative;/* top: 0.3em; */margin-left: 0.1em;} .pay-wrap table td s{opacity:0.5;text-decoration: none;position: relative;} .pay-wrap table td:nth-child(4),.pay-wrap table th:nth-child(4) {font-weight: bold;background: linear-gradient(-90deg, #841117 0%, #ab2b32 70%, #841117);font-size: 1.3em;color: white;} .pay-wrap table th:nth-child(4){font-size: 1.2em;line-height: 1.1;/* direction: ltr; */} .pay-wrap table th, .pay-wrap table td {/* width: calc(100% / 3); */} .pay-wrap table th:nth-child(2),.pay-wrap table th:nth-child(3), .pay-wrap table td:nth-child(2), .pay-wrap table td:nth-child(3) {/* display: none; */} .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;} .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;overflow: hidden;background: #6e98a6;position: relative;} .text-carousel.bgpics .item img{object-fit: scale-down;object-position: top center;position: absolute;top: 0;bottom: 0;left: -100%;right: -100%;margin: auto;height: auto;width: auto;max-width: none;max-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);} .text-carousel.bgpics.plans-gallery .item {height: 42px;} .text-carousel.bgpics.plans-gallery .item img {bottom: 42px;height: calc(100% - 42px);object-fit: contain;} .text-carousel.bgpics.plans-gallery .item span {background: white;color: black;text-shadow: none;} #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: "";font-family: 'NotoSerif-Regular';font-size: 16px;display: flex;align-items: center;justify-content: center;/* background: #e1ddcc; */color: #694b3c;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: 16px;display: flex;align-items: center;} .points{/* margin-bottom:1em; */font-size: 20px;} .points ul{margin-bottom:0} ol.gindi-ul {padding: 10px 55px 10px 0;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 25px;} ol.gindi-ul li {list-style: none;margin: 10px 0 16px;position: relative;} ol.gindi-ul li::before {position: absolute;right: -30px;width: 20px;height: 20px;/* top: 0px; */content: "";font-family: 'NotoSerif-Regular';font-size: 14px;display: flex;align-items: center;justify-content: center;background: #e1ddcc;/* color: #694b3c; */font-weight: bold;border-radius: 50%;content: counter(customlistcounter);} ol.gindi-ul li .bank-img{max-width:70px;/* max-height:30px; */margin-right:10px;margin-top:-2px} .points ol.gindi-ul li {font-size: 14px;display: flex;align-items: center;counter-increment: customlistcounter;} .points ol{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%} .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 #694b3c;white-space:nowrap;direction: ltr;background: linear-gradient(-45deg, rgb(204 236 249 / 0%), #694b3c);color: #FFF;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(204 236 249 / 0%), #694b3c);} a.footer-logo{display:block;width: 30%;text-align:center;max-width: 200px;margin: 40px auto 50px;} footer{/* margin-bottom:60px */} .gExtra-wrap {width: calc(100% - 50px);margin: 50px auto 20px;box-sizing: border-box;padding: 7vw 14px 3vw;position: relative;background: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);/* overflow: hidden; *//* background: white; *//* border-radius: 20px; */} .gExtra-wrap::before{content:"";background: #694b3c;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 , #694b3c 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: #694b3c;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 );color: #694b3c;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 #694b3c;margin: 0 -20px;line-height: 1;} .gExtra-wrap .gExtra .gExtraTtl2 {font-size: 1.1em;position: relative;margin-bottom: 0;display: block;color: #694b3c;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;} .gExtra-wrap .shovi {position: absolute;display: inline-block;background: #694b3c;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: #694b3c;transform: rotate(5deg);} .gExtraSpt {margin: 10px;border-bottom: 2px dotted #694b3c;} .hMishpatit .text {width: auto;max-width: 800px;box-sizing: content-box;margin: 0 auto;font-size: 16px;} .hMishpatit .text .b-text {font-size: 15px;} .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;top: 30px;bottom: auto;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;} .btn-whatsapp svg{width: 24px;height: 24px;/* position: absolute; *//* left: 6px; *//* top: 8px; */} .btn-whatsapp span{display:none} .btn-matkonet {position: fixed;left: 7px;transform: translateY(-50%);background: #d0bbae;color: #694b3c;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: #694b3c;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: linear-gradient(-90deg, #841117 0%, #ab2b32 70%, #841117);/* background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21); */color: #ffffff;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;cursor: pointer;} .footer-sticky > div.natzig{background: #694b3c;background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);color: black;} .footer-sticky > a {width: 50%;background: #ffffff;color: #621117;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;background-position: center;overflow: hidden;display: flex;align-items: center;justify-content: center;} .sp-text {position: absolute;top: 33%;background: rgb(255 255 255 / 90%);line-height: 10vw;padding: 0 30px;border-radius: 5vw;font-size: 5.6vw;color: #621117;} .sp-text svg {width: 10px;top: 3px;position: relative;margin-right: 5px;margin-left: -6px;} .sp-pin {position: absolute;top: 0;left: 0;right: 0;text-align: center;transform: translateY(-120%);} .sp-pin img {animation: updown 1s infinite;max-width: 17%;} @keyframes updown {0%{transform:none}50%{transform: translateY(20%);}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: #111;position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: #fff;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: 0 0 10px black;/* max-height: 140vw; */} .pop.designed .pop-cont{/* background-image: url(/exclusive/assets/img/bg_svg.webp); */background-size: auto 120%;background-position: top 40% center;box-shadow: 0 0 0 1000px rgba(255,255,255,0.6) inset;color: black;max-width: 600px;/* background: #845f00; */} .pop.designed .pop-cont .logo-form{/* background: radial-gradient(rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 72%); */padding: 3%;} .pop .pop-cont .closer {position: absolute;top: 0;left: 0;cursor: pointer;z-index: 4;background: #841117;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 .stages{display:flex;position:absolute;width: calc(100%);gap:10px;z-index: 2;padding-left: 50px;background: #ffffff;box-sizing: border-box;max-width: 500px;} .pop .pop-cont .stages div{width:50%;text-align:center;padding: 10px 0;padding-bottom: 4px;font-size: 18px;} .pop .pop-cont .stages div.active{border-bottom: 2px solid #9c2128;} .pop .pop-top-logo{width: 70%;max-width: 320px;margin: 60px auto;} .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-ttl {font-size: 6vw;/* padding: 0 10px; */text-align: center;font-weight: 600;margin-bottom: 0px;margin-top: 20px;color: #841117;} .pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px} .pop .pop-cont .pop-text a{/* color:white; */} .pop .pop-cont .pop-title{padding:20px 0;font-size:30px;font-weight:bold} .pop .pop-tabs{display:flex;padding: 0 40px;padding-right: 10px;gap: 0.3em;height: 50px;align-items: stretch;padding-top: 10px;border-bottom: 5px solid #841117;margin-bottom: 0px;background: #fefaf6;overflow: hidden;justify-content: center;} .pop .pop-tabs > div{display:flex;cursor: pointer;align-items: center;padding: 0 10px;justify-content: center;text-align: center;line-height: 1;background: linear-gradient(45deg, #d9b450, #e9c974, #d9b450);border-radius: 10px 10px 0 0;padding-top: 5px;box-shadow: 0 -10px 10px -11px rgb(0 0 0 / 40%) inset;position: relative;flex-direction: column;} .pop .pop-tabs > div.active{background: linear-gradient(-90deg, #841117 0%, #ab2b32 70%, #841117);color: white;box-shadow: 0 4px 4px -3px white inset,0 -10px 10px #841117 inset, 0 0 2px rgba(0,0,0,0.5);} .pop .pop-tabs > div img{position:absolute;max-height: 1em;max-width: 2em;background: white;padding: 0.2em;top: 0.7em;right: 0;border-radius: 0.5em;left: 0;right: 0;margin: auto;transform: translateY(-100%);} .pop .pop-tabs ~ .pop-cont-scroll{max-height: calc(100% - 65px);} .appt-attr {background: #dff06f;color: #000000;margin: 0 -2px;display: flex;justify-content: space-around;flex-flow: wrap;} .pop.coin .pop-cont .pop-cont-scroll::after{content:"";width: 30%;display: block;background-image: url(../icons_royal/symbol.svg);aspect-ratio: 1;background-size: cover;position: relative;left: 0;right: 0;margin: 30px auto 10px;max-width: 120px;} .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 .contact-btns{margin: 60px auto;width:80%;max-width:300px} .pop .pop-cont .contact-btns .contact-btn{height:50px;display:flex;align-items: center;background: #232f18;margin-bottom: 30px;border-radius: 30px;font-size: 18px;text-align: center;justify-content: center;font-weight: 600;color: black;cursor: pointer;text-decoration: none;position: relative;color: white;background: #841117;} .pop .pop-cont .contact-btns .contact-btn.main{font-size:26px;background: #841117;} .pop .pop-cont .contact-btns .contact-btn > svg, .pop .pop-cont .contact-btns .contact-btn > .btm-circle{position:absolute;right: 4px;width:40px;/* height:auto; */max-height: 40px;} .contact-btns .contact-btn > .btm-circle {position: absolute;right: 4px;width: 40px;/* height: auto; */max-height: 40px;} .btm-circle {position: absolute;width: 42px;height: 42px;background: transparent;box-sizing: border-box;border-radius: 50%;background: linear-gradient(45deg, #846000, #a97f0e, #b58d21, #d9b450, #e9c974, #d9b450, #b58d21);color: #1a1a19;border-radius: 30px;border-bottom: 1px solid #3b3731;border-top: 1px solid #ebe2cd;top: 4px;left: 4px;display: flex;align-items: center;justify-content: center;z-index: 999;} .btm-circle svg {width: 60%;height: auto; fill: #1a1a19;} @media(max-width:992px){ .contact-btns .desk{display:none} } .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 20px 10px 0;overflow: auto;margin-bottom: 0;} .pop .pop-cont ul li {list-style: none;margin: 10px 0;position: relative;line-height: 1.2;} .pop .pop-cont ul li::before {position: absolute;right: -20px;width: 10px;height: 10px;top: 3px;bottom: 3px;content: "";font-family: 'NotoSerif-Regular';font-size: 16px;display: flex;align-items: center;justify-content: center;border: 2px solid #cb585e;color: #694b3c;font-weight: bold;border-radius: 50%;margin: auto;} .pop .red-rounded{background: #841117;color:white;white-space: normal;display: flex;align-items: center;justify-content: center;font-size: 1.3em;padding: 0.2em 0.8em;border-radius: 5em;min-height: 1.6em;line-height: 1;} .pop .red-rounded.small{font-size:1em;} .pop .red-rounded.hollow{border:1px solid #841117;background: transparent;color: #841117;} .banks-wrap{font-size:clamp(14px,4vw,20px);max-width: 30em;margin: 0 auto;width: 98%;} .flex-banks{display:flex;padding-top: 4%;padding-bottom: 4%;position: sticky;top: 0;z-index: 3;background: white;justify-content: center;} .flex-banks > div{width:50%;align-items: center;justify-content: center;display: flex;} .flex-banks > div img{height:clamp(40px,8vw,60px)} .flex-banks-titles{display:flex;color:white;gap: 2%;align-items: start;justify-content: center;position: relative;} .fbt-cont{width:50%;width: 90%;} .fbt-ttl{display:flex;/* width: 49%; */background: #841117;align-items: center;justify-content: center;flex-direction: column;border-radius: 1em;font-size: 1.2em;line-height: 1;height: 2.8em;position: relative;z-index: 1;} .fbt-and{position:absolute;color: #841117;font-weight: bold;width: 1.6em;height: 1.6em;background: white;align-items: center;justify-content: center;display: flex;font-size: 1.8em;border-radius: 50%;z-index: 2;margin-top: 0.2em;} .fbt-btm{display:flex;gap: 0.2em;align-items: end;} .flex-banks-text{display:flex;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;/CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;align-items: start;justify-content: center;position: relative;} .fbt-text{display:flex;/* width:50%; */flex-direction: column;gap: 0.4em;/* padding: 3em 0.6em 0.6em; */box-sizing: border-box;color: black;/* margin-top: -2.4em; */margin-bottom: 0.4em;/* border: 1px solid #841117; */border-radius: 1em;position: relative;/* background: #f8f0e7; */padding: 0.5em;} .fbt-line{background: #841117;position: absolute;width: 1px;top: 0.5em;bottom: 0;} .fbt-cont-wrap {position:relative} .fbt-cont-wrap + .fbt-cont-wrap::before{position: absolute;content: "+";font-size: 1.4em;font-family: "Arial";width: 1em;height: 1em;background: white;left: 0;right: 0;top: 0;margin: auto;z-index: 2;color: #841117;display: flex;align-items: center;justify-content: center;font-weight: bold;border-radius: 50%;box-sizing: border-box;border: 1px solid;padding-top: 0.05em;opacity: 0;} .fbt-cont-wrap + .fbt-cont-wrap{padding-top:1em} .fbt-text.no-title{margin:0;padding-top:0.6em;font-size:0.9em;font-weight:100;max-height: 4.6em;overflow: hidden;} .fbt-cont .read-more{color: #841117;margin: 0.4em 0.6em;display:block;cursor: pointer;} .fbt-cont:not(.open) .read-more span:nth-child(2){display:none} .fbt-cont.open .read-more span:nth-child(1){display:none} .fbt-cont.open .fbt-text.no-title{max-height:none} .fbt-text .bull{display:flex;gap: 0.5em;align-items: start;} .fbt-text .bull::before{content:"";min-width: 0.6em;height: 0.6em;width: 0.6em;display: inline-block;background: #841117;margin-top: 0.2em;border-radius: 50%;} @media(max-width:992px){ /* .fbt-cont-wrap{max-height: 6.3em;overflow: hidden;margin-bottom: 0.2em;} .fbt-cont-wrap::after{content:"";bottom: 0px;position: absolute;left: 0;right: 0;background: linear-gradient(0deg, white 0%, transparent);height: 1.1em;display: block;} */ } .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 .remarks{font-size:0.6em;margin-top: 3em;} .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: #694b3c;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 #694b3c 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: 690px;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} #planPop.pop .pop-cont .pop-cont-scroll {height: 100%;direction:ltr} #planPop .pop-cont-scroll img {height: 100%;width: auto;max-width: initial;} .mifrat-flex {display: flex;justify-content: space-around;flex-wrap: wrap;} .mifrat-col {padding: 20px 10px 0;box-sizing: border-box;max-width:360px;width: 100%;margin: 10px;border: 1px solid #841117;border-radius: 20px;background: #fefaf6;box-shadow: 0 0px 5px rgba(0,0,0,0.1);} .ul-title{font-weight:bold;background: white;margin-right: -11px;border: 1px solid #841117;display: inline-block;padding: 5px 20px;border-right: 0;border-radius: 20px 0 0 20px;box-shadow: 5px 0 0 white, 5px 0 5px inset rgba(0,0,0,0.1);} .ccform.init {min-height:440px;width:100%;/* margin-top:50px; */position:relative;} nav#site-navigation{display: block;width: 100%;} .nav_mobile{display:none;background: #fefefe;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: #621117;display:block;font-size: 20px;line-height: 1;padding: 10px 20px;border-bottom: 1px rgb(135 19 25 / 10%) 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: #694b3c;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: #000000;z-index: 1;} .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;} .pop.designed .form_wrapper form .required, .pop.designed .form_wrapper form .inpt{background:white;border: 1px solid #ccc;} .pop.designed .form_wrapper form input, .pop.designed .form_wrapper form select{color:black} .pop.designed .form_wrapper form input[type=text]+label{color:black} .pop.designed .form_wrapper form input[type=checkbox]{max-width:20px;width:20px;display:inline-block;height:20px} .pop.designed .form_wrapper form label.checkB{color:black} .pop.designed .form_wrapper form label.checkB a{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: 10px;font-weight: 100;vertical-align: middle;margin-bottom: 0.1em;} 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, #841117 0%, #ab2b32 70%, #841117);color: #fff;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;display: flex;align-items: center;justify-content: center;column-gap: 5px;} .logo-efal-pop {width: 60%;max-width: 200px;margin: 10px auto 20px;} .logo-gindi-pop {width: 40%;max-width: 160px;margin: 40px auto 0px;} .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: 80%;margin-bottom: 20px;max-width: 300px;filter: contrast(0) brightness(0) drop-shadow(0px 0px 2px white);} .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: #694b3c;} @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: 560px; 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%);} } 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 #3a0a0c solid;border-radius: 3em;margin-top: 0.5em;background: rgb(255 255 255 / 80%);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);background-size: 70%;background-position: center;background-repeat: no-repeat;} @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;} .minutes5-wrap{font-size: 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} .mobile{display:none !important} @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%;} .mid-vid {height: 0;padding-bottom: 47%;/* margin-bottom: 2em; */} .mid-vid video {position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;} .yt-vid {height: 0;padding-bottom: 56.2%;/* margin-bottom: 2em; */} .yt-vid iframe {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: 3.8em;/* margin-top: 0.4em; */display: flex;align-items: center;} .ttl2{font-size: 42px} .spherekel-bg .text{position:absolute} .media-wrap.one{/* width: 70%; */} .spherekel-bg{padding-bottom: 33%;border-radius: 10px;} /* width */ ::-webkit-scrollbar {width: 6px;background: #7e391b;border-radius: 20px;} /* Track */ ::-webkit-scrollbar-track {background: #4d1c07;border-radius: 20px;} /* Handle */ ::-webkit-scrollbar-thumb {background: #bf8462;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;} .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: 20px;position: fixed;top: 10px;width: 250px;height: 60px;/* border-radius: 50%; */filter: none;} .pay-wrap{/* background-image: url(../img/text-bg-desk.webp?1); */background-size: auto;margin-top: 30px;position: relative;} .pay-wrap.no-bg{/* background:transparent; */margin-top: 0;} .milion-wrap{width: 40em;border: 3px solid #ffca20;margin: 20px auto;align-items: center;box-shadow: 0 0 1em white;} .specialboxes{font-size:20px;max-width: 810px;z-index: 2;} .pay-wrap > * {/* position:relative; *//* box-shadow: none; *//* background: transparent; */} .p-title{font-size: 60px;} .pay-circles{/* font-size: 26px; *//* max-width: 600px; */} .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: 100px;box-sizing: border-box;} section.hero {min-height: calc(100vh - 220px);min-height: 0} section.hero .text-wrap{/* background-image: url(../img/text-bg-desk.webp?1); */background-size: 100% auto;background-position: top 50% center;} section.hero .anubanu .anubanupic {max-height: calc(100vh - 280px);} section.hero .anubanu .minutes {width: 20vh;right: 50%;max-width: 140px;margin-right: -38vh;} section.hero .bg {background-size: 100%;} .taba{height:auto;width:100%;margin-bottom: 5%;border-radius: 10px;} .taba img{height:auto;width:100%;} .midTitle{font-size:30px} .promote-sell{font-size: calc(0.7vw - 4px);} .spinner-wrapp {font-size: 350px;padding: 130px 0;margin: 0 auto;text-align: center;} .spinner {margin: 0 auto;} section .text-wrap::before{background: linear-gradient(180deg, rgb(255 255 255 / 0%) 8em, #fefefe 11em);} .t-title {font-size: 4vh;} .t-title.small{font-size:34px} .hero .text .t-text {max-width: 650px;margin: 0 auto;} .hero .text {margin: 0 auto;padding-bottom: 30px;width: 100%;max-width: none;} .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;} .t-title .black {font-size: 50px;} .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);} #binuiPlan .media-wrap{/* width:80%; *//* max-width: 120vh; */margin:auto;} #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: auto; */} #binuiPlan .img-carousel {/* margin-top: 0px; */height: auto;} #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: 66%; */max-height: calc(100vh - 200px);} #binuiPlan .img-carousel .item .ballance-gal-map{height:auto;width:100%} div#ballance-gal .side_bar {/* width: 400px; *//* top: -72px; */} div#ballance-gal .side_bar{left: 0;top: 0;right: auto;max-width: 500px;width: 90px;} #binuiPlan .side_bar .numbers{font-size: 1vh;} #binuiPlan .numbers {/* bottom: auto; *//* display: flex; *//* flex-wrap: wrap; */} #binuiPlan .numbers > a {/* width: 20%; *//* height: auto; *//* margin: 4%; *//* border-radius: 50%; *//* max-width: initial; *//* max-height: initial; *//* overflow: visible; */} #binuiPlan .numbers > a::before {/* content: ""; */padding-bottom: calc(100% - 2px);display: block;} #binuiPlan .numbers > a svg { width: 51%; height: auto; } #binuiPlan .numbers > a .clicker.active img { width: 30px; } #binuiPlan .img-carousel .numbers > a span{font-size: 14px;width: 120%;max-width: 120%;line-height: 1.4;} #binuiPlan .img-carousel .numbers > a.active span {/* max-width: 120%; *//* white-space: normal; *//* background: #555; */} #binuiPlan .text-carousel {width: 30%;position: absolute;color: white;overflow: hidden;margin: 32% 0px 0px;z-index: 9;/* background: rgba(0, 0, 0, 0.5); */top: 0px;} #binuiPlan .media-wrap .text {/* color: white; */font-size: 2vw;line-height: 1.2;font-size: 22px;} #binuiPlan .media-wrap h3 {/* color: white; */} #binuiPlan h3 span { display: none; } #binuiPlan.popb .img-carousel .item #ballance-gal-wrap { height: 90vh; max-height: 851px; } #binuiPlan.popb div#ballance-gal .side_bar {width: 400px;background: rgba(0, 0, 0, 0.7);right: 0;top: -68px;} #binuiPlan.popb .text-carousel {margin-top: 110px;width: 360px;overflow: hidden;background: #232f18;margin-right: 20px;right: 0;} #binuiPlan.popb .text { font-size: 19px; } #binuiPlan.popb .owl-carousel .item h3 { font-size: 24px; } .slogen2-wrap .slogen2-txt, .slogen2-wrap .slogen2-txt.initial {font-size: 44px;line-height: 1.5;} .star-shine {font-size: 50px;/* width: 80px; *//* height: 80px; */} .star-shine.str1 {top: -40px;} .slogen2-wrap .slogen2-txt div{display:inline} .pay-title {font-size: 30px;display: inline-block;max-width: 800px;width: 80%;margin: 10px auto 10px;display: block;} .pay-title.small {font-size: 30px;} .pay-title .pt-big{font-size:120%} .pay-wrap .table-wrap {max-width: 800px;margin: 0 auto;} .pay-wrap::before{content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 390px;/* background: linear-gradient(180deg, rgba(255,255,255,0), white 100px); */} .pay-wrap table {max-width: 760px;} .pay-wrap table th {font-size: 18px;} .pay-wrap table td {font-size: 18px;} .pay-wrap table td div {font-size: 14px;} .pay-wrap table td .pent {font-size: 18px;} .pay-wrap table td span {/*font-size: 24px;*/} .pay-wrap table td:nth-child(4), .pay-wrap table th:nth-child(4) {font-size: 24px;} .points {display: inline-block;font-size: 26px;} .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;} .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} .ld-icons{font-size:20px} .ld-icons .ld-icon{margin:1em } .ld-icons.white .ld-icon{font-size:20px} .id-icons-bg{flex-direction:row;justify-content: space-between;background-size: cover;background-position: center;} .id-icons-bg .t-title-wrapper{width:50%;align-items: center;justify-content: center;display: flex;} .id-icons-bg .ld-icons {width:50%} .ld-icons.white .ld-icon{width: 30%;min-width: 30%;} } @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 > * {height: 80px;font-size: 30px;} .deskmargin{margin: 3vh 3vh 0;} .midTitle{margin: 10px 40px 0px;font-size:40px;height:60px;border-radius: 10px;} .double{display:flex;align-items: start;justify-content: space-between;} .double.rev{direction:ltr} .double section {width: calc(50% - 1vh);display: inline-block;min-height: 26.6vw;border-radius: 10px;box-shadow: 0 4px 6px -2px rgba(0,0,0,0.2);} .double section .media-wrap{margin-top:0} .double section.no-shadow{box-shadow:none} .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: 2.3vh;position: relative;z-index: 1;} .text .t-text {/* max-height: 203px; */} .t-title .black{font-size:34px;text-align:right} .t-title{/* font-size: 30px; */} section:not(.hero):not(.hMishpatit){align-items:stretch;} section:not(.hero):not(.hMishpatit) .text-wrap, .text .garden-title div{background-position: top 20% center;/* height: 100%; *//* background-size: auto 100%; */} section:not(.hero):not(.hMishpatit):not(#plansSec) .text-wrap::before{position: relative;/* padding-bottom: 66%; */} section:not(.hero) .text-wrap::after{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;/* background: linear-gradient(180deg, rgb(255 255 255 / 0%) 6em, rgb(255 247 237) 11em, white); */z-index: 0;} .double.big section {/* height: calc(40vw - 150px); *//* padding-bottom: 130px; */} section.blank-bg{box-shadow:none} section.blank-bg .text-wrap::before,section.blank-bg .text-wrap::after{display:none} div.small section{min-height:0} div.double.small{align-items: stretch;} div.small section .text-wrap::before{display:none} 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;width: 50px;/* padding-left: 50px; *//* padding-right: 20px; */top: 38px;} .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);} .pay-wrap::before{content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 240px;/* background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fefefe 150px); */} .specialbox:not(.bigbox){width:calc(25% - 10px)} } @media(min-width:1600px){ .t-title{/* font-size: 34px; */} .t-title .black{font-size:50px;} .text,#main .text {/* font-size: 24px; */} .minutes5-wrap{font-size: 0.45vh;} } @media(max-width:991px){ 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: 991px) { .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) { .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%);} .popup.disabled::after {content: "";position: fixed;z-index: 9;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);} @supports (-webkit-touch-callout: none) { .pay-title .pay-title-inner { padding: 10px 5px 10px; } .slogen2-wrap .slogen2-txt{font-size:6vw} /*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}*/ } div:where(.swal2-container) div:where(.swal2-popup) {background: #ffffff !important;} div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {background: #ffffff !important;!} div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {background: #ffffff !important;!} div:where(.swal2-icon).swal2-success .swal2-success-fix {background: #ffffff !important;!} div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {background: #621117 !important;!} div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgb(218 181 82 / 50%) !important} .paytimerwrapper{background:black;color:white;display: flex;height: 40px;align-items: center;justify-content: center;gap: 10px;font-size: 18px;} .apointmentBtn {display: flex;margin: 10px auto;width: 240px;height: 50px;align-items: center;background-color: #ff9027;border-radius: 30px;text-decoration: none;box-sizing: border-box;padding: 0 8px;gap: 6px;} .apointmentBtn::before{content:"";width: 36px;height: 36px;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: white;border-radius: 50%;} .wazelink::before{background-image: url(../img/waze-icon.png);} .googlecalendar::before{background-size: 62%;background-image: url(../img/google-calendar.png);} .retry::before{background-size: 62%;background-image: url(../img/refresh.svg);} .payinfo {background: white;padding: 10px;font-size: 18px;text-align: center;} .payinfo .changeAppointment {display: inline-block;text-decoration: underline;padding: 5px;margin-top: 5px;} #tranzform{display:none} #tranzform.active{display:block;/* position:absolute; */width:100%;height:100%;top: 50px;right:0;left:0;background: #fff9f3;z-index:9} #appointment .inside.hide{height:0;overflow:hidden}