@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-LightItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Light.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Italic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Regular.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-BoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-Bold.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: italic;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew';font-style: normal;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrew/v3/OpenSansHebrew-ExtraBold.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: italic;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-LightItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Light.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: italic;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Italic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Regular.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: italic;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-BoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-Bold.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: italic;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBoldItalic.ttf) format('truetype')}
@font-face {font-family: 'Open Sans Hebrew Condensed';font-style: normal;font-weight: 800;src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot);src: url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/opensanshebrewcondensed/v3/OpenSansHebrewCondensed-ExtraBold.ttf) format('truetype')}




*{margin:0;border:0;vertical-align:top;-webkit-tap-highlight-color: rgba(0,0,0,0);}

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

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

body{font-family: "Open Sans";/* overflow-x:hidden; */direction: rtl;background: #fff;color: #010101;}

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

svg.heverSvg.color {fill: currentColor;}
svg.heverSvg {fill: #0b3560;height: 0.9em;width: auto;top: 0.2em;position: relative;/* margin: 0 -0.1em; */}

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

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

.blue-line{position: absolute;width:20px;top:0;bottom:0;background: rgb(30 156 216 / 10%);z-index: 1;}
.blue-line.blue-left{left:0}
.blue-line.blue-right{right:0}

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

.timer-slogen{background: #a9d15d;position: relative;height: 60px;top:60px;}
.timer-slogen::before{content: "";width: 400%;/* background: linear-gradient(-60deg,#487ec6 0%, #05325e 25%, #487ec6 50%, #05325e 75% ,#487ec6 100%); */animation: bgmover 20s infinite;height: 100%;position: absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%) inset;}
.timer-end{pointer-events:none;top:0;position: absolute;display: flex;width: 100%;align-items: center;justify-content: center;height: 60px;font-size: 18px;font-weight: bold;color: #134273;text-align: center;}

.round-logo{position:absolute;height: 50px;top: 8px;left: 15px;z-index: 9;background-size: contain;background-repeat: no-repeat;background-position: center;display: flex;color: #ffffff;font-weight: 600;padding-right: 14px;border: 1px #134273 solid;max-height: 44px;box-sizing: border-box;border-radius: 50px;display: flex;align-items: center;background: #134273;font-size: 14px;text-decoration: none;}
.round-logo img{width: 70px;margin-right: 10px;margin-top: -2px;margin-left: -10px;}

.btns_n_logo{display:flex;justify-content: center;gap: 20px;margin-bottom: 20px;align-items: center;text-align:center;margin-bottom:20px;}
.btns_n_logo img{height:15vw; max-height:70px}
.btns_n_logo:not(.with-btn) .round-logo{display:none}
.btns_n_logo.with-btn{gap:10px}
.btns_n_logo.with-btn img{height:12vw; max-height:70px}


.pop .round-logo {position: relative;width: auto;display: inline-flex;left: 0;right: 0;margin-bottom: 15px;padding: 0 14px;min-width: 168px;box-sizing: border-box;/* display: none; */justify-content: center;}

.slogens{position:absolute;height: 60px;overflow: hidden;/*left: calc(2vw + 60px);*/left:2vw;box-sizing: border-box;right: 2vw;text-align: center;}
.slogens > div {position: absolute;color: #134273;font-size: 5.8vw;line-height: 1;display: flex;height: 60px;/* width: 50vw; *//* text-shadow: 0 0 5px black; */align-items: center;font-weight: 500;transition: 0.4s all;top: 60px;opacity:0;left: 0;right: 0;justify-content: center;flex-wrap: wrap;align-content: center;}
.slogens > div.show {top: 0;opacity:1;}
.slogens > div.prev {top: -60px;opacity: 0;height: 80px;}
.slogens > div.small{font-size: 4.6vw;}


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

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

.backToLogin{display:none}

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

.main-title {line-height: 80px;text-align: center;color: #487ec6;font-size: 6vw;font-weight: 500;position:relative}
.main-title svg {position: absolute;bottom: 8px;left: 0;right: 0;width: 90%;fill: #1e4f85;margin: auto;}
section.hero {position: relative;margin: 0;padding: 0;}
.spt {height: 70px;display: flex;align-items: center;justify-content: center;position:relative}
.spt span{width:7px;height:7px;margin:0 5px;border-radius:50%;background: #134273;}
.spt.desktop{display:none}
.spt-top{height: 20px;}
.hero + .spt {margin-top: 0;}
.hero .media-wrap{overflow:hidden}
.hero .media-wrap::before{content:"";position:absolute;z-index: 7;width: 100%;height: 100%;box-shadow: 0 0 20px black inset;}
.hero .hero-top{background: #134273;/* overflow:hidden; */padding: 30px 0 20px;margin-bottom: 30px;position:relative;z-index:1;/* background-image: url(../img/gindi/bg.jpg); */background-size: cover;/* box-shadow: 0 0 50px 50px #134273; */width: 100%;}
.hero img.hero-logo {/* position: absolute; */top: 0;left: 0;right: 0;z-index: 9;width: 80%;margin: 40px auto 30px;display: block;bottom: 0;transform: translateY(20px);}
.hero.inview img.hero-logo{transform: translateY(0);transition: 1.7s all;}
.hero .top-vid{position:absolute;top: 0;left: 0;right: 0;bottom: 0;height: auto;width: 100%;}
.hero .top-vid::after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, #134273 50%, #7fb8d3);mix-blend-mode: overlay;}
.hero .top-vid video{position:absolute;margin: auto;height: 100%;width: auto;opacity: 1;}

.hero-line {font-size: 5.8vw;text-align: center;margin: -0.1em 0;line-height: 0;}
.hero-word {display: inline-block;position: relative;transform: scale(7);filter: blur(1em);/* opacity: 0; */}
.hero-word img {height: 1em;margin: 0 0.1em;position: relative;z-index: 2;}

.hero-logos{font-size: 1vw;margin: 4em auto 4em;/* width: 50%; *//* max-width: 200px; */display: flex;align-items: center;gap: 8%;justify-content: center;}
.hero .hero-logos img{height: 8vh;max-height: 100px;}


.hero.inview .hero-word {transform: none;filter: none;/* transition: 0.5s all ease-in; */opacity: 1;line-height: 1.2;}
.hero .hero-word{font-weight:800;font-size: 1.7em;line-height: 0.8;color: #a9d15d;text-shadow: 0 0 0.1em black;}
.hero.inview .hero1 {}
.hero.inview .hero2 {transition-delay: 0.2s;}
.hero.inview .hero3 {transition-delay: 0.4s;}
.hero.inview .hero4 {transition-delay: 0.4s;}
.hero.inview .hero5 {/* transition-delay: 0.8s; */}
.hero:not(.inview) .hero-word {}
.hero-word.h-small img {height: 0.8em;}
.hero-word.h-small {color:white;font-size: 1.1em;line-height: 1;display: block;}
.hero.inview .hero-line {/*animation: shine2 0.2s;*//* animation-delay: 2s; */}
.hero.inview .hero-line b{font-weight:800;margin: 0 0.08em;}

.hvr-words{margin:0 auto;/* width: calc(100% - 70px); */max-width: 600px;}
.hvr-words p{margin:revert}

.shine-text::after{content: attr(data-text);position: absolute;inset: 0;background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .9) 45%, rgba(255, 255, 255, .2) 50%, transparent 55%);background-size: 200% 100%;background-position: 200% 0;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;/* mix-blend-mode: screen; */animation: shine-text 3s linear infinite;pointer-events: none;text-shadow: none;}

@keyframes shine-text{
	
	0%{background-position:100% 0;}
	30%{background-position:-100% 0;}
	100%{background-position:-100% 0;}
}

@keyframes shine2{
    0% {filter:brightness(1) drop-shadow(0px 0px 0px white)}
    30%{filter:brightness(10) drop-shadow(0px 0px 10px white)}
    100%{filter:brightness(1) drop-shadow(0px 0px 0px white)}
}

.top-projects{display:flex;margin: -10px auto 50px;width: 100%;max-width: 700px;border-radius: 30px;height: 39vw;max-height: 270px;width: 0%;overflow: hidden;position: relative;bottom: -30px;border: 2px solid #134273;box-sizing: border-box;background: #134273;}
.top-projects.inview{width:100%;transition: 5s all;transition-delay:0.5s;}
.top-projects .top-prj{width:50%;position: relative;cursor: pointer;}
.top-projects .top-prj::after{position:absolute;content:"";z-index: 1;background: #134273;width: 100%;height: 100%;right: 0;mix-blend-mode: color;opacity: 0;}
.top-projects .top-prj-spt{width:2px}
.top-projects .top-prj img{width:100%;height:100%;/* opacity: 0.8; */object-fit: cover;position: absolute;}
.top-projects .top-prj span{color: #134273;position:absolute;right: 1em;top: 0.2em;font-weight: bold;opacity:0;}
.top-projects.inview .top-prj span{transition:0.5s all;transition-delay:1.5s;opacity:1;font-size: clamp(14px,4vw,24px);}
.top-projects .top-prj:nth-child(3) span{right:auto;left:1em}
.spinnericon{position: absolute;margin: 0 auto;z-index:2;display: flex;left: 0;justify-content: center;right: 0;top: 38px;}
.spinnericon.inview{transition:1.5s all;transition-delay:2.5s;opacity:0;}
.spinnericon .spin{position:relative;width: 30%;margin: 0 auto;max-width: 210px;z-index: 1;}
.spinnericon .spin.spin-btm{position:absolute;transform-origin: bottom;}
.spinnericon .spin img{animation: spin linear infinite;}
.spinnericon .spin.spin-top{z-index:2;animation: tilt2 linear infinite;}
.spinnericon .spin.spin-btm img{/* transform: skewX(1deg) scaleX(1.05); */transform-origin: bottom;filter: contrast(2.5) brightness(0.5);}
.spinnericon .spin.spin-top img{}

.spinnericon *{animation-duration: 5s !important;}
.spinnericon::before{content:"";position:absolute;top:0;bottom:0;width:2%;max-width: 10px;background: #717f15;border-radius: 50%;}
.spinnericon::after{content:"";position:absolute;background: radial-gradient(black, transparent 60%);width: 20%;aspect-ratio: 9;bottom: -3%;opacity: 0.3;max-width: 120px;}

@keyframes spin{
		100% {transform:rotateY(360deg)}
}


@keyframes tilt2{
	0% {filter:brightness(1)}
	25% {filter:brightness(0.8)}
	50% {filter:brightness(1)}
	75% {filter:brightness(0.8)}
	100% {filter:brightness(1)}
}

.projects {display: flex;max-width: 110vh;margin: 0 auto;border-radius: 2em;overflow: hidden;width: calc(100% - 20px);border: 4px solid #ffffff;position: relative;font-size: 4vw;}
.projects .project {width: calc(100% / 2);box-sizing: border-box;text-align: center;padding: 10px 20px;background: #1e9cd8;position: relative;z-index: 1;height: 74vw;background-size: cover;color: white;background-position: center;cursor: pointer;}
.projects .project::before{content:"";position:absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(00deg, rgb(255 255 255 / 80%) 18%, rgb(30 156 216 / 0%) 40%);/* background: rgb(30 156 216 / 60%); */border-left: 1px solid #134273;}
.projects .project:nth-child(even)::before{/* background:#154477; *//* background: linear-gradient(180deg, #154477 0%, rgb(21 68 119 / 60%) 50%); *//* background: rgb(21 68 119 / 60%); */border-left: 0;border-right: 1px solid #134273;}
.project-title {font-weight: bold;font-size: 1.5em;position: relative;z-index: 1;/* margin: 0 -20px; */color: #134273;text-align: start;}
.projects .project:nth-child(2) .project-title{text-align:end}
.project-text {margin: 4px -10px;position: relative;z-index: 1;display: none;}
.project-arrows{position:absolute;bottom: 7em;left:0;right:0;margin: auto;width: 26px;/* background: url(../img/down-arrow.svg?); */background-size: contain;height: 26px;background-repeat: no-repeat;background-position: center;}
.project-arrows svg{width:100%;height: auto;filter: drop-shadow(0px 4px 0px black);}
.to-project{position:absolute;bottom:5px;left:0;right:0;font-weight: bold;/* max-width: 230px; */margin: 0 auto;color: #021325;text-shadow: 0 0 3px white;}
.to-project div{font-size:0.7em;padding: 0.5em 1em;height: 5.4em;font-weight: normal;/* color: #134273; */}
.projects .iconhvr{position:absolute;z-index:2;width: 26%;height: auto;left: 0;right: 0;margin: auto;top: 17%;bottom: 0;}
.pause {position: absolute;top: 10px;left: 10px;background: #fefefe;width: 40px;height: 40px;border-radius: 40px;z-index: 1;cursor: pointer;border: 1px solid white;}
.play {position: absolute;top: 10px;left: 10px;background: #09345f;width: 40px;height: 40px;border-radius: 40px;z-index: 1;cursor: pointer;display: none;border: 1px white solid;}
.pause svg {width: 21px;height: auto;fill: #09345f;position: absolute;top: 50%;right: 50%;transform: translateY(-50%) translateX(50%);}
.play svg {width: 18px;height: auto;fill: #fff;position: absolute;top: 50%;right: 46%;transform: translateY(-50%) translateX(50%);}

section.hero {display: block;}


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

.textA {text-align:center;font-size: 36vw;margin:0;font-weight: 900;line-height: 0.7;color: #fff;padding: 0;display: inline-block;position: absolute;white-space:nowrap;font-family: NotoSerif-Bold;}
.textA span{font-size:0.2em;vertical-align: bottom;margin-bottom: -0.1em;display: inline-block;}
.textA B {font-size: 0.7em;margin-left: -0.5em;line-height: 1;font-family: Arial;display: inline-block;vertical-align: top;margin-top: -0.1em;}
.textA span ~ span {position: absolute;right: 22%;font-size: 0.7em;}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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


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



body.pauseAll .falling-star{animation-play-state: paused;}
body.pauseAll .flare{animation-play-state: paused;}
body.pauseAll .blink{animation: none;}
body.pauseAll .sp-pin img{animation: none;}
body.pauseAll .owl-carousel.tiles .owl-item .tiles-frame {display: none;}
body.pauseAll *,body.pauseAll *::after,body.pauseAll *::before{animation:none !important; transition:none !important}




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


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


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

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

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

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

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

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


.text-wrap {display: flex;position: relative;transform: translateY(20px);opacity: 0;}
.inview .text-wrap {transform: translateY(0);transition: 2s all;opacity: 1;}
.text {/* width: calc(100% - 96px); */direction: rtl;padding: 0 40px;font-size: 18px;font-weight: 400;box-sizing: border-box;max-width: 720px;margin: 0 auto;}
.text .t-title {font-size: 6.8vw;font-weight: 800;line-height: 1;margin: 0 -30px 0px -30px;/* font-family: Comfortaa-Light; *//* direction: ltr; */text-align: center;padding-bottom: 10px;position: relative;color: #183460;}
#sec1 .text .t-title {/* background: rgb(23 28 75 / 70%); */margin-top: 40px;margin-bottom: 0;}
.text .t-title::after{/* content:""; */position: absolute;bottom: -0.2em;height: 2px;left: 10%;margin: 0 auto;background: linear-gradient(-90deg, #144375 0%, #1e9cd9 40%, #1e9cd9 60%, #144375);z-index: 9;right: 10%;}
.text .t-title.rtl{/* font-weight:700; */direction:rtl}
.text .t-title.small{font-size:6vw}
.text .t-title b {font-size: 1.6em;vertical-align: bottom;display: inline-block;/* margin-bottom: -0.05em; *//* font-family: NotoSerif-Regular; */width: 1.2em;height: 1em;margin-top: 0em;/* font-size: 0; */margin-bottom: -0.15em;color: transparent;background: url(../img/r-white.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.text .t-title * {transform: translateX(100vw) scaleX(0);opacity:0}
.text .t-title.rtl * {transform: translateX(-100vw) scaleX(0);opacity:0}
.inview.text .t-title * {animation:letter-entrance 2s ease forwards;}

#main .text{font-size: 18px;/* background: white; */color: black;font-weight: 400;}
b.hero-title{margin: 20px 0 0;display: block;font-size: 5vw;color: #183460;font-weight: 800;line-height: 1.2;margin-bottom: 0.2em;text-align: center;margin-bottom: 10px;}
@keyframes letter-entrance{
	from:{}
	to{transform:none;opacity:1}
}

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

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

section {display: block;overflow: hidden;width: 100%;direction:rtl;/* margin-top: -80px; *//* padding-top: 80px; */position: relative;}
section.checkview{transition: 2s all;/* padding-top: 4vw; *//* margin-bottom: -4vw; *//* transform: translateY(4vw); */}
section.checkview.inview{/* padding-top: 0; *//* margin-bottom: 0; *//* transform: translateY(0); */}

.flag {font-size:1vw;position: absolute;margin-top: 0;top: 0;width: 100%;left: 0;right: 0;overflow: hidden;z-index: -1;display: flex;justify-content: space-between;transition: auto;/* display: none; */}
.flag div {position: relative;width: 40em;}
.flag div img{width:100%;}
.flag div:nth-child(1){right:0}
.flag div:nth-child(2){left:0}
.inview .flag div:nth-child(1){width: 25em;/* transform: rotate(15deg) scale(0.8); *//* right: -10vw; *//* opacity: 1; */transition: 1.5s all;}
.inview .flag div:nth-child(2){width: 25em;/* transform: rotate(-15deg) scale(0.9); *//* left: -10vw; *//* opacity: 1; */transition: 1.5s all;}

.inview .flag{/* margin-top:0; */}
.flag.high{margin-top: -25em;}
.inview .flag.high{margin-top: -32em;}

section#sec1{
    position: relative;
}
.bgpic-wrap {padding-bottom:66%}
.bgpic-wrap.map{background-size:cover;background-position:center top;cursor: pointer;position: relative;}

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

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


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

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

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

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

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

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

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

.login-popup form input#checkB {width: 22px;height: 22px;float: right;margin-top: 8px;}
.login-popup form label.checkB {display: inline-block;padding-right: 50px;margin-right: -50px;width: 100%;box-sizing: border-box;text-align: right;margin-bottom: 20px;line-height: 1.2;padding-top: 5px;font-size: 11px;}


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

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

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

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

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

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

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

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


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


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


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

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


.circles {position: relative;left: 0;right: 0;display: flex;justify-content: space-around;font-size: 1vw;top: 1em;z-index: 9;width: calc(100% - 40px);margin: auto;margin-top: 0px;flex-wrap: wrap;}
.circles .circle {width: 26em;min-height: 26em;/* height: 18em; */background: rgb(0,0,0,0.8);background: black;display: flex;flex-direction: column;text-align: center;color: white;box-shadow: 0px 0 1.2em 0.3em #9ad6e6;text-shadow: 0 0 2px black, 0 0 2px black;padding-bottom: 2em;align-items: center;justify-content: space-around;margin-top: 4em;}
.circles .circle img {max-height: 7em;margin: 2em auto 0;}
.circles .circle .unit {/* height: 31%; */font-size: 4em;display: flex;/* align-items: end; */justify-content: center;}
.circles .circle .number {font-size: 5em;line-height: 1;display: flex;align-items: end;justify-content: center;margin-bottom: 0em;margin-top: 0.3em;font-weight: bold;}
.circles .circle .park {font-size: 5em;height: 60%;display: flex;padding-bottom: 6%;align-items: end;justify-content: center;line-height: 0.8;}
.circles .circle .ttl {font-size: 2.8em;line-height: 1.2;margin-top: 0.3em;}

section.pay-sect{overflow:hidden;padding-bottom: 0;}
section .pay-wrap{text-align:center;overflow: hidden;}
section .pay-wrap table td div {font-size: 3vw;display: none;}
section .pay-wrap table td div.compare-td {/* display: block; */font-weight: normal;}

.light-blue-bg{background: #e2eff5;position: relative;z-index: 3;display: inline-block;}

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

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

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

.map-holder {position: relative;font-size: 59.6vw;z-index: 1;}
.map-holder .map {background-image: url(../pic/map_bg.png);width:calc(3em + 6px);height:100%;position:absolute;right: 0;background-position: center;background-size: cover;}
.inview .map-holder .map{right: -0.65em;transition: 2s all;}
.map-holder .area {height: calc(3em / 4);border-bottom:3px solid white;position:relative;color: white;overflow: hidden;}
.map-holder .area-pic {position:absolute;opacity: 0.4;background-size:cover;background-position:center;width:100%;top: 0;height:100%;z-index: 0;}
.map-holder .area::before{content:"";background: linear-gradient(-90deg, rgb(30 156 216 / 100%) 20%, rgb(30 156 216 / 0%) 60%);height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;display: block;position: absolute;z-index: 1;}
.map-holder .area .area-icon-holder{position:absolute;right: 26%;/* background: red; */top: 0.2em;z-index: 9;}
.map-holder .area .area-icon-holder.up{transform:scaleY(-1) translateY(100%)}
.map-holder .area-icon {opacity:0;position: absolute;z-index: 1;width: 50px;height: 50px;border: 3px solid rgba(255,255,255,0.6);box-sizing: border-box;border-radius: 50%;left: 0;bottom: 0;transform: translate(-50%, 50%);margin-right: 0;}
.map-holder .area.inview .area-icon{margin-right:0;opacity:1;transition: 2s all;transition-delay: 1s;}
.map-holder .area-icon::after{content:"";background: white;width: 20px;height: 20px;position: absolute;border-radius: 50%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.map-holder .area-info{padding: 0.08em;position: relative;margin-right: -50%;}
.map-holder .area-title {font-size: 0.15em;font-weight:bold;position: relative;z-index: 1;}
.map-holder .area-text {font-size: 0.08em;position: relative;z-index: 1;height: 2.8em;}
.map-holder a.area-btn {color:black;background: #a9d15d;font-size:16px;position: relative;z-index: 1;display: inline-flex;height: 40px;width: 150px;font-weight: bold;align-items: center;justify-content: center;border-radius: 10px;border: 2px solid white;text-decoration: none;}

.map-holder .area.inview .area-info{margin-right:0;transition: 2s all;}
.map-holder .area.inview .area-icon-holder::before{content:"";border-left: 1px solid white;border-top: 1px solid white;bottom: 0;left: 0;position: absolute;animation: iconline 3s forwards;animation-delay: 0s;height: 100%;width: 100%;}

@keyframes iconline{
	0%{height:0;width:0}
	33%{height:0;width:0}
	66%{height:100%;width:0}
	100%{height:100%;width:100%}
}


.meetings-title {margin: 20px 30px;font-weight: bold;text-align: center;}

.meeting-holder {position: relative;z-index: 0;}
.meeting-holder .meeting-project {background: #1e9cd9;color: white;padding: 10px 20px;min-height: 100px;}
.meeting-holder .meeting-project:nth-child(even) {background: #254e78;}

.m-project-name {font-weight: bold;font-size: 20px;}
.m-project-name b {display:none}
.meeting-line {display: flex;align-items: center;height: 44px;margin-top: 10px;font-size: 16px;}
.meeting-txt {padding-right: 10px;position: relative;width: 80%;}
.meeting-txt::before {content: "";width: 8px;height: 8px;background: white;position: absolute;right: -4px;border-radius: 50%;top: 0;bottom: 0;margin: auto;}
.m-waze, .m-map {width: 44px;min-width: 44px;height: 44px;margin: 0 5px;background: rgba(255,255,255,0.8);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: black;cursor: pointer;}
.m-waze svg {width: 70%;}
.m-set-appoint {min-width: 90px;color: black;background: #a9d15d;display: flex;height: 44px;box-sizing: border-box;border: 2px solid white;justify-content: center;align-items: center;text-align: center;font-weight: bold;border-radius: 10px;margin-right: 15px;cursor: pointer;}
.m-set-appoint > span {display: inline-flex;width: 66px;align-items: center;line-height: 1;justify-content: start;text-align: right;}

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

.slogen2-wrap {width: calc(100% - 40px);margin: 30px auto;color: #010101;position: relative;text-align: center;max-width: 800px;}
.slogen2-wrap .slogen2{background: #1e9cd9;padding:10px 20px;border: 1px solid white;box-sizing: border-box;}
.slogen2-wrap .line {height: 2px;}
.slogen2-wrap .line.l1 {background: linear-gradient(90deg, #010101 50%, rgb(23 28 75 / 0%));}
.slogen2-wrap .line.l2 {background: linear-gradient(-90deg, #010101 50%, rgb(23 28 75 / 0%));}
.slogen2-wrap .slogen2-txt {font-size: 7vw;font-family: NotoSerif-Regular;font-weight: bold;line-height: 1.6;/* letter-spacing: 0.3px; */white-space: nowrap;}
.slogen2-wrap .slogen2-txt.initial{font-family:inherit;font-size:6vw}

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

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

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

section .pay-wrap table th{line-height: 0.8;padding: 10px 5px;font-weight: normal;font-size: 3.4vw;background: #fff;color: #010101;}
section .pay-wrap table th:nth-child(4){font-size: 5vw;}
section .pay-wrap table td{height:65px;vertical-align:middle;font-size: 3.6vw;color: #1e9cd9;}
section .pay-wrap table td .pent {font-size: 2.8vw;}
section .pay-wrap table td span{display:block;}
section .pay-wrap table td s{opacity:0.5}
section .pay-wrap table td:nth-child(4),section .pay-wrap table th:nth-child(4) {font-weight: bold;background: #1e9cd9;font-size: 4.6vw;color: #010101;}
section .pay-wrap table th:nth-child(4){font-size: 4vw;line-height: 1.1;direction: ltr;}

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

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


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

.text-carousel.bgpics .item {padding-bottom: 66%;background-size: cover;background-position: top center;height:0;overflow:hidden;position:relative}
.text-carousel.bgpics .item img{object-fit: cover;object-position: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;}
.text-carousel.bgpics .item span.bottom {font-size: 100%;position: absolute;color: white;left: 0;right: 0;/* text-align: center; */bottom: 0;text-shadow: 0 0 2px BLACK;font-weight: bold;padding: 10px 5%;z-index: 9;background: rgba(0,0,0,0.5);}
.text-carousel.bgpics .item span.icon{width: 80px;height: 80px;display: flex;align-items: center;flex-direction: column;justify-content: center;bottom: 7px;left: 10px;right: auto;border-radius: 0px;padding: 0;/* transform: rotate(-15deg); */font-weight: normal;font-size: 14px;/* border: 1px solid white; *//* background: #a9d15d; */text-shadow: none;color: white;background-image: url(../img/iconhvr2.png);background-size: contain;background-repeat: no-repeat;background-color: transparent;padding-bottom: 30px;position: absolute;}
.text-carousel.bgpics .item span + span b{font-size: 18px;line-height: 1;}
.text-carousel.bgpics .item .strip {position: absolute;background: #134273;/* background: linear-gradient(-60deg,#487ec6 0%, #05325e 25%, #487ec6 50%, #05325e 75% ,#487ec6 100%); */color: white;width: 240px;right: 0;top: 0;/* transform: rotate(45deg); */text-align: center;line-height: 30px;}

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

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


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

.arrival-maps {font-size: 18px;box-shadow: 0 0 5px rgba(0,0,0,0.1);position: relative;z-index: 1;}
.arrival-title {padding: 10px 25px;text-align: center;color: #010c18;background: #a9d15d;font-weight: 600;font-size: 22px;}
.ar-maps {display: flex;/* margin-top: 20px; */position: relative;z-index: 1;border: 1px solid #134273;}
.ar-map {border: 1px #134273 solid;width: 50%;height: 50vw;background-position: center;background-size: 120%;font-size: 4vw;position: relative;line-height: 1.3;}
.ar-place {background: linear-gradient(180deg, #209edb, rgb(32 158 219 / 80%));background: #209edb;padding: 10px;color: #134273;color: white;}
.ar-place b {display: block;font-weight: normal;position: relative;margin-right: 18px;}
.ar-place b::before {content: "";position: absolute;right: -18px;width: 16px;height: 17px;background-image: url(../img/map_pin.png);background-size: contain;background-position: center center;border-radius: 0;background-repeat: no-repeat;top: 0px;background-color: transparent;transform: rotate(30deg);}


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

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


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

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


section.gindi{/* margin-top:50px; */}

section#gindi-chart {margin-top: 30px;padding: 10px 0 40px;/*background: linear-gradient(180deg, #ccecf9, #f5fcff 10px, #ccecf9 calc(100% - 10px), #9ddcf7);*/position: relative;z-index: 1;}
.chart1.checkview span {position: relative;display: inline-block;padding: 4px 10px;width: 100%;max-width: 0;box-sizing: border-box;border-bottom: 1px solid #9ad6e6;white-space:nowrap;direction: ltr;background: linear-gradient(-45deg, rgb(204 236 249 / 0%), #9ad6e6 );background: #e2eff5;color: black;font-size: 16px;font-weight: bold;line-height: 28px;}
.chart1.checkview div {display: inline-block;font-size: 26px;font-weight: 600;padding: 0 10px;}
.chart1:nth-child(2n + 1){direction:ltr}
.chart1 {margin-top: 40px;overflow: hidden;}
.chart1:nth-child(2n + 1) span {direction: rtl;background: linear-gradient(45deg, rgb(204 236 249 / 0%), #9ad6e6 );background: #e2eff5;}

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

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


.gExtra-wrap {width: calc(100% - 50px);margin: 50px  auto 20px;box-sizing: border-box;padding: 7vw 14px 6vw;position: relative;background: #1e9cd9;/* overflow: hidden; */}
.gExtra-wrap::before{content:"";background: #fefefe;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 ,  #010101 calc(50% - 10px), rgb(23 28 75 / 0%) 50%);z-index: 0;background-repeat: no-repeat;background-size: 140%;}
.gExtra-wrap.inview::after{content:"";transition: 4s all ease;left: -180%;}
.gExtra-wrap .gExtraTitle {position: absolute;left: 50%;top: -1.6vw;padding: 0 10px;background: #fefefe;transform: translateX(-50%);font-size: 4.8vw;color: #e4ce98;white-space: nowrap;font-weight: 600;z-index: 1;}
.gExtra-wrap .gExtraTitle div {font-size: 3.8vw;line-height: 1;font-weight: normal;letter-spacing: 0.6vw;display: none;}
.gExtra-wrap .gExtra {background: #1e9cd9;color: #010101;padding: 3vw 3vw;font-size: 5.2vw;font-weight: 600;text-shadow: 0 0 3px rgb(250 250 250 / 50%);position: relative;z-index: 1;}
.gExtra-remark {color: #ddc691;font-size: 0.7em;position: relative;text-align: right;margin-top: 0.5em;}
.gExtra-wrap .shovi {position: absolute;display: inline-block;background: #fefefe;bottom: -3.5vw;font-size: 6vw;font-weight: 500;white-space: nowrap;right: 50%;transform: translateX(50%);padding: 0 10px;color: #fff;z-index: 6;}
.gExtra-wrap .gExtra > .nis {/* font-size: 3vw; *//* position: relative; *//* top: 1.6vw; */}
.gExtra-wrap .gExtra .instead {font-size: 4.6vw;position: relative;font-weight: 400;margin-right: 1vw;display: inline-block;}
.gExtra-wrap .gExtra .instead .nis {/* font-size: 2.9vw; *//* position: relative; *//* top: 1.7vw; */}
.gExtra-wrap .gExtra .instead::after{content:"";position: absolute;top: 49%;width: 100%;left: 0;right: 0;height: 1px;background: #fefefe;transform: rotate(5deg);}
.gExtraSpt {margin: 10px;border-bottom: 2px dotted #010101;}


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


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

.footerbtns{position:fixed;display: flex;left:0;/* right: 0; */bottom: 54px;z-index: 99;flex-direction: column;align-items: flex-end;justify-content: space-between;/* width: 100%; */margin: 0 auto;padding: 0 6px;box-sizing: border-box;}

.btn-hvr{position: relative;/* left: 7px; */background: #134273;color: #fff;text-decoration: none;border-radius: 31px;padding: 0px 14px 0 30px;text-align: center;line-height: 36px;width: auto;font-size: 14px;border: 1px solid white;z-index: 99;box-shadow: 0 3px 0 rgb(0 0 0 / 20%);cursor: pointer;margin-top: 6px;width: 102px;box-sizing: border-box;display: flex;line-height: 1;height: 38px;align-items: center;text-align: right;}
.btn-hvr img{width: 45px;position: absolute;left: -2px;top: 1px;}

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

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

.footerphone{position: relative;left: 7px;background: #1e9cd9;color: #fff;text-decoration: none;border-radius: 31px;padding: 0px 10px 0 30px;text-align: center;line-height: 36px;width: auto;font-size: 12px;border: 1px solid white;z-index: 99;box-shadow: 0 3px 0 rgb(0 0 0 / 20%);cursor: pointer;margin-top: 6px;width: 102px;box-sizing: border-box;}
.footerphone svg {fill: #fff;width: 26px;height: 26px;position: absolute;left: 5px;top: 5px;}
.footerphone span{direction:ltr;display:inline-block;font-size: 18px;}

.footer-sticky {position: fixed;bottom: 0;left: 0;right: 0;display: flex;z-index: 99;box-shadow: 0px 0px 3px 1px rgb(146 203 218 / 90%);border-top: 1px solid white;}
.footer-sticky > div {width: 50%;background: #a9d15d;color: #FFF;color: #134273;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 16px;cursor: pointer;font-weight: bold;width: 100%;font-size: 24px;}
.footer-sticky > div.info-appoint {background: #134273;color: white;}
.footer-sticky > a {width: 50%;background: #ffffff;color: #010101;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;text-decoration: none;}
.footer-sticky > a span{direction:ltr;padding: 0 5px;}

.footer-sticky .reg-text{display:flex;flex-direction:column}
@media(max-width:992px){
	.footer-sticky .mob-small{font-size: 0.66em;margin-top: -0.6em;}
}
@media(min-width:993px){
	.footer-sticky .reg-text{flex-direction:row;gap: 0.3em;}
}

.spherekel-bg{padding-bottom: 66%;background-size: cover;position: relative;display: block;}
.sp-text {position: absolute;top: 13%;right: 50%;transform: translateX(50%);background: linear-gradient(45deg, white, #9ad6e6);line-height: 10vw;padding: 0 30px;border-radius: 5vw;font-size: 5.6vw;color: #000000;border: 1px solid #9ad6e6;box-sizing: border-box;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.sp-text svg {width: 10px;top: 3px;position: relative;margin-right: 5px;margin-left: -6px;}
.sp-pin {position: absolute;top: calc(13% + 10vw + 20px);left: 0;right: 0;text-align: center;}
.sp-pin img {animation: updown 1s infinite;}
@keyframes updown {0%{transform:none}50%{transform:translateY(20px)}100%{transform:none} }


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

.pop .pop-cont iframe {position: absolute;width: 100%;height: 100%;}
.pop#framepopmini{z-index: 998;}
.pop#framepopmini .pop-cont{width:100%;height:100%;max-width: none;max-height: none;}
.pop {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0,0,0,0.6);z-index: 999;display:none}
.pop .pop-cont {color: #010101;position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: #fefefe;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: 0 0 10px black;}
.pop .pop-cont .closer {position: absolute;top: 0;left: 0;cursor: pointer;z-index: 2;background: #134273;width: 30px;height: 30px;}
.pop .pop-cont .closer svg{position:absolute;fill:white;top:0;bottom:0;left:0; right:0;margin:auto;width:14px}
.pop .pop-cont .owl-dots .owl-dot{background:#ccc;width:10px;height:10px;display:inline-block;border-radius:10px;margin:0 5px;transition:all .2s ease}
.pop .pop-cont .owl-dots{text-align:center;margin-top:15px}
.pop .pop-cont .owl-dots .owl-dot.active{background:#2b0400}
.pop .pop-cont .pop-cont-scroll {position: relative;max-height: 100%;overflow: auto;box-sizing: border-box;height: 100%;}
.pop .pop-cont .pop-cont-ttl {font-size: 6vw;padding: 0 10px;text-align: center;font-weight: 900;margin-bottom: 20px;color: #134273;border-bottom: 2px solid;line-height: 1.1;padding-bottom: 0.2em;}
.pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px}
.pop .pop-cont .pop-text a{/*color:white*/}
.pop .pop-cont .pop-title{padding:20px 0;font-size:30px;font-weight:bold}
.appt-attr {background: #dff06f;color: #000000;margin: 0 -2px;display: flex;justify-content: space-around;flex-flow: wrap;}

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

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

.pop .pop-cont .contact-btns{margin: 60px auto;width:80%;max-width:300px}
.pop .pop-cont .contact-btns .contact-btn{height:50px;display:flex;align-items: center;background: #232f18;margin-bottom: 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: #a9d15d;}
.pop .pop-cont .contact-btns .contact-btn.main{font-size:26px;color: #ffffff;background: #134273;}
.pop .pop-cont .contact-btns .contact-btn > svg, .pop .pop-cont .contact-btns .contact-btn > .btm-circle{position:absolute;right: 4px;width:40px;/* height:auto; */max-height: 40px;}
.pop .pop-cont .contact-btns .btm-circle svg {width: 60%;height: auto;fill: #1a1a19;/* display: none; */}
.pop .pop-cont .contact-btns .btm-circle {position: absolute;width: 42px;height: 42px;background: transparent;box-sizing: border-box;border-radius: 50%;background: linear-gradient(45deg, #c5a670 30%, #e5dcc5, #d7b374 70%);background: white;color: #1a1a19;border-radius: 30px;border-bottom: 1px solid #3b3731;border-top: 1px solid #ebe2cd;top: 4px;left: 4px;display: flex;align-items: center;justify-content: center;z-index: 999;}


.pop .pop-cont .pop-text1{padding:20px 0;text-align:justify}
.pop .pop-cont .pop-title1 {font-size:24px;font-weight:bold}
.pop .pop-cont ul {padding: 0px 30px 0px 0;overflow: auto;margin-bottom: 10px;}
.pop .pop-cont ul li {list-style: none;margin: 10px 0;position: relative;}
.pop .pop-cont ul li::before {}
.mor-res{display:inline-block;padding: 10px;color: #1e9cd9;border: 1px solid;border-radius: 10px;cursor: pointer;}
.no-reg-yet {font-size: 18px;text-align: center;font-weight: bold;padding: 20px;border: 1px solid;color: #555;border-radius: 10px;}

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

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

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



.pop .pop-cont .readTerms {color: #fff;background: #134273;padding: 10px;text-align: center;font-size: 18px;margin: 10px auto;border-radius: 5px;/* border: 2px #010101 solid; *//* box-shadow: 0 0 0 3px #ba9e71; */cursor: pointer;max-width: 360px;}

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


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


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

#mappop.pop .pop-cont .pop-cont-scroll {height: 100%;direction:ltr}
#mappop .pop-cont-scroll img {height: 100%;width: auto;max-width: initial;}

.project-logos{display:flex;justify-content: center;gap: 20px;margin-bottom: 20px;align-items: center;}
.project-logos2{display:flex;justify-content: center;gap: 20px;margin-bottom: 20px;align-items: center;}

.project-logos img{height: 10vh;max-height: 90px;width: auto;}
.project-logos2 img{height: 10vh;max-height: 90px;width: auto;}

body[data-prj="3367"] .project-logos img:not([data-prj="3367"]){display:none}
body[data-prj="3533"] .project-logos img:not([data-prj="3533"]){display:none}

body:not([data-prj]) .prj-name[data-prj]{display:none}
body[data-prj="3367"] .prj-name:not([data-prj="3367"]){display:none}
body[data-prj="3533"] .prj-name:not([data-prj="3533"]){display:none}

.pop-btns-wrap {display: flex;justify-content: space-between;margin-top: 10px;margin-bottom: 20px;align-items: self-start;position: relative;flex-wrap: wrap;}
.pop-appoint-btn {background: #a9d15d;color: white;display: flex;align-items: center;justify-content: center;padding: 5px;text-align: center;min-height: 50px;box-sizing: border-box;line-height: 1;color: #010c18;font-weight: bold;border-radius: 5px;flex-direction: column;}
.pop-appoint-btn span{font-weight:normal;font-size:14px;margin-top: 2px;opacity: 0.7;}
.pop-appoint-btn-wrap {width: calc(50% - 5px);cursor: pointer;}
img.map-in-appoint {margin: 0 -25px;max-width: calc(100% + 50px);}
.info .pop-appoint-btn {background: #134273;color: white;}
.btns-txt-wrap{position:relative;display:flex;width: 100%;}
.appoint-btn-txt {text-align: center;padding: 10px 10px;font-size: 16px;font-weight: bold;/* display: none; */width: 100%;box-sizing: border-box;margin-top: 10px;}
.pop-appoint-btn-wrap.active .pop-appoint-btn {height: 60px;padding-bottom: 15px;border-radius: 5px 5px 0 0;}
.pop-appoint-btn-wrap.active .pop-appoint-btn::after {content: "";position: absolute;left: -20px;right: -20px;top: 56px;height: 20px;border-top: 4px solid #a9d15d;background: linear-gradient(180deg, #e7e7e7, white);}
.pop-appoint-btn-wrap.active.info  .pop-appoint-btn::after{border-color: #134273;background: linear-gradient(180deg, #dff4ff, white);}
.pop-appoint-btn-wrap.active ~ .btns-txt-wrap .appoint-btn-txt{display:none}
.pop-appoint-btn-wrap.active.buy ~ .btns-txt-wrap .appoint-btn-txt.buy{display:block;width: 100%;/* background: black; */}
.pop-appoint-btn-wrap.active.info ~ .btns-txt-wrap .appoint-btn-txt.info{display:block}
.pop-appoint-btn-wrap ~ .form_wrapper{display:none}
.pop-appoint-btn-wrap.active.info ~ #forminfo{display:block}
.pop-appoint-btn-wrap.active.buy ~ #formbuy{display:block;margin: 0px auto;}
.appoint-btn-txt.info .info-txt{font-size: 18px;margin-bottom: 20px;}

.hide-after-success.hide{display:none}
.another-btn {display: inline-flex;background: #a9d15d;font-weight:bold;padding: 0 15px;color: #134273;height: 50px;box-sizing: border-box;align-items: center;border-radius: 10px;cursor: pointer;}
#harshamaform.hide{display:none !important}

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

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

.form_wrapper form {width: calc(100% - 10px);padding: 0;max-width: 400px;margin: auto;position: relative;font-size: 18px;font-weight: normal;}
.form_wrapper form input::placeholder {color: #DDD;}
.form_wrapper form input#submitB,.form_wrapper form input#submitC{display:none}
.form_wrapper form input.checkA {width: 22px;height: 22px;float: right;margin-top: 8px;}
.form_wrapper form label.checkB {display: inline-block;padding-right: 60px;margin-right: -50px;width: 100%;box-sizing: border-box;text-align: right;margin-bottom: 20px;line-height: 1.2;padding-top: 5px;font-size: 11px;/* color: white; */}
.form_wrapper form label.checkB a{color: #1e9cd9;}
.form_wrapper form .required, .form_wrapper form .inpt {position: relative;background: rgba(0,0,0,0.05);border-radius: 3px;margin-bottom: 4px;text-align:right}
.form_wrapper form .required::before {content: "*";position: absolute;color: #1e9cd9;right: -15px;top: 17px;font-size: 18px;font-size: 16px;}
.form_wrapper form .paytext {text-align: center;margin-bottom: 10px;}

.form_wrapper form .inpt.small{/* margin-left:90px; */}
.form_wrapper form .form_ttl {text-align: right;margin-bottom: 10px;line-height: 20px;}

.form_wrapper form input , .form_wrapper form select {background: transparent;color: #010101;width: 100%;z-index:3;position:relative;box-sizing: border-box;padding: 5px 20px 0;line-height: 40px;height: 60px;text-align: right;/* margin-bottom: 4px; */font-size: 18px;border: 1px rgb(255 255 255 / 50%) solid;border-radius: 5px;}
.form_wrapper form input[type=text]+label, .form_wrapper form input[type=number]+label, .form_wrapper form input[type=tel]+label, .form_wrapper form input[type=email]+label {position: absolute;top: 0px;right: 20px;line-height: 60px;transition: all .2s ease;color: #777;}
.form_wrapper form .inpt input:valid + label,.form_wrapper form input[type=text]:focus+label, .form_wrapper form input:read-only + label, .form_wrapper form input[type=number]:focus+label, .form_wrapper form input[type=text].notEmpty+label, .form_wrapper form input[type=tel]:focus+label, .form_wrapper form input[type=tel].notEmpty+label, .form_wrapper form input[type=email]:focus+label, .form_wrapper form input[type=email].notEmpty+label {font-size: 14px;line-height: 20px;}  
.form_wrapper form select option {color: black;}

.form_wrapper form .address {/* background: rgb(255 255 255 / 70%); */color: white;width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 40px;max-height: 50px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px #ccc solid;border-radius: 5px;transition: 0.2s all;font-size: 0;}
.form_wrapper form .address label {font-size:18px}
.form_wrapper form .address:not(.open) .inpt {display:none}
.form_wrapper form .address .inpt {display:inline-block;width:calc(50% - 2px);margin:2px 1px;background: rgba(0,0,0,0.3);border-radius:5px;}
.form_wrapper form .address .inpt:nth-child(n+4) {width: calc(100% / 3 - 2px);}

.form_wrapper form input[type='radio'] {width: 30px;height: 30px;min-width: 30px;}
.form_wrapper form .question {padding: 10px 20px;}
.form_wrapper form .radio {padding: 5px 20px 5px 0;align-items: center;font-size: 18px;display: inline-flex;}
.form_wrapper form .radio input {margin-left: 10px;}
.form_wrapper form .radio label {font-size: 18px !important;margin-right: -50px;padding-right: 50px;padding-left: 10px;height: 36px;display: flex;align-items: center;z-index: 3;position: relative;}

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

.form_wrapper form label.submitB div, .form_wrapper form label.submitC div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;vertical-align: middle;}
body .form_wrapper form input[type=submit] + label,body .form_wrapper form label.submitB, body .form_wrapper form label.submitC,body .form_wrapper #submit-request-appointment {cursor: pointer;background: #134273;color: #ffffff;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 24px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 1px white solid;}

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

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

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

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


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

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



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

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

}

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

@keyframes moveupdown{
	0%{transform:translateY(-50%)}
	50%{transform:translateY(0%)}
	100%{transform:translateY(-50%)}
}

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

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

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

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

.shine {overflow:hidden;position:relative}

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

/* animation */

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



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

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

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

}


@media(min-width:700px){
	.map-holder {font-size: 220px;/* width: 370px; *//* overflow: hidden; */}
	.map-section {display: flex;justify-content: center;padding-top: 110px;position: relative;}
	.light-blue-bg {position: absolute;top: 0;left: 0;right: 0;padding-right: 370px;box-sizing: border-box;max-width: 740px;margin: 0 auto;z-index: 4;background: none;}
	.pay-title.pay-big {font-size: 23px;}
	.map-section > section {max-width: 370px;}
	.meeting-holder .meeting-project {background: linear-gradient(-90deg,#0c588a , #4686b1 3px,  #0c588a 15px, rgb(37 78 120 / 0%)) !important;}
	.meeting-section{z-index:3;background-image: url(../img/gindi/bg.jpg);background-repeat: no-repeat;background-position: right top;background-size: auto 100%;}
	.meeting-holder .meeting-project {height: 145px;border-bottom: 3px solid white;}
	.meeting-holder .meeting-project {/* background: #14273a !important; */display: flex;flex-direction: column;justify-content: center;}
	.m-project-name {/* display: none; */font-size: 18px;margin-bottom: 10px;}	
    .m-project-name b {display:inline}
	.m-set-appoint{width:120px}
}


@media(min-width: 992px){

body #accessibility .acc_icon {top:80px}

.hero .top-vid video{height:auto;width:100%;bottom:0;top:auto}

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

}

.text-carousel.bgpics{
    border-radius: 4vh;
    overflow: hidden;
}
.text-carousel.bgpics .item{padding-bottom:80%}
	
.backToLogin{display:block;position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:pointer}

header .menu-button{display:none}


.strars-wrap {font-size: 1vw;}
.flare-wrap {font-size: 5vw;}
.vid20-wrapper .paam-top {font-size: 100px;}
.vid20-wrapper {margin-bottom: 50px;}
.vid20-wrapper .off {font-size: 80px;margin-left: -130px;right: calc(50% - 220px);top: 94px;left:auto}

b.hero-title{font-size:1.2em}

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

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

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

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

.nav_mobile .main-navigation .main-menu>li a:hover {background: rgb(169 209 93);color: black;}

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

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

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

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

.flag{font-size:10px}
.blue-line{width:50px;/* margin:0 20px; */}

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

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

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

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

.round-logo {left: auto;right: 80px;position: fixed;top: 10px;width: 120px;height: 120px;/* border-radius: 50%; */}

.nav_mobile {display: block;position: fixed;right: 0;width: 290px;z-index: 9;top: 0;bottom: 0;box-shadow: 5px 0 5px rgba(0,0,0,0.2) inset;padding-top: 140px;box-sizing: border-box;}
.timer-end{max-width: 290px;right: -290px;color: white;font-size: 20px;height: 80px;background: #134273;}
section.hero {/* min-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%;}
section.hero .hero-line {font-size: 4vh;}
	
.spinner-wrapp {font-size: 350px;padding: 130px 0;margin: 0 auto;text-align: center;}
.spinner {margin: 0 auto;}
.text .t-title {font-size: 40px;}
.text .t-title.small{font-size:34px}
.hero .text .t-text {max-width: 600px;margin: 0 auto;}
.hero .text {margin: 0 auto;padding-bottom: 70px;}
.R-bg {font-size: 420px;margin-top:300px}
.R-bg.inview {font-size: 400px;}
.R-bg.rgt {right:0;left:auto}
.media-wrap.full {margin-left: auto;margin-right: auto;width: 100%;max-width: 110vh;}
.text-carousel.bgpics .item {position: relative; border: 2px solid white;}
.circles {font-size: 7px;}

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


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

.projects .project {height: 0;padding-bottom: 40%;}
.projects {font-size: 24px;}
.project-text {font-size: 20px;}
.project .to-project div{height:4em}
.project:nth-child(1) .to-project div{padding-left:20%;}
.project:nth-child(2) .to-project div{padding-right:20%;}
.project-arrows {height: 40px;width: 40px;}

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

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

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

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

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


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

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

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

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

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

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


.footer-sticky {right: 290px;box-shadow: none;}

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

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

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

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

}

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


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

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

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

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

.footerbtns{bottom: 90px;right: 290px;width: auto;padding: 0 15px;}

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

.footerphone{width: 150px;height: 50px;line-height: 50px;}
.footerphone span{font-size: 24px;}
.footerphone svg{width: 38px;height: 38px;}
	
.circles {font-size: calc(0.7vw - 6px);}

}

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

.map-holder {font-size: 33vh;}
.map-section > section {max-width: 55vh;}
.meeting-holder .meeting-project {box-sizing: border-box;font-size: 33vh;height: calc(3em / 4 + 3px);padding-right: 60px;}
.meeting-line{font-size:18px;height: 70px;}
.m-set-appoint{min-width: 130px;margin-right: 30px;height: 60px;}
.map-holder a.area-btn{height: 56px;font-size: 18px;width: 170px;}
}


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

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



body:not(.hvr-selected) .form_wrapper  form > *:not(.hvr-select){opacity:0.2;pointer-events:none}
body:not(.prj-selected) .form_wrapper  form > *:not(.prj-select):not(.hvr-select){opacity:0.2;pointer-events:none}
body.is-hvr .hvr-hide{display:none}

body.hvr-selected .hvr-loop{display:none}
body.prj-selected .prj-loop{display:none}


body:not(.is-hvr) .hvr-show{display:none}
.form_wrapper form select[value='0']+label{display:none}
.form_wrapper form select + label{position: absolute;top: 0px;right: 20px;line-height: 20px;transition: all .2s ease;color: #777;font-size:14px}

/*
.notComplete::after, .nothever::after,.validhever::after {content: "🗙";position: absolute;left: 5px;top: 0;bottom: 0;margin: auto;line-height: 30px;height: 30px;font-size: 30px;font-weight: bold;color: orange;}
.nothever::after {color: #950404;}
.validhever::after {content: "✔";color: #7ab706;font-size: 26px;padding-right: 40px;padding-left: 5px;background-image: url(../img/hever_logo.png);background-repeat: no-repeat;background-position: right;background-size: contain;}
*/
body.is-hvr #hvrtz:not(.validhever) ~ *{opacity:0.2;pointer-events:none}
body.is-hvr .inpt.heverHK:not(.selectedHK) ~ * {display:none}
body.is-hvr .inpt.heverHK.hever-self ~ .hvr-hideK{display:none}
b.hvr-form-ttl{display:block;margin-top:10px;margin-bottom: 6px;font-size: 20px;}
.form_wrapper form input:read-only{color:#777}

#appointment.pay-state .pop-appoint-btn-wrap {display: none;}
.pop-appoint-btn-wrap.active.buy ~ #formbuy{min-width:320px}


#endreg{/* display:none; */height: 0;overflow: hidden;}
#endreg.show{display:block;font-weight: bold;padding: 10px 0;text-align: center;height: auto;overflow: initial;}
#endreg.show ~ *{display:none}

.sold_out {width: 6em;height: 6em;color: #e33535;margin: 20px auto;border: 0.25em dashed #e33535;border-radius: 50%;transform: scale(2.5);filter: blur(10px);opacity: 0;font-size: 20px;}
.sold_out span {position: absolute;top: 0;bottom: 0;right: -1em;left: -1em;text-align: center;margin: auto;height: 2em;display: flex;align-items: center;justify-content: center;background: white;border: 0.2em #e33535 solid;box-shadow: 0 0 0 0.2em white;}

#endreg.show .sold_out, .inview .sold_out{transform: rotate(-15deg);opacity: 1;filter: none;transition: 0.4s all;transition-delay: 0.5s;}
.reg-end-text{text-align:center;font-size: 18px;font-weight: bold;}
.projects .project .sold_out, .area .sold_out{position:absolute;font-size: 2.5vw;border-color:white;}
.projects .project .sold_out span, .area .sold_out span{border-color:white;box-shadow:none;background: #e33535;color: white;}
#theprojects .area .sold_out{left: 2em;bottom: -1em;font-size: 0.06em;right: auto;z-index: 9;}
@media(min-width:992px){
	.projects .project .sold_out{font-size:20px;margin:1em auto;left:0;right:0}
}

#timer{/* display:none; */}
.m-set-appoint{display:none}