body.pauseAll *,body.pauseAll *::after,body.pauseAll *::before{animation:none !important; transition:none !important} body.pauseAll .logoanim div{display:none} body {margin:0;padding:0;font-family: "Open Sans", sans-serif;overflow-x: hidden;font-weight: 100;background: #ffffff;} body.noscroll { overflow: hidden; } img { max-width: 100%; } .Amandine{font-family:'Amandine';font-style:italic;font-weight: 500;direction:ltr;text-align: center;} header {position: fixed;top: 0px;right: 0px;left: 0px;height: 130px;z-index: 10;background: #ffffff;} header .container {height: 130px;position: relative;z-index: 1;box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;} .logo.mainlogo {position: fixed;top: 60px;left: 10px;right: 10px;margin: auto;height: auto;width: 40%;max-width: 160px;overflow: hidden;z-index: 998;display: flex;flex-direction: column;} .logo.mainlogo .logoanim img {margin: auto;width: 100%;height: auto;display: block;position: relative;} .logo.mainlogo > img{width: 67%;margin: 6% auto 0;} .logoanim {position: relative;top: 0;bottom: 0;left: 0;right: 0;font-size: clamp(3px,1vw,4.1px);width: 100%;display: block;} .la-c{position: absolute;z-index: 2;background: black;height: 100%;width: 100%;left: 0;border-radius: 2em;animation: la-c 10s forwards;} .la-c::before{content:"";position: absolute;background: white;top: 1.4em;bottom: 1.4em;left: 1.4em;right: 1.4em;border-radius: 0.5em;z-index: 2;} .la-c::after{content:"";background: #ffffff;position: absolute;width: 50%;height: 32%;right: 0;z-index: 0;top: 0;bottom: 0;margin: auto;} .la-r{position: absolute;right: 0;top: 0;bottom: 0;width: 5em;z-index: 1;background: white;animation: la-r 10s forwards;} .logoanim > div{animation-delay:1s} @keyframes la-c{ 0%{width:100%} 10%{width:11%;opacity:1} 15%{width:11%;opacity:0} 75%{width:11%;opacity:0} 100%{width:11%;opacity:0} /*80%{width:11%;opacity:1} 90%{width:100%} 100%{width:100%}*/ } @keyframes la-r{ 0%{top:0;bottom:0} 8%{top:0;bottom:0%} 12%{top:70%;bottom:30%} 85%{top:70%;bottom:30%} 100%{top:70%;bottom:30%} /*87%{top:0;bottom:0} 100%{top:0;bottom:0}*/ } .menu-button {display: block;box-sizing: border-box;cursor: pointer;height: auto;left: auto;width: auto;transition: all 0.5s ease 0s;top: 5px;right: 10px;padding: 5px;position: fixed;z-index: 1000;} .menu-button span {transition:0.2s all;border-radius: 0px;display: block;height: 1px;margin: 9px auto;transition: all 0.5s ease 0s;width: 34px;background: rgb(0 0 0);border-radius: 50%;} body.menu-opened .menu-button span:nth-child(1){transform: translateY(10px) rotate(45deg)} body.menu-opened .menu-button span:nth-child(2){width:0} body.menu-opened .menu-button span:nth-child(3){transform: translateY(-10px) rotate(-45deg)} .slogen-wrap {position: absolute !important;height: 34px;/* background-image: url("../img/grid2.jpg"); */background-size: cover;background-position: center center;background: #c75e5e;top: 10px;left: 0;right: 90px;font-size: 1vw;border-radius: 0 10em 10em 0;z-index: 2;} .slogens {position: absolute;height: 100%;overflow: hidden;left: 2em;box-sizing: border-box;right: 2em;text-align: center;} .slogens > div {position: absolute;color: #fff;font-size: 4.8em;line-height: 1;display: flex;height: 100%;/* text-shadow: black 0px 0px 2px; */align-items: center;font-weight: 500;transition: all 0.4s ease 0s;top: 100%;opacity: 0;left: 0px;right: 0px;place-content: center;flex-wrap: wrap;font-weight: bold;text-shadow: 1px 1px 0 BLACK;} .slogens > div.show { top: 0px; opacity: 1; } .slogens > div.prev { top: -60px; opacity: 0; height: 80px; } .slogens > div img {max-height: 90%;} .vid { position: relative; } section.checkview:not(.blocktransition) {/* opacity: 0; *//* transition: all 1s ease 0.2s; */} section.inview .slogen {transition: all 1s ease 0s;transition-delay: 1s;} section.inview.txt-wrap{transition: all 1s ease 0s;/* transition-delay: 1s; */} 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: 7em;display: inline-block;height: 6.5em;border-radius: 50%;position: relative;z-index: 1;} .slogen u::before{content:"";padding-bottom: 6.5em;border-radius: 50%;box-sizing: border-box;position: relative;z-index: 1;width: 7em;display: block;margin: 0 auto;box-shadow: 0 0 0 1.3em #fbf7e5 inset, 0 0px 0px black, 0 0 0 10000px rgb(30 102 78 / 0%);} .slogen u::after{content:"";position: relative;z-index: 1;display: block;margin: 1.6em auto 0;width: 5.4em;background: repeating-linear-gradient(180deg, #f68423, #f68423 1.2em, rgb(246 132 35 / 0%) 1.2em, rgb(246 132 35 / 0%) 2em);height: 1.2em;} section.inview .slogen u { /* font-size: 3.5em; */ transition: 1s all; transition-delay: 1s; width: 24.5em; text-align: center; } section.inview .slogen u::after{height: 9.4em;font-size: 3.5em;transition: 1s all;transition-delay: 2s;opacity: 0.5;} section.bg2-section.inview .slogen u::before {box-shadow: 0 0 0 1em #111111 inset, 0 4px 4px rgba(0,0,0,0.2), 0 0 0 10000px rgb(255 255 255 / 90%), 0 0;} section.bg2-section .slogen u::before {box-shadow: 0 0 0 1.3em #111111 inset,0 0px 0px rgba(0,0,0,0.2),0 0 0 10000px rgb(255 255 255 / 0%), 0 0;} section#sec6 .slogen{bottom: 80px;} section#binui {/* padding-top: 6%; */cursor: pointer;} section.inview .slogen {/* margin-left: -10px; */padding-left: 5em;} section.inview .slogen u::before{ font-size: 3.5em; transition: 1s all; transition-delay: 2s; padding-bottom: calc(7em); /* width: 15em; */ margin-top: 1em; /* height: 14em; */ border-width: 0.1em; box-shadow: 0 0 0 1em rgb(251 247 229) inset, 0 4px 4px black, 0 0 0 10000px rgb(30 102 78 / 84%); } 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 .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%; transition: background-size 50s ease 0s, opacity 1s ease 0s; } .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: #111111;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; } .popup {display: none;position: fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.9);color: #000;z-index: 999;} .login-popup .popup_container .logo img {width: 60%;position: relative;} .login-popup .popup_container .logo {position: relative;margin-bottom: 20px;} .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); } .login-popup .popup_container {width: calc(100% - 20px);max-width: 390px;height: 100vh;text-align: center;overflow: auto;padding: 30px 40px;max-height: 480px;box-sizing: border-box;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);background: #ffffff;border: 1px solid rgb(207, 176, 164);} .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 label::after {content: "";position: absolute;white-space: nowrap;letter-spacing: 4px;margin-right: 8px;margin-top: 2px;font-size: 16px;font-family: Rubik, arial;} .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: 79px;box-sizing: border-box;letter-spacing: 0.9em;direction: ltr;border: 1px solid;text-align: left;font-size: 16px;} .login-popup .submit {height: 60px;display: block;border: 0px;background: rgb(183 159 159);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: #ffffff;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 20px 20px;overflow: hidden;} .slogen img {/* max-height: 12.5vw; */margin: 0px auto 0px;display: block;} .slogen img.big { max-height: 20.5vw; } .slogen {text-align:left;padding: 30px 0 20px 30em;transition: 1s all;direction: ltr;position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 1vw;} .slogen div {font-size: 5vw;text-align: left;font-size: 8em;font-weight: 500;color: white;line-height: 0.8;/* overflow: hidden; */height: 1.2em;width: 6.8em;/* padding-top: 11vw; */box-sizing: border-box;display: inline-block;position: relative;z-index: 2;background-image: url(../img/yards.png);background-repeat: no-repeat;background-size: contain;} .slogen div:first-child{margin-left: 0;transform: translateX(-100%);position: absolute;background-image: url(../img/mar.png);width: 3.2em;background-position: right;} section.bg2-section .slogen div{color: #111111;background-image: url(../img/yards_dark.png);} section.bg2-section .slogen div:first-child{background-image: url(../img/mar_dark.png);} .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; */opacity: 0;transition: 1s all;transition-delay: 1s;} section.inview .slogen div:first-child{/* margin-left:-10px; */} section.bg2-section.inview .slogen div{-webkit-text-stroke-color: #111111;} .slogen span{position:absolute;left: 0;right: 0;top: 0;display: block;height: auto;max-height: none;overflow: hidden;max-height: 100%;} .slogen span img{width: 100%;height: auto;} .slogen span::before{content:"";top: 0px;left: -20em;right: -20em;bottom: 0;/* background: linear-gradient(180deg, #111111 20px, rgb(101 45 55 / 0%)); */position: absolute;box-shadow: 0 0 10em calc(10em + 20px) #111111 inset;} .bg2-section .slogen span::before{box-shadow: 0 0 10em calc(10em + 20px) #fff inset;} .slogen span::after{/* content:""; */bottom: 0px;left: 0;right: 0;padding-bottom: calc(10% + 20px);background: linear-gradient(0deg, #111111 20px, rgb(101 45 55 / 0%));position: absolute;} .bg2-section .slogen span::after{background: linear-gradient(0deg, #FFF 20px, rgb(255 255 255 / 0%));} .block-side .title{font-size: clamp(18px,10vw,6vh);line-height:1;padding-bottom: 10px;color: black;width: 100%;margin: 1em auto 1em;padding-bottom: 0.6em;position: relative;text-align: center;} .block-side .title::after{position:absolute;content:"";width: 1em;height: 0.1em;left: 0;right: 0;margin: auto;bottom: 0;background: currentColor;} section.bg2-section .block-side .title{color: #111111;} section.bg2-section .text, section.bg2-section .block-side{color: #111111;} .block-side .title.inner {color:white} .sections {padding-top: 130px;min-height: 100vh;margin-bottom: 140px;overflow-x:hidden;position:relative} .sections section {color: #222;font-size: 20px;overflow: hidden;} .text-section{padding-top: 0px;} .bg1-section{background: #111111} .bg2-section{background: #fff;} section.special-offer{background: #c75e5e;text-align:center;color:white;font-weight: bold;font-size: clamp(18px,8vw,40px);padding: 0.5em 0;line-height: 1;text-shadow: 1px 1px 0px black;} .multimedia-section {padding-top: 3%;position: relative;overflow: hidden;} .vid { overflow: hidden; } .main.vid{height: auto;width:100%;display: block;aspect-ratio: calc(2 / 2.5);} .vid video {height: 100%;position: absolute;left: -100vw;right: -100vw;margin: auto;width: 100%;} header .pause , header .play {position: fixed;right: 10px;top: 10px;background: rgb(209 204 198);width: 40px;height: 40px;border-radius: 40px;z-index: 9;cursor: pointer;border: 1px solid rgb(255, 255, 255);} .play {} .pause svg {width: 21px;height: auto;fill: rgb(65 43 32);position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);} .play svg { width: 18px; height: auto; fill: rgb(255, 255, 255); position: absolute; top: 50%; right: 46%; transform: translateY(-50%) translateX(50%); } .pop.vidpop .pop-cont{max-width: 1200px;height: auto;aspect-ratio: 1.75;min-height: 40vh;display: flex;align-items: center;justify-content: center;background: black;} .pop.vidpop .vid {width: 100%;aspect-ratio: 1.75;} .pop.vidpop .play-button{position:absolute;font-size: clamp(9px,2%,16px);width: 10em;aspect-ratio: 1;background: #a73737;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid white;cursor: pointer;} .pop.vidpop .play-button::after{content:"";position:absolute;border-left: 4em solid white;border-top: 2.5em solid transparent;border-bottom: 2.5em solid transparent;margin-left: 0.8em;} section .group{display:flex;flex-direction:column;gap: 30px;font-size:1vw;margin-bottom: 30px;} section .rects{display:flex;flex-direction:column;gap: 30px;width: 90%;margin:0 auto} section .rect{position:relative;aspect-ratio: 2;} section .rect::before{position:absolute;left:0;right:0;border:1px solid;content:"";box-sizing:border-box;top:0;bottom:0;opacity: 0.5;} section .rect > div{background:white;position:relative;text-align:center;display:flex;flex-direction:column;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow:hidden;justify-content: center;} section .rect > div::before{content:"";background: currentColor;display:block;position:absolute;left:0;top:0;bottom:0;right: 0;opacity: 0.4;z-index: 1;} section .rect > div::after{content:"";border:1px solid white;top:0;left:0;right:0;bottom:0;position: absolute;z-index: 2;} section .rect div > *{position:relative} section .rect .rect-img{position:absolute;top:0;left:0;right:0;bottom:0;width: 100%;object-fit: cover;object-position: center;filter: saturate(0.1);opacity: 0;transform: scale(1.5);} section .rect div .rect-text{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;color: white;font-size: 10em;line-height: 1;text-shadow: 0 0.04em black;} section .rect .rect-text img{height: 12em;max-width: none;width:auto;display: inline-block;filter: drop-shadow(0px 2px 0.5px black);} section .rect .rect-text img.the{height: 8em;} section .rect .rect-discover{position:absolute;font-size:4em;color:white;bottom: 1.3em;left:0;right:0;z-index: 2;text-shadow: 0px 1px 1px black;display: none;} section .rect.group-img > div::before{display:none} section .rect.inview::before{transform:translate(10px,10px);} section .rect.inview{transform:translate(-5px,0px)} section .rect.inview > div::after{transform:translate(10px,10px);} section .rect.rev.inview::before{;transform:translate(-10px,10px);} section .rect.rev.inview{transform:translate(5px,0px)} section .rect.rev.inview > div::after{transform:translate(-10px,10px);} section .rect.inview .rect-img{opacity: 0.6;transform: scale(1);} section .rect .rect-img, section .rect.inview, section .rect.inview::before, section .rect.inview > div::after{transition: 1s;transition-delay: 0.2s;} section .group.inner{margin-top:20px} body .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;} body .carousel.arrows .owl-nav button {margin: 0px 2px;line-height: 0;width: 50px;height: 50px;border-radius: 50%;} body .carousel.arrows .owl-nav svg {fill: rgb(65 43 32);margin: 8px;display: block;width: 30%;} body .carousel.arrows .owl-nav button {display: inline-flex;background: rgb(209 204 198 / 70%);align-items: center;justify-content: center;} body .carousel .owl-dots {text-align: center;display: flex;justify-content: center;gap: 4px;padding: 10px 0;} body .carousel .owl-dots button.owl-dot.active span, .owl-dots button.owl-dot:hover span {background-color: #b79f9f;border-radius: 50%;height: 12px;width: 12px;position: absolute;top: 1px;left:1px;} body .carousel .owl-dots button.owl-dot{border: 1px solid gray;background: white;border-radius: 50%;height: 16px;width: 16px;position: relative;} @media(max-width:992px){ body .carousel.arrows .owl-nav{display:none} } .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;/* background: #b79f9e; */} body .carousel.standart .item {padding-bottom: 100%;aspect-ratio: 1;overflow: hidden;height: 0px;background-size: cover;background-position: center center;} body .pop .carousel.standart .item{padding-bottom:66%} body .carousel.standart .item img{position:absolute;left:0;right:0;top:0;bottom:0;object-fit: cover;height: 100%;width: 100%;} body .carousel.standart .item span{line-height:1;position:absolute;bottom: 0;right: 0;padding: 9px 20px;line-height: 30px;background: rgba(0,0,0,0.5);color: white;font-size: 16px;line-height: 1.2;} body .carousel.standart .item span div{font-size:0.8em;/* line-height: 1; */} .sections section.block-section .block {display: block;box-sizing: border-box;color: #fff;} .sections section.block-section .block h2 { font-size: 30px; font-weight: 400; } section .text {font-size: 16px;overflow: hidden;margin-top: 10px;margin-bottom: 0px;transition: all 0.2s ease 0s;line-height: 1.2;max-height: 98px;text-align: center;font-weight: 100;} section .text.no-read-more{max-height: none;} section#mishpati .text{max-height: 50px;font-size: 14px;} section#mishpati .text .b-text{font-size: 14px;} section .text + .read-more {font-size: 16px;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; */} section .text + .read-more i { position: absolute; top: 50%; line-height: 0; left: 10px; transform: translateY(-50%); } section .text + .read-more svg{width: 18px;fill: #b79f9f;} section.bg2-section .text + .read-more svg{fill: #111111;} 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} .btm-logos{display: flex;width: 80%;margin: 8% auto 6%;justify-content: center;position: relative;gap: 7%;max-width: 600px;} .txt-wrap.checkview {transition: 2s all;opacity: 0;transform: translateY(60px);position: relative;z-index: 2;} .slogen + .txt-wrap{padding-top: 26vw;padding-left: 24vw;} .txt-wrap.inview {opacity: 1;transform: none;} .slogen.inview {} .multimedia.negishut::after {content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 3;} .map-wrapper img.map {width: 100%;margin: 0;display: block;/* border: 2px solid #d1cdc2; *//* border-radius: 50%; */height: 66vw;object-fit: cover;} .map-wrapper {text-align: center;padding-top: 0;display:block;position: relative;} .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: #b79f9e;display: block;width: calc(100% - 40px);max-width: 440px;margin: 40px auto 0px;cursor: pointer;text-decoration: none;text-align: center;position: relative;z-index: 1;font-size: 30px;padding: 15px 20px;box-sizing: border-box;line-height: 1;color: #111111;box-shadow: 0 0 0 6px #b79f9e inset, 0 0 0 8px #111111 inset, 0px 4px 2px -2px black;} .mbutton {cursor:pointer;display: block;margin: 30px auto;background: #f68423;font-size: 30px;padding: 15px 20px;box-sizing: border-box;width: calc(100% - 40px);max-width: 400px;line-height: 1;color: #ffffff;box-shadow: 0 0 0 6px #f68423 inset, 0 0 0 8px #ffffff 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: #111111;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: #111111; */} .apt-360-wrap .apt-360::before{content:"";position: absolute;right: 2em;top: 2em;width: 5em;height: 5em;border: 1px solid #b79f9e;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 #b79f9e;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: #b79f9e;} .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: 20em;/* border: 1px solid white; */max-width: 200px;color: #111111;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: #111111; */} .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: 20em;min-height: 20em;width: 20em;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: 10em;/* padding-bottom: 4em; */box-sizing: border-box;line-height: 1;display: flex;align-items: center;} .apt-360-wrap .apt-360-new .apt-type-new span{font-size: 4em;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 {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 input::placeholder { color: rgb(170, 170, 170); } .form_wrapper form input#submitB { 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: #111111;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: #111111 0px 0px 0px 3px;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.checkA { 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: 50px; text-align: right; margin-bottom: 4px; font-size: 16px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; } .form_wrapper form .checkform { margin-top: 10px; display: flex; align-items: center; } .form_wrapper form .required { position: relative; } .form_wrapper form .required::before { content: "*"; position: absolute; color: red; right: -10px; top: 17px; font-size: 18px; } .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 input { transition: all 0.2s ease 0s; width: calc(50% - 2px); display: inline-block; margin: 2px 1px; background: white; padding: 0px 10px; } .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 .address input:nth-child(n+4) { width: calc(33.3333% - 2px); } .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;} .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%; } } .prime-title{font-size: clamp(18px,7.5vw,40px);color: #024365;} .prime-title2{font-size: clamp(18px,8vw,50px);color: #71ab50;} .prime-image{text-align:center} .prime-image img{aspect-ratio: 1.4;object-fit: cover;max-width: 120vh;margin: 0 auto 50px;width: 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 #b79f9f;width: 56px;height: 56px;max-width: 56px;max-height: 62px;min-height: 56px;background: #b79f9f;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: #ffffff;color: white;display: block;position: relative;/* border-color: #dbedb3; */} div#ballance-gal .side_bar {position: absolute;top: 0px;left: 0;width: 100%;z-index: 9;/* background: rgba(0, 0, 0, 0.5); */margin: auto;/* max-width: 400px; */} #binuiPlan .img-carousel .numbers > a span {font-size: 11px;padding: 2px;background: #b79f9f;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: #232f18;} #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(99vh );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: #ffffff;} #binuiPlan .numbers > a.active svg {opacity: 1;fill: #b79f9f;top: -8px;} #binuiPlan #bnumbers svg path{stroke-width: 1;cursor: pointer;opacity: 0;pointer-events: all;} #binuiPlan #bnumbers svg path.active {fill-opacity: 1;stroke-width: 5px;stroke: white;opacity: 1;mix-blend-mode: hard-light;filter: drop-shadow(0px 0px 12px black);} #binuiPlan #bnumbers svg path.shp1{fill: rgb(159 142 248);} #binuiPlan #bnumbers svg path.shp2{fill: rgb(230 139 121);} #binuiPlan #bnumbers svg path.shp3{fill: rgb(136 245 84);} #binuiPlan #bnumbers svg path.shp4{fill: rgb(255 235 112);} #binuiPlan #bnumbers svg path.shp5{fill: rgb(255 96 53);} #binuiPlan #bnumbers svg path.shp6{fill: rgb(205 112 236);} #binuiPlan .numbers > a * { pointer-events: none; } #binuiPlan .zoomicon * { pointer-events: none; } #binuiPlan .zoomicon:not(.zoomin) .zoomin{display:none;} #binuiPlan .zoomicon.zoomin .zoomout{display:none;} #binuiPlan .img-carousel .item .active .numbers > a .clicker { display: none; } #binuiPlan { overflow: hidden; } #binuiPlan .img-carousel { } #binuiPlan .img-carousel img {/* height: 100%; */max-width: none;width: 100%;} #binuiPlan .img-carousel img.map{pointer-events:none;} #binuiPlan .img-carousel img.map2 {position: absolute;top: 0px;z-index: 1;width: 100%;left: 0px;height: 100%;pointer-events: none;} #binuiPlan .img-carousel .item {position: relative;height: 100%;} #binuiPlan .owl-carousel .item {height: auto;min-height: auto;padding: 0px 10px;font-size: 16px;} #binuiPlan .owl-carousel .item h3 {text-align: right;font-size: 26px;display: inline-block;background: #232f18;margin-right: -20px;padding: 0 20px;padding-bottom: 10px;padding-top: 5px;font-weight: normal;} #binuiPlan .text {/* color: #fff; */width: auto;padding: 0px;/* font-size: 16px; */} #binuiPlan h3 span { padding-left: 10px; } #binuiPlan .text-carousel .owl-stage-outer { overflow: visible; } #binuiPlan .text-carousel { margin-top: 0px; } #binuiPlan .text-carousel .owl-item:not(.active) { opacity: 0.3; } #binuiPlan .text-carousel .owl-item { transition: all 0.2s ease 0s; } #binuiPlan .text-carousel .owl-dots { position: absolute; top: 0px; right: -10px; left: -80px; display: none; } #binuiPlan .text-carousel {width: calc(100% - 60px);margin-right: 10px;/* background: rgb(255 245 245); */padding-bottom: 20px;margin-bottom: 20px;/* padding-top: 10px; *//* margin-top: -30px; */position: absolute;bottom: 0px;direction: rtl;right: 0;display: none;} #binuiPlan .block { margin-bottom: 0px; } #binuiPlan .image { height: calc(100vw - 80px); position: relative; text-align: center; padding: 12%; box-sizing: border-box; background-size: cover; border-radius: 50%; width: calc(100vw - 80px); } #binuiPlan .image .con { content: ""; position: absolute; top: 50%; right: 50%; width: 75%; height: 75%; background: rgb(255, 255, 255); transform: translateY(-50%) translateX(50%); border-radius: 100%; } #binuiPlan .image .icon { padding-top: 16%; } #binuiPlan .image * { position: relative; } #binuiPlan .image .text { width: 45%; margin: 0px auto; font-size: 16px; display: block; } #binuiPlan .image h3 { font-weight: 400; padding-top: 15px; font-size: 20px; } #binuiPlan .img-carousel {height: calc(100vh - 180px);position: relative;} #binuiPlan .line-wrap { transition: all 1s ease 0s; } #binuiPlan .line-wrap.active { opacity: 0; right: -100px !important; } .zoomicon {transform: none;top: 10px;right: 10px;background: white;display: none;} .zoomicon svg {fill: #b79f9f;} #mappop .zoomicon{left:auto;right: 15px;} #binuiPlan.popb {position: fixed;top: 0px;left: 0px;z-index: 999;height: 100%;background: rgba(0, 0, 0, 0.8);width: 100%;margin: 0px;padding: 0;} #binuiPlan.popb .block-side { display: none; } #binuiPlan.popb #ballance-gal .side_bar{ width: calc(100% - 80px); left: auto; } #binuiPlan.popb #bicons{left: auto;justify-content: space-between;right: 0;width: 100%;} #binuiPlan.popb .img-carousel .item #ballance-gal-wrap { height: calc(110vh - 280px); } #binuiPlan.popb .block { display: none; } #binuiPlan.popb .media-wrap {background: #232f18;max-width: 1053px;margin: auto;padding: 70px 0px;width: 100%;position: absolute;left: 0;top: 0;/* transform: translate(-50%, -50%); *//* box-sizing: border-box; */height: 100%;right: 0;} #binuiPlan.popb .img-carousel { margin: 0px; } #binuiPlan.popb .zoomicon {background: rgb(255, 255, 255);width: 40px;height: 40px;transform: rotate(45deg);left: 10px;right: auto;top: -60px;} #binuiPlan.popb .zoomicon svg { display: none; } #binuiPlan.popb .zoomicon::after { content: ""; position: absolute;top:0;left:0;right:0;bottom:0; margin: auto; width: 2px; height: 16px; background: rgb(189 139 90); } #binuiPlan.popb .zoomicon::before { content: ""; position: absolute;top:0;left:0;right:0;bottom:0; margin: auto; width: 16px; height: 2px; background: rgb(189 139 90); } .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 rgb(207, 176, 164); 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 rgb(207, 176, 164); background: rgb(232, 221, 205); position: relative; } .appart-box .appart-pic { border: 1px solid rgb(207, 176, 164); padding-bottom: 66%; background-size: auto 100%; background-position: center center; } .appart-box .appart-name { color: rgb(43, 4, 0); background: rgb(207, 176, 164); 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;padding-top: 0px;box-sizing: border-box;padding-bottom: 15px;padding-top: 1px;margin: 20px auto 0;min-height: auto;max-width: 800px;} .sections section#sales2 .special-prices {margin: 30px 0px;background: #79bda3;font-size: 30px;padding: 15px 20px;box-sizing: border-box;line-height: 1;color: #111111;/* font-weight: bold; *//* text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; *//* box-shadow: 0 0 0 6px #b79f9e inset, 0 0 0 8px #ffffff inset, 0px 4px 2px -2px black; */} .sections section#sales2 .prices-wrap{background: #111111;overflow: hidden;color: #ffffff;/* text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white; */} .prices-wrap ul {padding: 10px 30px 10px 0px;display:inline-block;font-size: 4.8vw;font-weight: 600;} .prices-wrap ul li {list-style: none;margin: 10px 0px;position: relative;} .prices-wrap ul li::before {content: "";position: absolute;right: -30px;width: 26px;height: 34px;background-image: url(../img/map_pin3.png);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;} .prices-wrap table {width: calc(100% - 20px);margin: 0 auto 20px;/* background: white; */max-width: 620px;text-align: center;border-collapse: collapse;margin-top: 30px;} .prices-wrap table td, .prices-wrap table th {box-sizing: border-box;/* font-weight: 600; */vertical-align: middle;font-size: 16px;} .prices-wrap table td:last-child, .prices-wrap table th:last-child {/* border-left: 0px; */} .prices-wrap table th {line-height: 1;padding: 5px;font-weight: 600;/* background: rgb(183 159 159); */color: rgb(183 159 159);font-weight: bold;height: 50px;/* border: 1px solid; */border-bottom: 1px solid rgb(183 159 159);font-size: 14px;} .prices-wrap table td {height: 61px;vertical-align: middle;font-size: 14px;border-bottom: 1px solid #b79f9f;} .prices-wrap table td:nth-child(4){/* background: rgb(210 239 228); */color: #222222;font-weight: 500;font-size: 16px;} .prices-wrap table td span { display: block; } .prices-wrap table td div {font-size: 0.8em;line-height: 1.1;} .prices-wrap table td span {font-weight: bold;font-size: 22px;} .prices-wrap table td i { font-style: normal; font-size: 80%; display: inline; vertical-align: bottom; } .sections section#sales2 .paying-today { background-color: rgb(43, 4, 0); width: calc(100% - 40px); margin: 0px auto; display: block; font-size: 28px; font-weight: 600; padding: 10px 0px; box-sizing: border-box; line-height: 1.3; color: white; } .sections section#sales2 .paying-terms {font-size: 5vw;cursor: pointer;margin: 30px auto;background: #79bda3;font-size: 30px;padding: 15px 20px;box-sizing: border-box;line-height: 1;color: #111111;width: calc(100% - 40px);max-width: 400px;box-shadow: 0 0 0 6px #b79f9e inset, 0 0 0 8px #111111 inset, 0px 4px 2px -2px black;} .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; } s {text-decoration: none;display: inline-block;position: relative;} s::before {content: "";position: absolute;height: 1px;width: 100%;top: 50%;background: rgb(0 0 0 / 40%);transform: rotate(-5deg);box-shadow: 0 0 3px #ffffff;} .footer-sticky {position: fixed;bottom: 0px;left: 0px;right: 0px;display: flex;z-index: 99;/* box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px; */gap: 4px;font-size: 1vw;width: 94%;margin: 0 auto;max-width: 1000px;} .footer-sticky > * {width: 50%;color: #000;display: flex;height: 40px;font-weight: bold;align-items: center;justify-content: center;font-size: 4.3em;cursor: pointer;position: relative;box-sizing: border-box;background: rgb(183 159 159);background-size: cover;background-position: center center;border-radius: 5em;bottom: 10px;text-decoration: none;border: 1px solid white;box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 0px;} .footer-sticky > .appoint .map_pin {position: absolute;right: 10px;top: 0px;bottom: 0px;background-image: url(../img/map_pin.png);width: 50px;background-repeat: no-repeat;background-size: auto 80%;background-position: center;} .side-btns{display: flex;flex-direction: column;position: absolute;left: 0px;top: -10px;transform: translateY(-100%);} .side-btns > *{display:flex;width: 90px;box-sizing: border-box;position: relative;height: 36px;border: 1px solid white;margin-bottom: 10px;box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 0px;cursor: pointer;padding: 0px 10px 0px 10px;border-radius: 31px;text-decoration: none;align-items: center;flex-direction: row-reverse;justify-content: space-between;} .side-btns .join {background: #b79f9f;color: #111111;font-weight: bold;font-size: 16px;} .side-btns .btn-whatsapp{background: rgb(55 121 53);color: rgb(255, 255, 255);} .side-btns svg {width: 20px;height: 20px;} .side-btns .btn-whatsapp span{font-size:0.7em} .footer-sticky > a span { direction: ltr; padding: 0px 5px; } .footer-sticky svg {width: 28%;max-width: 30px;height: auto;} .footer-sticky > :not(.appoint){width: auto;justify-content: start;padding: 0 2%;gap: 6%;min-width: 20%;} a.footer-logo { display: block; width: 100%; text-align: center; max-width: 60%; margin: 40px auto; } .ui-loader { display: none !important; } section#gindi-chart {background: linear-gradient(#000, rgb(46 38 35) 10px, rgb(46 38 35) calc(100% - 10px), #000);padding: 30px 0px;background: #b79f9e;} .chart1.checkview span {position: relative;display: inline-block;padding: 8px 10px;width: 100%;max-width: 0px;box-sizing: border-box;border-bottom: 1px solid #222222;white-space: nowrap;direction: ltr;background: linear-gradient(-45deg, #a15260, #111111);background: #111111;overflow: visible;font-weight: 500;line-height: 18px;color: #fff;} .chart1.checkview div {display: inline-block;font-size: 32px;font-weight: 600;padding: 0px 10px;line-height: 34px;color: #111111;text-shadow: white 1px 1px 0px;} .chart1:nth-child(2n+1) { direction: ltr; } .chart1 { padding-top: 40px; overflow: hidden; } .chart1:nth-child(2n+1) span {direction: rtl;background: linear-gradient(45deg, #a15260, #111111);background: #111111;} .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: 9999;display: none;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;} .pop .pop-cont { position: absolute; max-width: 800px; max-height: 760px; background: white; width: calc(100% - 20px); height: calc(100% - 20px); margin: auto; box-shadow: black 0px 0px 10px; top: 0;left: 0;right: 0;bottom: 0;} .pop .pop-cont .closer {position: absolute;top: -5px;left: -5px;cursor: pointer;z-index: 2;background: #111111;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-wrap-flex {position:relative;width:100%;height:100%;display: flex;align-items: center;justify-content: center;} .pop-wrap-flex .pop-cont{position:relative;width: 100%;height: auto;} .pop .pop-wrap-flex .pop-cont .pop-cont-scroll{ position: relative; /* width: 100%; */ } @media(min-width:992px){ .pop .pop-wrap-flex .pop-cont{height: auto;width: auto;max-height: 90vh;max-width: 120vh;width: 100%;} } #siteleadform .pop{position:relative;display:block;background:transparent;z-index: 0;} #siteleadform .pop .pop-cont{position:relative;box-shadow:none;} #siteleadform .pop.logos .pop-cont .pop-cont-scroll::before{display:none} #siteleadform .pop.logos .pop-cont .pop-cont-scroll::after{display:none} #siteleadform .pop .pop-cont .closer{display:none} #siteleadform .pop .pop-cont .pop-cont-scroll{position:relative} #siteleadform .pop .contact-btns{display:none} @media(min-width:1100px){ #siteleadform .form_wrapper form{display:flex;position:relative;max-width: none;align-items: center;gap: 20px;padding-bottom: 60px;} #siteleadform .form_wrapper form .checkform{position:absolute;top: 60px;} #siteleadform .pop .pop-cont{max-width: 1200px;width: 90%;} #siteleadform .form_wrapper form .required{width:25%} #siteleadform .form_wrapper form .submitB{width:25%;margin-top: 0;height: 55px;margin-bottom: 4px;} } /* .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: 20px auto 10px;max-width: 260px;position: relative;display: block;width: 40%;padding-bottom: 60px;background-image: url(../img/logo.png?1);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: 260px;position: relative;display: block;width: 70%;padding-bottom: 70px;background-image: url(../img/gindi-muman_black.png);background-size: contain;background-repeat: no-repeat;background-position: center;} .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: 20px 20px 10px;font-size: 20px;font-weight: bold;color: #111111;text-align: center;line-height:1.2;font-size: clamp(16px,4.2vw,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: #111111;display: flex;align-items: center;} .pop .pop-cont .pop-title2::before{content:"";width: 50%;height: 2px;margin: 0 5px;background: #111111;} .pop .pop-cont .pop-title2::after{content:"";width: 50%;height: 2px;margin: 0 5px;background: #111111;} .pop .pop-cont .pop-title3{text-align: center;font-weight: normal;font-size: 20px;/* letter-spacing: 4.5px; */font-weight: bold;white-space: nowrap;border: 1px #b79f9e solid;border-right: 0;display: flex;align-items: center;height: 40px;width: calc(100% - 20px);border-radius: 30px 0 0 30px;margin-top: 20px;} .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: #DDD;} .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: 40px;/* height:auto; */max-height: 40px;} .pop .pop-cont .contact-btns .contact-btn > .btm-circle{display:flex;align-items: center;justify-content: center;background: white;border-radius: 50%;} .pop .pop-cont .contact-btns .contact-btn > .btm-circle > svg{width:60%;height:auto} .mifrat-flex {display: flex;justify-content: space-around;flex-wrap: wrap;padding-top: 50px;} .mifrat-col {padding: 0 10px;box-sizing: border-box;} .mifrat-title{color: #b79f9f;font-size: 1.2em;border: 1px solid #b79f9f;height: 2em;border-right: 0;display: inline-flex;align-items: center;padding: 0 2em;margin-bottom: 0.5em;margin-right: -21px;right: 0;position: relative;border-radius: 1em 0 0 1em;font-weight: bold;background: white;box-shadow: 10px 0px 0px 0px white, 5px 5px 5px rgba(0,0,0,0.05) inset;} .mifrat-block{padding: 0 20px 20px;border-radius:20px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);text-align: right;./CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;./CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;margin-bottom: 40px;border-right: 1px solid #b79f9f;} .mifrat-remarks{position:relative;padding: 20px;border-radius: 20px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);margin: 20px auto;font-size: 14px;max-width: 800px;text-align: right;} .pop .pop-cont .pop-cont-scroll .img-carousel .item { padding-bottom: 60%; 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; } .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: 7px;background-color: #f68423;} .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 {display: flex;background: white;/* padding: 10px 0px; */font-size: 30px;height:100%;/* padding-top: 60px; */position:fixed;right:-100%;width:100%;transition: 0.5s all;z-index: 999;top: 130px;} .nav_mobile a { color: rgb(255, 255, 255); text-decoration: none; } body.menu-opened .nav_mobile {right:0;} .nav_mobile .main-navigation .main-menu > li { display: block; border-left: 0px; text-align: right; } .nav_mobile .main-navigation .main-menu > li a {color: #555;font-size: 20px;line-height: 1;padding: 10px 20px;border-bottom: 1px solid rgb(245 238 238);transition: all 0.2s ease 0s;display: flex;justify-content: space-between;direction: ltr;gap: 0.3em;height: 50px;box-sizing: border-box;align-items: center;white-space: nowrap;} .nav_mobile .main-navigation .main-menu > li a.negishut-open{font-size: 17px;} .nav_mobile .main-navigation .main-menu > li a img {height: 1em;} .nav_mobile .main-navigation .main-menu > li a div{/* display:none; */font-family: 'Open Sans';font-style: normal;font-weight: 100;font-size: 0.8em;} .nav_mobile .main-navigation .main-menu > li a.active { color: rgb(255, 255, 255); } .nav_mobile .main-navigation .main-menu {width: auto;display: block;padding: 0px;font-size: 3vw;margin: 0;} .sections a#spherekel {width: 100%;height: 80vw;background: #777;/* margin: 30px auto; *//* border-radius: 50%; *//* border: 2px solid #d1cdc2; */overflow: hidden;display: block;} .spherekel-bg {background-image: url("../pic/demos/3.webp");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: 8%;background: rgb(30 102 78 / 80%);line-height: 8vw;padding: 0px 20px;border-radius: 5vw;font-size: 5.4vw;color: white;font-weight: 500;} .sp-text svg { width: 10px; top: 3px; position: relative; margin-right: 5px; margin-left: -6px; } .sp-pin {position: absolute;top: calc(30% - 50px);left: 0px;right: 0px;text-align: center;} .sp-pin img { max-width: 50px; animation: 1s ease 0s infinite normal none running updown; width: 10%; } @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%; } .gExtra-bg{padding-top: 10px;background: #111111;padding-bottom: 10px;margin-top: 30px;} .gExtra-wrap {width: calc(100% - 20px);margin: 10px auto 10px;box-sizing: border-box;padding: 14px;position: relative;background: #ffffff;overflow: hidden;/* border: 2px solid black; */} .gExtra-wrap::before{content:"";background: #111111;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, #111111 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: #f68423;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: #111111; *//* transform: translateX(-50%); */font-size: 6.2vw;/* color: #111111; */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: #111111; */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: rgb(207, 176, 164); 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-image: url("../img/map_pin3.png");background-size: contain;background-position: center center;border-radius: 0;background-repeat: no-repeat;top: 0px;background-color: transparent;} ul.gindi-ul {padding: 0px 46px 10px 0px;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 20px;margin-top: 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;border-radius: 50%;background-repeat: no-repeat;top: 5px;background-color: #b79f9e;} .points ul.gindi-ul li { font-size: 20px; } .points ul { margin-bottom: 0px; } .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)} @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: 992px) { section .group {flex-direction: row;font-size: calc(0.35vw - 2.2px);padding: 10px;gap: 50px;} section .group.rev {flex-direction: row-reverse;} section .rects {width: 35%;gap: 50px;} section .group-img.rect {width: 75%;aspect-ratio: auto;} section .group-img.rect img {object-fit: cover;height: 100%;position: absolute;width: 100%;} section .group.inner{width:100%;flex-direction: column;} section .group.inner .rects{width:100%;flex-direction:row} section .group.inner .rect{width:30%} section .group.inner .rect.inview:nth-child(1) *{transition-delay:0.3s} section .group.inner .rect.inview:nth-child(2) *{transition-delay:0.6s} section .group.inner .rect.inview:nth-child(3) *{transition-delay:0.9s} .sections section {width: calc(100% - 100px);margin: 10px auto;} .sections section.margin0{margin:0 auto} .main.vid{height:auto;aspect-ratio: 1.77;} .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; */} .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_desk2.webp?1);} .sections section#first-section .item .text{font-size: 32px;padding: 20px 40px;} .slogen {/* padding: 60px 40px 40px; */} .slogen div {height: 42px;} .block-side .title {/* font-size: 38px; */} .block-side .title > div {display:flex;align-items: center;justify-content: center;gap: 0.4em;} section .text{max-height: 200px;} .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);} .slogen + .txt-wrap{padding-top: 140px;padding-bottom: 50px;} .mifrat-col {padding: 0 20px;width:50%;font-size: 16px;} } @media (min-width: 500px) { .slogens > div {font-size: 20px;} .slogen-wrap #slg2{/* font-size:30px; */} .footer-sticky > *{ 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{font-size:30px} .limit-text{font-size:30px} .gExtra-wrap .gExtra{font-size:30px} } @media (max-width: 992px) { section#balance .img-carousel .item .active .ballance-gal-map { width: 200%; } body #accessibility .acc_icon { top: auto; bottom: 2px; } } .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(43, 4, 0);border-radius: 20px;} ::-webkit-scrollbar-track {background: rgb(48 48 48);border-radius: 20px;} ::-webkit-scrollbar-thumb {background: rgb(183 159 159);border-radius: 20px;} ::-webkit-scrollbar-thumb:hover { background: rgb(204 198 191); } .nav_mobile .main-navigation .main-menu > li a:hover { background: rgba(0, 0, 0, 0.1); } div#site {margin-left: 220px;padding-top: 0px;} .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; } .viewers #viewcount { } header {left: 0;background: transparent;right: auto;width: 450px;z-index: 99;height: auto;} .timer-slogen { overflow: hidden; padding-left: 80px; padding-right: 80px; height: 80px; } .timer-title { left: auto; width: 290px; top: 8px; right: -290px; font-size: 16px; } header .container { height: 0px; } .menu-button { display: none; } .logo.mainlogo {/* display: none; */right: auto;left: 0;width: 160px;max-width: none;/* height: 80px; *//* display: none; */margin: 26px 24px;} .logo.mainlogo img{height: auto;/* width: 70%; *//* display: none; */} .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; } .slogen-wrap {transform-origin:left center;transition:0.2s all;height: 50px;/* box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 0px; */} .slogen-wrap:hover{transform:scale(1.1)} .slogens {position: absolute;height: 50px;padding: 0px;left: 0;right: 0;width: auto;display: block;} .slogens > div {font-size: 20px;} .slogen-wrap #slg2{/* font-size:38px; */} .slogens > div > div { padding-right: 10px; } .slogens > div {font-size: 24px;height: 50px;font-weight: bold;} .slogens > div > div { padding-right: 10px; } .slogens span { padding-right: 10px; } .slogens span.underline svg { bottom: -10px; } .spt.mobile { display: none; } .nav_mobile {display: block;position: fixed;left: 0px;right: auto;width: 220px;z-index: 12;top: 0px;bottom: 0px;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;padding-top: 170px;box-sizing: border-box;background: #ffffff;} .nav_mobile .main-navigation .main-menu > li a{flex-direction:column;align-items:start;height: 60px;justify-content: center;gap: 4px;} 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; } body .carousel.standart .item{padding-bottom:66%} .block-side .text .b-text{font-size:18px} .sp-text {font-size: 20px;line-height: 50px;white-space: nowrap;} .apt-wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .apt-wrap .apt { width: 340px; margin: 10px; max-width: calc(50% - 40px); } #binuiPlan .media-wrap{width:80%;max-width: 120vh;margin:auto} #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: auto; */} #binuiPlan .img-carousel {/* margin-top: 0px; */height: auto;} #binuiPlan .img-carousel .item #ballance-gal-wrap {/* height: 66%; */} #binuiPlan .img-carousel .item .ballance-gal-map{height:auto;width:100%} div#ballance-gal .side_bar {/* width: 400px; *//* top: -72px; */} div#ballance-gal .side_bar{left: 0;top: 0;right: auto;max-width: 500px;width: 90px;} #binuiPlan .numbers {/* bottom: auto; *//* display: flex; *//* flex-wrap: wrap; */} #binuiPlan .numbers > a {/* width: 20%; *//* height: auto; *//* margin: 4%; *//* border-radius: 50%; *//* max-width: initial; *//* max-height: initial; *//* overflow: visible; */} #binuiPlan .numbers > a::before { content: ""; padding-bottom: calc(100% - 2px); display: block; } #binuiPlan .numbers > a svg { width: 51%; height: auto; } #binuiPlan .numbers > a .clicker.active img { width: 30px; } #binuiPlan .img-carousel .numbers > a span{font-size: 14px;width: 120%;max-width: 120%;line-height: 1.4;} #binuiPlan .img-carousel .numbers > a.active span {/* max-width: 120%; *//* white-space: normal; *//* background: #555; */} #binuiPlan .text-carousel {width: 30%;position: absolute;color: white;overflow: hidden;margin: 32% 0px 0px;z-index: 9;/* background: rgba(0, 0, 0, 0.5); */top: 0px;} #binuiPlan .media-wrap .text {/* color: white; */font-size: 2vw;line-height: 1.2;font-size: 22px;} #binuiPlan .media-wrap h3 {/* color: white; */} #binuiPlan h3 span { display: none; } #binuiPlan.popb .img-carousel .item #ballance-gal-wrap { height: 90vh; max-height: 851px; } #binuiPlan.popb div#ballance-gal .side_bar {width: 400px;background: rgba(0, 0, 0, 0.7);right: 0;top: -68px;} #binuiPlan.popb .text-carousel {margin-top: 110px;width: 360px;overflow: hidden;background: #232f18;margin-right: 20px;right: 0;} #binuiPlan.popb .text { font-size: 19px; } #binuiPlan.popb .owl-carousel .item h3 { font-size: 24px; } 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; } .points ul.gindi-ul li { font-size: 20px; } .points ul.gindi-ul li img { width: 70px !important; } ul.gindi-ul li::before { top: 2px; } .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; } ul.gindi-ul {max-width: 800px;margin: 0px auto 0px;} .pay-list-wrap .pay-list ol { width: 120px; min-width: 120px; } .pay-list-wrap .pay-list { padding-bottom: 30px; } .footer-sticky {left: 290px;width: calc(90% - 290px);gap: 10px;} .footer-sticky > * {/* height: 64px; */font-size: 30px;} #site::before{position: fixed;content:"";bottom: 0;left: 0;right: 0;height: 60px;background: linear-gradient(0deg, #ffffff 50%, transparent);width: 100%;z-index: 1;} .pop .pop-cont .pop-cont-ttl { font-size: 28px; } .pop .pop-cont { font-size: 18px; } .appt-attr .attr-box .parking { font-size: 16px; } .appt-attr .attr-box .attr-cont { font-size: 34px; } .appt-attr .attr-box .attr-ttl { font-size: 18px; } .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: " ";*/} } @media (min-width: 1200px) { body .footer-sticky > * { height: 60px; font-size: 30px; } .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} #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: 0px auto 0px; *//* background: white; */} .block-side {/* width: calc(90% - 0px); */padding: 30px 30px;box-sizing: border-box;position: relative;max-width: 1000px;margin: 0 auto;}.slogen + .txt-wrap {padding-top: 100px;padding-left: 0;width: calc(100% - 400px);} .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; } section#balance .block { margin-right: 20px; width: calc(50% - 15px); box-sizing: border-box; padding: 30px 20px 20px; margin-top: 30px; margin-bottom: 30px; } #balance .media-wrap {width: calc(50% - 25px);background: rgb(170, 170, 170);display: flex;margin-right: 50%;margin-top: 0;position: relative;z-index: 9;} section#balance {/* display: flex; *//* margin-top: 10px; */overflow: visible;} section#balance .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; } .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, #balance .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); } section#balance .text-carousel{right:-100%;width: 90%;margin-top: 130px;} section .text {/* font-size: 18px; */} .block-side .text .b-text{font-size:20px} .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; } section#balance .text {font-size: 1.2vw;transition: none;} .slogens > div {} .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: 20%;} .slogen{/* position:absolute; *//* left:-100%; *//* transition:none; */font-size: 6px;width: 100em;right: auto;box-sizing: border-box;} .slogen span::before{left: -20px;right: -20px;font-size: 3px;} .footer-sticky > * {height: 60px;font-size: 30px;font-weight: bold;} .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: 22px;max-height: 300px;} .block-side .text .b-text{font-size: 22px;} section#balance .media-wrap .text{font-size:26px} } @media (max-width: 992px) { section#balance .img-carousel .item .active .ballance-gal-map { width: 200%; } body #accessibility .acc_icon { top: auto; bottom: 2px; } /********************/ /********************/ } .cookies { position: fixed; bottom: 0px; min-height: 50px; background: rgb(58, 55, 55); z-index: 9999; left: 0px; right: 0px; display: none; } .showCookies { display: block; } .showCookies ~ #site .footer-sticky{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; */} header .pause, header .play{display:none !important} } .cookiestext { padding: 5px 10px; font-size: 12px; color: white; } .cookiestext a { color: white; text-decoration: underline; } .cookiesExtra { overflow: hidden; max-height: 0px; transition: all 0.5s ease 0s; font-size: 14px; color: white; } .cookiesReadMore { display: inline-block; box-sizing: border-box; margin-right: 10px; font-weight: bold; } .cookiesApprove { float: left; box-sizing: border-box; height: 40px; line-height: 38px; width: 60px; text-align: center; color: white; background: rgb(0, 0, 0); font-size: 16px; cursor: pointer; border: 1px solid rgb(204, 204, 204); } .cookiesContent { max-width: calc(100% - 80px); float: right; } .showMore .cookiesExtra { max-height: 400px; padding: 10px 0px; } .cookiesReadMore span:nth-child(2) { display: none; } .showMore .cookiesReadMore span:nth-child(1) { display: none; } .showMore .cookiesReadMore span:nth-child(2) { display: block; } @media (min-width: 993px) { .cookiesExtra { max-height: none; display: inline; } .cookiesTitle { font-size: 14px; display: inline; font-weight: bold; } .cookiesContent { display: table-cell; float: none; height: 40px; line-height: 18px; vertical-align: middle; width: calc(100% - 200px); } .cookiestext { display: table; width: calc(100% - 20px); } .cookiesApprove { display: table-cell; width: 100px; font-size: 16px; } .cookiesReadMore { display: none; } .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: 120%;width: auto;max-width: initial;} .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} } .disabled-btn{filter:saturate(0);pointer-events:none;opacity:0.5}