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



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

body{font-family:'Rubik',arial;/* overflow-x:hidden; */direction: rtl;}


img{max-width:100%;}
div#site {padding-top: 120px;margin-bottom: 160px;}

header{background: #ffffff;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:15px;width: 30px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;position:absolute;top: 30px;right:15px;transform:translateY(-50%);}
header .menu-button span{border-radius:0;display:block;height: 4px;margin: 5px auto;transition:all .5s ease 0s;width:100%;background: #009ee3;}

.timer-slogen{background: #009ee3;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;}

.slogens{position:absolute;height: 60px;overflow: hidden;left: calc(2vw + 60px);box-sizing: border-box;right: 2vw;text-align: center;}
.slogens > div {position: absolute;color: white;font-size: 5.6vw;line-height: 1;display: flex;height: 60px;/* width: 50vw; */text-shadow: 0 0 5px black;align-items: center;font-weight: 600;transition: 0.4s all;top: 60px;opacity:0;left: 0;right: 0;justify-content: center;flex-wrap: wrap;align-content: center;}
.slogens > div.show {top: 0;opacity:1;}
.slogens > div.prev {top: -60px;opacity: 0;height: 80px;}
.slogens span{position: relative;display: inline-block;padding-right: 1.5vw;}
.slogens span.underline svg {position: absolute;right: 0;left: 0;width: 100%;fill: #b0c90a;bottom: -2.5vw;}

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

.viewers {position: absolute;left: 7px;top: 10px;color: #233a66;text-align: center;z-index: 9;background: white;/* padding: 10px; */}
.viewers #viewcount {font-size: 22px;font-weight: 500;}
.viewers span {font-size: 12px;line-height: 1;}

a.registered {position: absolute;left: 2px;color: white;text-decoration: none;top: 2px;width: 56px;height: 56px;background: #f43e3e;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 {height: calc(100vh - 210px);position: relative;}
.spt {margin-top: 20px;margin-bottom: 40px;background: #ccecf9;height: 30px;overflow: hidden;position: relative;}
.spt::after {content: "";left: -20px;right: -20px;height: 100%;box-shadow: 0 0 10px rgb(0 0 0 / 20%) inset;position: absolute;}

.hero + .spt {margin-top: 0;}


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

section.hero {display: flex;}
section.hero .bg {position: absolute;z-index: 0;top: 0;bottom: 0;left: 0;right: 0;background-image: url(../img/bg_hero2.jpg);width: 100%;background-size: auto 100%;height: 100%;animation: movebg 20s infinite;background-position: left 0 bottom 0;background-repeat: no-repeat;}
section.hero .mid-hero .logo-hero {background: white;height: 34%;position: absolute;transform: translateY(-100%);transition: 0.5s all;top: 0;width: 100%;}
section.hero .mid-hero .logo-hero img {width: 80%;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
section.hero.inview .mid-hero .logo-hero {transform: none;}
section.hero .mid-hero .btm {position: absolute;bottom: 0;height: 20%;background: white;display: block;width: 100%;transition: 1s all;transform: translateY(100%);}
section.hero .mid-hero .btm img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 80%;}
section.hero.inview .mid-hero .btm {transform:none}


section.hero .anubanu {position: absolute;top: 20px;bottom: 0;left: 0;right: 0;}
section.hero .anubanu .anubanupic {max-width: calc(100% - 20px);margin: 0 auto;position: absolute;left: 0;right: 0;top: 10px;}
section.hero .anubanu .minutes {position: absolute;width: 22vw;}
section.hero .anubanu .anubanupic.mask {
  -webkit-mask-image: url(../img/anubanu_mask.png);
  mask-image: url(w3logo.png);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.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;}
.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:#009ee3}
.owl-nav {position: absolute;top: 50%;right: 0;left: 0;display: flex;justify-content: space-between;height: 0;}
.owl-nav button {margin: 10px;height: 30px;width: 30px;border-radius: 50%;transform: translateY(-50%);background: rgb(255 255 255 / 70%);}


.text-wrap {display: flex;}
.text {width: calc(100% - 96px);direction: rtl;padding: 0 30px;font-size: 18px;font-weight: 100;box-sizing: border-box;}
.text .t-title {font-size: 26px;font-weight: 700;line-height: 1;margin-bottom: 20px;}
.text .t-text {text-align: right;overflow: hidden;margin-bottom: 16px;line-height: 1.2;transition: 1s max-height !important;}
.text .t-text {max-height: 148px;}
.text .read-more {margin-bottom: 20px;text-align: left;font-weight: 700;color: #009ee3;cursor: pointer;display:block}
.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: #009ee3;margin-bottom: 2px;font-size: 7vw;text-align: center;}
.text .t-title .black + div {background: linear-gradient(-60deg,#b0c90a 0%, #009ee3 100%);color: white;padding: 6px 10px;margin-top: 0px;text-shadow: 0 0 2px BLACK;text-align: right;font-size: calc(6.8vw - 11px);}
/*.text .t-title .black .black-small{font-size:70%}
.text .t-title .black + div .black-big{font-size:230%;text-align:center;display:block}*/
.media-wrap {margin-top: 20px;position:relative}
.media-wrap h3 {text-align: center;margin: 20px 0 10px;font-size: 20px;color: #009ee3;}

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

section {display: block;overflow: hidden;width: 100%;direction:rtl}

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

#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/spherekel.jpg);background-size: cover;}



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 #009ee3 solid;width:42px;height:42px;background: #ccecf9;border-radius:42px;font-size:24px;color: #009ee3;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: #009ee3;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: #009ee3; */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:#000;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% - 90px);margin-right: 10px;}
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: #009ee3;}


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: #009ee3;}
section#balance.popb .zoomicon::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 16px;height: 2px;background: #009ee3;}


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


section.pay-sect{overflow:hidden;padding-bottom: 0;}
section .pay-wrap{text-align:center;overflow: hidden;}
section .pay-wrap .pay-title{margin: 30px auto 10px;box-sizing:border-box;font-size: 6vw;font-weight: 600;line-height: 1.2;border: 7px solid white;background: #09345f;color: white;padding: 10px;max-width: calc(100% - 40px);border-radius: 10px;box-shadow: 0 0 0 2px #09345f;position: relative;}
section .pay-wrap .pay-title.small {font-size: 5vw;}
section .pay-wrap .pay-title .pt-small {font-size: 50%;font-weight: normal;}
section .pay-wrap .pay-title .pt-mid {font-size: 70%;background: linear-gradient(45deg,#edd241 35%, #f9f3d1 50%, #edd241 65%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;filter: drop-shadow(0px 0px 2px black);}

section .pay-wrap .pay-title::before {content: "";border-bottom: 2px #09345f solid;border-left: 2px #09345f solid;width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -18px;margin: auto;background: white;border-radius: 0px 0px 0px 4px;}
section .pay-wrap .pay-title::after {content: "";width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -7px;margin: auto;background: #09345f;border-radius: 0px 0px 0px 4px;}
section .pay-wrap table td div {font-size: 3vw;display: none;}
section .pay-wrap table td div.compare-td {display: block;font-weight: normal;}
section .pay-wrap .pay-title.under::after {top: -7px;bottom: auto;}
section .pay-wrap .pay-title.under::before {top: -17px;bottom: auto;border: 2px #09345f solid;border-bottom: 0;border-left: 0;border-radius: 0 4px 0 0;}
section .pay-wrap .pay-title.under{cursor:pointer}

section .pay-wrap .pay-text {padding: 10px 40px;}
section .pay-wrap table{width: 93.8%;margin: 30px auto 0;border-collapse: collapse;background: #ccecf9;}
section .pay-wrap table td, section .pay-wrap table th{border-left: 1px solid #009ee3;border: 1px solid #009ee3;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 */}
section .pay-wrap table th{line-height:1;padding: 10px 5px;font-weight: 600;font-size: 3.4vw;background: #1f3260;color: white;}
section .pay-wrap table td{height:65px;vertical-align:middle;font-size: 3.8vw;}
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) {font-weight: bold;background: #afc90a;font-size: 4vw;}
section .pay-wrap .paying-today{width: calc(100% - 20px);margin:0 auto;display:block;font-size: 7vw;font-weight:600;padding: 6vw 14vw;box-sizing:border-box;line-height: 1.1;color: white;background-size: 100% auto;height: 63vw;background-repeat: no-repeat;}
section .pay-wrap .paying-terms{font-size:20px;background: #b0c90a;display:block;width:calc(100% - 40px);line-height:60px;margin:15px auto 0 auto;cursor:pointer;color: #000;}

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

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

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

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


ul.gindi-ul {padding: 10px 40px 10px 0;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 20px;}
ul.gindi-ul li {list-style: none;margin: 10px 0;position: relative;}
ul.gindi-ul li::before {content: "";position: absolute;right: -30px;width: 20px;height: 20px;background: linear-gradient(90deg, #b0c90a, #b0c90a 20%,white 20%,white 25%,#b0c90a 25%,#b0c90a 45%,white 45%,white 50%,#009ee3 50%,#009ee3);top: 0px;}
ul.gindi-ul li .bank-img{width:70px;margin-right:10px;margin-top:-2px}
.points ul.gindi-ul li {font-size: 14px;}
.points ul{margin-bottom:0}
.bank {width: 93.5%;margin: 0 auto 30px;border: 2px #777 solid;display: flex;align-items: center;justify-content: center;padding: 10px;box-sizing: border-box;background: linear-gradient(45deg, #eee, #fff);}

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

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


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

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

section.gindi{margin-top:50px}

section#gindi-chart {margin-top: 30px;padding: 10px 0 40px;background: linear-gradient(180deg, #ccecf9, #f5fcff 10px, #ccecf9 calc(100% - 10px), #9ddcf7);}
.chart1.checkview span {position: relative;display: inline-block;padding: 4px 10px;width: 100%;max-width: 0;box-sizing: border-box;border-bottom: 1px solid #009ee3;white-space:nowrap;direction: ltr;background: linear-gradient(-45deg, rgb(204 236 249 / 0%), #8dd8f7);}
.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%), #8dd8f7);}

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

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


.gExtra-wrap {width: 93.8%;margin: 6vw auto 7vw;border: 2px #233a66 solid;box-sizing: border-box;padding: 7vw 14px 6vw;position: relative;}
.gExtra-wrap .gExtraTitle {position: absolute;left: 50%;top: -5.6vw;padding: 0 10px;background: white;transform: translateX(-50%);font-size: 6vw;color: #1f3260;white-space: nowrap;font-weight: 600;}
.gExtra-wrap .gExtraTitle div {font-size: 3.8vw;line-height: 1;font-weight: normal;letter-spacing: 0.6vw;}
.gExtra-wrap .gExtra {background: #f43e3e;color: white;padding: 3vw 3vw;font-size: 4.6vw;font-weight: 600;text-shadow: 0 0 3px rgb(0 0 0 /50%);}
.gExtra-wrap .shovi {position: absolute;display: inline-block;background: white;bottom: -3.5vw;font-size: 6vw;font-weight: 500;white-space: nowrap;right: 50%;transform: translateX(50%);padding: 0 10px;color: #1f3260;}
.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: white;transform: rotate(5deg);}
.gExtraSpt {margin: 10px ;border-bottom: 2px dotted #fff;}


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


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


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

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

.footer-sticky {position: fixed;bottom: 0;left: 0;right: 0;display: flex;z-index: 99;box-shadow: 0px -3px 0 rgb(0 0 0 /20%);}
.footer-sticky > div {width: 50%;background: #f43e3e;color: white;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;cursor: pointer;}
.footer-sticky > a {width: 50%;background: #009ee3;color: white;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 22px;text-decoration: none;}
.footer-sticky > a span{direction:ltr;padding: 0 5px;}

.spherekel-bg{padding-bottom: 66%;background-size: cover;position: relative;display: block;}
.sp-text {position: absolute;top: 13%;right: 50%;transform: translateX(50%);background: rgb(0 158 227 / 70%);line-height: 10vw;padding: 0 30px;border-radius: 5vw;font-size: 4.6vw;color: white;}
.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 #afc90a;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: #505c04;}
.stairs .stair ~ .stair {height: 70px;border: 2px solid #009ee3;border-radius: 10px 10px 0 0;color: #003952;}
.stairs .stair div {font-size: 18px;font-weight: 500;}
.stairs .stair div span{font-size: 14px;top: 4px;position: relative;}
.stairs .stair:not(:last-child)::after {position: absolute;left: 0;top: 0;bottom: 0;width: 5px;background: rgb(0 0 0 / 15%);content: "";}

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

.pop {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0,0,0,0.6);z-index: 999;display:none}
.pop .pop-cont {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: white;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: #009ee3;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: 600;}
.pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px}
.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: #009ee3;color: white;line-height: 60px;margin: 2px;text-decoration: none;font-size: 20px;cursor: pointer;}
.plans {/* display: flex; */max-width: 380px;margin: 0 auto;}
.pop .pop-cont a.pdf-btn.floor {background: #ccecf9;}


.pop .pop-cont .pop-text1{padding:20px 0;text-align:justify}
.pop .pop-cont .pop-title1 {font-size:24px;font-weight:bold}
.pop .pop-cont ul {padding: 10px 30px 10px 0;overflow: auto;margin-bottom: 30px;}
.pop .pop-cont ul li {list-style: none;margin: 10px 0;position: relative;}
.pop .pop-cont ul li::before {content: "";position: absolute;right: -30px;width: 20px;height: 20px;background: linear-gradient(90deg, #b0c90a, #b0c90a 20%,white 20%,white 25%,#b0c90a 25%,#b0c90a 45%,white 45%,white 50%,#009ee3 50%,#009ee3);top: 0px;}
.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 #009ee3;}
.pop#joinpop2 .pop-cont ul{max-height: calc(100vh - 520px);border-bottom: 1px solid #009ee3;}

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



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

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

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


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

nav#site-navigation{display: block;width: 100%;}
.nav_mobile{display:none;background: #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: 380px;margin: auto;}
.form_wrapper form input {background: transparent;color: #000;width: 100%;z-index:3;position:relative;box-sizing: border-box;padding: 5px 20px 0;line-height: 40px;height: 50px;text-align: right;margin-bottom: 4px;font-size: 18px;border: 1px #ccc solid;border-radius: 5px;}


.form_wrapper form input[type=text]+label, .form_wrapper form input[type=number]+label, .form_wrapper form input[type=tel]+label, .form_wrapper form input[type=email]+label {position: absolute;top: 0;right: 20px;line-height: 50px;transition: all .2s ease;}
.form_wrapper form input:valid + label,.form_wrapper form input[type=text]:focus+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 input::placeholder {color: #AAA;}
.form_wrapper form input#submitB{display:none}
.form_wrapper form label.submitB div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;margin-right: 10px;}
.form_wrapper form label.submitB {cursor: pointer;background: #009ee3;color: #FFF;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 2px #ffffff solid;box-shadow: 0 0 0 3px #009ee3;position: relative;display: flex;align-items: center;justify-content: center;margin-top: 10px;}

.form_wrapper form input#submitC{display:none}
.form_wrapper form label.submitC div {display: inline-block;font-size: 30px;line-height: 20px;font-weight: 100;margin-right: 10px;}
.form_wrapper form label.submitC {cursor: pointer;background: #009ee3;color: #FFF;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 50px;font-size: 20px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 2px #ffffff solid;box-shadow: 0 0 0 3px #009ee3;position: relative;display: flex;align-items: center;justify-content: center;margin-top: 10px;}

.form_wrapper form input.checkA {width: 22px;height: 22px;float: right;/* margin-top: 8px; */}
.form_wrapper form label.checkB {display: inline-flex;padding-right: 50px;margin-right: -40px;text-align: right;padding-bottom: 10px;padding-top: 4px;line-height: 1.2;font-size: 12px;/* height: 28px; */align-items: center;width: calc(100% - 40px);cursor: pointer;}
.form_wrapper form select {background: rgb(255 255 255 / 70%);color: #000;width: 100%;box-sizing: border-box;padding: 0 20px;line-height: 40px;height: 50px;text-align: right;margin-bottom: 4px;font-size: 16px;border: 1px #ccc solid;border-radius: 5px;}
.form_wrapper form .checkform{margin-top:10px;display: flex;align-items: center;}
.form_wrapper form .required, .form_wrapper form .inpt {position: relative;}
.form_wrapper form .required::before {content: "*";position: absolute;color: red;right: -10px;top: 17px;font-size: 18px;}
.form_wrapper form .paytext {text-align: center;margin-bottom: 10px;}

.form_wrapper form .address {background: rgb(255 255 255 / 70%);color: #000;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:#FFF;border-radius:5px;}
.form_wrapper form .address .inpt:nth-child(n+4) {
    width: calc(100% / 3 - 2px);
}
.form_wrapper form .address:not(.open) input {max-height: 0;transition: 0.2s all;border: 0;margin: 0;line-height: 0;height: 0;width: calc(50% - 10px);display: none;}
.form_wrapper form .address input {transition: 0.2s all;width: 100%;display: inline-block;background: transparent;padding: 0 10px;margin:0;}
.form_wrapper form .address.open {max-height: 300px;background: #f5f5f5;padding-bottom: 10px;}
.form_wrapper form .address span {display: block;font-size: 16px;color: #aaa;padding: 4px 10px;}
.form_wrapper form .address.open span{padding:0 10px;color:#333}
.form_wrapper form .address input:nth-child(n + 4) {width: calc(100% / 3 - 2px);}
.form_wrapper form .checkform a {color: #1f3260;}

.form_wrapper form .notrequired label {position: absolute;background: #EEE;font-size: 14px;padding: 2px 10px;top: -7px;}
.form_wrapper form .notrequired {position: relative;margin-top: 8px;}

.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 #009ee3 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 #009ee3 solid;border-radius: 10px 10px 0 0;border-bottom: 0;color: #555;line-height: 1;align-items: center;justify-content: center;text-align: center;cursor: pointer;}
.switch-apts .switch-apt.active {background: #009ee3;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: #ffe6e6;color: #bb0d0d;}

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

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

}

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

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

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

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

.shine {overflow:hidden;position:relative}

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

/* animation */

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



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

.slogens {position: relative;height: 80px;padding: 0;}
.slogens > div {font-size: 32px;}
.slogens > div > div {padding-right: 10px;}
.slogens > div {font-size: 28px;height: 60px;}
.slogens > div > div {padding-right: 10px;}
.slogens span {padding-right: 10px;}
.slogens span.underline svg {bottom: -10px;}

#spherekel-pop.pop .pop-cont {max-width: calc(100% - 20px);max-height: calc(100% - 20px);}


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

body #accessibility .acc_icon {top:80px}

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

}

header .menu-button{display:none}

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

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

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

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

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

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


.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;}
.viewers #viewcount{}

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

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

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

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

.spt.mobile{display:none}

.nav_mobile {display: block;position: fixed;right: 0;width: 290px;z-index: 9;top: 0;bottom: 0;box-shadow: 5px 0 5px rgba(0,0,0,0.2) inset;padding-top: 100px;box-sizing: border-box;}
section.hero {height: calc(100vh - 220px);}
section.hero .anubanu .anubanupic {max-height: calc(100vh - 280px);}
section.hero .anubanu .minutes {width: 20vh;right: 50%;max-width: 140px;margin-right: -38vh;}
section.hero .bg {background-size: 100%;}


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


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

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

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

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

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


section .pay-wrap .pay-title {font-size: 40px;display: inline-block;width: 600px;}
section .pay-wrap .pay-title.small {font-size: 30px;}
section .pay-wrap table {max-width: 800px;}
section .pay-wrap table th {font-size: 18px;}
section .pay-wrap table td {font-size: 18px;}
section .pay-wrap table td div {font-size: 14px;}
section .pay-wrap table td .pent {font-size: 18px;}
section .pay-wrap table td span {font-size: 24px;}

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

.gExtra-wrap {max-width: 800px;}
.gExtra-wrap .gExtraTitle {font-size: 42px;top: -48px;}
.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: 60px 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;}

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

@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 40px 0}
.double{display:flex;}
.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;}

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

}

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

}


@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: 140px; }
	.showCookies ~  .btn-matkonet { bottom: 100px; }
	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; }
}