@font-face{font-family:tipograf;src:url(fonts/tipograf-regular.woff) format('woff');font-weight:400;unicode-range:U+0590-05FF,U+0030-0039} @font-face{font-family:tipograf;src:url(fonts/tipograf-bold.woff) format('woff');font-weight:600;unicode-range:U+0590-05FF,U+0030-0039} @font-face{font-family:tipograf;src:url(fonts/tipograf-black.woff) format('woff');font-weight:800;unicode-range:U+0590-05FF,U+0030-0039} body,html{margin:0;padding:0;top:0;font-family:tipograf,sans-serif;width:100%;height:100%;font-size:20px;font-weight:400;direction:rtl;scroll-behavior:smooth} body{color:#0e4094;background-color:#fff;background-size:cover;overflow-x:hidden;font-size:48px} header{position:relative} .mobile{display:none!important} h1,h2,h3,h4,h5,h6{margin:0} p{margin:0} .logos{display:flex;justify-content:space-between;width:95%;margin:auto;padding:.2vw} .logos *{vertical-align:middle} .home{display:flex} .logos img{height:2vw} .home-icon{margin-left:1vw} .home-icon img{height:2vw} .nagishut{padding-right:3vw} .nagishut a{color:#849dc7;font-size:calc(1.2vw + 3px)} .disclaimer{color:#fff;font-size:calc(.8vw + 3px);display: flex;padding:8.5vw 0 .5vw;} .disclaimer::before{content:'*';} header .container{background:url(../images/bgtop.jpg) no-repeat;background-size:cover;background-position-y:0vw;} header .container .topbox{margin:auto;width:70vw;margin-top:3vw} .topbox .logos-box{display:flex} .topbox .logos-box div{margin-left:2vw} .topbox .logos-box .leumi-logo img{height:2vw} .topbox .logos-box .leumi-logo{position:relative} .topbox .logos-box .apple-logo img{height:2.5vw} .topbox .logos-box .leumi-logo::before{content:"";border-right:1.5px solid #fff;position:relative;left:1.2vw;height:2.5vw;top:-.25vw;z-index:99} .topbox p{font-size:calc(1.9vw + 3px);margin-bottom:1.5vw;letter-spacing:-.05vw;color:#fff} h1{font-size:calc(3vw + 3px);padding-top:1.5vw;font-weight:600;color:#fff} .page-navigation{padding-right:2.4vw} .page-navigation ul{list-style:none;display:flex;margin:0} .page-navigation ul li a{color:#fff;font-size:calc(1vw + 3px);margin:0 1vw;text-decoration:none} .apple-people .container{width:70vw;margin:2vw auto 0vw;text-align:center} .apple-people h2{color:#0e4094;font-weight:600;font-size:calc(2.2vw + 3px)} .apple-people p{font-size:calc(1.7vw + 3px);color:#0e4094} .arrow-bottom{margin:2vw 0} .arrow-bottom img{height:1.2vw} .en{font-size:.8em} .user-cookie{display:flex;align-items:center;background-color:#efefef;font-size:calc(1vw + 3px);padding:.5vw} .user-cookie .message{margin-right:1vw} .user-cookie .message a{color:#0e4094} .link-out{width:45%;text-align:left} .link-out a{text-decoration:none;color:#0e4094} .link-out a:hover{color:#849dc7} #how-to .container{width:70vw;margin:auto;text-align:center} #how-to .container .how-to-title{margin:2vw 0} #how-to .flex-circles{display:flex;justify-content:center;margin-bottom:3vw} #how-to .flex-circles .number img{height:4vw} #how-to h2{color:#0e4094;font-weight:600;font-size:calc(2.2vw + 3px)} #how-to .flex-circles .box-circle{margin:0 2vw;flex:0 0 33%;max-width:33%} #how-to .flex-circles .box-circle .bottom-text{font-size:calc(1vw + 3px)} #how-to #how-to-example{margin:0vw 0 2vw} #how-to-pay{background-color:#f5f5f5;padding:2vw 0} #how-to-pay .container{width:70vw;margin:auto;text-align:center} #how-to-pay .container .how-to-title{margin:2vw 0} #how-to-pay .flex-circles{display:flex;justify-content:center} #how-to-pay .flex-circles .number img{height:4vw} #how-to-pay h2{color:#0e4094;font-weight:600;font-size:calc(2.2vw + 3px)} #how-to-pay .flex-circles .box-circle{margin:0 2vw;flex:0 0 33%;max-width:33%} #how-to-pay .flex-circles .box-circle .bottom-text{font-size:calc(1vw + 3px)} #how-to-pay #how-to-example{margin:2vw 0} .apple-watch{margin:1vw 0} .apple-watch .watch-desc{font-size:calc(1vw + 3px);display:inline-block;text-align:right} .apple-watch img{height:2.8vw;display:inline-block;position:relative;top:.3vw} #qa{padding:4vw 0} #qa .container{width:70vw;margin:auto;text-align:center} #qa .container .how-to-title{margin:2vw 0} #qa .imgs-flex img{height:3.5vw;margin:0 2vw} #qa h2{color:#0e4094;font-weight:600;font-size:calc(2.2vw + 3px)} h3{font-weight:600;font-size:calc(1.2vw + 3px)} .q{padding:.3vw 0;font-size:calc(1.4vw + 3px)} .qa{display:none;line-height:1.3;background-color:#f5f5f5;font-size:calc(1.1vw + 3px);line-height:1.3;text-align:right;padding-right:1vw;padding-left:5vw} .qa b{font-weight:600} #q22 span{font-weight: bold;color:#ff0000;} .qt{position:relative;line-height:.2;background-color:#f5f5f5;padding:1vw;text-align:right} .qt a{display:block;font-weight:600;line-height:1;position:relative;text-decoration:none;color:#0e4094;width:90%} .qt .indicator:before{content:url(../images/arrow.png);display:block;position:absolute;left:2vw;height:1vw;bottom:50%;transform:translateY(50%) rotate(180deg);-ms-transform:translateY(50%) rotate(180deg)} .qt.active .indicator:before{transform:translateY(50%) rotate(0)} .accordion{width:63%;margin:auto} .margin{display:block;margin-bottom:1vw} #wrapper{direction:rtl} footer{text-align:center;background-color:#0e4094;padding:.5vw 0 1vw} .footer-links ul{list-style:none;display:flex;margin:0} .footer-links ul li{margin:0 2vw} .footer-links ul li a{color:#fff;font-size:calc(1vw + 3px)} .footer-links ul li .takanon-link{color:red} footer .l2{margin-top:.75em} .notice{margin-left:2vw} .notice span{font-size:calc(1.35vw + 3px);display:block} .fancybox-slide--html .fancybox-close-small{right:auto;left:0} .tab{display:none} .tab.active{display:block} .tabpane{text-decoration:none;color:#fff;font-weight:400;font-size:calc(1.1vw + 3px);margin:1vw 0} .tabpane.active{font-weight:800} .tabpane.active,.tabpane:hover{border-bottom:.1vw solid} .tablist{display:flex;flex-wrap:wrap;justify-content:space-between} .tab.active>span{font-size:calc(1vw + 3px);display:block} .shekel_sign{font-size:calc(0.65vw + 3px);} @media screen and (min-device-width:728px) and (max-device-width:1180px) and (-webkit-min-device-pixel-ratio:1){ .topbox .logos-box .leumi-logo::before{left:7.5vw;height:2.8vw;top:.5vw;z-index:99;position:absolute} .topbox .logos-box .leumi-logo img{height:2vw;vertical-align:.1em} } @media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){ .topbox .logos-box .leumi-logo::before{left:7.5vw;height:2.8vw;top:0vw;z-index:99;position:absolute} .topbox .logos-box .leumi-logo img{height:2vw;vertical-align:.1em} } .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden} .mobile{display:none!important}