*{margin:0;border:0;vertical-align:top;-webkit-tap-highlight-color: rgba(0,0,0,0);}
@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')}




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

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

body{font-family:'Open Sans Hebrew', sans-serif;/* overflow-x:hidden; */ direction: rtl;background: #010101;color: #f5f5f5;}
body.start{overflow:hidden;height:100vh}
.grid-lines {position: fixed;z-index: 0;top: 0;bottom: 0;width: calc(100% - 50px);display: table;height: 100%;margin: 0px 25px;border-collapse: collapse;display: none;}
.grid-lines div {display: table-cell;border: 1px rgba(255,255,255,0.1) solid;border-top: 0;border-bottom: 0;}
.stage .grid-lines {position: absolute;}

img{max-width:100%;}
div#site {padding-top: 120px;margin-bottom: 200px;position:relative;/* z-index:1; */overflow:hidden}

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


header{background: #010101;position:fixed;top:0;right:0;left:0;z-index: 101;}
header .container{height:60px}
header .logo{position:absolute;top: 5px;height: 56px;width: 38px;overflow:hidden;left: 10px;right: 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: 8px;height: 8px;border-radius: 50%;background: linear-gradient(90deg, #9ad6e6  , #000000  );top: -1px;box-shadow: -1px 0 0 #9ad6e6 inset;}
header .sheba-text {position: absolute;top: 10px;left: 80px;right: 80px;text-align: center;height: 40px;display: flex;align-items: center;justify-content: center;line-height: 1.2;font-size: 5vw;background: #9ad6e6;color:black;font-weight: 900;color: white;text-shadow: 0 0 2px BLACK;}


.timer-slogen{background: linear-gradient(-90deg, #202c28 0%, #9ad6e6 40%, #9ad6e6 60%, #202c28);background: #9ad6e6;position: relative;height: 60px;top:60px;border-top: 2px solid transparent;border-bottom: 2px solid transparent;box-sizing: border-box;/* box-shadow: 0 0 0 50px black inset; */}
.timer-slogen::before{content:"";width: 400%;/* background: linear-gradient(180deg, #dfdfdf, #ffffff); */animation: bgmover 20s infinite;height: 100%;position: absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%) inset;}

.round-logo{position:absolute;width: 50px;height: 50px;background-image: url(../img/r-small.png);top: 6px;left: 5px;z-index: 9;background-size: cover;right: 5px;margin: 0 auto;}

.slogens{position:absolute;height: 56px;overflow: hidden;/*left: calc(2vw + 60px);*/left:2vw;box-sizing: border-box;right: 2vw;text-align: center;}
.slogens > div {position: absolute;color: #9ad6e6;color: black;font-size: 6.2vw;line-height: 1;display: flex;height: 56px;/* 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;flex-direction: column;}
.slogens > div.show {top: 0;opacity:1;}
.slogens > div.prev {top: -60px;opacity: 0;height: 80px;}
.slogens > div.small{font-size: 6.4vw;}



#timer{direction:ltr;color: #111;display:flex;flex-wrap: wrap;justify-content: center;position:absolute;width: 220px;background: linear-gradient(-90deg, #1c3b63 0%, #509ead 10%, #9edae6 30%, #9edae6 70%, #509ead 90%, #1c3b63);height: 50px;left: 0;right: 0;top: 3px;border-radius: 29px;box-shadow: 0px 0px 2px rgb(0 0 0 / 30%) inset, 0px 0px 50px rgb(255 255 255 / 50%);padding: 0px 20px 0 20px;box-sizing: border-box;align-items: center;z-index: 1;margin: auto;}
#timer .tm{display:flex;padding-bottom: 11px;position: relative;height: 20px;align-items: center;}
#timer .tm:nth-child(n+3)::before{content:":";width: 10px;text-align:center;line-height: 24px;font-size: 14px;font-weight: 500;}
#timer .tm:nth-child(2)::before{content:""}
#timer .tm span{width: 14px;text-align:center;font-size: 20px;font-weight: 500;padding: 0;}
#timer .tm label{position:absolute;bottom:0;font-size: 11px;left:0;right:0;text-align:center;padding-left: 2vw;font-weight: 400;opacity: 0.8;line-height: 1;}
#timer .tm.days label{font-weight: 500;padding-left: 0;font-size: 12px;line-height: 1;}
.timer-title {/* color: #fff; */font-size: 14px;/* position: absolute; */line-height: 14px;left: 0;right: 0;top: 2px;/* padding: 0 8px; */z-index: 9;/* border-radius: 0 30px 0 0; */text-align: center;margin: auto;direction: rtl;width: 100%;margin-bottom: -4px;margin-top: -1px;/* display: none; */}
.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: 80px;left: 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: 8px;color: #000000;text-decoration: none;top: 3px;width: 50px;height: 50px;background: #9ad6e6;text-align: center;overflow: hidden;z-index: 9999;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 13px;line-height: 1.2;font-weight: bold;border-radius: 50%;}
a.registered div {font-size: 0.7em;line-height: 1;margin-top: -0.2em;}
a.registered label {position: absolute;bottom: 7px;border-right: 2px solid white;border-bottom: 2px solid white;width: 6px;height: 6px;transform: rotate(45deg);left: 0;right: 0;margin: auto;}

.main-title {line-height: 80px;text-align: center;color: #487ec6;font-size: 6vw;font-weight: 500;position:relative}
.main-title svg {position: absolute;bottom: 8px;left: 0;right: 0;width: 90%;fill: #1e4f85;margin: auto;}
section.hero {position: relative;}
.spt {height:40px}
.spt.desktop{display:none}
.spt-top{height:10vw}
.hero + .spt {margin-top: 0;}
.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 img.hero-logo {position: absolute;top: -50vw;left: -50vw;right: -50vw;z-index: 9;width: 100%;margin: auto;bottom: -50vw;}
.hero.inview img.hero-logo{opacity: 0.6;width:40%;transition: 6s all;border: 0px solid white;transition-delay: 0.5s;}

.pause {position: absolute;top: 10px;left: 10px;background: #010101;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: 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: #010101;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;}




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


.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: auto;color: black;font-size: 30px;height: 0;}
.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;flex-direction: column;}
.text {width:100%;direction: rtl;padding: 0 30px;font-size: 18px;font-weight: 100;box-sizing: border-box;}
.text .t-title {font-size: 6.8vw;/* font-weight: 700; */line-height: 1;margin: 0 -30px 20px -30px;/* font-family: Comfortaa-Light; */font-weight: 400;direction: ltr;text-align: center;padding-bottom: 10px;position: relative;}
#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, #202c28 0%, #9ad6e6 40%, #9ad6e6 60%, #202c28);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;}

.promote{background: linear-gradient(-90deg, #202c28 0%, #9ad6e6 40%, #9ad6e6 60%, #202c28);text-align: center;line-height: 1;font-weight: 900;color: white;margin-bottom: 0px;padding: 15px 0;font-size: 6vw;text-shadow: 0 0 2px BLACK, 0 0 2px BLACK, 0 0 2px BLACK;}
.svgunder{position:relative}
.svgunder::before {content: "";top: 0.95em;left: 0.2em;right: -0.1em;position: absolute;background: url(../img/stroke2.svg?1);padding-bottom: 9%;background-size: contain;background-repeat: no-repeat;transform: scaleY(0.4);}
.svgunder::after {content: "";top: 1.2em;left: -0.4em;right: -0.2em;position: absolute;/* background: url(../img/stroke.svg); */padding-bottom: 9%;background-size: contain;background-repeat: no-repeat;}
#main .text{font-size: 18px;background: white;color: black;font-weight: 400;}
#main b.hero-title{margin: 20px 0 0;display: block;font-size: 1.3em;}
@keyframes letter-entrance{
	from:{}
	to{transform:none;opacity:1}
}

.semi-title {font-size: 3.8vw;text-align: center;}

.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: 148px;}
.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: #9ad6e6;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-text.open ~ .read-more span:nth-child(2) {font-size: 0;width: 50px;height: 30px;position: relative;display: inline-block;text-align: center;}
.text .t-text.open ~ .read-more span:nth-child(2):before {content: "";width: 20px;height: 20px;border: 2px solid white;display: inline-block;transform: rotate(45deg);margin-top: 5px;border-bottom: 0;border-right: 0;}
.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;}
.binui{overflow:hidden;padding-bottom:141.5%}
.binui .binui-on-top{top:0;position:absolute;width:100%;height:100%;left:0;bottom:0}
.binui .binui-on-top2{position:absolute;width: 102.625%;height: 104.77%;left:0;bottom:0}
svg#sagol {stroke-dasharray: 16 2 16 2 16 2 16 2 16 3040;stroke-dashoffset: 0;transition: 2s all;}

.space-marker {position: absolute;transform:translate(50%,-50%);background: rgba(0,0,0,0.8);box-sizing: border-box;font-size: 10px;}
.space-marker::before {content: "";width: calc(100% - 6px);padding-bottom: calc(100% - 6px);display: block;margin: 3px 3px 0;background-size: contain;background: linear-gradient(135deg,  #ddf5fb, #9ad6e6);mask-image: url(../img/r-small.png);mask-size: 100%;/* background-image: url(../img/r-small.png); */-webkit-mask-size: 100%;-webkit-mask-image: url(../img/r-small.png);}
.space-marker span {display: block;padding: 0 4px 3px;font-size: 8px;line-height: 1;color: #c5eaf4;}
.space-marker div {position: absolute;left: 0;right: 0;bottom: -7px;text-align: center;font-size: 7px;font-weight: bold;z-index: 1;}
.space-marker::after {position: absolute;content: "";left: -11px;border-right: 12px solid rgba(0,0,0,0.8);border-top: 7px transparent solid;border-bottom: 7px transparent solid;width: 0;top: 12px;margin: auto;}
.space-marker .presale{position:absolute;left: calc(100% - 3px);padding:2px 5px;background: linear-gradient(-90deg, #1e5a65 0%, #55a4b9 70%, #1a5d69);color:white;font-size:10px;top:0;display:block;top: 1px;text-shadow: 0 0 2px black;white-space: nowrap;display: none;}
.station-marker{position:absolute;transform:translate(50%,-50%);border: 5px solid purple;font-size: 9px;width: 36px;line-height: 1;text-align: center;height: 36px;color: black;border-radius: 50%;font-weight: 600;background: rgba(255,255,255,0.9);display: flex;align-items: center;justify-content: center;}


.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}
section#sec1{
    position: relative;
}
.bgpic-wrap {padding-bottom:57%}
.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: 100%;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("/assets/img/spherekelB.jpg");background-size: cover;}
.vid-place video {height: 100%;position: absolute;left: -100vw;right: -100vw;margin: auto;}

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

 .inputWrap .inside-pop {z-index: 9999;}
.inputWrap>.wrap  {cursor:pointer;}
.inputWrap .inside-pop .pop-cont-scroll::before, .inputWrap .inside-pop .pop-cont-scroll::after{display:none !important}
.inputWrap .inside-pop .wrap .title {font-size: 16px;color: #fff;line-height: 30px;text-align: right;font-weight: 600;display: inline-block;margin: 10px auto;}
.inputWrap .inside-pop .wrap .items>*.active {background: #9cc3c4;}
.inputWrap .inside-pop .wrap {padding:20px;text-align: center;}

.inputWrap .inside-pop .wrap .items {display: flex;max-width: 400px;margin: 0 auto;width: 100%;flex-wrap: wrap;justify-content: space-between;align-items: start;}
.inputWrap .inside-pop .wrap .items>* {width: 48%;border: 2px solid #fff;font-size:20px;background:transparent;border-radius: 10px;min-height: 60px;cursor: pointer;color: #fff;text-align: center;padding: 10px;box-sizing: border-box;display: flex;align-items: center;margin-bottom: 4%;justify-content: space-around;flex-wrap: wrap;}
.inputWrap .inside-pop .wrap .items>*.disabled {border-color: #999;opacity: 0.9;/*pointer-events: none;cursor: not-allowed;*/background: #801819;}
.inputWrap.ds.disabled {opacity: 0.2;pointer-events: none;cursor: not-allowed;}

.wrap .loader {display:flex;align-items:center;justify-content:space-around}
.loader-inside {width: 48px;height: 48px;border: 5px solid #fff;border-bottom-color: #9ad6e6;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}

@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
} 

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

.owl-carousel.circles-carousel {position:relative;z-index: 3;margin-bottom: 0px;margin-bottom: -10px;}
.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;background: white;color: black;background: linear-gradient(135deg,#BBB , #e8e8e8 30%, white,#e8e8e8 70%, #BBB);box-shadow: 0px 0 1.2em 0.3em rgba(0,0,0,0.2), 1px 1px 1px 0 inset rgba(255,255,255,0.5), -1px -1px 1px 0 inset rgba(0,0,0,0.1);}
.circles .circle img {max-height: 7em;margin: 2em auto 0;}
.circles .circle svg {max-height: 9em;margin: 2em auto 0;width:auto;position: relative;z-index: 9;}
.circles-carousel .circles{/* top:0; */margin-bottom: 10px;}
.circles-carousel .circles .circle{margin-top:0;}
.circles .circle.small {width: 20em;min-height: 30em;padding: 0;position: relative;justify-content: space-between;}
.circles .circle.small svg + .ttl {font-size: 4em;line-height: 1;height: auto;font-weight: 700;max-height: 0.8em;}
.circles .circle .move3d {position: absolute;left: 3px;top: 3px;right: 3px;bottom: 8em;overflow: hidden;perspective: 20em;}
.circles .circle .move3d img {left: 0;top: -4em;bottom: -4em;position: absolute;margin: auto;width: auto;max-height: none;height: calc(100% + 4em);max-width: none;animation: move-3d 6s infinite linear forwards;}
.circles .circle.small svg {fill: white;filter: drop-shadow(0px 2px 2px black);}


@keyframes move-3d{
    0%{left:-2em;transform:rotate3d(0, 1, 0, -10deg)}
    50%{left:-5em;transform:rotate3d(0, 1, 0, 10deg)}
    100%{left:-2em;transform:rotate3d(0, 1, 0, -10deg)}
}
.hero .text-wrap{background:white}
.hero .circles{margin-bottom:10px;max-width: 800px;}
.hero .circles .circle{min-height: 18em;/* width: 20em; */}

.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 .number span{font-size: 0.5em;line-height: 1;margin-right: 0.2em;}
.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;padding: 0 0.2em;display: flex;align-items: center;min-height: 2.2em;margin-top: 0;padding: 0 0.5em;}

.circles .circle svg + .ttl{height: 3.9em;margin-top: 0;display: flex;align-items: center;}

section.pay-sect{overflow:hidden;padding-bottom: 0;}
section .pay-wrap{text-align:center;overflow: hidden;}
section .pay-wrap table td div {font-size: 4vw;display: inline-block;color: white;width: 40%;text-align: left;}
section .pay-wrap table td div:nth-child(2){width:12%;text-align:center}
section .pay-wrap table td div:last-child{text-align:right}
section .pay-wrap table td div.compare-td {/* display: block; */font-weight: normal;}

.pay-wrap.pay-bg{/* background-image: url(../pic/night/3.jpg); */background-size: 100% auto;background-position: center top;box-shadow: 0 -100px 40px -40px #000 inset;padding-top: 1px;padding-top: 1em;}

.specialboxes {width: calc(100% - 30px);max-width: 800px;display: flex;flex-wrap: wrap;text-align: center;margin: 0 auto;justify-content: space-between;justify-content: center;font-size: 4.1vw;margin-bottom: 1.5em;}
.specialbox {margin: 5px;width: calc(50% - 10px);color: #010101;display: flex;flex-direction: column;height: 6em;justify-content: center;padding: 0.5em;box-sizing: border-box;font-weight: 700;border-radius: 10px;line-height: 1;/* box-shadow: 0px 4px 5px -4px rgb(0 0 0 / 50%), 0 0 2em 0px inset rgb(255 255 255 / 50%),0 0 0 5px #957b60 inset, 0 0 0 6px #ccbaa8 inset; */box-shadow: 0 0 5px #ffffff inset, 0px 4px 4px -4px rgb(0 0 0 / 80%);}
.specialbox > *{position:relative;z-index:1}
.specialbox.bigbox {width: 100%;font-size: 1.4em;height: 4.4em;}
.specialbox::before {content:"";position: absolute;left: 0;top: 0;right: 0;bottom: 0;font-size: 1em;color: white;font-weight: 100;background: linear-gradient(135deg,#BBB , #e8e8e8 30%, white,#e8e8e8 70%, #BBB);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.specialbox.bigbox::before{background: linear-gradient(135deg,#BBB , #e8e8e8 30%, white,#e8e8e8 70%, #BBB);}
.specialbox.bigbox .bb-line1{font-size:0.7em;font-weight:normal}
.specialbox.sp3 {width: calc(100% / 3 - 10px);font-size: 1em;height: 6.4em;justify-content: center;text-align: center;}
.specialbox .blueline{font-size: 1em;font-weight: 500;background: linear-gradient(135deg, #638a91, #9ad6e6 30%, #daf1f5, #9ad6e6 70%, #638a91);margin: 0.2em -1.4em 0.3em;padding: 0.4em 10px;box-shadow: 0 0 1px black;font-weight: 800;text-shadow: 0 0 0.1em white;}
.specialbox .blueline .asterisk{font-size: 0.6em;}
.specialbox svg{width: 80%;margin: 0 auto 0.5em;height: 2.2em;line-height: 3em;!i;!;}
.specialbox .lines-lft-rgt{display:flex;align-items:center;white-space: nowrap;font-weight: normal;}
.specialbox .lines-lft-rgt::before,.specialbox .lines-lft-rgt::after{content:"";width: 50%;height: 1px;background: black;margin: 0.5em;}
.specialboxes .sb-undertext{font-size: 0.6em;width:100%;text-align:start;color: #ccc;}
.svg-under{position:relative}
.svg-under::after{content:"";top: 1.2em;left: -0.3em;right: -0.15em;position: absolute;background: url(../img/stroke2.svg);padding-bottom: 9%;background-size: contain;background-repeat: no-repeat;}


.pay-title{background: linear-gradient(-90deg, #202c28 0%, #9ad6e6 40%, #9ad6e6 60%, #202c28);text-align: center;line-height: 1.2;font-weight: 900;color: white;margin-bottom: 0px;padding: 15px 0;font-size: 6vw;text-shadow: 0 0 2px BLACK, 0 0 2px BLACK, 0 0 2px BLACK;}
.pay-title.picbg{background-image: url(../img/bg_blue_light.jpg);background-position: center bottom;background-size: cover;position: relative;padding: 1em 0;}
.pay-title.picbg::before{content:"";position: absolute;bottom: 0.35em;left: 0.4em;top: 0.4em;right: 0.35em;border: 1px solid rgba(255,255,255,0.5);border-radius: 1em;pointer-events: none;}
.pay-title .pay-title-inner{padding: 0 20px;}
.pay-title.small {font-size: 5vw;}
.pay-title .pt-small {font-size: 50%;font-weight: normal;}
.pay-title .pt-mid {font-size: 90%;display: inline-block;color: white;text-shadow: 0 0 2px black;margin-top: 8px;}
.pay-title .pt-big{font-size: 170%;}
.pay-title.red{background: linear-gradient(-90deg, #b52020 0%, #e13939 70%, #ad1a1a);color: white;text-shadow: 0 0 2px black;margin-bottom: 30px;}
.pay-title.blue{background: linear-gradient(-90deg, #2f869d 0%, #6ab0c3 40%, #6ab0c3 60%, #2f869d );color: white;text-shadow: 0 0 2px black;}


.pay-title.arrow::before {content: "";border-bottom: 2px #09345f solid;border-left: 2px #09345f solid;width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -18px;margin: auto;background: white;border-radius: 0px 0px 0px 4px;}
.pay-title.arrow::after {content: "";width: 16px;height: 16px;transform: rotate(-45deg);position: absolute;left: 0;right: 0;bottom: -7px;margin: auto;background: #d9c28e;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}

.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: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);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::before{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 90%;height: 90%;background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.3) 65%, rgba(255,255,255,0) 70%);margin: auto;background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0) 60%);}
.star-shine {position: absolute;width: 10vw;height: 10vw;display: flex;align-items: center;justify-content: center;font-size: 10vw;z-index: 1;border-radius: 50%;}
.star-shine.str1{top: -30%;}
.star-shine.str2{bottom: 50px;left: -20px;}
.star-shine.str3{top: 8%;z-index: 9;left: 0;font-size: 2em;}
.star-shine.str4{bottom: 17%;right: 3px;font-size: 2em;}

.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 .table-wrap{margin:20px auto; width:calc(100% - 50px)}
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;/* margin: 20px auto; */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: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);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 th{line-height: 1;padding: 10px 5px;font-weight: normal;font-size: 4vw;background: #fff;color: #010101;}
section .pay-wrap table th div{font-size:0.6em}
section .pay-wrap table th:nth-child(4){/* font-size: 5vw; */}
section .pay-wrap table td{height: 45px;vertical-align:middle;font-size: 3.6vw;color: #fff;}
section .pay-wrap table td .pent {font-size: 2.8vw;}
section .pay-wrap table td span{display:block;}
section .pay-wrap table td span.nis{line-height: 1.7;}
section .pay-wrap table td:first-child span.nis{padding-right: 0.1em;font-weight: normal;opacity: 0.8;}
section .pay-wrap table td s{opacity:0.5;text-decoration: none;position: relative;}
section .pay-wrap table td s::after{content:"";position: absolute;left: -5px;right: -5px;height: 1px;background: white;display: block;top: 50%;transform: rotate(5deg);}
section .pay-wrap table th:nth-child(3) {font-weight: bold;background: linear-gradient(-90deg, #ccc 0%, #fff 70%, #ccc);font-size: 4.6vw;color: #010101;}
section .pay-wrap table th:last-child{/* font-size: 4vw; *//* line-height: 1.1; *//* direction: rtl; */}
section .pay-wrap table td:nth-child(3){background: #396976;font-weight: bold;font-size: 4.6vw;}
section .pay-wrap table th, section .pay-wrap table td {/* width: calc(100% / 3); */}

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%;opacity:1}
.text-carousel.bgpics .item span {font-size: 100%;position: absolute;color: white;left: 0;right: 0;/* text-align: center; */bottom: 0;text-shadow: 0 0 2px BLACK;font-weight: bold;padding: 10px 5%;z-index: 9;background: rgba(0,0,0,0.4);}

.text-carousel.bgpics.plans-gallery .item {height: 42px;}
.text-carousel.bgpics.plans-gallery .item img {bottom: 42px;height: calc(100% - 42px);}
.text-carousel.bgpics.plans-gallery .item span {background: white;color: black;text-shadow: none;}

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

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


ul.gindi-ul {padding: 10px 55px 10px 0;overflow: auto;margin-bottom: 30px;text-align: right;margin-left: 25px;}
ul.gindi-ul li {list-style: none;margin: 10px 0 16px;position: relative;}
ul.gindi-ul li::before {position: absolute;right: -30px;width: 20px;height: 20px;/* top: 0px; */content: "";font-family: 'NotoSerif-Regular';font-size: 16px;display: flex;align-items: center;justify-content: center;background: url(../img/r-logo.png);color: #010101;font-weight: bold;background-size: cover;}
ul.gindi-ul.gindi-checks li::before {background: transparent;width: 6px;height: 10px;border-right: 2px solid white;border-bottom: 2px solid white;transform: rotate(45deg);right: -20px;top: 3px;}
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);}

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


.pay-btn {font-size: 20px;background: linear-gradient(-90deg, #b52020 0%, #e13939 70%, #ad1a1a);display: block;width: calc(70%);line-height: 50px;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;background-color:white;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 60% );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 50% );}

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: 30px  auto 20px;box-sizing: border-box;padding: 7vw 14px 6vw;padding: 14px;position: relative;background: linear-gradient(-90deg, #ccc 0%, #fff 70%, #ccc);/* overflow: hidden; */}
.gExtra-wrap::before{content:"";background: #010101;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: -0.8em;padding: 0 10px;background: #000;transform: translateX(-50%);font-size: 5.8vw;color: #ffffff;white-space: nowrap;font-weight: 600;z-index: 1;}

.gExtra-wrap .gExtraTitle div {font-size: 3.8vw;line-height: 1;font-weight: normal;letter-spacing: 0.6vw;display: none;}
.gExtra-wrap .gExtra {background: linear-gradient(-90deg, #ccc 0%, #fff 70%, #ccc);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: #010101;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: #010101;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;}


.btn-whatsapp{position: fixed;left: 10px;background: #378033;color: #fff;text-decoration: none;border-radius: 31px;text-align: center;line-height: 36px;top: 6px;border: 1px solid white;z-index: 99;box-shadow: 0 3px 0 rgb(0 0 0 / 20%);cursor: pointer;width: 44px;height: 44px;font-size: 0;padding: 0;display: flex;align-items: center;justify-content: center;z-index: 110;}
.btn-whatsapp svg{width: 28px;height: 28px;/* position: absolute; *//* left: 6px; *//* top: 8px; */}

.btn-matkonet {position: fixed;left: 7px;transform: translateY(-50%);background: #ffffff;color: #010101;text-decoration: none;border-radius: 31px;padding: 0px 10px 0 30px;text-align: center;height: 36px;width: 52px;bottom: 85px;font-size: 12px;border: 1px solid white;z-index: 99;display: flex;align-items: center;box-shadow: 0 3px 0 rgb(0 0 0/20%);cursor: pointer;}
.btn-matkonet svg {fill: #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;}

.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%);}
.footer-sticky > div,.footer-sticky > a {width: 50%;background: #dec5b6;background: black;color: #FFF;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 18px;cursor: pointer;text-decoration: none;}
.footer-sticky > div.white {width: 50%;background: #ffffff;background: linear-gradient(-90deg, #b52020 0%, #e13939 70%, #ad1a1a);color: #fff;display: flex;height: 44px;align-items: center;justify-content: center;font-size: 18px;text-decoration: none;font-weight: bold;width: 60%;}
.footer-sticky > a span{direction:ltr;padding: 0 5px;}

.spherekel-bg{padding-bottom: 66%;background-size: cover;position: relative;display: block;background-position:center}
.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 #9ad6e6;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: 390px;}

.pop {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgb(0,0,0,0.9);z-index: 999;display:none}
.pop .pop-cont {color: #FFF;position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 800px;max-height: 760px;overflow: hidden;background: #010101;width: calc(100% - 20px);height: calc(100% - 20px);margin: auto;box-shadow: 0 0 10px black;border-radius: 20px;border: 1px solid white;}
.pop.bg-pop .pop-cont{background-image: url(../img/bg_pop.jpg);background-size: cover;background-position: center;}
.pop .pop-cont .closer {position: absolute;top: -1px;left: -1px;cursor: pointer;z-index: 2;background: #010101;width: 40px;height: 40px;border-radius: 50%;border: 2px solid white;box-sizing: border-box;}
.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;margin-bottom: 20px;}
.pop .pop-cont .pop-text{margin:0 20px;font-size:18px;padding-bottom:100px}
.pop .pop-cont .pop-text a{color:white}
.pop .pop-cont .pop-title{padding:20px 0;font-size:30px;font-weight:bold}
.pop .pop-cont .pop-logo {margin-top: 20px;display: block;position: relative;}
.pop .pop-cont .pop-logo img {width: 80%;margin: 10px auto;display: block;max-width: 260px;}
.pop .pop-cont .pop-logo div {max-width: 300px;background: linear-gradient(-90deg, #000 0%, #9ad6e6 10%, #9ad6e6 90%, #000);color: #000;font-weight: 600;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 22px;margin: 0 auto 10px;line-height: 0.8;}
.pop .pop-cont .pop-logo div span{display:block;margin-top:-4px}

.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 .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 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: #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: #010101;background: #9ad6e6;padding: 10px;text-align: center;font-size: 18px;margin: 10px auto;border-radius: 5px;border: 2px #010101 solid;box-shadow: 0 0 0 3px #9ad6e6;cursor: pointer;max-width: 360px;}

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

#special.pop {}
#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;/* border: 0; */background: #010117;}
#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; */}
.pop .pop-cont  .reg-numbers {display: flex;width: 100%;max-width: 400px;justify-content: space-around;text-align: center;margin: 0 auto 20px;padding: 20px 0;border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;}
.pop .pop-cont  .reg-numbers > div b {display: block;font-size: 20px;}


#joinpop.pop{z-index:1000}
#joinpop2.pop{z-index:999}
#popmatkonet.pop{z-index:99999}
#purchase-time-limit.pop{z-index:1001}
#purchase-time-limit.pop .pop-cont{width: 300px;height: 210px;text-align:center}

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

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


.ccform.init {min-height:440px;width:100%;margin-top:50px;position:relative;}
.ccform.tranzForm{background: white;color: black;padding-top: 40px;margin-top: 30px;border-radius: 20px;border: 2px solid #033c4d;overflow: hidden;box-shadow: 0 0 10px #438da3;}

nav#site-navigation{display: block;width: 100%;}
.nav_mobile{display:none;background: #000;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: 999;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(36 209 255 / 20%) solid;transition: 0.2s all;box-shadow: 0 -2px 0px -1px black inset;}
.nav_mobile .main-navigation .main-menu>li a.active{color:#fff}
.nav_mobile .main-navigation .main-menu{width:auto;display:block;padding: 0;border-top: 1px rgb(36 209 255 / 20%) solid;box-shadow: 0 -2px 0px -1px black;}

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

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

.form_wrapper form input , .form_wrapper form select {background: transparent;color: #fff;width: 100%;z-index:3;position:relative;box-sizing: border-box;padding: 5px 20px 0;line-height: 40px;height: 50px;text-align: right;/* margin-bottom: 4px; */font-size: 18px;border: 1px rgb(255 255 255 / 50%) solid;border-radius: 5px;}
.form_wrapper form input[type=text]+label, .form_wrapper form input[type=number]+label, .form_wrapper form input[type=tel]+label, .form_wrapper form input[type=email]+label {position: absolute;top: 0;right: 20px;line-height: 50px;transition: all .2s ease;color: #bbb;}
.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 .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: black;color: #9ad6e6;width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;line-height: 46px;font-size: 24px;margin-bottom: 0;text-align: center;font-weight: 600;border-radius: 5px;display: block;border: 2px #9ad6e6 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: linear-gradient(-90deg, #ba9e71 0%, #e8d29b 70%, #ba9e71);color: white;height: 45px;transition: 0.2s all;}
b.sd-title {display: block;max-width: calc(100% - 20px);margin: 20px auto 20px;text-align: center;font-size: 140%;}

.sellapts {max-width: 600px;margin: 0 auto;display:none}
.sellapts.active{display:block}
.sellapts table {width: 100%;border-collapse: collapse;}
.sellapts table td, .sellapts table th {border: 1px #ccc solid;padding: 5px;text-align: center;line-height: 1;height: 40px;vertical-align: middle;font-size: 14px;}
.sellapts table td.large, .sellapts table th.large {width: 28%;}
.sellapts table tbody {}
.sellapts table td, .sellapts table th {width: 15%;}
.sellapts .tbl-body {height: calc(100vh - 215px);max-height: 600px;overflow: auto;}
.sellapts table td:nth-child(4), .sellapts table th:nth-child(4) {background: #fff;color: #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 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;
	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: 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 > div {/* padding-right: 10px; */}
.slogens > div {font-size: 28px;height: 60px;flex-direction: row;column-gap: 0.3em;}
.slogens > div.small{font-size:24px}

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

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

body #accessibility .acc_icon {top:80px}

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

}

.backToLogin{display:block;position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:pointer}

header .menu-button{display:none}


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



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

.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;}
header .logo{display:block;left:auto;right: -290px;width: 290px;height: 170px;text-align: center;}
header .logo img{width:100px;margin-top: 0px;transform: none;top: auto;right: auto;position: relative;margin-top: 20px;}
	
.textA {font-size: 280px;}
.stage {height: 400px;font-size: 8px;}
.stage-wrap.active {max-width: 600px;margin: 0 auto;}
.ontop {background-size: calc(100vw - 300px);background-position: center top -240px;}
div#site.r-u-ready-bg {background-size: calc(100vw - 300px);background-position: center top -160px;}
div#site.r-u-ready-bg::before {top: calc(100vw - 600px);z-index: -2;}


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

 a.registered {left: auto;right: 7px;width: 66px;height: 66px;top: 7px;}
 a.registered div {font-size: 11px;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: 100px;width: 120px;height: 120px;/* border-radius: 50%; */}

.nav_mobile {display: block;position: fixed;right: 0;width: 290px;z-index: 99;top: 0;bottom: 0;box-shadow: 5px 0 5px rgba(0,0,0,0.2) inset;padding-top: 180px;box-sizing: border-box;background: linear-gradient(-90deg, #000 50%, #222 285px, #111 285px);}
.nav_mobile .main-navigation .main-menu>li{text-align:center}
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%;}
.hero img.hero-logo{width: auto;height: 104%;border-left: 30vw solid white;border-right: 30vw solid white;}
.hero.inview img.hero-logo{width: auto;height: 60%;}	

.spinner-wrapp {font-size: 350px;padding: 130px 0;margin: 0 auto;text-align: center;}
.spinner {margin: 0 auto;}
.text .t-title {font-size: 40px;margin-top: 40px;}
.text .t-title.small{font-size:34px}
.hero .text .t-text {max-width: 600px;margin: 0 auto 30px;}
.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, .bgpic-wrap.full {margin: 30px auto;width: 110vh;max-width: 1200px;overflow: hidden;}
.bgpic-wrap.map{padding-bottom:46%}
.hero .media-wrap{width:100%;max-width:100%;margin: 0;}
.hero .text-carousel.bgpics .item{padding-bottom:40%}
	
.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);}

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

.promote{font-size: 34px;}
.pay-title {font-size: 36px;display: inline-block;max-width: 800px;width: 80%;margin: 10px auto 0;display: block;}
.pay-title.picbg::before{bottom:18px;left:18px;top:18px;right:18px}
.pay-title.small {font-size: 30px;}
.pay-title .pt-big{font-size:120%}
section .pay-wrap .table-wrap {max-width: 800px;margin: 20px 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(3), section .pay-wrap table th:nth-child(3) {font-size: 24px;}
.specialboxes{font-size: 26px;}
	
.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: 0.4em;}

.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 50px;}
.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;font-size: 22px;}

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


.footer-sticky {right: 290px;}

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

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

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

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

}

@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 > *, .footer-sticky > div.white {height: 80px;font-size: 30px;}

.deskmargin{margin: 0 40px 0;}
.double{display:flex;align-items: stretch;}
.double.rev{direction:ltr}
.double section {width: 50%;display: inline-block;min-height: 50vh;position: relative;}
.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;padding: 0 40px;}
.text .t-text {max-height: 203px;}
.text .t-title .black{font-size:34px;text-align:right}
.double section .media-wrap.h100{height:100%;position: absolute;left: 0;right: 0;top: 0;}
.spherekel-bg{padding-bottom:0;height:100%;}
	
.double.big section {/* padding-bottom: 130px; */}
#sec2 .owl-carousel .owl-stage{width:auto !important;transform:none !important;text-align: center;}
#sec2 .owl-carousel .owl-stage .cloned{display:none}
#sec2 .owl-carousel .owl-nav{display:none}
#sec2 .owl-carousel .circles{width:auto;display:inline-flex;margin:0 auto;}
#sec2 .owl-carousel .circles .circle{margin:5px}
	
section#gindi{height:auto}
.slogens > div {font-size: 40px;}
.slogens > div.small{font-size:36px}

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

.circles {font-size: calc(0.7vw - 6px);top: 0;}
.circles.for3d{max-width: 800px;font-size: 8px;margin-top: 40px;}
.circles.for3d .circle.small svg + .ttl{font-size:20px}
}

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

}


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

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