@font-face {
    font-family: orion;
    src: url(fonts/Orion-Regular.eot);
    src: url(fonts/Orion-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Orion-Regular.woff) format('woff'), url(fonts/Orion-Regular.ttf) format('truetype'), url(fonts/Orion-Regular.svg) format('svg');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: orion;
    src: url(fonts/Orion-Bold.eot);
    src: url(fonts/Orion-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Orion-Bold.woff) format('woff'), url(fonts/Orion-Bold.ttf) format('truetype'), url(fonts/Orion-Bold.svg) format('svg');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: orion;
    src: url(fonts/Orion-ExtraBold.eot);
    src: url(fonts/Orion-ExtraBold.eot?#iefix) format('embedded-opentype'), url(fonts/Orion-ExtraBold.woff) format('woff'), url(fonts/Orion-ExtraBold.ttf) format('truetype'), url(fonts/Orion-ExtraBold.svg) format('svg');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: orion;
    src: url(fonts/Orion-Black.eot);
    src: url(fonts/Orion-Black.eot?#iefix) format('embedded-opentype'), url(fonts/Orion-Black.woff) format('woff'), url(fonts/Orion-Black.ttf) format('truetype'), url(fonts/Orion-Black.svg) format('svg');
    font-style: normal;
    font-weight: 800;
    text-rendering: optimizeLegibility
}

body,
html {
    margin: 0;
    padding: 0;
    top: 0;
    font-family: orion;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: 100
}

body {
    color: #fff;
    background-color: #fff;
    background-size: cover;
    overflow-x: hidden;
    font-size: 48px
}

header {
    position: relative
}

.fancybox-overlay {
    background: rgba(0, 0, 0, .85)!important
}

.pink {
    color: #f4216e
}

.grey {
    color: #a4a4a4
}

.new-pink {
    color: #ff3a7a
}

.red {
    color: red
}

a.fixed {
    background: #f4216e;
    color: #fff;
    position: fixed;
    left: 0;
    top: 33vw;
    z-index: 9999;
    font-size: calc(1.2vw + 3px);
    padding: .5vw 1vw;
    text-align: center
}

.small-arrow {
    font-size: .7em
}

a.fixed * {
    vertical-align: middle
}

a.fixed img {
    width: 3.65vw
}

.top-section {
    text-align: right;
    background: url(../images/header.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 42vw
}

.new-green {
    color: #cfff00
}

.top-section h1 {
    font-size: calc(5.3vw + 2px);
    text-align: center;
    font-weight: 800;
    letter-spacing: .15vw;
    line-height: 1;
    margin: 0;
    padding-bottom: 1vw
}

.top-section .inner h1 .nis {
    margin-right: -.4em
}

.top-section::after {
    content: "";
    border-bottom: .4vw solid red;
    position: absolute;
    top: 37.5vw;
    width: 100%;
    display: none
}

section {
    padding: 3vw 0
}

.first-row-item {
    flex: 0 0 45%
}

.second-row-item {
    flex: 0 0 30%
}

.top-section .inner {
    text-align: center;
    position: absolute;
    left: -8vw;
    top: 6.4vw
}

.one-line {
    vertical-align: super
}

.grid-icons {
    margin-top: 8vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 64%;
    margin: 3vw auto 0
}

.grid-icons .box-icon:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.grid-icons .box-icon:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3
}

.grid-icons .box-icon:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.grid-icons .box-icon:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 2
}

.box-icon {
    display: inline-block;
    margin: .5vw
}

.box-icon div {
    display: inline-block;
    vertical-align: middle
}

.icon-img img {
    height: 4vw
}

.special img {
    height: 3.6vw
}

.icon-text-sub {
    vertical-align: sub!important
}

.icon-text {
    font-size: calc(1.2vw + 1px);
    font-weight: 700;
    text-align: right
}

small {
    font-size: calc(1.75vw + 3px);
    font-weight: 700;
    letter-spacing: .13vw;
    display: block;
    line-height: 1.1
}

small .nis {
    font-weight: 400
}

.bolder {
    font-weight: 600;
    letter-spacing: .05em;
    font-size: .9em
}

small p {
    margin: 0
}

.logo.pink {
    letter-spacing: -.1vw
}

img.logo {
    margin-top: 1.5vw;
    width: 6vw;
    margin-bottom: 1vw;
}

a img.logo {
    height: 2.5vw;
    width: auto;
    padding-bottom: 0.4vw;
}

.logo-footer.pepper,
.logo-footer.invest {
    position: relative;
}

.buttons-title {
    position: absolute;
    top: 1.7vw;
    font-size: calc(1.6vw + 1px);
    left: 2vw;
}

.top-section a img {
    width: 9.4vw;
    vertical-align: top
}

.top-section a {
    height: 5vh;
    display: inline-block
}

.top-section .get-app {
    display: inline-block;
    height: 10vh
}

.container {
    text-align: center
}

.text b {
    display: block;
    font-size: calc(1.15vw + 3px)
}

.num-item {
    margin-bottom: 1vw
}

.mwrap {
    margin-right: -18vw
}

.second-section .phone-container {
    text-align: center;
    position: relative
}

#video-frame {
    position: absolute;
    right: 45.4vw;
    top: 5.8vw;
    width: 9.375vw;
    height: 16.6666666667vw;
    display: block
}

