@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:'Almoni-dl-aaa';font-style:normal;font-weight:300;src:url('/assets/fonts/Almoni/almoni-dl-aaa-300.ttf');} @font-face{font-family:'Almoni-dl-aaa';font-style:bold;font-weight:700;src:url('/assets/fonts/Almoni/almoni-dl-aaa-700.ttf');} /* @font-face { font-family: 'RagMarom'; src: url('../fonts/RAG-Marom/RAG-Marom-2.2-RegularHigh.otf') format('opentype'); }*/ @font-face { font-family: 'Butler'; src: url('../fonts/Butler/Butler_Bold_Stencil.otf') format('opentype'); } /*@import url('https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css');*/ /*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/ /*@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@500;600&display=swap');*/ /*@font-face {font-family: 'Alumni Sans';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/alumnisans/v18/nwpQtKqkOwdO2aOIwhWudG-l7w0.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}*/ /* @font-face { font-family: Breathing; src: url(../fonts/Breathing/Breathing.woff2); } @font-face { font-family: Breathing-Swash; src: url(../fonts/Breathing/Breathing-Swash.woff2); } */ html, body {overscroll-behavior: none;overflow: hidden;height: 100%;} body div:where(.swal2-container){z-index:999999} body.pauseAll *,body.pauseAll *::after,body.pauseAll *::before{animation:none !important; transition:none !important} body.pauseAll .perspective.in3d{transform:none !important} body.pauseAll .perspective.in3d .sections{transform:none !important;transform-style: unset;} svg, svg * {pointer-events:none} * {margin: 0px;outline: 0px;border: 0px;vertical-align: top;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} body {font-family: "Open Sans Hebrew Condensed", "Arial";overflow-x: hidden;font-weight: 500;background: #000000;touch-action:none;} body.noscroll { overflow: hidden; } img { max-width: 100%; } header {position: fixed;top: 0px;right: 0px;left: 0px;height: 50px;z-index: 50;} header::before{content:"";position:absolute;background: linear-gradient(180deg, rgb(0 0 0 / 50%) 10%, rgb(0 0 0 / 0%));display: block;width: 100%;top: 0;right: 0;left: 0;padding-bottom: 0;} header .container {height: 0;position: relative;z-index: 9;box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;} .logo.mainlogo {position: fixed;margin-top: calc(50px + 13%);left: 0;display: none;right: 0;margin: 8% auto 0;width: 120em;z-index: 999;max-width: 360px;transition: 1s all;/* filter: brightness(0.4) hue-rotate(75deg); */display: block;font-size: 0.46vw;top: 0em;text-decoration: none;} .logo.mainlogo img.project-logo {/* position: absolute; *//* top: 0; *//* right: 0; *//* bottom: 0; *//* left: 0; *//* margin: auto; *//* height: 60%; *//* opacity: 0.6; */width: 100%;transition: 1s all;/* filter: drop-shadow(0px 6px 3px black) brightness(1); */margin-left: -12%;position: relative;clip-path: polygon(0% 90%, 100% 90%, 100% 100%, 0% 100% );} .logo.mainlogo div.project-logo {position: absolute;display: flex;flex-direction: row-reverse;align-items: end;width: 100%;gap: 5%;} .logo.mainlogo div.project-logo svg{transition:0s all;transition-delay:0s!important;} .logo.mainlogo.animated div.project-logo svg{animation:logoAnimation 8s infinite ease-in-out} .logo.mainlogo div.project-logo svg{height: auto;fill: #cc7a5e;opacity: 0;} .logo.mainlogo.animated div.project-logo svg:nth-child(1){animation-delay: 0s;} .logo.mainlogo.animated div.project-logo svg:nth-child(2){animation-delay: 0.2s;} .logo.mainlogo.animated div.project-logo svg:nth-child(3){animation-delay: 0.4s;} .logo.mainlogo.animated div.project-logo svg:nth-child(4){animation-delay: 0.6s;} .logo.mainlogo.animated div.project-logo svg:nth-child(5){animation-delay: 0.8s;} .logo.mainlogo .circle{/* font-size: 0.5vw; */transform: translate(22em, 1em);opacity: 0.6;} .logo.mainlogo #gindilogo{position:absolute;opacity:0;width: 80%;margin: auto;margin-top: -2%;left: 0;right: 0;} .logo.mainlogo.animated #gindilogo{animation:logoGindiAnimation 8s infinite ease-in-out} .logo.mainlogo div.descriptor {font-size: 8em;text-decoration: none;color: white;position: absolute;left: 0;right: 0;/* top: 3.5em; */margin-top: 22%;display: flex;align-items: center;white-space: nowrap;justify-content: center;opacity:0;font-weight: normal;width: 90%;margin-left: auto;margin-right: auto;} .logo.mainlogo div.descriptor svg{height:auto;fill: #ff9027;stroke:#ff9027;} .logo.mainlogo.animated div.descriptor{animation:descriptorAnimation 8s infinite ease-in-out} .logo.mainlogo.gindi.animated #mainLogowrap{display:none} .logo.mainlogo.gindi.animated #gindilogo{animation:none;opacity: 1;} @keyframes logoAnimation{ 0%{transform:translateX(100%) scaleX(0);opacity:0;} 10%{transform:translateX(0) scaleX(1);opacity:1;} 40%{transform:translateX(0) scaleX(1);opacity:1;} 50%{transform:translateX(-100%) scaleX(0);opacity:0;} } @keyframes descriptorAnimation{ 0%{transform:scaleY(0);opacity:0;} 10%{transform: scaleY(0);opacity:0;} 20%{transform:scaleY(1);opacity:1;} 40%{transform: scaleY(1);opacity:1;} 50%{transform: scaleY(0);opacity:0;} 100%{opacity:0} } @keyframes logoGindiAnimation{ 0%{opacity:0;} 50%{opacity:0;filter:blur(5em)} 60%{opacity:1;filter:blur(0)} 90%{opacity:1;filter:blur(0)} 100%{opacity:0;filter:blur(5em)} } @keyframes comefromside{ 0%{transform:translateX(30em) scaleX(0);opacity:1;fill:#000} 100%{transform:translateX(0em);opacity:1} } body:not(.notfirst) .logo.mainlogo .pages-logo{display:none} body.notfirst .logo.mainlogo, body.menu-opened .logo.mainlogo{/* width: 24%; *//* padding-top: 70px; *//* filter: none; */font-size: 0.34vw;margin-top: 6%;filter: contrast(0) brightness(2);} body.notfirst .logo.mainlogo .home-logo{display:none} body:not(.menu-opened).notfirst.bg2 .logo.mainlogo {filter: contrast(0) brightness(0);} body.fly3 .logo.mainlogo{display:none} .menu-button {box-sizing: border-box;display: flex;flex-direction: column;cursor: pointer;height: auto;left: auto;width: 42px;transition: all 0.5s ease 0s;position: fixed;top: 2%;right: 15px;/* padding: 5px; */z-index: 99;background: #000000;background: linear-gradient(45deg, #c5a670 30%, #e5dcc5, #d7b374 70%);border-bottom: 1px solid #3b3731;border-top: 1px solid #ebe2cd;height: 41px;border-radius: 50%;align-items: center;justify-content: center;} .menu-button span {transition:0.5s all;border-radius: 0px;display: block;height: 1px;min-height: 1px;margin: 4px auto;transition: all 0.5s ease 0s;width: 70%;background: white;/* border-radius: 50%; */transition: 0.2s all;position: relative;} body.menu-opened .menu-button span:nth-child(1) {transform: rotate(45deg);top: 10px;} body.menu-opened .menu-button span:nth-child(2) {opacity: 0;} body.menu-opened .menu-button span:nth-child(3) {transform: rotate(-45deg);top: -9px;} .menu-button{background:transparent;border:0;} body:not(.menu-opened).bg2 .menu-button span{background: #000;} .slogen-wrap {position: relative;height: 50px;/* background-image: url("../img/grid2.jpg"); */background-size: cover;background-position: center center;/* background: black; *//* background: #f9a85a; *//* width: 100%; *//* text-align: center; */} .slogens {position: absolute;height: 50px;overflow: hidden;left: 0;box-sizing: border-box;right: 0;text-align: center;} .slogens > div {position: absolute;color: #eee;font-size: 6.3vw;/* letter-spacing: -0.04em; */line-height: 1;display: flex;height: 50px;align-items: center;font-weight: 600;transition: all 0.4s ease 0s;top: 0;opacity: 0;left: 0px;right: 0px;place-content: center;flex-wrap: wrap;width: calc(100% - 100px);margin: auto;text-align: center;transform: scaleY(0);} .slogens > div.show { top: 0px; opacity: 1;transform:none ;transition-delay:0.4s} /*.slogens > div.prev { top: -60px; opacity: 0; height: 80px; }*/ .slogens > div img {max-height: 90%;} @keyframes _rotate{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } @keyframes grow{ 0%{width: 6em;} 50%{width:16em} 100%{width: 6em;} } .timer{direction:ltr;color: #000000;display:flex;position:absolute;/* left: 50%; */top: 1px;border-radius: 29px;/* box-shadow: 0px 0px 2px rgb(0 0 0 / 30%) inset, 0px 0px 50px rgb(255 255 255 / 50%); */padding: 4em 4em 0 4em;box-sizing: border-box;align-items: center;z-index: 1;margin: auto;/* transform: translateX(-50%); */font-size: 4px;height: 11em;height: 48px;width: 160px;justify-content: center;letter-spacing: 0;text-shadow: none;} .timer .tm{display:flex;padding-bottom: 3.4em;position: relative;height: 4em;} .timer .tm:nth-child(n+3)::before{content:":";width: 10px;text-align:center;line-height: 24px;font-size: 14px;font-weight: 500;} .timer .tm:nth-child(2)::before{content:""} .timer .tm span{width: 0.6em;text-align:center;font-size: 4em;font-weight: 500;} .timer .tm label{position:absolute;bottom:0;font-size: 11px;left:0;right:0;text-align:center;padding-left: 10px;font-weight: 400;opacity: 0.8;} .timer .tm.days label{font-weight: 500;padding-left: 0;font-size: 12px;/* margin-bottom: -0.2vw; */} .timer-title {font-size: 3.5em;position: absolute;line-height: 1;left: 0;right: 0;top: 2px;padding: 0 8px;z-index: 9;/* border-radius: 0 30px 0 0; */text-align: center;margin: auto;direction: rtl;font-weight: bold;} .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;} .logo-top-line {color: #000000;text-align: center;z-index: 99;width: 48px;height: 48px;/* margin: 0 5px; */position: absolute;left: 5px;top: 1px;height: 48px;border-radius: 50%;display: flex;align-items: center;} .viewers {color: #000000;text-align: center;z-index: 99;width: 48px;/* margin: 0 5px; */position: absolute;left: 5px;top: 1px;background: #f9a85a;height: 48px;border-radius: 50%;} .viewers #viewcount {font-size: 16px;font-weight: 500;text-align: center;font-weight: bold;line-height: 1;margin-top: 4px;} .viewers span {font-size: 12px;line-height: 0.8;display: block;margin-top: 0px;display: flex;align-items: center;flex-direction: column;line-height: 1;justify-content: center;width: 40px;margin: 0px auto 0;} .viewers-spt{width:1px;height:30px;margin: 0px 20px;background:white} body.join_open .viewers{z-index: 9999;left:auto;right:5px} .vid { position: relative; } section.checkview:not(.blocktransition) {/* opacity: 0; *//* transition: all 1s ease 0.2s; */} section.inview .text { transition: all 1s ease 0s; } section.checkview.inview {/* opacity: 1; */} section.checkview.block-section.inview .slogen, section.checkview.block-section.inview .text {} section.checkview.block-section .text, section.checkview.block-section .slogen {} .slogen u {width: 4em;display: inline-block;height: 16em;margin-top: -5em;margin-left: 0.7em;margin-right: 1em;border-radius: 0 0 500px 500px;box-sizing: border-box;border: 1em solid white;border-top: 0;position: relative;z-index: 1;} section.inview .slogen u {transition: 1s all;transition-delay: 1s;width: 15em;margin-top: -40px;height: calc(100% + 20px);border-width: 0.7em;box-shadow: 0 4px 4px black, 0 0 0 10000px rgb(121 123 101 / 80%);} .sections section.bg2-section, .sections section.flex-column{background: #c4c4c4;display:flex;align-items:center;justify-content: center;flex-direction: column;} section.bg2-section .multimedia-section, section .section-space-holder{min-height: 50dvh;height: 54dvh;width: 74%;margin: 0;position: relative;transition: 0.5s all;} section.bg2-section .multimedia-section img{position:absolute;width:100%;height:100%;object-fit: cover;} section .text-over-gallery{position:absolute;z-index:2;top: 0;right: 0;bottom: 0;display: flex;justify-content: center;flex-direction: column;/* color: white; */width: 0;direction: rtl;} section .section-bottom{position:relative;text-align:center;width: 100%;padding: 40px 20px;margin: -20px 0 -20px;background: radial-gradient(rgb(255 255 255 / 60%) 30%, rgba(255, 255, 255, 0) 70%);/* height: 50px; */box-sizing: border-box;} section .section-bottom .bottom-title{font-size: 7em;margin-bottom: 10px;font-family: 'butler';padding: 0px 0vw;line-height: 1;color: #000;/* text-shadow: 0 1px white, 0 -1px white, 1px 0px white , -1px 0px white; */position: relative;margin: 0 -10px 10px;} section .section-bottom .bottom-title span{font-size:0.9em} section .section-bottom .bottom-extra-text{font-size: 4.8em;margin-bottom: 0.5em;} section .text-over-gallery .section-bottom{/* background: radial-gradient(rgb(0 0 0 / 20%) 10%, rgb(0 0 0 / 0%) 65%); *//* text-shadow: 0 1px black; */width: 100vw;right: 0;transition: 0.5s all;} section .open-close svg{fill:white;} section .text-over-gallery .section-space-holder{width:0} section .text-over-gallery .section-text{width:100vw} section .open-close{padding: 0px 20px;line-height:1.5;display: inline-flex;background: black;color: white;text-shadow: none;height: 2em;align-items: center;border-radius: 30px;font-size: 4.8em;cursor: pointer;} section .open-close svg{display:none} section .section-text{height:0;overflow: hidden;position:relative;padding: 0 20px;box-sizing:border-box;font-size: 4.8em;line-height: 1.4;transition: 0.2s all;text-align:center;box-sizing: border-box;transition: 0.5s all;} section.section-extra .section-bottom {margin-bottom:10px;/* background: radial-gradient(rgb(0 0 0 / 0%) 10%, rgb(0 0 0 / 0%) 65%); */} section.section-extra .section-text{height: calc(80dvh - 100px);margin-top: -40px;} section.section-extra .slogen img{bottom:auto;height: 20dvh;} section.section-extra .multimedia-section, section.section-extra .section-space-holder{height: 20dvh;min-height: 20dvh;width: 100%;} section.section-extra .multimedia-section .owl-item {width: 100vw !important;} section.section-extra .multimedia-section.maps .owl-stage {width: 100vw !important;transform: none !important;} section .multimedia-section::before{content:"";position:absolute;z-index:2;width:100%;height:100%;pointer-events:none;transition:0.5s} section.section-extra .multimedia-section::before{background:rgba(0,0,0,0.3)} section.section-extra .open-close{font-size:0;height: 40px;} section.section-extra .open-close svg{display:block;width: 46px;position:absolute;height: auto;left: 0;right: 0;margin: auto;} section .text-over-gallery.sticky-bottom .section-bottom::before{content:"";width: 100%;height: 34vh;bottom:0;right:0;background: linear-gradient(180deg, transparent , rgb(255 255 255 / 70%) 160px);display: block;position: absolute;pointer-events: none;} section .text-over-gallery.sticky-bottom{top:auto;/* padding-bottom:80px; */} section .text-over-gallery.sticky-bottom .open-close{background: transparent;height: auto;color:black;position: relative;padding: 0 10px;letter-spacing: -0.04em;/* text-shadow: 0 1px 1px white, 0 -1px 1px white, 1px 0px 1px white , -1px 0px 1px white; */line-height: 1.2;cursor: initial;} section .text-over-gallery.sticky-bottom .section-bottom {background:transparent;padding-bottom: 90px;padding-top: 0;} section#sec6 .slogen{/* bottom: 80px; */} section#binui {/* padding-top: 6%; */cursor: pointer;} .inview section .slogen {/* margin-left: -10px; */padding-left: 9em;} section .text {/* font-size: 20px; */} .block-side .text .b-text .hide_text { opacity: 0; } .block-side .text.open .b-text .hide_text { opacity: 1; } .sections section.block-section#mishpati .block-side .text .b-text { font-size: 14px; text-align: right; } section#map.checkview img { transition: all 5s ease 0s; } section#map.checkview.inview img { transform: scale(1.2); } .appart-box.checkview .appart-pic { transition: background-size 15s ease 0s; } .appart-box.checkview.inview .appart-pic { background-size: auto 120%; } .sections section#sec7.checkview {background-size: auto 100%;} .sections section#sec7.checkview.inview { background-size: auto 115%; } .sections section#sec7.checkview > * {transform: translateY(50px);transition: all 1.2s ease 0s;} .sections section#sec7.checkview.inview > * { transform: translateY(0px); } .price-compare {font-size: 20px;background: #000;display: block;width: calc(100% - 40px);line-height: 50px;margin: 20px auto 10px;cursor: pointer;color: rgb(255, 255, 255);text-decoration: none;border: 1px solid white;text-align: center;} .pic1.checkview { transform: scale(0.5); opacity: 0; transition: transform 1s ease 0s, opacity 1s ease-in 0s; } .pic1.checkview.inview { transform: scale(1); opacity: 1; } #animation.popup{z-index: 9999;} .popup {display: none;position: fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.9);color: rgb(255 255 255);z-index: 999;} .login-popup .popup_container .logo img { max-width: 50%; position: relative; } .login-popup .popup_container .logo { position: relative; } .login-popup .popup_container .logo::before {content: "";position: absolute;left: 0px;right: 0px;width: 12px;height: 12px;box-shadow: white 0px 0px 40px 50px;margin: auto;background: white;top: 24%;border-radius: 50%;opacity: 0;} .popup.login-popup {background: rgba(0, 0, 0, 0.5);z-index: 10000;} .login-popup .popup_container .top-vid{position:absolute;top: -26.7%;left:0;right:0;width:100%} .login-popup .popup_container .top-vid video{position:relative;width: 100%} .login-popup .popup_container .login-container{position:relative} .login-popup .popup_container {width: calc(100% - 20px);max-width: 390px;height: 100vh;text-align: center;overflow: auto;padding: 30px 40px;padding-top: 150px;max-height: 580px;box-sizing: border-box;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);background: #000;background-image: url(/assets/img/login_bg.jpg);background-size: contain;background-position: top -50% center;border: 1px solid #c1dc85;background-repeat: no-repeat;background-color: black;} .login-popup .return {position: absolute;line-height: 40px;top: 0px;right: 0px;padding: 0px 10px;font-size: 14px;cursor: pointer;color: white;} .login-popup .sen { font-size: 30px; padding-top: 10px; font-weight: bold; line-height: 1.2; padding-bottom: 10px; } .login-popup .exp { font-size: 26px; font-weight: 500; padding-top: 10px; } .login-popup .inputWrap {height: 60px;display: block;background: rgb(255, 255, 255);position: relative;max-width: 278px;margin: 10px auto 0px;} .login-popup .inputWrap:not(.code) label + input { position: absolute;top:0;left:0;right:0;bottom:0; border: 0px; height: 100%; padding-right: 80px; background: transparent; width: 100%; box-sizing: border-box; font-size: 18px; } .login-popup .inputWrap:not(.code) label + input { padding: 0px 20px; } .login-popup .inputWrap:not(.code) label {/* display: none; */} .login-popup .inputWrap label { color: rgb(51, 51, 51); position: absolute; top: 0px; right: 0px; line-height: 60px; padding-right: 15px; width: 70px; box-sizing: border-box; z-index: 2; } .login-popup .inputWrap label.codelabel {/* z-index: 0; */pointer-events: none;} .login-popup .inputWrap.code::after {content: "_ _ _ _";position: absolute;white-space: nowrap;letter-spacing: 5.2px;margin-right: 8px;margin-top: 2px;font-size: 22px;/*font-family: Rubik, arial;*/z-index: 999;color: black;bottom: 14px;left: 80px;pointer-events: none;} .login-popup .inputWrap.code label + input {position: absolute;top:0;left:0;right:0;bottom:0;border: 0px;width: 100%;height: 100%;background: transparent;padding-left: 80px;box-sizing: border-box;letter-spacing: 0.9em;direction: ltr;text-align: left;font-size: 16px;} .login-popup .submit {height: 60px;display: block;border: 0px;background: #f9a85a;cursor: pointer;outline: 0px;position: relative;font-size: 30px;line-height: 60px;border-radius: 0px;padding: 0px;font-weight: 500;box-shadow: none;color: rgb(255, 255, 255);max-width: 278px;margin: 10px auto;color: #000;width: 100%;} .login-popup .no-code { font-size: 18px; padding-top: 10px; } .login-popup .no-code span { padding-right: 5px; cursor: pointer; text-decoration: underline; } .login-popup .no-code span a {color: rgb(255 255 255);text-decoration: underline;} .login-popup #resend { margin-top: 20px; margin-bottom: -20px; text-decoration: underline; font-size: 16px; cursor: pointer; } .login-popup .popup_container.smsForm { display: none; } .login-popup.sms .popup_container { display: none; } .login-popup.sms .popup_container.smsForm { display: block; } .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; } .login-popup:not(.newreg) .exp.ttl2 { display: none; } .login-popup:not(.newreg) .reg{display:none} .login-popup.newreg .exp.ttl1 { display: none; } .login-popup:not(.newreg) .submit .send2 { display: none; } .login-popup.newreg .submit .send1 { display: none; } div#joinpop .pop-cont {/* height: 480px; */} .block-side{/* position:relative; */padding: 0 0px 10px;/* overflow: hidden; */position: absolute;/* bottom: 120px; */text-align: center;width: 74%;box-sizing: border-box;margin-top: 25vw;color: white;} .slogen {text-align:left;padding: 0;/* transition: 1s all; */direction: ltr;margin: 0 -0;height: auto;left: 0;top: 0;right: 0;bottom: 0;font-size: 1vw;/*display: none;*//* transform: translateY(80%); *//* box-shadow: 0 0 10px 0px rgb(0 0 0 / 20%); *//* border-radius: 10px; */overflow: hidden;position: absolute;} section.inview .slogen{transition: 2s all;transform: none;} #first-section .slogen img{height: auto;width: 100%;object-fit: initial;} .slogen img {/* max-height: 12.5vw; */margin: 0px auto 0px;display: block;/* margin-top: -38%; */position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;max-width: 100%;margin: auto;object-fit: cover;transition: 0.5s all;} .slogen span.black {background: black;display: flex;align-items: center;justify-content: center;} .slogen span.black video {max-width: none;width: auto;} section.inview .slogen img{transition-delay: 0s;} .slogen img.big { max-height: 20.5vw; } .slogen div {color: #e9f5cd;line-height: 2;box-sizing: border-box;display: inline-block;position: absolute;z-index: 2;left: 0;right: 0;text-align: center;letter-spacing: 0;text-shadow: 0 3px 0px black;padding-top: 33%;} .slogen div:not(.hebrew){font-family: 'Oswald';} .slogen div.hebrew{/* margin-top: 0.5em; */font-weight: bold;} .slogen div:first-child{/* margin-left: 0; *//* transform: scaleY(2) translateX(-100%); *//* position: absolute; */font-size: 5.6em;/* margin-top: 0.2em; */} section.bg2-section .slogen div{color: #000;color: #fff;} .slogen div~div{/* transition-delay: 0.2s; */} section.inview .slogen div{/*padding-top: 0;*//* -webkit-text-stroke-width: 0.5px; *//* -webkit-text-stroke-color: white; *//* color: transparent; *//* letter-spacing: -0.05em; *//* padding-right: 0.05em; *//* font-size: 5em; */transition: 2s all;/* transition-delay: 1s; */padding-top: 33%;} section.inview .slogen div:first-child{/* margin-left:-10px; */} section.prev-section .slogen {/* transform: translateY(-80%); */} section.prev-section .slogen div{/* padding-top: 0%; *//* padding-top: 33%; */} section.prev-section .slogen img {} section.prev-section .txt-wrap {/* transform: translateY(-160px); */} section.bg2-section.inview .slogen div{/* -webkit-text-stroke-color: #000; */} .slogen span{position:absolute;left: 0;right: 0;bottom: 0;top: 0;display: block;height: auto;max-height: none;overflow: hidden;max-height: 100%;} .slogen span img{ } .slogen span img.no-streatch{height:auto} .slogen.darkcover span::after{content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: transparent;} section .slogen.darkcover span::after{background:rgba(0,0,0,0.5);transition: 1s;/* transition-delay:1s; */opacity: 1;} section .slogen.darkcover.light span::after{background: rgba(255,255,255,0.7);} section#first-section .slogen.darkcover.light span::after{/* transition:none; */opacity: 1;background: rgba(0,0,0,0.5);} .poplogo svg *:not(mask) {} .block-side .title{font-size: 7vw;line-height:1;padding-bottom: 10px;color: #FFF;font-weight: bold;display: none;} #firstpop span.top-vid {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;background-color:#0a1a14;background-image: url(../pic/bgs2/bg1.webp);background-size: cover;background-position: top 0 center;} #firstpop .poplogo {position: relative;width: 70%;margin: 10% auto;max-width: 320px;} #firstpop .pop-cont {max-height: 580px;max-width: 560px;height: 136vw;} #firstpop span.top-vid video {position: absolute;width: 100%;top: -1.4%;} #firstpop span.top-vid::after {content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(100,100,100,0.3);} .green-frame{background: radial-gradient(circle at center, #17a458, #0d7c3e);width: 90%;margin: 0 auto 0px;padding: 0.4em;display:block;max-width: 540px;color: white;text-align: center;position: relative;font-size: 30px;box-sizing: border-box;} .frame-pink {border-left: 2px solid #ffbacc;border-right: 2px solid #ffbacc;margin: 0.3em auto;width: 9em;} .frame-pink .pink-line {background: #ffbacc;color: #333;font-size: 0.65em;line-height: 1.6;font-weight:bold} .frame-pink .bottom-frame-pink {display: flex;justify-content: center;} .frame-pink .bottom-frame-pink div {display: flex;align-items: end;font-size: 0.8em;margin-bottom: -0.55em;padding: 0.2em 0.2em;white-space: nowrap;} .frame-pink .bottom-frame-pink div b{font-size: 1.2em;margin-left:0.1em;margin-bottom: -0.05em;} .frame-pink .bottom-frame-pink::before, .frame-pink .bottom-frame-pink::after {width: 50%;display: block;content: "";border-bottom: 2px solid #ffbacc;} .bellow-frame{position:relative;color:white;margin: 10px auto;text-align: center;font-size: 24px;font-weight: bold;text-shadow: 0 0 4px BLACK, 0 0 4px BLACK;} section.bg2-section .block-side .title{color: #000;} section.bg2-section .text, section.bg2-section .block-side{color: #000000;} section.open .slogen{/* padding-bottom: 160px; */} .perspective{top: 0;bottom: 0;left: 0;right: 0;position: fixed;transition: 0.5s all;transform:scale(1)} .sections {position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .sections section {font-size: 20px;overflow: hidden;color: #222;font-size: 20px;overflow: hidden;position: absolute;height: 100dvh;left: 0;right: 0;/* top: -20%; *//* bottom: -20%; *//* opacity: 0; */pointer-events: none;transition: 1s transform;transition: 1s transform;/* padding: 0px 0 60px; */box-sizing: border-box;z-index: 1;margin: auto;opacity: 1;/* background-image: url(../pics/bgs/texture.webp); *//* background-size: 340px; */background: white;display: flex;flex-direction: column;/* justify-content: center; */align-items: center;font-size: 1vw;} .sections section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:1s opacity;/* background:black; */opacity:0.8;z-index: 1;} .sections section.active-section::before{opacity:0;pointer-events:none} .perspective.in3d{/* perspective:100vw; *//* transform:scale(0.7); *//* transition: 0.2s all; */} .perspective.in3d .sections{transform-style: preserve-3d;transform: translateZ(calc(-50dvh));} .text-section{padding-top: 0px;} .bg1-section{background: #fff;} .bg2-section{background: #fff;} .nextpage{position:absolute;bottom: 80px;left: 0;right: 0;height: 80px;display: flex;align-items: center;justify-content: center;z-index: 9;cursor: pointer;} .nextpage > div{/* transform:rotate(90deg); */} .nextpage svg{fill:white;width:30px;height:30px;animation:1s ease 0s infinite normal none running updown;/* display: none; */} .swipe{position:relative;font-size: 5px;width: 10em;height: 10em;display: flex;align-items: center;justify-content: center;margin-top: 3em;} .swipeUp{box-sizing:border-box;animation:swipeUp 3s infinite;width:10em;height:10em;border-radius:50%;position: absolute;background: rgb(122 122 122 / 80%);} .swipeText{font-size:3em;color:white;display: flex;flex-direction: column;width: 100%;height: 100%;align-items: center;justify-content: center;} .swipeText svg{display:block;width: 44%;height:auto;animation: swipesvg 3s infinite;} @keyframes swipeUp{ 0%{opacity:0;/*box-shadow:0 0 0 rgba(255,255,255,0.5)*/} 10%{opacity:1;/*box-shadow:0 0 0 3em rgba(255,255,255,0);*/border:0.8em solid white;} 25%{opacity:1;border:0.8em solid white;} 45%{transform:translateY(-140%);border:1.2em solid white;} 55%{opacity:0;transform:translateY(-140%);border:1.2em solid white;} 100%{opacity:0;transform:translateY(-140%)} } @keyframes swipesvg{ 0%{opacity:0} 10%{opacity:0} 30%{opacity:0.6} 60%{opacity:0.6} 100%{opacity:0} } div#animation_container {width: 100% !important;max-width: 55.5vh;/* height: calc(180vw) !important; */position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: auto !important;background: radial-gradient(circle at center, #445f2b, #000 50%, #000606 100%);box-shadow:0 0 10px white;} canvas#canvas {width: 100% !important;height: calc(180vw) !important;max-height: 100vh;bottom: 0;/* background-color: transparent !important; */} .sections section.active-section{/* z-index: 100; */opacity: 1;pointer-events: all;filter: none;top: 0;margin: 0;/* transform: rotateX(0) translateZ(50dvh); */} .sections section.prev-section{/* z-index: 98; *//* opacity: 0; *//* transform: rotateY(90deg) translateZ(50dvh); */} .sections section.next-section{/* z-index: 98; *//* opacity: 0; *//* transform: translateY(100%); *//* top: 100dvh; */transform: translateY(100dvh);} .sections section.hide-section{} .sections section.hide-section *{animation: none !important;display: none;} .sections section.hide-section img{display:none} .sections section:not(.active-section) *{} .sections section.noTransition{transition:0s all} .sections section#first-section{/* z-index:90; */} .sections section#first-section.prev-section, .sections section#first-section.next-section{transform: none;/* z-index:1; */} .multimedia-section {/* padding-top: 44%; */position: relative;overflow: hidden;z-index: 1;} .vid-place { overflow: hidden; } .vid-place video { height: 100%; position: absolute; left: -100vw; right: -100vw; margin: auto; } .sections section#map { min-height: auto; } .sections section#first-section .text{max-height: none} .sections section#first-section .item {/* min-height: calc(100vh - 63px); */position: relative;} .sections section#first-section .item .vid-place { position: relative;top:0;left:0;right:0;bottom:0; height: 58vw; } .sections section#first-section .item .inside { position: relative;top:0;left:0;right:0;bottom:0; box-sizing: border-box; } .sections section .item img {width: auto;display: block;margin: auto;} .sections section#first-section {text-align: center;padding-top: 50px;background-size: cover;background-position: center;} .sections section#first-section video{width:100%} .sections section#first-section .logo{font-size: 1vw;margin: 16em auto;width: 50%;max-width: 200px;} .pause {position: absolute;top: 20px;right: 70px;background: black;width: 40px;height: 40px;border-radius: 40px;z-index: 9;cursor: pointer;/* border: 1px solid rgb(255, 255, 255); */} .play {position: absolute;top: 20px;right: 70px;background: black;width: 40px;height: 40px;border-radius: 40px;z-index: 9;cursor: pointer;display: none;/* border: 1px solid rgb(255, 255, 255); */} .pause svg {width: 21px;height: auto;fill: #aaa;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);} .play svg {width: 18px;height: auto;fill: #aaa;position: absolute;top: 50%;right: 46%;transform: translateY(-50%) translateX(50%);} .sections section#first-section .item {/* min-height: calc(100vh - 200px); */color: rgb(255, 255, 255);box-sizing: border-box;padding-bottom: 20px;} .sections section#first-section .hero_pic {height: 45vw;position: relative;overflow: hidden;} .sections section#first-section .hero_pic .img{/* width: 41%; */position: absolute;right: 0;left: 0;top: 7%;margin: auto;/* opacity: 0.7; */z-index: 2;} .sections section#first-section .hero_pic .img img:first-child{width: 36%;margin-bottom: 6%;display: block;margin: 0 auto 0%;max-width: 28vh;filter: brightness(3);} .sections section#first-section .hero_pic .img div{font-size: 0;text-overflow: ellipsis;font-weight: bold;white-space: nowrap;} .sections section#first-section .item .text {font-size: 5vw;/* padding: 30px; */color: white;/* font-weight: bold; *//* max-width: 600px; */width: auto;margin: -30px auto 30px;/* text-align: right; */max-height: 72px;max-height: none;box-sizing: border-box;padding: 20px 20px;border: 1px solid;position: relative;z-index: 1;display: inline-block;opacity: 0;/* box-shadow: 0 0 20px 0px rgb(0 0 0 / 20%), 0 0 0 1px white; *//* background: rgba(255,255,255,1); */transform: translateY(33px);} .sections section#first-section.inview .item .text{transform: translateY(-10px);transition-delay: 1s !important;transition: 3s;opacity: 1;} .sections section#first-section::after{content:"";position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;padding-top: 0;/* background: linear-gradient(0deg, #f9a85a 50px, rgb(213 174 193 / 0%)); */} .sections section.spherekel{} .carousel.arrows .owl-nav {position: absolute;top: 0;left: 5px;color: rgb(255, 255, 255);right: 5px;display: flex;justify-content: space-between;align-items: center;height: 0;bottom: 0;margin: auto;} .carousel.arrows .owl-nav button {margin: 0px 2px;line-height: 0;width: 50px;height: 50px;border-radius: 50%;} .carousel.arrows .owl-nav svg {fill: white;margin: 8px;display: block;width: 40%;} .carousel.arrows .owl-nav button {display: inline-flex;/* background: rgba(255,255,255,0.7) !important; */align-items: center;justify-content: center;} .sections section.pics-section {/* margin-top: 20vw; *//* border-top: 2px solid #d1cdc2; *//* border-bottom: 2px solid #d1cdc2; *//* background: grey; *//* margin-bottom: 10vw; */overflow: hidden;/* position:relative; *//* padding-top: 45%; */background: #ffffff;} .carousel.standart .item {padding-bottom: 72%;overflow: hidden;height: 0px;background-size: cover;background-position: center center;} .carousel.standart .item img{position:absolute;left:0;right:0;top:0;bottom:0;object-fit: cover;height: 100%;width: 100%;} .carousel.standart .item span{position:absolute;bottom: 0px;right: 50%;transform: translateX(50%);/* left: 0; */padding: 0 20px;line-height: 30px;/* background: rgb(255 255 255 / 70%); */color: #ffffff;font-size: 20px;height: 50px;display: flex;align-items: center;z-index: -1;justify-content: center;/* background: radial-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 0%) 60%); */text-shadow: 0 0 6px black, 0 0 6px black, 0 0 6px black;z-index: 1;} .showCookies ~ #site .carousel.standart .item span{bottom:50px;} .sections section.block-section .block {display: block;box-sizing: border-box;color: #fff;} .sections section.block-section.bg2-section .block {color:#000} .sections section.bg2-section .block {color:#000} .sections section.block-section .block h2 { font-size: 30px; font-weight: 400; } section .text {font-size: 18px;overflow: hidden;margin-top: 0.5em;margin-bottom: 0px;transition: all 0.2s ease 0s;line-height: 1.2;max-height: 142px;line-height: 1.3;text-align: justify;} section .text.noreadmore{max-height:none;font-size: 15px;} section#mishpati{padding-top: calc(60px + 24%);} section#mishpati .text{max-height: 50px;} .sections section#first-section .text{font-size: 5vw;min-height: 12em;} .sections section .carousel.standart .item {padding-bottom: 100dvh;overflow: hidden;width: 100%;position: relative;} .sections section#pnim2 .carousel.standart .item{padding-bottom: calc(70dvh - 0px);} #picspop .carousel.standart .item {padding-bottom: 100dvh;overflow: hidden;width: 100%;position: relative;} .pop.fullpop .pop-cont{width:100%;height: 100%;max-width: 1000px;max-height: 900px;} .pop.fullpop .pop-cont .closer{top:5px;left:5px} .fullpop .pop-cont-scroll{background: #c0c0c0;} .fullpop-content{position:absolute;margin:auto;display: flex;width: 100%;height: 100%;justify-content: center;z-index: 9999;} .bgwrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;display: flex;align-items: center;} .bgwrap img{width:100%;/* height:100%; */object-fit:cover;position:absolute} .bgwrap.glitters,.slogen span.glitters {animation: glitters 12s linear infinite;mask-image: url(../img/glitters-mask.png);mask-image: linear-gradient(90deg,transparent 0,black 20%, black 60% , transparent 80%);mask-size: 1em;/* mask-position: 22.4em; */font-size: 4vw;/* background: red; */} @keyframes glitters{ 0%{mask-position:0.5em, 0.5em} 100%{mask-position:15.5em,10.5em} } .fullpop-title{position:absolute;width:60%;margin:auto;margin-top: 12%;color: #ff9027;text-align: center;display: flex;flex-direction: column;gap: 10px;font-family: 'Butler';font-size: 6vw;} .fullpop-bottom{color: #181818;margin-bottom: 8%;position: absolute;bottom: 0;font-size: 24px;text-align: center;background: rgb(226 226 226 / 70%);box-shadow: 0 0 20px 20px rgb(226 226 226 / 70%);width: 100%;font-weight: bold;} .fullpop-title2{line-height:1.1;font-family: 'butler';font-size: 30px;} .fullpop-bottom .fullpop-text{font-size:18px;font-weight:normal;padding:10px 20px} .fullpop-bottom .regular-button{margin-top: 14px;} .sections section.bg2-section .carousel.standart .item{padding-bottom: 54dvh;} .showCookies ~ #site .sections section.no-logo .carousel.standart .item{/* padding-bottom: calc(100vh - 150px); */} .carousel.standart .item.moveLR{font-size: 5vh;perspective: 20em;} .carousel.standart .item.moveLR img{position:absolute;left: -500vw;right: -500vw;margin: auto;top: -50px;bottom: auto;object-fit: cover;width: auto;max-width: none;height: 100%;top: 0;min-width: 100%;} .carousel.standart .owl-item.active .item.moveLR img,.carousel.standart .owl-item.fadeOut .item.moveLR img{animation: move-left-right 40s infinite forwards;animation-delay: -5s;} .carousel.standart .item.moveLRmob{font-size: 5vh;perspective: 20em;} @media(max-width:992px){ .carousel.standart .item.moveLRmob img{position:absolute;left: -500vw;right: -500vw;margin: auto;top: -50px;bottom: auto;object-fit: cover;width: auto;max-width: none;height: 100%;top: 0;} .carousel.standart .owl-item.active .item.moveLRmob img,.carousel.standart .owl-item.fadeOut .item.moveLRmob img{animation: move-left-right 40s infinite forwards;animation-delay: -5s;} } img.moveLR{animation: move-left-right 40s infinite forwards;height: 100dvh !important;width: auto !important;} @keyframes move-left-right{ 0%{transform: translateX(calc(50% - 50vw));} 50%{transform: translateX(calc(-50% + 50vw));} 100%{transform: translateX(calc(50% - 50vw));} } .carouselwrap{position:relative;display: flex;justify-content: center;transition: 0.5s all;height: 100%;width: 100%;} .slider-container {position: absolute;width: 80%;max-width:260px;height: 20px;margin: 50px auto 0;/* background: rgb(0 0 0 / 10%); */border-radius: 10px;cursor: pointer;z-index: 2;direction: ltr;box-shadow: 0 0 10px rgb(0 0 0 / 20%) inset;display: none !important;} .slider-thumb {width: 20px;height: 20px;border-radius: 50%;position: absolute;top: 50%;transform: translate(calc(0px - 0%),-50%);cursor: pointer;left: 50%;position: relative;} .slider-thumb::after{position: absolute;left: -10px;top: -10px;width:40px;height: 40px;border-radius:50%;content:"";display:block;background: rgb(0 0 0 / 50%);border: 1px solid white;} section .text + .read-more {font-size: 20px;height: 40px;/* border: 1px solid; *//* line-height: 60px; */padding: 0px 20px 0px 10px;box-sizing: border-box;/* max-width: 160px; */display: inline-flex;margin: 0px auto 10px;cursor: pointer;position: relative;transition: all 0.2s ease 0s;overflow: hidden;align-items: stretch;padding: 2px;padding-left: 40px;/* float: left; */color: inherit;} section .text + .read-more i { position: absolute; top: 50%; line-height: 0; left: 10px; transform: translateY(-50%); } section .text + .read-more svg{width: 26px;fill: white;} section.bg2-section .text + .read-more svg{fill: #000000;} section#first-section .text + .read-more svg{fill: black;} section#first-section .text + .read-more {/* color: #000; */} section .text + .read-more span{display: flex;/* padding: 0px 20px 0px 10px; */align-items: center;width: 100%;} .bg2-section .text + .read-more span{/* background-color: #2e2623; */} section .text:not(.open) + .read-more span + span { display: none; } section .text.open + .read-more span:nth-child(1) { display: none; } section .text.open + .read-more span{font-size:0} section .text.open + .read-more i{transform:rotate(90deg);margin-top: -9px;left: 0;right: 0;margin: auto;top: 20px;width: 0;} .sections section.block-section .block .multimedia {box-sizing: border-box;text-align: center;cursor: pointer;position: relative;margin-top: 50px;border-top: 2px solid #d1cdc2;border-bottom: 2px solid #d1cdc2;background: grey;/* overflow: hidden; */} .sections section.block-section .block .multimedia.vid{overflow:hidden} .sections section.block-section.text-section .block .multimedia{margin-left:-20px;margin-right:-20px} .txt-wrap {opacity: 0;/* transform: translateY(160px); */position: relative;padding: 40px 20px;/* background: rgb(255 255 255 / 80%); */height: calc(71dvh);/* color: white; */overflow: auto;box-sizing: border-box;} .slogen + .txt-wrap{padding-top: 0;/* padding-left: 24vw; */position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 46% 20px 0;min-height: 62vw;/* background: linear-gradient(180deg, rgb(121 123 101 / 0%), rgb(121 123 101 / 70%) 50px , #000); *//* background: rgba(0,0,0,0.5); */height: auto;z-index: 1;max-height: calc(80dvh - 170px);overflow: auto;} section#first-section .slogen + .txt-wrap{/* padding-top: 90%; *//* color: black; */max-width: 75%;margin: 40% auto 0;padding-top: 0;max-height: none;} .txt-wrap.inview {opacity: 1;/* transform: none; */transition: 2s all;} .slogen.inview {} .multimedia.negishut::after {content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 3;} .vid.multimedia.negishut.paused::after {background-image: url(/assets/img/negishut_pause.jpg);background-size: cover;background-position: center center;} .map-wrapper img.map {width: 100%;margin: 0;display: block;/* border: 2px solid #d1cdc2; *//* border-radius: 50%; */height: 100vw;object-fit: cover;transform: scale(1.5);} section.inview .map-wrapper img.map{transition:2s all;transform:none} .map-wrapper {text-align: center;padding-top: 0;display:block;position: relative;height: 100vw;overflow: hidden;background: url(../img/binui.webp?7);background-size: 100% auto;background-position: bottom;} .sections section.block-section .block .multimedia.gallery {height: auto;padding: 0px;margin-bottom: 10vw;} .sections section.block-section .block .vid .vid-place {position: absolute;top: -2px;left:0;right:0;bottom: 2px;} .multimedia.negishut::before { content: ""; display: block; padding-bottom: 57%; } .mifrat {font-size: 20px;background: rgb(255 255 255 / 80%);display: block;width: calc(100% - 100px);max-width: 440px;margin: 40px auto 0px;cursor: pointer;text-decoration: none;text-align: center;position: relative;z-index: 3;font-size: 26px;padding: 14px 20px;box-sizing: border-box;line-height: 1;color: #000000;box-shadow: 0px 4px 2px -2px black;/* border-radius: 30px; */position: relative;} #mapOpener.mifrat{font-size: 24px;width: 90%;} .mifrat::before{content:"";border:2px solid #333;top:6px;bottom:6px;left:6px;right:6px;pointer-events:none;position:absolute;content:""} .mbutton {cursor:pointer;display: block;margin: 30px auto;background: rgb(202 254 144);font-size: 30px;padding: 15px 20px;box-sizing: border-box;width: calc(100% - 40px);max-width: 400px;line-height: 1;color: #000;box-shadow: 0 0 0 6px #f9a85a inset, 0 0 0 8px #000 inset, 0px 4px 2px -2px black;} .apt-360-wrap {display: flex;flex-wrap: wrap;justify-content: center;} .apt-360-wrap .apt-360 {cursor:pointer;width: 35em;/* border: 1px solid white; */max-width: 200px;color: #000;display: flex;flex-direction: column;font-size: 1vw;text-align: center;height: 35em;margin: 3em;box-sizing: border-box;/* box-shadow: 0px 0px 4em 0px rgb(0 0 0 / 5%); */position: relative;/* background: #000; */} .apt-360-wrap .apt-360::before{content:"";position: absolute;right: 2em;top: 2em;width: 5em;height: 5em;border: 1px solid #f9a85a;border-bottom: 0;border-left: 0;} .apt-360-wrap .apt-360::after{content:"";position: absolute;left: 2em;bottom: 2em;width: 5em;height: 5em;border: 1px solid #f9a85a;border-top: 0;border-right: 0;} .apt-360-wrap .apt-360 > div {display: flex;align-items: center;justify-content: center;} .apt-360-wrap .apt-360 .apt-name {max-height: 12em;min-height: 12em;} .apt-360-wrap .apt-360 .apt-name span{font-size: 4.4em;line-height: 1;} .apt-icon {max-height: 13em;min-height: 13em;} .apt-icon svg {height: 14em;width: 14em;margin: -3em auto 0;fill: #f9a85a;} .apt-360-wrap .apt-360 .apt-type {max-height: 10em;min-height: 10em;padding-bottom: 4em;box-sizing: border-box;} .apt-360-wrap .apt-360 .apt-type span{font-size: 6em;font-weight: bold;} .apt-360-wrap.a-new {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 20px;} .apt-360-wrap .apt-360-new {cursor:pointer;width: 40em;/* border: 1px solid white; */max-width: 200px;color: #000;display: flex;flex-direction: column;font-size: 1vw;text-align: center;align-items: center;/* height: 20em; */margin: 2em;box-sizing: border-box;/* box-shadow: 0px 0px 4em 0px rgb(0 0 0 / 5%); */position: relative;/* background: #000; */} .apt-360-wrap .apt-360-new > div {display: flex;align-items: center;justify-content: center;} .apt-360-wrap .apt-360-new .apt-name-new {max-height: 8em;min-height: 8em;} .apt-360-wrap .apt-360-new .apt-name-new span{font-size: 3.4em;line-height: 1;} .apt-icon-new {max-height: 30em;min-height: 30em;width: 30em;background: #9ec4c5;border-radius: 50%;text-align: center;overflow: hidden;position: relative;perspective: 20em;} .apt-icon-new svg {height: 50%;width: 50%;fill: #ffffff;filter: drop-shadow(0px 0em 0.3em black);position: absolute;z-index: 1;} .apt-icon-new img{height:100%;width:auto;max-width:none;left:-30em;right:-30em;margin:auto;animation: move-3d 6s infinite forwards;} .apt-360-wrap .apt-360-new .apt-type-new {max-height: 4em;min-height: 4em;/* padding-bottom: 4em; */box-sizing: border-box;} .apt-360-wrap .apt-360-new .apt-type-new span{font-size: 5em;font-weight: bold;} @keyframes move-3d{ 0%{transform: rotate3d(0, 1, 0, -15deg) translateX(8em);} 50%{transform: rotate3d(0, 1, 0, 15deg) translateX(-8em);} 100%{transform: rotate3d(0, 1, 0, -15deg) translateX(8em);} } .form_wrapper form { width: calc(100% - 20px); padding: 0px; max-width: 420px; margin: auto; } .form_wrapper form input,.form_wrapper form textarea {background: rgba(255, 255, 255, 0.9);color: rgb(0, 0, 0);width: 100%;box-sizing: border-box;padding: 7px 20px 0;line-height: 40px;height: 60px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px solid rgb(204, 204, 204);border-radius: 5px;font-family: inherit;font-size: 20px;} .form_wrapper form textarea{height:120px;line-height: 1;padding-top: 20px;} .form_wrapper form input::placeholder { color: rgb(170, 170, 170); } .form_wrapper form input#submitB,.form_wrapper form input#submitB2 { display: none; } .form_wrapper form .submitB div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;margin-right: 10px;margin-top: -6px;} #submit-request-appointment, .form_wrapper form .submitB {cursor: pointer;background: #ff9027;color: #000;width: 100%;box-sizing: border-box;padding: 0px 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0px;text-align: center;font-weight: 600;border-radius: 35px;/* border: 2px solid rgb(255, 255, 255); */box-shadow: 4px 4px 4px rgba(0,0,0,0.2), -4px -4px 4px rgba(255,255,255,0.5);position: relative;display: flex;align-items: center;justify-content: center;margin-top: 10px;text-decoration: none;line-height: 0;} .form_wrapper form input#submitC { display: none; } .form_wrapper form .submitC div { display: inline-block; font-size: 30px; line-height: 20px; font-weight: 100; margin-right: 10px; } .form_wrapper form .submitC { cursor: pointer; background: rgb(0, 158, 227); color: rgb(255, 255, 255); width: 100%; box-sizing: border-box; padding: 0px 20px; height: 50px; line-height: 50px; font-size: 20px; margin-bottom: 0px; text-align: center; font-weight: 600; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 158, 227) 0px 0px 0px 3px; position: relative; display: flex; align-items: center; justify-content: center; margin-top: 10px; } .form_wrapper form input[type="checkbox"] { width: 22px; height: 22px; float: right; } .form_wrapper form label.checkB {display: inline-flex;padding-right: 50px;margin-right: -40px;text-align: right;padding-bottom: 10px;padding-top: 4px;line-height: 1.2;font-size: 12px;align-items: center;width: calc(100% - 0px);cursor: pointer;} .form_wrapper form select {background: rgba(255, 255, 255, 0.7);color: rgb(0, 0, 0);width: 100%;box-sizing: border-box;padding: 0px 20px;line-height: 40px;height: 60px;text-align: right;margin-bottom: 4px;font-size: 20px;border: 1px solid rgb(204, 204, 204);border-radius: 5px;font-family: 'Open Sans Hebrew Condensed';} .form_wrapper form .checkform { margin-top: 10px; display: flex; align-items: center; } .form_wrapper form .required,.form_wrapper form .inpt { position: relative; } .form_wrapper form .required::before {content: "*";position: absolute;color: #ff9027;right: -14px;top: 20px;font-size: 23px;} .form_wrapper form .paytext { text-align: center; margin-bottom: 10px; } .form_wrapper form .address { background: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); width: 100%; box-sizing: border-box; padding: 0px 10px; line-height: 40px; max-height: 50px; text-align: right; margin-bottom: 4px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; transition: all 0.2s ease 0s; font-size: 0px; } .form_wrapper form .address:not(.open) input { max-height: 0px; transition: all 0.2s ease 0s; border: 0px; margin: 0px; line-height: 0; height: 0px; width: calc(50% - 10px); display: none; } .form_wrapper form .address.open { max-height: 300px; background: rgb(245, 245, 245); padding-bottom: 10px; } .form_wrapper form .address span { display: block; font-size: 16px; color: rgb(170, 170, 170); padding: 4px 10px; } .form_wrapper form .address.open span { padding: 0px 10px; color: rgb(51, 51, 51); } .form_wrapper form .checkform a { color: rgb(31, 50, 96); } .form_wrapper form .notrequired label { position: absolute; background: rgb(238, 238, 238); font-size: 14px; padding: 2px 10px; top: -7px; } .form_wrapper form .notrequired {position: relative;/* margin-top: 8px; */} .form_wrapper form .lbl input + label{position: absolute;top: 0;right: 20px;line-height: 60px;transition: all .2s ease;color: #bbb;padding-right: 0;width: auto;font-size: 20px;pointer-events: none;} .form_wrapper form .lbl input:focus + label, .form_wrapper form .lbl input:not(:placeholder-shown) + label {font-size: 14px;line-height: 20px;} .form_wrapper form .inpt input + label,.form_wrapper form .inpt textarea + label{position: absolute;top: 0;right: 20px;line-height: 60px;transition: all .2s ease;color: #bbb;padding-right: 0;width: auto;font-size: 20px;pointer-events: none;} .form_wrapper form .inpt input:focus + label, .form_wrapper form .inpt input:not(:placeholder-shown) + label {font-size: 14px;line-height: 20px;} .form_wrapper form .inpt textarea:focus + label, .form_wrapper form .inpt textarea:not(:placeholder-shown) + label{font-size: 14px;line-height: 20px;} .form_wrapper form .address {/* background: rgb(255 255 255 / 70%); */color: white;width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 40px;max-height: 50px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px #ccc solid;border-radius: 10px;transition: 0.2s all;font-size: 0;} .form_wrapper form .address label {font-size:18px} .form_wrapper form .address:not(.open) .inpt {display:none} .form_wrapper form .address .inpt {display:inline-block;width:calc(50% - 2px);margin:2px 1px;/* background: rgba(0,0,0,0.3); */border-radius:5px;} .form_wrapper form .address .inpt:nth-child(n+4) {width: calc(100% / 3 - 2px);} .pop.darkpop .pop-cont {background: #000;} .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 10px;max-width: 30%;border: 1px #56574c solid;border-radius: 10px 10px 0 0;border-bottom: 0;color: #f5f5f5;line-height: 1;align-items: center;justify-content: center;text-align: center;cursor: pointer;background: #000000;margin-left: 4px;flex-direction: column;} .switch-apts .switch-apt.active {background: #f9a85a;color: black;height: 45px;transition: 0.2s all;font-weight: bold;margin-bottom: -1px;} .switch-apts .switch-apt svg{fill: white;display:block;width: 23px;height:auto} .switch-apts .switch-apt.active svg{fill:black} #selldata .table-title{display:none} #selldata .table-title.active{display:block;background: #f9a85a;font-size: 24px;text-align: center;line-height: 2em;font-weight: bold;max-width: 600px;margin: 0 auto;} #selldata .table-title span{position:relative} #selldata .table-title span::after{content:"";position: absolute;left: 0;right: 0;bottom: 0em;padding-top: 0.2em;background-image: url(../img/underline.svg);display: block;background-size: contain;background-repeat: no-repeat;} .sd-title {display: block;max-width: calc(100% - 20px);margin: 15px auto 15px;text-align: center;font-size: 7vw;/* color:white; */line-height: 1;} .sellapts {max-width: 600px;margin: 0 auto;overflow: hidden;height: 0;} .sellapts.active {display: block;background: #f9a85a;height: auto;} .sellapts table {width: 100%;border-collapse: collapse;background: white;} .sellapts table thead{position:sticky;top: -1px;z-index:1;} .sellapts table th {background: #f9a85a;} .sellapts table td{border: 1px #f9a85a solid;padding: 5px;text-align: center;line-height: 1;height: 40px;vertical-align: middle;font-size: 14px;font-weight: normal;border-collapse: collapse;} .sellapts table th {border: 1px #f9a85a solid;border-left: 1px #ffffff solid;border-top: 1px solid white;padding: 5px;text-align: center;line-height: 1;height: 40px;vertical-align: middle;font-size: 14px;font-weight: normal;border-collapse: collapse;} .sellapts table td.large, .sellapts table th.large {width: 23%;} .sellapts table td, .sellapts table th {width: 11%;} .sellapts table tr:first-child td{border-top:0} .sellapts .tbl-body {height: calc(100vh - 180px);max-height: 500px;overflow: auto;} .sellapts table td:nth-child(5) {background: #ffdebe;color: #010101;} .graphwrapper{background:#f9a85a;display:flex;max-width: 400px;margin: 0 auto;font-size: 3px;width: 90%;gap: 15px;padding-top: 10px;padding-bottom: 10px;height: 110em;align-items: end;justify-content: center;} .graph_side1{writing-mode: vertical-rl;transform: rotate(180deg);font-size: 14px;text-align: center;height: 100%;} .graph_side2{display:flex;flex-direction: column-reverse;height: 68em;justify-content: space-between;margin-bottom: 22em;} .graph_side2 span{font-size: 14px;} .columns{display:flex;gap: 6em;align-items:end} .column{width: 15em;} .column .c_number{font-size:16px;margin-bottom: 5px;text-align: center;} .sellapts:not(.active) .column .the_column{height:0 !important} .column .the_column{background:white;transition: 0.5s all;} .column .c_title{font-size:16px;text-align: center;margin-top: 5px;} .graph-rooms{padding-bottom:30px;margin:0 auto;width:90%;max-width:400px;text-align:center;padding-right: 80px;box-sizing:border-box} .switch-ttl{display:none;} .switch-ttl.active{display:flex;width: calc(100% - 20px);max-width:400px;flex-direction:column;color: #cbe08c;border-left: 1px solid #cbe08c;border-right: 1px solid #cbe08c;font-size: 29px;margin: 0.5em auto;display: none;} .switch-ttl .st-lines{display:flex;font-size: 25px;} .switch-ttl .st-lines::before, .switch-ttl .st-lines::after{content:"";width:50%;height: 1px;background: #cbe08c;} .switch-ttl .st-lines.btm{align-items: end;height: 1px;} .switch-ttl .st-lines b{margin:0;white-space: nowrap;line-height: 1;text-align: center;padding: 0 0.5em;margin-top: -0.5em;font-size: 0.7em;} .switch-ttl .st-lines b span{/* font-size:0.5em; */} .switch-ttl .st-lines.btm b{margin:0;margin-bottom: -0.4em;} .switch-ttl .st-content{display:flex;justify-content: center;margin-bottom: 0.4em;align-items: center;} .switch-ttl .st-content .from{width: 0.5em;position: relative;align-items: center;height: 1em;justify-content: start;display: flex;} .switch-ttl .st-content .from span{position:absolute;white-space: nowrap;font-size: 0.35em;background: #000;margin-right: 0.8em;margin-top: 0.15em;} .switch-ttl .st-content b{font-size:1.2em} .nis {font-size: 0.7em;position: relative;top: 0.4em;} .slogens .nis{top:0.15em;margin-left:0.3em} .blink { animation: 1s ease 0s infinite normal none running blink; } .shine { overflow: hidden; position: relative; } .shine::after { content: ""; top: 0px; transform: translateX(100%); width: 100%; height: 600px; position: absolute; z-index: 1; animation: 4s ease 0s infinite normal none running slide; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); } @keyframes slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(200%); } } @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: 0px; height: 0px; } 70% { opacity: 0.5; } 100% { opacity: 0; width: 100%; height: 100%; } } .zoomicon { width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 158, 227, 0.5); position: absolute; top: 30%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 9; text-align: center; cursor: pointer; } .zoomicon svg { fill: rgb(9, 52, 95); width: 50%; height: 100%; } #binuiPlan .media-wrap {position: relative;/* margin: 90px 0px 0; */height: 100%;} #binuiPlan .side_bar .numbers {position: absolute;top:0;left: calc(100% - 70px);text-align: center;display: flex;/* width: 40%; *//* z-index: 5; */display: flex;flex-direction: column;} #binuiPlan .numbers > a {border: 1px solid rgb(35 47 24);width: 56px;height: 56px;max-width: 56px;max-height: 62px;min-height: 56px;background: rgb(35 47 24);border-radius: 42px;font-size: 24px;color: rgb(81 36 44);font-weight: 600;line-height: 42px;text-align: center;cursor: pointer;text-decoration: none;z-index: 9;position: relative;display: block;margin: 7px auto 13px;} #binuiPlan .numbers > a.active:not(.num-area) {background-color: #bcd681;color: white;display: block;position: relative;border-color: #fff;} div#ballance-gal .side_bar {position: absolute;top: 70px;left: 0;width: 100%;z-index: 9;/* background: rgba(0, 0, 0, 0.5); */margin: auto;/* max-width: 400px; */} #binuiPlan .img-carousel .numbers > a span {font-size: 11px;padding: 2px;background: rgb(35 47 24);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: 52px;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 {bottom: -8px;opacity: 1;max-width: 90px;background: #000;} #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(83.3vh - 50px);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;} #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: 26px;height: 26px;top: 0px;right: 0px;bottom: 0px;margin: auto;opacity: 0.5;fill: #c1dc85;} #binuiPlan .numbers > a.active svg {opacity: 1;fill: rgb(35 47 24);top: -8px;} #binuiPlan #bnumbers svg path{stroke-width: 1;cursor: pointer;opacity: 0;pointer-events: all;} #binuiPlan #bnumbers svg path.active {fill-opacity: 0.5;stroke-width: 5px;stroke: white;opacity: 1;} #binuiPlan #bnumbers svg path.shp1{fill: rgb(165 233 12);} #binuiPlan #bnumbers svg path.shp2{fill: rgb(245 73 27);} #binuiPlan #bnumbers svg path.shp3{fill: rgb(194 67 213);} #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: #000;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(100% - 40px);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; } .zoomicon svg {fill: rgb(35 47 24);} #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: #000;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); } .sections section#sec6 .block { } .sections section#sec6 .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); } .sections section#sec6 .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%; } .sections section#sec6 .image .icon { padding-top: 16%; } .sections section#sec6 .image * { position: relative; } .sections section#sec6 .image .text { width: 45%; margin: 0px auto; font-size: 16px; display: block; } .sections section#sec6 .image h3 { font-weight: 400; padding-top: 15px; font-size: 20px; } .sections section#sec6 .img-carousel { } .sections section#sec6 .img-carousel.hpics.owl-carousel { } .sections section#sec6 .img-carousel#kidumfirst { position: absolute; right: 50%; transform: translateX(50%); z-index: 10; opacity: 0; } .sections section#sec7 { box-sizing: border-box; color: rgb(255, 255, 255); } .sections section#sec7 h2 { font-size: 40px; font-weight: 400; } .sections section#sec7 .text { font-size: 20px; padding-top: 25px; } .sections section.block-section#sec7 .block .multimedia {background: #f9caca;margin-right: -21px;width: calc(100% + 80px);padding: 10px 30px;} .sections section#sec7 { box-sizing: border-box; color: rgb(43, 4, 0); } .sections section#sec7 h2 { font-size: 40px; font-weight: 400; } .sections section#sec7 .text { font-size: 20px; padding-top: 25px; margin-bottom: 30px; } .sections section#sec7 .progress-list { margin-top: 15px; padding-bottom: 0px; border-bottom: 2px dotted rgb(43, 4, 0); } .sections section#sec7 .ui-select { font-size: 0px; } .sections section#sec7 select { min-width: 140px; border: 1px solid rgb(43, 4, 0); background: rgb(249, 246, 240); color: rgb(43, 4, 0); height: 50px; line-height: 50px; border-radius: 6px; font-family: inherit; font-size: 20px; padding: 0px 10px; box-sizing: border-box; } .sections section#sec7 .cities-title {font-size: 6vw;font-weight: bold;margin: 0px -20px 10px;padding: 10px;background: linear-gradient(45deg, #e43f3f 30%, rgb(237 97 97) 50%, #e43f3f 70%);text-shadow: black 0px 0px 2px;color: white;} .sections section#sec7 .city-select { margin-top: 15px; line-height: 50px; font-size: 20px; } .sections section#sec7 .city-select span { padding: 0px 10px; } .sections section#sec7 #citynames { display: flex; flex-flow: wrap; } .sections section#sec7 #citynames > div { display: flex; width: calc(25% - 4px); margin: 2px; box-sizing: border-box; height: 50px; justify-content: center; align-items: center; color: rgb(232, 221, 205); font-size: 16px; background: rgb(43, 4, 0); border: 1px solid #c1dc85; cursor: pointer; } .sections section#sec7 #citynames > div.active { background: rgb(232, 221, 205); color: rgb(43, 4, 0); } .sections section#sec7 .progress-list .progress-item { margin-top: 0px; padding-top: 10px; border-top: 2px dotted rgb(43, 4, 0); } .sections section#sec7 .progress-list .progress-item .progress { background: rgb(255, 255, 255); height: 20px; display: block; padding: 5px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px inset; } .sections section#sec7 .progress-list .progress-item .progress > div {height: 100%;background: #333;position: relative;transition: opacity 0.5s ease 0s;} .sections section#sec7 .progress-list .progress-item .progress > div > span {transition: all 0.5s ease 0.5s;position: absolute;top: -32px;left: 0px;background: #ed9191;color: rgb(0, 0, 0);padding: 0px 5px;line-height: 25px;white-space: nowrap;transform: translateX(-50%);opacity: 0;} .sections section#sec7 .progress-list .progress-item.moved .progress > div > span { opacity: 1; } .sections section#sec7 .progress-list .progress-item .progress > div > span::before {content: "";background: #ed9191;width: 10px;height: 10px;position: absolute;bottom: -5px;right: 50%;transform: translateX(50%) rotate(-45deg);} .sections section#sec7 .progress-list .progress-item .title { padding-bottom: 30px; transition: opacity 0.5s ease 0s; font-weight: bold; } .sections section#sec7 .progress-list .progress-item.hide .title { opacity: 0; } .sections section#sec7 .progress-list .progress-item.hide .progress > div { opacity: 0; } .owl-carousel.hpics .item div { padding-bottom: 58%; background-size: cover; background-position: center center; position: relative; } .owl-carousel.hpics .item span { position: absolute; bottom: 0px; right: 0px; font-size: 14px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.7); line-height: 30px; padding: 0px 10px; } .appart-box { margin-top: 30px; cursor: pointer; padding: 5px; border: 1px solid #c1dc85; background: rgb(232, 221, 205); position: relative; } .appart-box .appart-pic { border: 1px solid #c1dc85; padding-bottom: 66%; background-size: auto 100%; background-position: center center; } .appart-box .appart-name { color: rgb(43, 4, 0); background: #c1dc85; padding: 0px 15px; line-height: 50px; font-size: 20px; margin-bottom: 5px; } .pinkas-price {margin-top: 10px;margin-bottom: 10px;font-weight: bold;position: relative;min-height: 33px;background: #d97a7a;color: white;font-size: 18px;text-align: center;line-height: 30px;box-sizing: border-box;border: 1px solid white;} .pinkas-price .p-price { position: absolute; width: 54.5%; top: 0px; box-sizing: border-box; padding-left: 40px; } .pinkas-price .p-price > span { position: absolute; top: 0px; left: 0px; background: rgb(189 139 90); color: rgb(255, 255, 255); line-height: 40px; white-space: nowrap; transform: translateX(-50%); font-size: 0px; padding: 0px; } .pinkas-price .p-price > span::before {content: "";width: 0px;height: 0px;position: absolute;top: -13px;right: 50%;margin-right: -12px;border-bottom: 12px solid #d97a7a;border-right: 12px solid transparent;border-left: 12px solid transparent;} .pinkas-price .title { font-size: 18px; line-height: 1.2; white-space: nowrap; color: white; padding: 6px 10px 0px; } .pinkas-price .p-price.dist { width: 28%; } .sections section#sales { background: rgb(43, 4, 0); border-top: 20px solid rgb(255, 255, 255); text-align: center; color: rgb(255, 255, 255); padding-top: 45px; box-sizing: border-box; padding-bottom: 15px; min-height: auto; } .sections section#sales h2 { font-weight: 400; font-size: 40px; padding-bottom: 30px; } .sections section#sales .carousel-logo { width: 40%; display: inline-block; } .sections section#sales .text { width: 100%; display: block; margin: 0px auto; font-size: 20px; padding: 50px 13% 30px; box-sizing: border-box; } .sections section#sales2 {text-align: center;background: black;justify-content: center;} .sections section#sales2 .special-prices {margin: 30px 0px;background: rgb(202 254 144);font-size: 30px;padding: 15px 20px;box-sizing: border-box;line-height: 1;color: #000;/* font-weight: bold; *//* text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; *//* box-shadow: 0 0 0 6px #f9a85a inset, 0 0 0 8px #ffffff inset, 0px 4px 2px -2px black; */} .sections section#sales2 .prices-wrap{/* background: #000; */overflow: hidden;color: #ffffff;/* text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white; */margin-top: 0%;position: relative;width: 100%;/* display: none; */} .sections section#sales2 .title{font-size: 10vw;margin-bottom: 0.3em;/* font-weight: bold; */color: #000000;text-shadow: 0 3px 0 white;/* margin-top: 23vw; */} .sections section#sales{background:black} .sections section#sales2 .sales-wrap{position:relative;margin-top: 6em;/* background: #fff9f3; */width: 100%;/* display: flex; */align-items: center;/* padding: 10px 0; */text-align: right;justify-content: start;} .sections section#sales2 .sales-ttl1 + svg{fill: #ff9027;width: 90em;height: auto;margin-top: -3em;transform: scaleY(0.4);} .sections section#sales2 .sales-ttl1{font-size: 8.6em;font-weight: 900;/* margin: 0.4em 0 0.2em; *//* height: 1.8em; */color: black;/* background: black; */position: relative;color: #ff9027;/* text-shadow: 0 0.2em .1em BLACK, 0 -0.02em 0 #ffd9b5; */line-height: 0.9;width: 100%;padding-bottom: 0.2em;} .sections section#sales2 .sales-ttl2{font-size: 5.5em;/* height: 2.1em; *//* margin-top: 0.2em; */padding: 0 1em;font-weight: bold;line-height: 1;margin-bottom: 0.2em;} .sections section#sales2 .sales-flex{display:flex;gap:10px;width: 90%;align-items: center;justify-content: center;margin-top: 10px;} .regular-button{font-size:18px;cursor: pointer;background: #fff9f3;background: linear-gradient(45deg, #cc7a5e 20% , #e8c19a 50%, #cc7a5e 80%);color: #1a1a19;border-top: 0;border-bottom: 0;border-radius: 50px;position: relative;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), -4px -4px 4px rgba(255, 255, 255, 0.5);box-sizing: border-box;width: 90%;max-width: 400px;height: 40px;display: flex;justify-content: center;align-items: center;font-weight: bold;bottom: auto;margin: auto;margin-top: 4px;text-decoration: none;} .regular-button svg{fill:black;height: 80%;width: auto;margin-left: 0.4em;} .regular-button.orange{background:#febf83} .regular-button.orange2{background:#ff9027} .sections section#sales2 .title div{position:relative;z-index:1} .sections section#sales2 .title svg{width: 11em;transform: scaleY(0.5);margin-top: -0.3em;height: auto;fill: #e9f5cd;display: none;} .eyes_prices{font-size:1vw;height:20em;background-image:url(../img/eyes2.webp);background-size: cover;width: 100%;background-position: center;box-shadow: 0 4em 4em black inset;opacity: 0.5;margin-top: -6em;} .truth-or-dare {display: flex;position: relative;font-size: 1.2em;12:;width: 90%;max-width: 78em;margin: 1em auto 0em;/* left: -50em; *//* right: -50em; */justify-content: space-between;/* position: absolute; */flex-direction: column;background: #fff9f3;padding: 1em 2em;box-sizing: border-box;box-shadow: 0 0 2em 2em #fff9f3, 0 0 0em 4em rgb(0 0 0 / 50%);/* box-shadow: 0 0 2em 2em #fff9f3; */} .tod-box {/* width: 40em; */padding: 0em 2em;position: relative;color: black;display: flex;box-sizing: border-box;align-items: center;gap: 1em;font-weight: bold;} .tod-box:nth-child(1){/* transform:translateX(45em); */} .tod-box:nth-child(2){/* transform:translateX(-45em); */} .truth-or-dare.inview .tod-box:nth-child(1), .truth-or-dare.inview .tod-box:nth-child(2){transform:translateX(0);transition:1s all;transition-delay:1s} .tod-box::before{position:absolute;content:"";width:100%;height:100%;/* background: rgb(255 249 243); */display:block;top: 0;right: 0;z-index: 0;/* backdrop-filter: blur(0.5em); *//* box-shadow: 0 0 3em white inset, 0 4em 3em 0em rgb(0 0 0 / 100%); */border-radius: 20px;} .tod-box .hand{position:absolute;right: -4.3em;left: -4.3em;top: -4.2em;bottom: -4em;background-image: url(../pics/hand/fingers2.png?);background-position: right top;background-size: 56%;background-repeat: no-repeat;z-index: 3;display: none;} .tod-box>div{position:relative;z-index: 2;} .tod-title {font-size: 5.5em;/* font-weight: normal; */color: black;height: 1.1em;line-height: 1;padding-top: 0.15em;} .tod-title svg {width: 1.9em;height: auto;margin: -0.05em auto;fill: #ff9027;} .tod-text{font-size:5em} .tod-text b{font-size: 1.2em;line-height:1;font-weight: 600;display:block;margin-top: 0.3em;} .capsule {font-size: 0.3em;border-radius: 200px;display: flex;align-items: center;justify-content: center;max-width: 560px;margin: 2em auto 0;} .capsule::before,.capsule::after{content:"";height: 2px;background:black;width: 50%;margin: 0 5%;} .hero-number {/* color: #ffffff; */position: relative;display: inline-flex;align-items: end;font-size: 0.6em;margin-bottom: 0em;margin-top: -3em;} .hero-number .hero-from {font-size: 4em;letter-spacing: 0.05em;font-weight: bold;margin-left: -1.6em;height: 100%;position: absolute;right: 0em;top: 0.12em;bottom: 0;display: flex;align-items: center;newstyle: starts_here;} .hero-number > span {position: relative;font-weight: 800;letter-spacing: -0.05em;font-size: 18em;margin: -0.1em 0;font-family: 'Almoni-dl-aaa';/* transform: scaleY(1); */clip-path: polygon(0% 0%,100% 0%, 100% 44%, 70% 44%,70% 62%, 100% 62%,100% 100% ,0% 100%);display: flex;direction: ltr;align-items: end;} .hero-number > span > span {font-size: 0.8em;position: relative;margin-bottom: 0.1em;} .hero-number .nis {position: relative;font-size: 6em;font-weight: bold;margin-bottom: 1em;line-height: 1;text-align: right;display: flex;gap: 0.2em;} .prices-logo{width: 66%;max-width: 36vh;position: relative;} .special-frame{font-size:1vw;position: relative;z-index: 2;/* margin-left: 20em; */margin-top: 0em;text-align: center;margin-bottom: 22em;margin-top: 5em;} .top-special-frame{font-size: 5em;font-weight: bold;display: flex;white-space: nowrap;align-items: end;} .top-special-frame div{padding: 0 0.2em;line-height: 1;} .top-special-frame::before{content:"";display: block;width: 50%;border: 2px solid #cf7b5f;height: 0.5em;border-radius: 0 1.5em 0 0;border-bottom: 0;border-left: 0;} .top-special-frame::after{content: "";display: block;width: 50%;border: 2px solid #cf7b5f;height: 0.5em;border-radius: .5em 0 0 0;border-bottom: 0;border-right: 0;} .special-frame-body{border-top:0;border-bottom:0;} .special-frame-text{margin-bottom: -1em;padding: 0.5em 0.5em 0.5em;padding: 0.2em 1.1em 0.4em;font-size: 8.3em;color: black;border: 2px solid #cf7b5f;border-top: 0;border-bottom: 0;font-weight: bold;line-height: 1.1;padding-bottom: 1.4em;/* border-radius: 0 0 0.5em 0.5em; */line-height: 1;} .special-frame-text div{position:relative;display: inline-block;} .special-frame-text div svg{fill: #cf7b5f;width: 100%;height: auto;position: absolute;left: 0;right: 0;bottom: -11%;} .capsule2{font-size: 1.2em;':';background: linear-gradient(45deg, #cf7b5f 20%, #e9bd97 50%, #cf7b5f 80%);padding: 0.5em 5em 0;border-radius: 4em;/* display: none; */position: relative;text-align: center;/* margin-top: 2em; */} .instead-of{font-size: 23em;display:flex;justify-content:center;align-items: end;} .instead-of .nis{font-size: 0.6em;display:flex;gap: 0.2em;margin-bottom: 0.6em;} .prices-wrap ul {padding: 10px 30px 10px 0px;display:inline-block;font-size: 4.8em;font-weight: 600;} .prices-wrap ul li {list-style: none;margin: 10px 0px;position: relative;/* font-size: 4vw; */} .prices-wrap ul li::before {content: "";position: absolute;right: -30px;width: 26px;height: 34px;background-size: contain;background-position: center center;border-radius: 0;background-repeat: no-repeat;top: 0px;background-color: transparent;} .sections section#sales2 .special-prices img{max-width: 60%;margin: 4% 5% 2%;max-width: 260px;} .sections section#sales2 .ptable-wrap{width: calc(100% - 20px);margin: 0px auto 12px;background: rgb(255 255 255 / 60%);/* max-height: 182px; */overflow: auto;border: 1px solid;} .sections section#sales2 table {/* width: calc(100% - 20px); *//* margin: 0px auto 12px; *//* border: 1px #ffffff solid; *//* border-bottom: none; */width: 100%;} .sections section#sales2 table thead{position:sticky;z-index:1;top:0;} .sections section#sales2 table td, .sections section#sales2 table th {border-left: 1px solid rgb(255 255 255);border-bottom: 1px solid rgb(255 255 255);box-sizing: border-box;font-weight: normal;vertical-align: middle;font-size: 16px;color: black;} .sections section#sales2 table td:last-child, .sections section#sales2 table th:last-child { border-left: 0px; } .sections section#sales2 table th {line-height: 1;padding: 5px;font-weight: 500;background: #f9a85a;color: #000000;} .sections section#sales2 table td {height: 38px;vertical-align: middle;} .sections section#sales2 table td:nth-child(1){width:20%} .sections section#sales2 table td:nth-child(2){/*background: rgb(223 251 192)*/;/*color: #000000;*/width:50%} .sections section#sales2 table td span { display: block; } .sections section#sales2 table td div {font-size: 0.8em;line-height: 1.1;} .sections section#sales2 table td span {/* font-weight: bold; */font-size: 22px;} .sections section#sales2 table td i { font-style: normal; font-size: 80%; display: inline; vertical-align: bottom; } .sections section#sales2 table tr.highlight{background: rgb(202 254 144 / 85%);color: black;} .sections section#sales2 table tr.highlight td:nth-child(2){background: #9fe74e;font-weight: bold;} .sections section#sales2 table tr.highlight td span{font-size:26px} .sections section#sales2 .paying-today {/* background-color: rgb(0 0 0 / 50%); */margin: 0px auto;display: block;font-size: 3.8vw;font-weight: normal;padding: 10px 1em;box-sizing: border-box;line-height: 1.2;color: #ffffff;margin-top: 0em;display: none;} .sections section#sales2 .paying-terms {font-size: 5vw;cursor: pointer;margin: 30px auto;background: rgb(158 196 197);font-size: 30px;padding: 15px 20px;box-sizing: border-box;line-height: 1;color: #000;width: calc(100% - 40px);max-width: 400px;box-shadow: 0 0 0 6px #f9a85a inset, 0 0 0 8px #000 inset, 0px 4px 2px -2px black;} .so-title2{font-weight:bold;font-size: 1em;line-height: 1.1;display: flex;} .so-title2{display:none} .so-title2 > div{border:1px solid black;font-size: 0.9em;padding: 0.4em 0.2em;width: 50%;margin: 0.1em;display: flex;background: rgba(255,255,255,0.6);} .slogen2-wrap {width: calc(100% - 40px);margin: calc(60px + 24vw) auto 10px;color: #5f2707;position: relative;text-align: center;max-width: 800px;box-shadow: 0 0 20px rgb(0 0 0 / 50%);} .slogen2-wrap .slogen2{background: linear-gradient(-90deg, #b5a391 0%, #d5c3b0 70%, #b5a391);background: linear-gradient(-90deg, #6d9ec6 0%, #7cb4e3 70%, #a1cff5);padding:10px 20px;background: #376961;border: 1px solid #ffffff;box-sizing: border-box;} .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: 6vw;font-weight: bold;line-height: 1.1;/* letter-spacing: 0.3px; *//* white-space: nowrap; */padding: 0.4em 0;color: white;text-shadow: 0 0 2px black;} .slogen2-wrap .slogen2-txt.initial{} .slogen2-wrap .slogen2-txt.initial span{/* font-weight: 900; *//* font-size: 1.2em; */} .specialboxes {width: calc(100% - 30px);display: flex;flex-wrap: wrap;text-align: center;margin: 0 auto 0;justify-content: space-between;justify-content: center;font-size: 4.1vw;} .specialbox {/* background: #957b60; *//* background: linear-gradient(-90deg, #957b60 0%, #b79d81 70%, #b5a391); */margin: 5px;width: calc(50% - 10px);color: #000;display: flex;flex-direction: column;height: 5em;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%);} .specialbox > *{position:relative;z-index:1} .specialbox.bigbox {width: 100%;font-size: 1.6em;height: 2.8em;font-weight: 800;} .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);} .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: #ddc5c7;/* 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;top: -0.1em;} .numtext.line-through::before{content:"";position: absolute;top: 50%;border-bottom: 1px solid #033325;left: -0.4em;right: -0.4em;} .numtext.line-through{font-weight: 100;opacity: 0.9;} .star-shine {position: absolute;width: 10vw;height: 10vw;display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: 1;} .star-shine.str1{top: -30%;} .star-shine.str2{bottom: 50px;left: -20px;} .star-shine.str3{top: 8%;z-index: 9;left: 0;font-size: 2em;} .star-shine.str4{bottom: 17%;right: 3px;font-size: 2em;} .star-shine.str5{top: -0.19em;z-index: 9;left: 0;font-size: 2em;} .star-shine.str6{bottom: -0.17em;right: 3px;font-size: 2em;} .radial {background: radial-gradient(white, rgba(255,255,255,0) 70%);width: 100%;height: 100%;border-radius: 50%;} .radial-wrap {width: 0.5em;height: 0.5em;position: absolute;} .shine-wrap {width: 2em;height: 2em;position: absolute;} .shine-wrap .radial {animation: pulse 6s infinite;} .shine-wrap:nth-child(even) {width: 1.8em;height: 1.8em;} .shine-wrap:nth-child(even) .radial{animation-delay: -3s;} .shine-wrap:nth-child(2) {transform: rotate(45deg);} .shine-wrap:nth-child(3) {transform: rotate(90deg);} .shine-wrap:nth-child(4) {transform: rotate(135deg);} @keyframes pulse{ 0%{transform:rotate(-5deg) scale(0.05,1) ;opacity:1} 50%{transform: rotate(5deg) scale(0.05,0.7);opacity:0.8} 100%{transform:rotate(-5deg) scale(0.05,1) ;opacity:1} } .sold-out {box-shadow: 0px 4px 2px -2px black;background: #f9a85a;/* border-radius: 50px; */padding: 10px 10px;color: #000000;width: calc(100% - 20px);box-sizing: border-box;margin: 0 auto 11px;font-size: 18px;position: relative;} .sold-out::before {content: "";left: 6px;right: 6px;top: 6px;bottom: 6px;position: absolute;border: 2px solid #000000;pointer-events: none;} .sold-out .so-title{font-weight:bold;font-size: 1em;line-height: 1.1;display: flex;} .sold-out .so-title > div{border:1px solid black;font-size: 0.9em;padding: 0.4em 0.2em;width: 50%;margin: 0.1em;display: flex;background: rgba(255,255,255,0.6);flex-direction:column} .sections section#news { padding: 100px 10px; box-sizing: border-box; } .sections section#news h2 { font-weight: 400; color: rgb(43, 4, 0); padding-right: 10px; padding-bottom: 40px; } .sold-out::after {content: "";left: 0;right: 0;border-bottom: 10px solid #f9a85a;top: -10px;position: absolute;border-left: transparent 10px solid;border-right: transparent 10px solid;pointer-events: none;margin: auto;width: 0;} .sold-out .so-title::after {content: "";left: 0;right: 0;border-bottom: 9px solid rgb(0 0 0);top: -3px;position: absolute;border-left: transparent 8px solid;border-right: transparent 8px solid;pointer-events: none;margin: auto;width: 0;z-index: 5;} .sold-out .so-title > div {width: 100%;} .sold-out .so-title > div:nth-child(2) {display: none;} s {text-decoration: none;display: inline-block;position: relative;} s::before {content: "";position: absolute;height: 1px;width: 100%;top: 50%;background: #000000;transform: rotate(-5deg);/* box-shadow: 0 0 3px black; */} tr.highlight s::before{background:black;box-shadow: 0 0 3px white} .footer-sticky {position: fixed;bottom: 0px;left: 0px;right: 0px;z-index: 99;display: flex;/* padding: 0 60px; *//* background: #000; *//* box-shadow: 0 0 10px 10px #556254; */height: 50px;align-items: center;justify-content: center;/* border-top: 1px solid rgb(255 255 255 / 30%); */gap: 20px;width: calc(100% - 40px);margin: auto;} .footer-sticky > * {width: calc(100% );color: white;display: flex;height: 40px;align-items: center;justify-content: center;font-size: 20px;text-decoration: none;} .footer-sticky > .appoint {background: #c1dc85;color: #333521;} .footer-sticky > .join {font-weight: bold;cursor:pointer;background: linear-gradient(45deg, #ff9027, #ff9027);background: #ff9027;color: #1a1a19;/* border-radius: 30px; *//* border-bottom: 1px solid #3b3731; *//* border-top: 1px solid #ebe2cd; */max-width: 400px;border-radius: 0;border-top: 0;border-bottom: 0;border-radius: 50px;font-weight: bold;bottom: 10px;position: relative;/* padding-top: 0.2em; */box-shadow: 4px 4px 4px rgba(0,0,0,0.2), -4px -4px 4px rgba(255,255,255,0.5);box-sizing: border-box;} .footer-sticky > a.maskyoophone {/* background: #c1dc85; */} .footer-sticky > a span { direction: ltr; padding: 0px 5px; } .footer-sticky .btm-circle, .btm-circle {position: absolute;width: 42px;height: 42px;background: transparent;box-sizing: border-box;border-radius: 50%;background: linear-gradient(45deg, #c5a670 30%, #e5dcc5, #d7b374 70%);background: #ffffff;color: #1a1a19;border-radius: 30px;border-top: 1px solid #3b3731;border-bottom: 1px solid #ebe2cd;top: 4px;left: 4px;display: flex;align-items: center;justify-content: center;z-index: 999;} .footer-sticky .btm-circle.right{left: auto;right: 4px;border: 0;} .top-circle {position: absolute;width: 42px;height: 42px;background: transparent;box-sizing: border-box;border-radius: 50%;background: linear-gradient(45deg, #c5a670 30%, #e5dcc5, #d7b374 70%);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;} .top-circle{position:fixed;top:4px;font-size: 16px;text-align: center;font-weight: bold;line-height: 0.9;text-shadow: 0 0 2px white,0 0 2px white,0 0 2px white;width: 52px;height: 52px;top: -1px;left: -1px;animation: shadowpulse 2s forwards infinite;cursor: pointer;} .footer-sticky .btm-circle svg, .btm-circle svg {width: 60%;height: auto;fill: #1a1a19;/* display: none; */} body.AB3 .footer-sticky{/* padding:0; */} body.AB3 .footer-sticky > .join{/* border-radius: 0; */} body.AB3 .footer-sticky > .join.btn1{/* color:white; */} body.AB3 .footer-sticky > .join.btn2{color:black;background: #efefef;} body.AB2 .top-circle{background:#000;color: white;text-shadow: none;} body.AB2 .footer-sticky{/* padding: 0 30px; */border-top: 1px solid rgb(255 255 255 / 30%);background: #000;} body.AB2 .footer-sticky > .join{/* height:50px; */} body.AB2 .footer-sticky > .join.btn1{color:white;background: #000;} body.AB2 .footer-sticky > .join.btn2{color:black;background: #f9a85a;} body.AB1 .top-circle{background: #e53945;color: white;text-shadow: none;} body.AB1 .footer-sticky{/* padding: 0 30px; */border-top: 1px solid rgb(255 255 255 / 30%);background: #000;} body.AB1 .footer-sticky > .join{/* height:50px; */} body.AB1 .footer-sticky > .join.btn1{color:white;background: #e53945;} body.AB1 .footer-sticky > .join.btn2{color:black;background: #f9a85a;} @keyframes shadowpulse{ 0%{box-shadow:0 0 0 0 white, 0 0 0px 5px #d2fea1} 50%{box-shadow:0 0 0 18px rgb(255 255 255 / 50%), 0 0 0px 5px #d2fea1;border-top:3px solid black;border-bottom:3px solid white;} 100%{box-shadow:0 0 0 0 white, 0 0 0px 5px #d2fea1} } .btn-top-sticky{position: fixed;left: 10px;top: 2%;font-size: 4vw;background: #000000;border: 2px solid #fff;color: #fff;text-decoration: none;border-radius: 31px;z-index: 99;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;box-sizing: border-box;transition: 0.5s all;background: #ff9027;} .btn-top-sticky svg{width: 70%;height: auto;/* position: absolute; *//* left: 6px; *//* top: 8px; */fill: #fff;transition: 0.5s all;} #toggleMusicBtn.btn-top-sticky{top: 64px;background:transparent !important;z-index: 99;border-width: 1px;opacity: 0.5;} #toggleMusicBtn.btn-top-sticky:not(.Pause) svg:nth-child(2){display:none} #toggleMusicBtn.btn-top-sticky.Pause svg:nth-child(1){display:none} #toggleMusicBtn.btn-top-sticky svg{width:50%;height:auto;} body:not(.menu-opened).bg2 .btn-top-sticky{border-color:black;/* background:transparent; */} body:not(.menu-opened).bg2 .btn-top-sticky svg{fill:black} a.footer-logo { display: block; width: 100%; text-align: center; max-width: 60%; margin: 40px auto; } .ui-loader { display: none !important; } .section-title{position:relative;font-weight:bold;display: flex;background: #f9f9f9;width: 100%;height: 2em;font-size: 5.6em;align-items: center;justify-content: center;} section#gindi-chart {background: linear-gradient(#000, rgb(46 38 35) 10px, rgb(46 38 35) calc(100% - 10px), #000);/* padding: 30px 0px; */background: #000;/* padding-top: calc(50px + 24%); */} .chart1.checkview span {position: relative;display: inline-block;padding: 0.3em 0.6em;width: 100%;max-width: 0px;box-sizing: border-box;/* border-bottom: 1px solid rgb(101 45 55); */white-space: nowrap;direction: ltr;background: #f9f9f9;/* background: #000; */overflow: visible;font-weight: 500;line-height: 18px;color: #fff;direction: rtl;color: black;border-radius: 0 20px 20px 0;overflow: hidden;box-shadow: 0 4px 4px rgba(0,0,0,0.5), 0 -4px 4px rgba(255,255,255,0.5);} .chart1.checkview div {display: inline-block;font-size: 1.2em;font-weight: 400;padding: 0px 10px;/* line-height: 34px; */color: black;/* color: white; *//* letter-spacing: 0.1em; *//* font-family: 'Breathing'; */position: relative;/* text-shadow: black 1px 1px 0px; */} .chart1:not(.inview) span::after{transition-delay:0} .chart1.inview span{max-width:60% !important; transition:0.2s all} .chart1 {padding-top: 1.3em;/* overflow: hidden; */direction: ltr;font-size: 5em;} .chart1 span::after{content:"";position:absolute;z-index:1;right:0;top:0;bottom:0;width:100%;display:block;background: #f9f9f9;} .chart1.inview span::after{width:0;transition: 0.8s all;} .chart1.inview:nth-child(1) span::after{transition-delay:0.2s} .chart1.inview:nth-child(2) span::after{transition-delay:0.4s} .chart1.inview:nth-child(3) span::after{transition-delay:0.6s} .chart1.inview:nth-child(4) span::after{transition-delay:0.8s} .chart1.inview:nth-child(5) span::after{transition-delay:1.0s} .chart1.inview:nth-child(6) span::after{transition-delay:1.2s} .b_gallery { font-size: 0px; } .b_gallery .gal_image_wrapper { vertical-align: top; position: relative; height: 0px; background-size: cover; background-position: center center; padding-bottom: 60%; } .b_gallery .gal_image_wrapper .gal_image_overlay { position: absolute;top:0;left:0;right:0;bottom:0; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.2s ease 0s; } .b_gallery .gal_image_wrapper span { position: absolute; bottom: 0px; left: 0px; font-size: 14px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.7); line-height: 30px; padding: 0px 10px; } .b_gallery .gal_image_wrapper:hover .gal_image_overlay { opacity: 1; } .b_gallery .gal_image_wrapper .gal_image_overlay svg { max-width: 30px; height: 30px; width: 30px; position: absolute; top: 50%; right: 50%; transform: translateY(-50%) translateX(50%); fill: rgb(255, 255, 255); } .b_gallery .gal_image_wrapper a { color: rgb(255, 255, 255); } .pop { position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;} .pop.fullpop{background: rgb(30 30 30);} .pop .pop-cont {position: absolute;max-width: 800px;max-height: 760px;background: #fff9f3;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: black 0px 0px 10px;top: 0;left: 0;right: 0;bottom: 0;color: #000000;} .pop .pop-cont .closer {position: absolute;top: -5px;left: -5px;cursor: pointer;z-index: 2;background: #000000;width: 34px;height: 34px;border-radius: 50%;} .pop .pop-cont .closer svg { position: absolute; fill: white;top:0;left:0;right:0;bottom:0; margin: auto; width: 12px; } .pop .pop-cont .stages{display:flex;position:absolute;width: calc(100%);gap:10px;z-index: 1;padding-left: 50px;background: #fff9f3;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 #ff9027;} .pop .pop-cont .owl-dots .owl-dot { background: rgb(255, 255, 255); width: 10px; height: 10px; display: inline-block; border-radius: 10px; margin: 0px 5px; transition: all 0.2s ease 0s; } .pop .pop-cont .owl-dots { text-align: center; bottom: 17px; position: relative; height: 0px; } .pop .pop-cont .owl-dots .owl-dot.active { background: rgb(43, 4, 0); } .pop .pop-cont .pop-cont-scroll {position: absolute;max-height: 100%;overflow: auto;left: 0;right: 0;top: 0;bottom: 0;} .pop.logos .pop-cont .pop-cont-scroll::before{content:"";margin: 40px auto 10px;max-width: 200px;position: relative;display: block;width: 50%;padding-bottom: 70px;background-image: url(../img/logo_orange.png);background-size: contain;background-repeat: no-repeat;background-position: center;} .pop.logos .pop-cont .pop-cont-scroll::after{content:"";margin: 20px auto 70px;max-width: 160px;position: relative;display: block;padding-bottom: 70px;background-image: url(../img/footer-logo-black.png?1);background-size: contain;background-repeat: no-repeat;background-position: center;width: 50%;} .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: #000;margin-bottom: 20px;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: black;background: #f9a85a;} .pop .pop-cont .contact-btns .contact-btn.main{font-size:26px;color: black;background: #f9a85a;} .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;} .pop .pop-cont .contact-btns .timer{position:relative;font-size:8px;width: auto;height: auto;margin-bottom: 20px;} .pop .pop-cont .contact-btns .timer .tm{padding-bottom: 22px;} .pop .pop-cont .contact-btns .timer .tm label{font-size:16px} .pop .pop-cont .contact-btns .timer .timer-title {font-size: 20px;} .pop .pop-cont .contact-btns .reg-numbers {display: flex;width: 100%;max-width: 400px;justify-content: space-around;text-align: center;margin: 0 auto 20px;padding: 20px 0;border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;} .pop .pop-cont .contact-btns .reg-numbers > div b {display: block;font-size: 20px;} .pop .pop-cont .pop-timer-title{text-align: center;margin: 0 -30px 20px;font-size: 16px;color: #376961;font-weight: bold;background: linear-gradient(-125deg, #ae9569, #baa47b 70%, #e7dec8, #be9e65 80%, #b79455);padding: 6px;display: flex;box-shadow: 0 5px 10px -5px black;} .pop .pop-cont .pop-timer-title > div{border: 2px #333 solid;padding: 10px;line-height: 1;background: #f9f3ec;width: 50%;margin: 0px 2px;/* font-size: 20px; */} .pop .pop-cont .pop-timer-title > div{width:100%;} .pop .pop-cont .pop-timer-title > div:nth-child(2){display:none;} .pop .pop-cont .pop-text {margin: 0px auto;font-size: 18px;padding: 0px 10px 30px;} .pop .pop-cont .pop-title,.pop .pop-cont .pop-cont-ttl {padding: 0px 20px 0px;font-size: 20px;font-weight: bold;color: #000000;text-align: center;line-height:1.2;margin-top: 20px;} .pop .pop-cont .pop-title2 {text-align: center;font-weight: normal;font-size: 20px;/* letter-spacing: 4.5px; */font-weight: bold;white-space: nowrap;color: #000;display: flex;align-items: center;} .pop .pop-cont .pop-title2::before{content:"";width: 50%;height: 2px;margin: 0 5px;background: #000;} .pop .pop-cont .pop-title2::after{content:"";width: 50%;height: 2px;margin: 0 5px;background: #000;} .pop .pop-cont .pop-title3{text-align: center;font-weight: normal;font-size: 24px;/* letter-spacing: 4.5px; */font-weight: bold;white-space: nowrap;/* border: 1px #f9a85a solid; */border-right: 0;display: flex;align-items: center;height: 40px;width: calc(100% - 20px);/* border-radius: 30px 0 0 30px; */margin-top: 20px;white-space: nowrap;display: flex;align-items: end;line-height: 1;} .pop .pop-cont .pop-title3::after{content:"";width:100%;height: 7px;background: #c1dc85;margin-right: 10px;margin-bottom: 4px;} .pop .pop-cont .pop-title4{font-weight:bold;text-align: center;font-size: 20px;line-height: 1.2;margin-bottom: 20px;margin-top: 10px;background: #ff9027;color: black;padding: 10px;max-width: 400px;margin: 10px auto;text-shadow: 0 1px 0 white;border: 2px solid black;} .mifrat-flex {display: flex;justify-content: space-around;flex-wrap: wrap;} .mifrat-col {padding: 0 10px;box-sizing: border-box;} .group-table{display:block;margin-top: 10px;} .group-table table{padding:0;width:100%;border-collapse:collapse;margin: 10px auto 30px;max-width: 500px;} .group-table table th, .group-table table td{padding:5px;border:1px solid black;border-collapse:collapse;width: 50%;text-align: center;font-size: 16px;} .group-table table th{background: #ff9027;font-size: 16px;} .group-table table td{font-size: 20px;background: white;} .pop .pop-cont .pop-cont-scroll .img-carousel .item {padding-bottom: 0;background-size: cover;} .appt-attr { background: rgb(233, 221, 205); color: rgb(43, 4, 0); margin: 1px; display: flex; justify-content: space-around; flex-flow: wrap; } .appt-attr .attr-box { width: 25%; border: 2px solid white; 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; } .pop .pop-cont .pop-text1 { padding: 20px 0px; text-align: justify; } .pop .pop-cont .pop-title1 { font-size: 24px; font-weight: bold; margin-top: 20px; color: rgb(189 139 90); } .pop .pop-cont ul { padding: 10px 30px 10px 0px; } .pop .pop-cont ul li {list-style: none;margin: 10px 0px;position: relative;line-height: 1.2;} .pop .pop-cont ul li strong {display: inline;line-height: 1.2;} .pop .pop-cont ul li::before {content: "";position: absolute;right: -20px;width: 10px;height: 10px;background-repeat: no-repeat;top: 2px;background-color: #f9a85a;} .pop .pop-cont .btm-buttons { position: absolute; bottom: 0px; left: 0px; right: 0px; display: flex; height: 60px; background: rgb(233, 221, 205); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; justify-content: center; align-items: center; } .pop .pop-cont a.pdf-btn { font-size: 20px; height: 60px; background: rgb(232, 221, 205); line-height: 60px; padding: 0px 20px 0px 10px; box-sizing: border-box; max-width: 205px; display: block; margin: 0px 0px 10px; cursor: pointer; position: relative; text-decoration: none; color: black; } .pop .pop-cont .btm-buttons .btn { width: 40%; text-align: center; background: rgb(189 139 90); color: white; height: 50px; display: flex; justify-content: center; align-items: center; margin: 6px; max-width: 160px; font-size: 20px; } .popup.disabled::after { content: ""; position: fixed; z-index: 9;top:0;left:0;right:0;bottom:0; background: rgba(0, 0, 0, 0.5); } div#zoomscroller { position: relative; display: flex; align-items: center; height: 100%; direction: ltr; overflow: auto; } div#zoomscroller img { width: 300%; max-width: initial; } .ccform.init { display: block; padding: 20px; text-align: center; font-size: 20px; } .ccform { display: none; } .ccform img { max-width: 130px; } .iframeform iframe { height: 420px; width:100%} .iframeform { text-align: center; } nav#site-navigation { display: block; width: 100%; } .nav_mobile {background: rgb(0 0 0);padding: 10px 0px;font-size: 30px;right: -100%;position: absolute;transition: 0.2s;z-index: 14;top: 0;padding-top: 100px;bottom: 0;} .nav_mobile a { color: rgb(255, 255, 255); text-decoration: none; } .nav_mobile.opened {display: block;position: fixed;top: 0;z-index: 14;/* left: 0px; */right: 0px;width: 100%;} .nav_mobile .main-menu > li {display: block;border-left: 0px;text-align: right;border-bottom: 0px solid rgb(202 254 144 / 50%);} .nav_mobile .main-menu > li.active{background: linear-gradient(-90deg, rgba(255,255,255,0.2), transparent);} .nav_mobile .main-menu > li a {color: rgb(255, 255, 255);display: block;font-size: 20px;line-height: 1;padding: 10px 20px;transition: all 0.2s ease 0s;} .nav_mobile .main-navigation .main-menu > li a.active { color: rgb(255, 255, 255); } .nav_mobile .main-menu { width: auto; display: block; padding: 0px; } section #spherekel-wrap{box-sizing:border-box;/* height:100vh; *//* background-image: url(../img/spherekel.webp); *//* background-size: auto 150%; *//* background-position: center; */} section.inview #spherekel-wrap{/* transition:2s all; *//* background-size:auto 100%; */height: 50dvh;} .sections a#spherekel {width: 100%;height: 100%;overflow: hidden;display: block;position: absolute;} .spherekel-bg {padding-bottom: 100%;background-size: cover;position: relative;display: block;cursor: pointer;background-position: center center;display: flex;justify-content: center;} .spherekel-bg iframe { position: absolute;top:0;left:0;right:0;bottom:0; width: 100%; height: 100%; } .sp-text {position: absolute;top: 48%;background: rgb(0 0 0 / 80%);padding: 0px 20px;font-size: 6vw;color: #ffffff;color: #000;font-size: 30px;padding: 10px 30px;line-height: 1.3;box-shadow: 0 0 0 6px #ffffff inset, 0 0 0 8px #000 inset, 0px 4px 2px -2px black;border-radius: 30px;background: white;box-sizing: border-box;display: none;} .sp-text svg { width: 10px; top: 3px; position: relative; margin-right: 5px; margin-left: -6px; } .sp-pin {position: absolute;top: calc(30%);left: 0px;right: 0px;text-align: center;} .sp-pin img, .sp-pin svg {max-width: 50px;animation: 1s ease 0s infinite normal none running updown;width: 10%;} .sp-pin svg {max-width: 80px;animation: 1s ease 0s infinite normal none running updown;width: 16%;fill: #ffffff;height: auto;filter: drop-shadow(0px 1px 1px black);} @keyframes updown { 0% { transform: none; } 50% { transform: translateY(20px); } 100% { transform: none; } } div#spherekel-pop iframe { position: absolute; width: 100%; height: 100%; } div#apt360-pop iframe { position: absolute; width: 100%; height: 100%; } div#mifrat-pop iframe { position: absolute; width: 100%; height: 100%; } div#mifrat-pop embed { position: absolute; width: 100%; height: 100%; } #negishutpop .pop-cont-scroll a{color:inherit} .gExtra-bg{padding-top: 10px;background: #f9a85a;padding-bottom: 10px;margin-top: 180px;text-align: center;} .gExtra-wrap {width: calc(100% - 20px);margin: 10px auto 10px;box-sizing: border-box;padding: 14px;position: relative;background: #000;overflow: hidden;/* border: 2px solid black; */} .gExtra-wrap::before{content:"";background: #f9a85a;position: absolute;top: 2px;bottom: 2px;left: 2px;right: 2px;} .gExtra-wrap::after{content:"";position: absolute;bottom: -10px;left: 0;width: 200%;height: 110%;background: linear-gradient(45deg, #f9a85a 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 .gExtra {background: #000;color: #ffffff;padding: 14px;font-size: 5.6vw;/* text-shadow: 0 0 3px rgb(250 250 250 / 50%); */position: relative;z-index: 1;} .gExtra-wrap .gExtraTitle {position: relative;/* left: 50%; */padding: 10px 10px;/* background: #000; *//* transform: translateX(-50%); */font-size: 6.2vw;/* color: #000; */white-space: nowrap;z-index: 1;font-weight: 600;line-height: 1.1;display: block;} .gExtra-wrap .gExtraTitle span {font-weight:900;font-size: 1.6em;padding: 0 10px;/* background: #000; */line-height: 1;} .gExtra-wrap .gExtra b{font-weight:900;font-size: 1.5em;margin: 0 0.2em;} .gExtra-wrap .shovi { position: absolute; display: inline-block; background: #c1dc85; bottom: -3.5vw; font-size: 6vw; font-weight: 600; white-space: nowrap; right: 50%; transform: translateX(50%); padding: 0px 10px; color: rgb(43, 4, 0); } .gExtra-wrap .gExtra div{/* display:flex; *//* align-items: center; *//* justify-content: center; */padding: .2em 0;} .gExtra-wrap .gExtra .nis {font-size: 0.7em;position: relative;top: 0.4em;} .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: 0px; right: 0px; height: 1px; background: white; transform: rotate(5deg); } .gExtra-wrap .gExtra .madad {font-weight: normal;text-align: right;margin-top: 10px;margin-bottom: -10px;margin-right: -14px;} .gExtraSpt { margin: 10px; border-bottom: 2px dotted rgb(255, 255, 255); } .gExtra-wrap .gExtra ul { padding: 10px 30px 10px 0px; } .gExtra-wrap .gExtra ul li { list-style: none; margin: 10px 0px; position: relative; } .gExtra-wrap .gExtra ul li::before {content: "";position: absolute;right: -30px;width: 26px;height: 34px;background-size: contain;background-position: center center;border-radius: 0;background-repeat: no-repeat;top: 0px;background-color: transparent;} ul.gindi-ul {padding: 10px 46px 10px 0px;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 10px;} ul.gindi-ul li { list-style: none; margin: 10px 0px; position: relative; } ul.gindi-ul li::before {content: "";position: absolute;right: -20px;width: 10px;height: 10px;background-repeat: no-repeat;top: 7px;background-color: #f9a85a;} .points ul.gindi-ul li { font-size: 20px; } .points ul { margin-bottom: 0px; } ul.gindi-ul2 {padding: 0;overflow: auto;margin-bottom: 30px;text-align: right;/* margin-left: 20px; */background: rgb(251 251 251 / 90%);/* display: flex; */justify-content: center;margin-top: 1em;color: black;padding: 0px 20px;margin-bottom: 0;border: 1px solid #989898;} ul.gindi-ul2 li {list-style: none;margin: 10px 0px;position: relative;padding-right: 30px;position: relative;font-weight: normal;display: flex;align-items: center;gap: 0.2em;align-items: center;line-height: 1.2;color: black;} ul.gindi-ul2 li::before {content: "";position: absolute;right: 14px;width: 10px;height: 10px;background-repeat: no-repeat;top: auto;background-color: #f9a85a;} .promote-text {font-size: 4.4vw;margin: 0px auto;color: #000000;font-weight: 700;line-height: 1.2;padding: 4px 4px;background: linear-gradient(45deg, #c5a670 30%, #e5dcc5, #d7b374 70%);/* border-top: 1px solid; */width: calc(100% - 20px);box-sizing: border-box;margin-top: 5px;} .promote-text > div{display: flex;text-align: right;padding: 0.4em 0.4em;font-weight: normal;/* border-bottom: 1px solid #7d856c; *//* font-weight: bold; */background: #ffffff;color: #000000;} .promote-text div span{display: flex;font-size: 0.2em;min-width: 6em;max-width: 6em;height: 6em;position: relative;margin-left: 2em;background: black;border-radius: 50%;display: flex;align-items: center;justify-content: center;display: none;} .promote-text div span svg{width: 60%;height:auto;fill: #f9a85a;} .limit-text{/* font-weight:bold; */font-size: 4.8vw;} .bank {margin: 20px auto 10px;display: inline-block;align-items: center;justify-content: center;padding: 0px 10px;box-sizing: border-box;/* background: rgb(200 222 222); */} .bank div{display:inline-block;color: #ffffff;font-weight: bold;} .bank div img{height:30px;margin-right: 10px;/* margin-top:-5px; */} .madad { padding: 0px 10px; font-size: 14px; } .appointment1 { margin: 30px auto; max-width: 480px; text-align: center; color: white; background: -webkit-linear-gradient(15deg, rgb(189 139 90) 30%, rgb(227, 182, 145) 50%, rgb(189 139 90) 70%); padding: 20px 10px; width: calc(100% - 40px); box-sizing: border-box; font-size: 22px; text-shadow: black 0px 0px 2px; font-weight: bold; border: 1px solid white; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; cursor: pointer; display: none; } .north::after{content:"";width: 4vw;height: 8vw;display: block;position: absolute;right: 3vw;top: 3vw;background: url(../img/north.png);background-size: contain;} #binuiwrapper.north::after{background-image:url(../img/north2.png)} #clubpop {z-index:1000;} #clubpop .pop-cont{width:calc(100% - 60px);height: calc(340px + 50vw);max-width: 600px;max-height: 600px;} #clubpop .pop-cont .pop-cont-scroll{padding:0;color:#376961;background:#f7f0e9;} #clubpop .title {font-size: 7vw;font-weight: bold;text-align: center;text-shadow: 0 0 10px white,0 0 10px white,0 0 10px white;margin-bottom: 30px;} #clubpop .logo {right: 0;margin: auto;width: 60%;z-index: 13;max-width: 360px;transition: 1s all;filter: brightness(0.4) hue-rotate(75deg) drop-shadow(0px 0px 6px white);max-width: 200px;} #clubpop .background {background-image: url(../pic/bgs2/bg3.webp);background-size: cover;padding: 10px 20px 50px;background-position: center;} #clubpop .text-wrap{font-size: 18px;text-align: center;max-width: 360px;margin: auto;} #clubpop .text1{font-weight: bold;line-height: 1.2;margin-bottom: 30px;} #clubpop .frame-green{font-size: 28px;font-weight: bold;line-height: 1.1;padding: 10px;border: 2px solid;width: 90%;margin: auto;} #clubpop .frame-green div{display: flex;align-items: center;justify-content: center;} #clubpop .limit{font-size: 20px;font-weight: bold;margin-top: 20px;} .pop.flowers .pop-cont{background-image: url(../pic/bgs2/bg3.webp);background-size: cover;} .pop.logos.flowers .pop-cont .pop-cont-scroll::before{filter: brightness(0.7) hue-rotate(75deg) drop-shadow(0px 0px 6px white);color:#376961} .pop.logos.flowers .pop-cont .pop-cont-scroll::after{display:none} .pop.logos.flowers .pop-cont .pop-cont-scroll > div {margin-top: 50px;background: #f7f0e9;} @media (min-width: 1024px) { .b_gallery.owl-carousel { display: block; } .b_gallery .gal_image_wrapper { display: inline-block; width: 100%; height: 263px; padding-bottom: 0px; max-width: calc(16.666% - 2px); margin: 0px 1px; } } @media (min-width: 993px) { .mobile{display:none !important} #clubpop .title{font-size:40px} .bottom_gallery { width: calc(100% - 160px); margin: 0px auto; } .bottom_gallery .pics_2 { width: 50%; } .bottom_gallery .pics_2:nth-child(2n) .pic1:nth-child(2n) { float: none; } .bottom_gallery .pics_2:nth-child(3) .pic1:nth-child(2n), .bottom_gallery .pics_2:nth-child(4) .pic1:nth-child(2n) { float: right; } .sections section#first-section {/* height: 80vh; */} section#first-section .slogen.darkcover span::after{width: 80vh;margin:auto} .sections section#first-section .hero_pic {height: 80vh;background-size: cover;max-height: 700px;min-height: 500px;background-position: center;background-image: url(../img/hero_desk3.webp?1);} .sections section#first-section .item .text{font-size: 32px;padding: 20px 40px;} .sections section#first-section .hero_pic .img {width: 50%;max-width: 620px;} .slogen {/* padding: 60px 40px 40px; */margin: 0;} .slogen div {font-size: 3.3vw;height: 42px;right: auto;left: 11vw;/* padding-top: 15vw; */} section.inview .slogen div{margin-top: 130px;font-size: 5vh;padding-left: 0;text-align: left;line-height: 1;left: 28vh;height: 2em;align-items: center;transform: none;padding: 0;} section .slogen div{padding: 0;display: flex;align-items: center;height: 2em;font-size: 5vh;} .sections section#first-section video{width:auto;height:100%;left: -100vw;right: -100vw;position: absolute;top: 0;bottom: 0;margin: auto;mask-image: radial-gradient(circle at center, black 55%, transparent 60%);} section#first-section .slogen + .txt-wrap{padding-top: 33vh;width: auto;margin-top: 0;width: 56vh;padding-right: 0;box-sizing: border-box;background: transparent;max-height: none;} .sections section#first-section .logo{font-size: 0.3vh;} .sections section.pics-section{/* padding: 120px 0; *//* text-align: center; */} section.bg2-section .multimedia-section.maps .moveLR img{animation: none !important;max-width: 100%;height: auto;object-fit: cover;object-position: center;} section.bg2-section .multimedia-section, section .section-space-holder{width: 80%;margin: 3vw auto;/* max-width: calc(100vh - 100px); *//* box-shadow: 0 0 10px rgba(0,0,0,0.5); *//* border: 2px solid #f9a85a; */position: relative;margin: 0;height: 60vh;} .sections section.no-logo .carousel.standart .item{padding-bottom:100vh;background: black;} .carousel.standart .item:not(.moveLR) > div{content:"";position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;filter: blur(5px);opacity: 0.5;} .carousel.standart .item:not(.moveLR) img{object-fit:contain;} @keyframes move-left-right{ 0%{transform: translateX(calc(50% - 50vw + 200px));} 50%{transform: translateX(calc(-50% + 50vw - 200px));} 100%{transform: translateX(calc(50% - 50vw + 200px));} } .block-side .title {font-size: 38px;} section .text{max-height: 200px;font-size: 16px;} .sections section#first-section .text{max-height: 200px;font-size: 3.2vh;min-height: auto;} .section .text {font-size: 22px;max-height: 134px;} .apt-360-wrap{max-width:500px;margin: 30px auto;} .apt-360-wrap.a-new{max-width:800px;margin: 0px auto 80px;} .apt-360-wrap .apt-360{font-size: 5px;} .apt-360-wrap .apt-360-new{font-size: 6px;} .slogen{font-size: calc(1vw - 3.1px);} section.inview .slogen img{/* height:auto; *//* width:100%; */} #first-section .slogen img{height:100%;width:auto;object-fit:cover} .slogen + .txt-wrap{padding-top: 140px;padding-bottom: 50px;margin-top: 7vw;/* margin-right: 10vw; */margin-top: calc(80px + 18vh);right: 0;margin-right: 5%;width: 40%;left: 0;right: 0;padding: 20px;height: auto;min-height: auto;background: rgba(0,0,0,0.7);max-height: calc(80dvh - 150px);bottom: auto;border-radius: 10px;min-width: 500px;} .mifrat-col {padding: 0 20px;width:50%} .eyes_prices{height: 11em;width: 40em;margin-top: 0em;box-shadow: 0 0em 2em 2em black inset;} .sd-title{font-size:26px} .special-frame{font-size: 0.65vh;text-align: center;margin-top: 5em;margin-bottom: 32em;} .sections section#sales2 .prices-wrap{/* padding: 100px 0 60px; */width: auto;/* max-width: 800px; *//* margin: 0 auto; */box-sizing: border-box;flex-direction: column;/* align-items: center; *//* justify-content: center; */padding: 0;overflow: auto;display: inline-block;} .sections section#sales2 .title{font-size: 5vh;margin-top: calc(80px + 5vh);line-height: 1;margin-bottom: -0.5em;} .sections a#spherekel, .map-wrapper img.map{padding-top: 80px;margin-top: 0;width: 100%;height: 100%;padding-bottom: 60px;box-sizing: border-box;} .multimedia-section{/* padding-top:0; *//* display: flex; *//* align-items: center; *//* justify-content: center; */} section:not(.bg2-section) .carousel.arrows .owl-nav{width:calc(100% - 100px)} .map-wrapper{width:80%;width: 70%;margin: calc(80px + 5vw) auto;max-width: calc(100vh - 100px);box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);border: 2px solid #f9a85a;position: relative;height: 60vh;} section#gindi-chart{padding-top: 14em;} .menu-button{/* display:none; *//* background: rgb(255 255 255 / 70%); */top: 20px;right: 10px;} .nav_mobile .main-menu > li.active a{/* background: rgb(255 255 255 / 40%); *//* color: black; */} body.scrolling .nav_mobile .main-menu{pointer-events:none} .tabsctrl.switch-apts:focus {outline:0 !important;box-shadow: none;} .tabsctrl.switch-apts:focus .active{outline:2px solid red;box-shadow: 0 0 0 2px red;} } @media (min-width: 500px) { .slogens > div { font-size: 30px; } .slogen-wrap #slg2{/* font-size:30px; */} .footer-sticky > .appoint { font-size: 30px; } #spherekel-pop.pop .pop-cont , #apt360-pop.pop .pop-cont { max-width: calc(100% - 20px); max-height: calc(100% - 20px); } .sections section#sec7 .cities-title { padding-left: 10px; line-height: 50px; margin-bottom: 0px; margin-top: 10px; height: 50px; font-size: 30px; } .sections a#spherekel, .map-wrapper img.map{/* width:40vw; */height: 50vw;} } @media (min-width: 700px) { .sections section#sales2 .paying-terms { font-size: 24px; } .prices-wrap ul,.prices-wrap ul li{font-size:20px} .limit-text{font-size:30px} .gExtra-wrap .gExtra{font-size:30px} } @media (max-width: 992px) { .desktop{display: none !important;!i;!;!imortant} #binuiPlan .img-carousel .item .active .ballance-gal-map {/* width: 200%; */} body #accessibility .acc_icon { top: auto; bottom: 2px; } nope.nav_mobile{width: 0px;height: 0px;background:transparent;transform: rotate(90deg);transition: 0.2s all;display: block;position: fixed;right: 0px;top: 65px;z-index: 14;padding: 0;} nope.nav_mobile.opened{width: 0;transform: rotate(0deg);padding: 0;height: 0;display: block;top: 50px;left: auto;right: 0;} nope.nav_mobile .main-menu{width: 0;background: transparent;display: block;position: absolute;min-height: 100vw;display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;max-height: 100vw;white-space: nowrap;width: 10px;/* overflow: hidden; */transition: 0.2s all;padding: 10px 0;box-sizing: border-box;} nope.nav_mobile.opened .main-menu{max-height: calc(100dvh - 180px);width: 100vw;background: rgba(0,0,0,0.8);box-shadow: 0 0 0 200px rgba(0,0,0,0.8);} nope.nav_mobile .main-menu > li{/* height: 50px; */display: flex;align-items: center;width: 100%;} nope.nav_mobile .main-menu > li a{/* padding:0; */width: 100%;background: rgba(255,255,255, 0.1);transition: 0.2s all;padding: 10px 0;font-size: 0;width: 10px;box-sizing: border-box;border-radius: 5px;height: 22px;box-shadow: 0 0 2px rgba(0,0,0,0.2);} nope.nav_mobile.opened .main-menu > li {border-width:1px;height: 50px;} nope.nav_mobile.opened .main-menu > li a{border:0;padding: 8px 20px;font-size: 20px;width: 100%;height: auto;background: transparent;border-radius: 0;} nope.nav_mobile .main-menu > li.active a{background: rgb(255 255 255 / 40%);/* color: black; */} } .rotatingcrcls { position: fixed;top:0;left:0;right:0;bottom:0; display: flex; flex-wrap: wrap; } .rotatingcrcls div { width: calc(33.3333vw); height: calc(33.3333vw); position: relative; } .rotatingcrcls div div::before { content: ""; position: absolute; width: 50%; height: 50%; border-width: 3.5vw; border-style: solid; border-color: rgb(225, 220, 216) rgb(225, 220, 216) transparent; border-image: initial; box-sizing: border-box; margin: auto;top:0;left:0;right:0;bottom:0; border-radius: 50%; animation: 10s linear 0s infinite normal none running rotation; } .rotatingcrcls div:nth-child(n) { transform: rotate(75deg); right: -2%; top: -3%; } .rotatingcrcls div:nth-child(2n) { transform: rotate(35deg); right: -2%; top: 2%; } .rotatingcrcls div:nth-child(3n) { transform: rotate(205deg); right: 2%; top: 1%; } .rotatingcrcls div:nth-child(4n) { transform: rotate(285deg); right: 1%; top: 1.5%; } .rotatingcrcls div:nth-child(5n) { transform: rotate(60deg); right: 1%; top: -2%; } .rotatingcrcls div:nth-child(6n) { transform: rotate(120deg); } .rotatingcrcls div:nth-child(n+1) div { transform: scale(0.9); } .rotatingcrcls div:nth-child(2n+1) div { transform: scale(1.1); } .rotatingcrcls div:nth-child(3n+1) div { transform: scale(0.85); } .rotatingcrcls div:nth-child(4n+1) div { transform: scale(1.05); } .rotatingcrcls div:nth-child(5n+1) div { transform: scale(0.95); } .rotatingcrcls div:nth-child(6n+1) div { transform: scale(1.15); } @keyframes rotation { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 0% { transform: rotate(360deg); } } @media (min-width: 992px) { body #accessibility .acc_icon { top: 80px; } @keyframes movebg { 0% { background-position: left 0px bottom 0px; } 50% { background-position: left 0px bottom -15vh; } 100% { background-position: left 0px bottom 0px; } } ::-webkit-scrollbar {width: 6px;background: rgb(0 0 0);border-radius: 20px;} ::-webkit-scrollbar-track {background: rgb(0 0 0);border-radius: 20px;} ::-webkit-scrollbar-thumb {background: rgb(249 168 90);border-radius: 20px;} ::-webkit-scrollbar-thumb:hover { background: rgb(183 171 158); } .nav_mobile .main-navigation .main-menu > li a:hover { background: rgba(0, 0, 0, 0.1); } .bgwrap img{width:auto;height:100%} .fullpop-title{margin-top:50px;width: 40%;} .fullpop-bottom{margin-bottom: 0;/* background: rgba(0, 0, 0, 0.8); *//* box-shadow: 0 0 40px 40px rgba(0, 0, 0, 0.8); */padding-bottom: 30px;font-size: 40px;} .fullpop-bottom .fullpop-text{font-size: 26px;} div#site {/* margin-left: 400px; */padding-top: 0px;} div#site .box-side{position:absolute;left:400px;width: 4vw;height: 100vh;display: none;} div#site .box-side::before{content:"";width: 100%;display: block;position: absolute;top: 66px;height: 60vh;background: linear-gradient(90deg, #151e0d, #070a05);transform: skewY(60deg);} div#site .box-side::after{content:"";width: 100%;display: block;position: absolute;bottom: 66px;height: 60vh;background: linear-gradient(90deg, #151e0d, #070a05);transform: skewY(-60deg);} .line-wrap.right { background-position: right 290px top 80px; } .line-wrap.left { background-position: left top 80px; } .viewers {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: 0px;cursor: pointer;} .viewers #viewcount { } header {left: 400px;} .timer-slogen { overflow: hidden; padding-left: 80px; padding-right: 80px; height: 80px; } .timer-title {/* left: auto; *//* width: 290px; *//* top: 8px; *//* right: -290px; */font-size: 17px;padding-top: 2px;} header .container { height: 0px; } header .menu-button { display: none; } .logo.mainlogo {/* display: none; */left: calc(50% + 200px);right: auto;margin-top: 6vh;top: 0;width: 38em;padding-top: 0;height: auto;transform: translateX(-50%);font-size: 1vh;} .logo.mainlogo img{/* height:80%; *//* margin-top: calc(1vw - 39%) !important; *//* width: 12vw !important; */} .logo.mainlogo .circle{/* font-size: 0.5vh; */transform: translate(17em, 2em);} body.notfirst .logo.mainlogo, body.menu-opened .logo.mainlogo{/* right:auto; *//* left: calc(2vw + 400px); *//* width: 8vw; *//* margin-top: 130px; *//* padding-top: 0; *//* font-size: 0.3vh; *//* transform: none; */margin-top: 4vh;width: 60em;font-size: 1vh;width: 26em;} body.notfirst .logo.mainlogo div.project-logo svg{/* fill:#e9f5cd; *//* filter: drop-shadow(0px 3px 0px black); */} .perspective{left: 400px;} .perspective.in3d{/* display:block; *//* perspective: calc(100vw - 400px); *//* transform: none; */} .perspective.in3d .sections{/* transform:translateZ(-50vw); */} .pop.deskview, .pop.deskview .pop{width:400px;right: auto;top: 80px;max-height: calc(100vh - 80px);} .pop.deskview .pop-cont{width:100%;height: 100%;max-height: none;box-sizing: border-box;/* background: linear-gradient(180deg, #fffaf5, white 30px); */box-shadow: rgb(0 0 0 / 30%) -100px 0px 10px 100px;} .pop.deskview .pop-cont .pop-cont-scroll::before{display:none;} .pop.deskview.deskshow{display:block;z-index: 8;} .pop.deskview .pop-cont .closer{display: none;} .sections section{font-size: 0.6vh;} .sections section.active-section{/* z-index: 100; *//* opacity: 1; *//* pointer-events: all; *//* padding: 0; *//* filter: none; *//* transform: rotateX(0) translateZ(calc(50vw - 200px)); */} .sections section.prev-section{/* z-index: 98; *//* opacity: 0; *//* transform: rotateY(90deg) translateZ(calc(50vw - 200px)); */} .sections section.next-section{/* z-index: 98; *//* opacity: 0; *//* transform: rotateY(-90deg) translateZ(calc(50vw - 200px)); */} .sections section.hide-section{display:none} .sections section.noTransition{transition:0s all} .sections { padding-top: 0px; } .sections section#first-section .item .vid-place { height: auto; min-height: 520px; background: rgb(28, 23, 22); } .sections section#first-section .item .vid-place::before { content: ""; display: block; padding-bottom: 40%; } .vid-place video { top: 0px; } 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; } body .top-circle{width: 90px;height: 90px;border-radius: 50%;left: 420px;top: 10px;font-size: 24px;} section .text-over-gallery .section-text, section .text-over-gallery .section-bottom{width:calc(100vw - 400px);/* position: relative; */padding-right: 10em;padding-left: 10em;} section .section-text{padding-left:10em;padding-right:10em;} section .text-over-gallery.sticky-bottom .section-bottom::before{height:26vh} section.section-extra .multimedia-section, section.section-extra .section-space-holder{min-height: 40dvh;} .slogen-wrap {height: 80px;/* background: rgb(0 0 0 / 20%) linear-gradient(180deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 0%)); *//* box-shadow: rgb(255 255 255 / 20%) 0px 4px 0px; *//* backdrop-filter: blur(10px); */} .slogens {position: absolute;height: 80px;padding: 0px;/* left: 80px; *//* right: 80px; */width: auto;display: block;} .slogens > div { font-size: 32px; } .slogen-wrap #slg2{/* font-size:38px; */} .slogens > div > div {/* padding-right: 10px; */} .slogens > div {font-size: 32px;height: 80px;color: white;text-shadow: none;letter-spacing: 0;} .slogens > div > div {/* padding-right: 10px; */} .slogens span {/* padding-right: 0.1em; */} .slogens span.underline svg { bottom: -10px; } .slogens .timer {width: auto;font-size: 8px;padding-top: 6em;} .slogens .timer .tm {padding-bottom: 1.5em;} .spt.mobile { display: none; } .nav_mobile {display: block;position: fixed;right: -290px;width: 290px;z-index: 12;top: 0px;bottom: 0px;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;padding-top: 80px;box-sizing: border-box;background: rgb(0 0 0 / 90%);transition: 0.2s all;} .nav_mobile.opened{right:0;top: 0;width: 300px;background: #333;} .nav_mobile .main-menu > li{position:relative} .nav_mobile:not(.opened) .main-menu > li a::after{content:"";width: 20px;height: 20px;background: radial-gradient(rgb(255 255 255 / 50%) 40%,rgb(255 255 255 / 00%) 50%);display:block;position:absolute;right: calc(100% + 20px);top: 0;border-radius: 50%;bottom: 0;margin: auto;cursor: pointer;border: 1px solid rgb(255 255 255 / 50%);transition: 0.5s all;} body:not(.menu-opened).notfirst.bg2 .nav_mobile:not(.opened) .main-menu > li a::after{background: radial-gradient(rgb(0 0 0 / 50%) 40%, rgb(0 0 0 / 0%) 50%);border: 1px solid rgb(0 0 0 / 50%);} .nav_mobile:not(.opened) .main-menu > li.active a::after{width:20px;height:20px;background: rgb(255 255 255 / 80%);right: calc(100% + 20px);} body:not(.menu-opened).notfirst.bg2 .nav_mobile:not(.opened) .main-menu > li.active a::after{background: rgb(0 0 0 / 80%);} section.hero { height: calc(100vh - 220px); } 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%; } .text .t-title .black { font-size: 50px; } .text .t-title .black + div { font-size: 30px; } .sp-text {font-size: 20px;line-height: 50px;white-space: nowrap;display: block;} .sp-pin{paddding-top:30%} .apt-wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .apt-wrap .apt { width: 340px; margin: 10px; max-width: calc(50% - 40px); } #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: auto; */} #binuiPlan .img-carousel {/* margin-top: 0px; */} #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: 66%; */} #binuiPlan .img-carousel .item .ballance-gal-map{height:auto;width:100%} div#ballance-gal .side_bar {/* width: 400px; *//* top: -72px; */} #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: #000;margin-right: 20px;right: 0;} #binuiPlan.popb .text { font-size: 19px; } #binuiPlan.popb .owl-carousel .item h3 { font-size: 24px; } section .pay-wrap .pay-title { font-size: 40px; display: inline-block; width: 600px; } section .pay-wrap .pay-title.small { font-size: 30px; } section .pay-wrap table { max-width: 800px; } section .pay-wrap table th { font-size: 18px; } section .pay-wrap table td { font-size: 18px; } section .pay-wrap table td div { font-size: 14px; } section .pay-wrap table td .pent { font-size: 18px; } section .pay-wrap table td span { font-size: 24px; } .points {/* display: inline-block; */} ul.gindi-ul2{font-size:20px;padding:0 10px;/* margin: 0 10px; */} .points ul.gindi-ul li { font-size: 20px; } .points ul.gindi-ul li img { width: 70px !important; } ul.gindi-ul li::before { top: 2px; } .promote-text{font-size: 20px;/* padding: 10px 30px; */} .sections section#sales2 .paying-today{font-size:20px} .gExtra-wrap {max-width: 600px;} .gExtra-wrap .gExtraTitle {font-size: 36px;/* top: -48px; */} .gExtra-wrap .gExtraTitle div { font-size: 24px; letter-spacing: 5px; } .gExtra-wrap .gExtra {font-size: 30px;text-align: center;/* padding: 10px 130px; */} .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-bg{padding-top: 10px;padding-bottom: 10px;} .gExtra-wrap {margin: 40px auto;padding: 20px;} section .pay-wrap .paying-today { max-width: 800px; font-size: 59px; padding: 40px 130px 0px; height: 540px; } section span.underline { padding: 0px 20px 16px; } .pay-remarks{margin-top:30px} ul.gindi-ul {max-width: 800px;/* margin: 0px auto 30px; */font-size: 16px;} .pay-list-wrap .pay-list ol { width: 120px; min-width: 120px; } .pay-list-wrap .pay-list { padding-bottom: 30px; } .footer-sticky {right: auto;position: fixed;width: 400px;/* flex-direction: column; */bottom: auto;top: 0;left: 0;height: auto;z-index: 9;gap: 0;} body:not(.contact) .footer-sticky > .join.btn1, body.contact .footer-sticky > .join.btn2{background: linear-gradient(180deg, #ffffff, #fff9f3 100%);color: black;border-radius: 0;box-shadow: none;bottom: 0;} body:not(.contact) .footer-sticky > .join.btn2, body.contact .footer-sticky > .join.btn1{background: #ff9027;color:black;border-radius: 0;bottom: 0;box-shadow: 0 -11px 10px -10px rgb(151 64 13) inset;} body:not(.contact) .footer-sticky > .join.btn1 .blink, body.contact .footer-sticky > .join.btn2 .blink{margin-right:0.5em;transform:rotate(-90deg)} .footer-sticky:not(.desktop){display:none;} .footer-sticky > .appoint {/* height: 64px; */font-size: 30px;} body .footer-sticky > a, .footer-sticky > .join{height:80px;} .btn-top-sticky:not(#toggleMusicBtn){display:none} #toggleMusicBtn.btn-top-sticky{left:420px;top: 10px;} .pop .pop-cont .pop-cont-ttl { font-size: 28px; } .pop .pop-cont {font-size: 18px;} #mappop.pop .pop-cont{max-width: 1200px;max-height: 900px;} #mappop .zoomicon{display:none} .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; } .appt-attr .attr-box .attr-cont.small { font-size: 30px; font-weight: 100; } .limit-text{font-size: 30px;} .sections section#sales2 .special-prices br {/*content: "";*/} .sections section#sales2 .special-prices br::before {/*content: " ";*/} .slogen2-wrap .slogen2-txt, .slogen2-wrap .slogen2-txt.initial {font-size: 40px;} .star-shine {font-size: 50px;width: 80px;height: 80px;} .star-shine.str1 {top: -40px;} .specialboxes{font-size:20px;max-width: 810px;z-index: 2;} .slogen2-wrap{margin-top: 20vh;} .block-side {margin-top: 14vw;margin-right: 60px;}.slogen + .txt-wrap {/* padding-top: 100px; *//* padding-left: 0; *//* width: calc(100% - 400px); */} } @media (min-width: 1200px) { body .footer-sticky > a, .footer-sticky > .join {height: 80px;font-size: 26px;} .footer-sticky > .appoint { height: 80px; font-size: 40px; } .deskmargin { margin: 0px 20px; } .double {/* display: flex; *//* justify-content: center; *//* flex-direction: column; *//* align-items: center; *//* padding-bottom: 50px; *//* padding-top: 50px; */} .double.double2{flex-direction:row;max-width: 1100px;width: 90%;margin: 0 auto;height: auto;padding-left: 2px;padding-right: 2px;} .double.rev { direction: ltr; } .double section { width: calc(50% - 5px); display: inline-block; height: auto; min-height: auto; } .double section .media-wrap { margin-top: 0px; } .double.autoheight section { height: auto; } .double .text-wrap { height: 100%; } .double.center { justify-content: center; } .sections .double a#spherekel {height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .multimedia-section{padding-top:0;height: 100%;} #negishutVid, .sections .double > section, .sections .double > .multimedia-section {/* margin-top: 0px; *//* margin-bottom: 10vh; *//* width: 100%; *//* border: 2px solid #d1cdc2; *//* border-radius: 20px; *//* overflow: hidden; *//* margin-bottom: 0; *//* padding: 0; *//* max-width: 640px; */} .spherekel-bg { padding: 0px; height: 100%; } .sections section.block-section .block .multimedia {width: 100%;margin: 0;} .sections section.pics-section{/* max-width: 1000px; *//* width: 90%; *//* margin: 20px auto 40px; */} .sections section.block-section .block .gallery.multimedia.inside-gal {width: 70%;margin: 50px auto;border-radius: 20px;border: 2px solid #d1cdc2;overflow: hidden;} .sections section .block.deskdouble .multimedia { width: calc(50% + 5px); margin-bottom: -40px; margin-top: -40px; margin-left: -10px; } .sections section .block.deskdouble { display: flex; align-items: start; padding: 10px; width: calc(100% - 40px); margin: 40px 20px; justify-content: space-between; } .sections section#map img { margin: 0px 20px; max-width: calc(50% - 30px); display: block; position: relative; transform: none !important; } .sections section#map::before { position: absolute; top: 30px;bottom: 30px;left: 20px;right: 20px; content: ""; background: url(../img/logo3.png) left 22% center / 10% no-repeat rgb(255 245 245); display: flex; box-sizing: border-box; padding-right: 50%; font-size: 7vw; color: rgb(255, 255, 255); justify-content: center; align-items: center; text-shadow: rgb(228, 207, 201) 0px 0px 20px; /*font-family: Rubik;*/ font-weight: 100; } .sections section#map { position: relative; overflow: visible; } .block .slogen img { max-height: 4.5vw; } #binuiPlan .block { margin-right: 20px; width: calc(50% - 15px); box-sizing: border-box; padding: 30px 20px 20px; margin-top: 30px; margin-bottom: 30px; } #binuiPlan .media-wrap {/* width: calc(50% - 25px); *//* background: rgb(170, 170, 170); *//* display: flex; *//* margin-right: 50%; *//* margin-top: 0; *//* position: relative; *//* z-index: 9; */} #binuiPlan {/* display: flex; *//* margin-top: 10px; */overflow: visible;} #binuiPlan .media-wrap .text {} .sections section.rev-section .block.deskdouble { flex-direction: row-reverse; } .sections section.rev-section .block.deskdouble .multimedia { margin-right: -10px; } .sections section#sec5.block-section {/* margin-top: 0px; *//* text-align: center; *//* text-align: center; *//* display: flex; *//* justify-content: center; */} .sections section#sec7 {/* background: transparent; *//* padding: 0px; *//* overflow: visible; */} .sections section#sec7 .block.deskdouble { width: auto; } .sections section.rev-section#sec7 .block.deskdouble .multimedia { box-sizing: border-box; padding: 20px 40px; width: calc(50% + 5px); margin-right: -10px; } .block .slogen img.big { max-height: 7.4vw; } .sections section#sec7 .cities-title { padding-left: 10px; line-height: 50px; margin-bottom: 0px; margin-top: 10px; height: 50px; font-size: 30px; } .sections section#sales2 {/* margin-top: 90px; */padding: 0px 40px;/* background: rgb(255 245 245); *//* margin-bottom: 60px; */} .sections section#sales2 table td, .sections section#sales2 table th {font-size: 20px;height: 50px;} .sections section#sales2 table td span { font-size: 24px; } .sections section#sales2 table td div { font-size: 18px; } .sections section#sales2 .paying-terms {font-size: 30px;margin-bottom: 40px;/* line-height: 80px; */} .sections section.block-section#gindi .block, .sections section.block-section#mishpati .block { max-width: 800px; margin: 40px auto; text-align: center; } .double.double2 .multimedia-section{/* height:400px; */overflow: visible;} .double.double2 .multimedia-section::before{content:"";display:block;padding-bottom:100%} section#map.checkview.inview img, .sections section .block.deskdouble .multimedia, #binuiPlan .media-wrap, .double section {/* box-shadow: black 0px 0px 10px -5px; */} .gExtra-wrap .gExtraTitle {/* background: rgb(32 30 22); */} .gExtra-wrap .shovi { background: rgb(249, 246, 240); } div#ballance-gal .side_bar{/* right:-100%; *//* top: 0; *//* left: auto; *//* max-width: 500px; *//* width: 90%; */} #binuiPlan .text-carousel{right:-100%;width: 90%;margin-top: 130px;} section .text {font-size: 18px;} .sections section#first-section .text{/* font-size: 18px; */} .text .t-text { max-height: 203px; } .text .t-title .black { font-size: 34px; text-align: right; } .double.big section { height: calc(40vw - 150px); } section#gindi { height: auto; } #binuiPlan .text {font-size: 1.2vw;transition: none;} .slogens > div {font-size: 40px;/* color: white; *//* text-shadow: none; */} .slogen-wrap #slg2 {/* font-size: 46px; */} .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; } .sections a#spherekel, .map-wrapper img.map {position: relative;width: 100%;object-fit: cover;height: 100%;} .multimedia-section.rev {display: flex;flex-direction: row-reverse;width: 100%;justify-content: space-around;align-items: center;flex-direction: column;padding-bottom: 5%;} .sp-pin {top: 30%;} .slogen{/* position:absolute; *//* left:-100%; *//* transition:none; *//* font-size: 6px; *//* width: 100em; *//* right: auto; *//* box-sizing: border-box; */} .footer-sticky > .appoint, .footer-sticky > a.maskyoophone {/* height: 80px; */font-size: 40px;} .side-btns > * {color:white;font-size: 20px;padding-right: 20px;width: 120px;height: 50px;} .side-btns svg {width: 30px;height: 30px;} .map-wrapper{/* margin:0; *//* padding:0; *//* position: absolute; *//* left: 0; *//* right: 0; *//* top: 0; *//* bottom: 0; */} .limit-text{font-size:30px} section#mishpati {/* width: auto; *//* margin: 0 auto; */} . } @media (min-width: 1600px) { .text .t-title .black { font-size: 50px; } section .text {font-size: 23px;max-height: 282px;} .sections section#first-section .text{/* font-size: 26px; */max-height: 300px;} .block-side .text .b-text{/* font-size:26px; */} #binuiPlan .media-wrap .text{font-size:26px} } @media (max-width: 992px) { #binuiPlan .img-carousel .item .active .ballance-gal-map {width: calc(166.6vh - 50px);} body #accessibility .acc_icon { top: auto; bottom: 2px; } /********************/ /********************/ } .cookies {position: fixed;bottom: 0px;min-height: 50px;background: rgb(0 0 0);background: white;z-index: 9999;left: 0px;right: 0px;display: none;} .showCookies { display: block; } .showCookies ~ #site .footer-sticky:not(.desktop){ bottom: 50px; } @media (max-width: 992px) { 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; */} .slogen-wrap .pause, .slogen-wrap .play{display:none !important} } .cookiestext {padding: 25px 20px;font-size: 18px;color: white;display: flex;justify-content: space-between;gap: 6px;flex-direction: column;} .cookiestext a {/* color: white; */text-decoration: underline;} .cookiesExtra {overflow: hidden;max-height: 0px;transition: all 0.5s ease 0s;/* font-size: 18px; *//* color: white; */} .cookiesReadMore {display: inline-flex;font-weight: bold;padding: 0;min-width: 40px;box-sizing: border-box;line-height: 1;text-align: center;justify-content: center;font-weight: normal;font-size: 16px;align-items: center;border: 1px solid;height: 40px;} .cookiesApprove {float: left;box-sizing: border-box;height: 50px;display: flex;min-width: 60px;justify-content: center;align-items: center;text-align: center;color: #000000;background: rgb(255 144 39);font-size: 22px;cursor: pointer;/* border: 1px solid rgb(204, 204, 204); */font-weight: bold;border-radius: 50px;} .cookiesContent {/* max-width: calc(100% - 80px); */display: flex;flex-wrap: wrap;line-height: 1.5;color: black;} .showMore .cookiesExtra {max-height: 400px;/* padding: 10px 0px; */} .cookiesReadMore span:nth-child(2) { display: none; } .cookiesReadMore span{display:flex;flex-direction:column;align-items: center;} .showMore .cookiesReadMore span:nth-child(1) { display: none; } .showMore .cookiesReadMore span:nth-child(2) {display: flex;flex-direction: column;align-items: center;} .cookiesReadMore span:nth-child(2)::after{content:"";width: 8px;height: 8px;display: block;border-left: 2px solid;border-top: 2px solid;transform: rotate(-135deg);margin-bottom: 3px;margin-top: -1px;} .cookiesReadMore span:nth-child(1)::before{content:"";width: 8px;height: 8px;display: block;border-right: 2px solid;border-top: 2px solid;transform: rotate(-45deg);margin-bottom: -1px;margin-top: 3px;} @media (min-width: 993px) { .cookiesExtra { max-height: none; display: inline; } .cookiesTitle {font-size: 18px;display: inline;font-weight: bold;} .cookiesContent {display: table-cell;float: none;/* height: 40px; */line-height: 22px;vertical-align: middle;width: calc(100% - 200px);} .cookiestext {/* display: table; */width: calc(100% - 20px);flex-direction: row;align-items: center;gap: 10px;max-width: 600px;margin: 0 auto;height: auto;} .cookiesApprove {display: flex;width: 100px;} .cookiesReadMore { display: none; } .north:not(#binuiwrapper)::after{display:none} #binuiwrapper.north::after{width:20px;height:40px;right:20px;top:20px} } @keyframes turn_arround1 { 0%{transform:scaleX(0);opacity:0.5} 25%{transform:scaleX(0);opacity:0.5} 30%{transform:scaleX(1);opacity:1} 80%{transform:scaleX(1);opacity:1} 85%{transform:scaleX(0);opacity:0.5} 100%{transform:scaleX(0);opacity:0.5} } @keyframes turn_arround2 { 0%{transform:scaleX(1);opacity:1} 20%{transform:scaleX(1);opacity:1} 25%{transform:scaleX(0);opacity:0.5} 85%{transform:scaleX(0);opacity:0.5} 90%{transform:scaleX(1);opacity:1} 100%{transform:scaleX(1);opacity:1} } /*********************************************/ .pop .pop-cont.lead{background:linear-gradient(-45deg, #2e2e2e, #4e4e4e);max-height: none;} .pop .pop-cont.lead .form_wrapper form label.checkB{color:white} .pop .pop-cont.lead .form_wrapper form label.checkB a{color:white} .meeting_pop{position:fixed;width:100%;height:100%;z-index:99;display:none;background-repeat: no-repeat;background-image: url(/assets/img/bg_hero.jpg);top:0;background-size: cover;} #meeting_pop{font-size:21px;text-align:center;overflow:hidden;background: #cb795e;background: linear-gradient(45deg, rgb(205, 122, 95), rgb(236, 196, 157), rgb(205, 122, 95));} .meeting_pop .cont{position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%);width: 90%;max-width:900px;background: white;background: rgb(255 255 255 / 95%);height:auto;padding: 0;box-sizing:border-box;box-shadow: 0 0 10px rgb(0 0 0 / 70%);} .meeting_pop .close{position:absolute;top:10px;left:10px;cursor:pointer} .meeting_pop .cont .modal_content{max-height: calc(100vh - 40px);overflow:auto;padding: 30px;box-sizing: border-box;} #meeting_pop .booked-calendar{display:flex;justify-content:center;margin-top:0;flex-wrap:wrap} .pop .pop-cont.lead .iframe-popup .inputWrap,.modal .appointment .inputWrap,.modal .hagrala_content .raffle_form .form_fields_wrapper>div{margin:.5% .5%;/* background: #FFF; */padding: 0;width: 99%;min-width:220px;} .pop .pop-cont.lead .iframe-popup .inputWrap input,.modal .appointment .inputWrap input,.modal .hagrala_content .raffle_form .form_fields_wrapper>div input{width:100%;background: #FFF;border:none;font-size:20px;font-family:inherit;padding: 7px 20px 0;box-sizing: border-box;border: 1px #999 solid;} #meeting_pop select{width:100%;background: #FFF;font-family:inherit;font-size:20px;padding: 10px 20px;border: 1px #999 solid;box-sizing: border-box;} .pop .pop-cont.lead .iframeform{width:100%;display:block;min-width:220px} .pop .pop-cont.lead .iframeform iframe{border:0;width:100%;height: 400px;} .pop .pop-cont.lead .main_title{text-align:center;font-size: 8vw;margin:0} .pop .pop-cont.lead .mini_title{text-align:center;font-size: 4.2vw;padding: 0 0 10px 0;width:100%;} .pop.picpop .pop-cont .pop-cont-scroll {height: 100%;direction:ltr} .pop.picpop .pop-cont-scroll img {height: calc(100% - 38px);width: auto;max-width: initial;} .pop .pop-cont .btm_text {position: absolute;bottom: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: white;padding: 2px 10px 2px 50px;font-size: 14px;box-sizing: border-box;background: rgb(93 97 89);z-index: 3;} .pop .pop-cont .btm_text.open{display:block} .pop .pop-cont .btm_text::after{content:"";display: block;position: absolute;left: 10px;top: 16px;width: 16px;height: 16px;border: 2px solid white;transform: rotate(45deg);border-bottom: 0;border-right: 0;} .pop .pop-cont .btm_text.open::after{content:"";transform: rotate(-135deg);top: 6px;} .pop .pop-cont.lead .pop-slogen {border: 2px #ff2315 solid;margin: 18% 10px 0;padding: 6px 6px 0 6px;border-top: 0;text-align: center;} .pop .pop-cont.lead .slogen-frame {/* background: linear-gradient(45deg, rgb(205, 122, 95), rgb(228 175 140), rgb(205, 122, 95)); */padding: 10px;color: white;font-size: 5.6vw;font-weight: 900;text-shadow: 1px 1px 0 rgb(0 0 0 / 75%);} .pop .pop-cont.lead .slogen-frame div {/* padding: 10px 0; *//* transform: scaleY(1.5); */line-height: 1.2;} .pop .pop-cont.lead .slogen-btm {display: flex;margin: -6px -8px 0px;} .pop .pop-cont.lead .slogen-btm div {width: 100%;text-overflow: ellipsis;white-space: nowrap;border-top: 2px solid #ff2315;padding-top: 14px;} .pop .pop-cont.lead.slogen-btm div:nth-child(2) {border-top: 0;margin-top: -14%;padding: 4px 10px 0;font-size: 20px;display: flex;align-items: flex-end;font-weight: bold;justify-content: center;width: 200%;max-width: 260px;} .pop .pop-cont.lead .pop-title {font-size: 5vw;} @media (min-width:600px){ .pop .pop-cont.lead .iframeform iframe{border:0;width:100%;height:270px} .pop .pop-cont.lead .main_title{text-align:center;font-size:34px;margin:0} .pop .pop-cont.lead .mini_title{text-align:center;font-size: 22px;padding: 0 0 20px 0;width:100%;} .pop .pop-cont.lead .pop-title {font-size: 30px;} .pop .pop-cont.lead .slogen-frame div {font-size: 30px;line-height: 1.1;padding: 20px;} .pop .pop-cont.lead .pop-slogen {margin: 18% auto 10px;max-width: 730px;} } @media (min-width:992px){ *:not(.slogen):focus, *:not(.slogen):focus-visible {outline: 2px red solid !important;outline-width: 2px !important;outline-color: red !important;box-shadow: 0 0 0 2px red;} .slogen:focus div::before{content:"";position:absolute;top: -0.1em;left: -0.2em;right: -0.2em;border:2px solid red;z-index: -1;height: 0.9em;} .slogen:focus div:first-child::before{border-right:0} .slogen:focus u + div::before{border-left:0} #appointment .booked-calendar-shortcode-wrap{display: flex;flex-wrap: wrap;gap: 4%;} #appointment .modal .appointment .inputWrap:not(.submit):nth-child(n+5){width: 47%;min-width: auto;} #appointment .modal .appointment .inputWrap:nth-child(n+3) input, #appointment .modal .appointment .inputWrap:nth-child(n+3) select{padding: 7px 10px 0;} #appointment .pop-cont-scroll.stage3{padding:20px;display: flex;flex-direction: column;justify-content: center;} } .disabled-btn{filter:saturate(0);pointer-events:none;opacity:0.5} @supports (-webkit-touch-callout: none) { .perspective:not(.in3d) .sections {transform: translateZ(0dvh);} .frame-pink .bottom-frame-pink div b{position:relative;bottom:-0.08em} } .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}