.second-section .phone-container img {
    width: 34vw;
    vertical-align: bottom;
    z-index: 1;
    cursor: pointer
}

.second-section span {
    text-align: center;
    font-size: calc(2px + 1vw);
    color: #000
}

.second-section p {
    color: #000;
    font-size: calc(3px + 1.15vw);
    display: block;
    width: 53.8vw;
    line-height: 1.8;
    letter-spacing: .03vh
}

h2 {
    font-size: calc(2.215vw + 3px)
}

.third-section {
    background: url(../images/middle-back.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 50vw
}

.third-section .container {
    padding-right: 10vw;
    text-align: right
}

.third-section .container p {
    font-size: calc(1.8vw + 3px);
    margin: 0;
    line-height: 1.4
}

.third-section .container p .bolder {
    letter-spacing: -.1vw
}

.third-section .container p span {
    font-size: calc(1.6vw + 3px)
}

.third-section .container .after-list p span {
    font-size: calc(2vw + 3px)!important
}

.list-black ul {
    list-style: none;
    padding-right: .8vw
}

.list-black li {
    font-size: calc(1.6vw + 3px);
    position: relative;
    margin: 1vw
}

li::before {
    content: "*";
    color: #a7f400;
    position: absolute;
    right: -2vw;
    font-size: 2em
}

.after-list p {
    font-size: calc(2vw + 3px)!important;
    font-weight: 600
}

.fourth-section {
    background: url(../images/section.jpg) no-repeat #000;
    background-size: 100%
}

.fifth-section {
    padding: 2vw 0
}

.over-18 {
    padding-right: 9vw
}

.over-18 div {
    display: inline-block
}

.img-18 img {
    height: 3vw
}

.over-text {
    font-size: calc(1.2vw + 3px);
    color: #000
}

.q {
    padding: 1vw 0;
    color: #fff
}

.qa {
    display: none;
    margin-right: 3vw;
    padding-top: .5vw;
    font-size: calc(.78125vw + 3px);
    line-height: 1.4
}

.qa a {
    text-decoration: underline
}

.qt {
    position: relative;
    line-height: .2
}

.qt a {
    color: #fff;
    display: inline-block;
    padding-right: 3vw;
    font-size: calc(.9vw + 3px);
    font-weight: 400;
    line-height: 1.4;
    position: relative
}

.qt a:before {
    content: '+';
    color: #fb2573;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    font-size: 50%;
    font-weight: 400;
    font-size: 1em
}

.qt.active a:before {
    content: '-'
}

.fancybox-opened .fancybox-title {
    display: none
}

footer .app-stores a {
    display: inline-block;
    height: 5vh
}

h3 {
    font-size: calc(4.2vw + 3px);
    letter-spacing: -.2vw;
    margin: 0;
    margin-top: 4vw
}

.footer {
    width: 100%;
    background-size: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    justify-content: space-around;
    display: flex;
    background-color: #000
}

.app-stores {
    text-align: center
}

b .notice {
    font-size: calc(1.15vw + 3px);
    margin-bottom: 3vw;
    display: block
}

.notice {
    margin-right: 3vw
}

.notice,
.notice a {
    color: #000;
    font-size: calc(.78125vw + 3px)
}

.notice a {
    text-decoration: underline
}

.en {
    font-weight: 800;
    letter-spacing: -.15vw
}

.footer .number {
    font-size: calc(2px + 2.5vw);
    font-weight: 600;
    line-height: 3
}

.footer .number * {
    vertical-align: sub
}

.di {
    display: inline-block
}

#content {
    position: relative
}

.black-bg {
    width: 100%;
    height: 4vh;
    background: #000;
    position: absolute;
    bottom: -1vh;
    z-index: -1
}

#content-main {
    position: relative!important;
    right: 23.8vw!important;
    top: .1vw;
    transform: scale(.9)
}

.main-header h2 {
    font-size: 5.95vh;
    margin-bottom: 0;
    line-height: 1.04em;
    letter-spacing: .023em
}

.main-header h2 img {
    width: 3.4vw;
    margin-right: -4.9vw;
    margin-left: 1vw
}

.nis {
    font-size: .7em;
    font-size: .6em;
    margin-right: -.2vw;
    font-weight: 400
}

.app-container .icon {
    width: 10%
}

.app-container .get-app {
    width: 8.4vw
}

.app-container .get-app#apple {
    padding-right: 1vw
}

a {
    color: #fff;
    text-decoration: none
}

ol {
    margin: 0;
    padding-right: 1vw
}

a:focus,
input:focus,
select:focus {
    outline: 2px solid #0f0!important;
    border: none
}

.img-container {
    position: absolute;
    width: 21%;
    height: 105%;
    right: -.5em
}

.img-container img {
    height: 100vh
}

iframe {
    display: none
}

#wrapper {
    direction: rtl
}

.logo {
    font-weight: 600;
    direction: ltr
}

@-moz-document url-prefix() {
    #form_title {
        line-height: 25px
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

[aria-hidden=true] {
    display: none
}

.mobile {
    display: none!important
}

footer .desktop {
    display: flex
}

@media (device-aspect-ratio:5/4) {
    .top-section {
        background-size: cover
    }
    .second-section .container {
        margin: auto
    }
}

@supports (-ms-ime-align:auto) {
    @media screen and (max-width: 1024px) {
        .logo {
            left: 49vw
        }
    }
}