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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0
}

html {
    font-family: orion;
    width: 100%;
    height: 100vh;
    font-size: 4.4vw;
    font-weight: 100;
    overflow-x: hidden
}

body {
    margin: 0;
    padding: 0;
    background-size: 100%;
    background-color: #fff;
    color: #fff;
    height: 100%
}

.red {
    color: red;
}

.logo.pink {
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.logo.new-pink {
    font-size: 0.9em;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.fourth-section {
    text-align: right;
    background: #000;
    padding: 2em 0;
}

.fourth-section .container {
    width: 90%;
    margin: auto;
}

.fifth-section {
    padding: 1em 0;
    color: #000;
    direction: rtl;
}

.fifth-section p {
    font-size: 0.75em;
}

.fifth-section a {
    text-decoration: underline;
    color: #000;
}

.container {
    width: 90%;
    margin: auto;
}

h3 {
    text-align: center;
    margin-bottom: 1.5em;
    direction: rtl;
}

.q {
    font-size: .85em;
    padding: 1em 0;
    color: #fff;
    direction: rtl;
    line-height: 1.3
}

.qa {
    display: none;
    margin: .5em 2em 0 0;
    font-size: 90%;
}

.qt {
    position: relative
}

.qt a {
    color: #fff;
    display: inline-block;
    padding-right: 1.85em;
    font-weight: 400;
    text-decoration: none;
    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-weight: 400;
    font-size: 1em
}

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

.qa a {
    text-decoration: underline;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

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

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

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

.desktop {
    display: none!important
}

.mobile {
    display: block
}

.mobile-inline {
    display: inline
}

[aria-hidden=true] {
    visibility: hidden;
    height: 0!important
}

.nis-2 {
    font-size: .6em;
    display: inline-block;
    margin-right: -.3em
}

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

.nis {
    font-weight: 400;
    font-size: .7em;
    letter-spacing: -.2em;
}

#wrapper {
    text-align: center;
    width: 100%;
    height: 56.9em
}

[aria-hidden=true] {
    visibility: hidden
}

.desktop {
    display: none
}

.mobile {
    display: block!important
}

.pink {
    color: #fb2573
}

.new-pink {
    color: #ff3a7a;
}

.inner .new-pink {
    font-size: 1.5em;
    font-weight: 800;
}

.new-green {
    color: #cfff00;
}

.grid-icons {
    background-color: #000000;
}

.grey {
    color: #a4a4a4
}

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

img.logo {
    width: 4em;
}

#content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 8em;
    margin-top: .3em
}

.top-section {
    background: url(../images/header-mob.jpg) no-repeat;
    background-size: contain;
    height: 39em;
}

.top-section h1 {
    direction: rtl;
    font-size: 3em;
    line-height: 0.8;
    letter-spacing: 0.022em;
    text-align: center;
    margin: auto;
    width: 90%;
    padding-bottom: 6vw;
}

h1 .green {
    font-size: 1.5em;
}

.big.pink {
    font-weight: 700;
    font-size: 140%
}

.big.new-pink {
    font-weight: 700;
    font-size: 140%
}

.inner {
    padding-top: 17em;
}

small {
    font-weight: 400;
    font-size: 1.2em;
    display: block;
    line-height: 1.2;
    text-align: right;
    direction: rtl;
    width: 80%;
    margin: 0 auto;
    letter-spacing: -0.001em;
}

.bolder {
    font-weight: 600;
    font-size: 0.9em;
}

.box-icon {
    margin-top: 2vw;
    direction: rtl;
    display: inline-flex;
}

.icon-img img {
    height: 6vw;
    margin: 0 0 0 0.2em;
}

.icon-text {
    font-size: 0.5em;
    font-weight: 300;
    text-align: right;
}

.first-row-item {
    flex: 0 0 40%;
    padding-bottom: 2.5vw;
    justify-content: center;
}

.second-row-item {
    flex: 0 0 30%;
    margin-bottom: 0.5em;
    justify-content: center;
}

.grid-icons {
    margin-top: 8vw;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 3vw auto 0;
    flex-direction: row-reverse;
}

.first-row {
    display: flex;
    justify-content: center;
}

.second-row {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.eng {
    font-family: volvo_broad;
    font-weight: 100;
    font-size: 1em
}

main {
    margin-top: 4vw;
}

.second-section {
    direction: rtl
}

.second-section h2 {
    direction: rtl;
    padding-bottom: 1em;
    margin-top: 1em;
    text-align: center;
    font-size: 1.4em
}

.second-section .notice {
    margin-right: 6em
}

.second-section .notice,
.second-section .notice a {
    font-size: .3rem
}

.second-section h5 {
    font-weight: 100
}

.second-section .onelink a {
    width: 12.8em;
    height: 2.6em;
    background: #fb2573;
    text-align: center;
    font-size: 1em;
    margin-top: -.2em;
    z-index: 99
}

.second-section p {
    color: #000;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: .87em;
    direction: rtl;
    line-height: 1.5;
    margin-bottom: 2em;
    padding-right: 1em
}

.second-section .phone-container img {
    width: 17em;
    cursor: pointer
}

.second-section .phone-container {
    position: relative;
    color: #000;
}

#video-frame {
    position: absolute;
    right: 8.1em;
    top: 3.9em;
    width: 6.1em;
    height: 11em;
    display: block
}

.pepper-mob {
    letter-spacing: -.1em
}

.sep {
    display: inline-block;
    padding: 0 .5em
}

.onelink a {
    background: url(../images/btn-mob.png);
    display: block;
    width: 13.8em;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    direction: rtl;
    height: 2.6em;
    margin-top: 1.5em;
    background-size: cover;
    font-size: .9em;
    line-height: 2;
    text-align: center
}

.onelink a#top-onelink {
    width: 11.5em;
    margin-top: 4.5em;
    background: #fb2573
}

.third-section {
    margin-top: 2em;
    padding: 2em 0;
    background: url(../images/middle-banner-mob.jpg) no-repeat;
    background-size: cover;
    direction: rtl;
    text-align: right
}

.third-section h3 {
    font-weight: 700;
    font-size: 1.8em;
    text-align: right;
    margin-bottom: 0.5em;
}

.third-section .container {
    width: 90%;
    margin: 0 auto;
}

.third-section .container p {
    margin-bottom: 1em;
    font-size: 0.9em;
}

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

.list-black li {
    font-size: 0.8em;
    position: relative;
    margin: 1vw;
}

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

.after-list {
    text-align: center;
    font-weight: 600;
    margin-top: 1em;
}

.over-18 {
    display: flex;
    width: 95%;
    margin: auto;
}

.over-text {
    text-align: right;
    font-size: 0.65em;
}

.img-18 {
    margin: 1vw;
}

.img-18 img {
    height: 11vw;
}

a.fixed.mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #fb2573;
    right: 0;
    text-align: center;
    font-weight: 800;
    direction: rtl;
    z-index: 999;
    padding: 0.7em 0;
    text-decoration: none;
    font-size: 1.3em
}

.bottom.mobile img {
    width: 100%
}

.icon-item .text-container h6.short {
    width: 16em
}

.third-section .onelink a {
    width: 13.2em;
    line-height: 2.5;
    font-size: 1.02em;
    height: 2.5em
}

.forth-section .onelink a {
    background: url(../images/btn-mob-bottom.png);
    background-size: cover;
    background-position: center;
    height: 2.4em;
    width: 16.45em;
    margin: 2em auto;
    text-align: center;
    padding: 0;
    text-align: right;
    text-indent: 3.7em;
    line-height: 2.6
}

.forth-section {
    text-align: right;
    direction: rtl
}

.forth-section .container {
    width: 80%;
    margin: 0 auto
}

.forth-section h3 {
    color: #b0b0b0;
    padding: .8em 0;
    font-size: 1.5em;
    padding-right: 1.5em
}

.num-item {
    direction: rtl;
    margin-bottom: 1em;
    padding-right: 1em
}

.text b {
    display: block;
    font-size: 1.4em;
    margin-bottom: .25em
}

.num-item .num {
    display: inline-block;
    font-size: 1.8em;
    font-weight: 500;
    line-height: .6;
    vertical-align: top
}

.notice,
.notice a {
    color: #000;
    font-size: .35rem
}

.notice a {
    text-decoration: underline
}

.notice {
    text-align: right;
    display: block;
    margin: 2em 3em 1em 0
}

.num-item .text {
    display: inline-block;
    font-size: .7em;
    width: 80%;
    text-align: right
}

.screen-container {
    text-align: center
}

.walink {
    display: inline-block;
    color: #000;
    margin-bottom: 1.5em;
    direction: ltr;
}

.walink * {
    vertical-align: middle
}

.walink img {
    width: 2em;
    margin-right: .5em
}

.screen-container img {
    padding-bottom: 5em;
    width: 12em;
    width: 12em;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 1px 21.1px rgba(0, 0, 0, .2))
}

.bottom img {
    margin-bottom: -1em;
    width: 100%
}

.left {
    position: absolute;
    right: 5.3em;
    top: 1.3em
}

.right {
    position: absolute;
    right: -2.5em;
    top: -.5em
}

.mob-btn-1 a {
    background: url(../images/btn-bottom.png);
    display: inline-block;
    color: #fff;
    text-decoration: none;
    height: 1.8em;
    width: 10.9em;
    line-height: 1.7;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: 300;
    margin: 1.1em .8em;
    font-size: 1.1em;
    text-indent: .6em
}

.app-stores {
    margin-bottom: 2em;
}

.app-stores img {
    height: 2em;
}

footer {
    position: relative;
    margin-bottom: 3.1em;
    padding: 4vw;
    background-color: #000;
    padding-bottom: 3.5em;
}

.footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
}

.footer.mobile {
    display: flex !important;
}

.foot {}

.foot .notice,
.foot .notice a {
    display: inline-block;
    margin: 0;
    direction: rtl;
    color: #fff;
    font-size: 1em
}

.footer .onelink a {
    margin: 0 auto;
    line-height: 2;
    background: #fb2573;
    text-align: center
}

.onelink a .arrows {
    font-size: 120%;
    font-family: sans-serif
}

.footer .onelink {
    padding-bottom: 2em
}

a.number {
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    text-decoration: none
}

span.numb {
    display: inline-block;
    direction: rtl;
    vertical-align: sub;
}

span.numb * {
    vertical-align: middle
}

.en {
    font-weight: 800;
    font-size: .85em;
    letter-spacing: -.05em
}

.floated {
    position: absolute;
    color: #000;
    font-family: NarkisBlock;
    font-weight: 400
}

.floated.nis {
    left: 8.9em;
    font-size: .5em;
    font-family: NarkisBlock;
    position: absolute;
    bottom: 7.1em
}

.price {
    font-size: 3.5em;
    font-family: volvo_broad;
    line-height: 1
}

.whitebg.floated {
    font-size: .3em;
    top: 15em;
    right: 17.37em;
    letter-spacing: -1px;
    width: auto
}

.oldprice {
    display: block;
    font-family: NarkisBlock;
    direction: ltr;
    font-weight: 100;
    font-size: .7em;
    letter-spacing: -1px;
    line-height: 1.4;
    position: absolute;
    left: 20%;
    bottom: 2.6em
}

.underline {
    text-decoration: underline
}

#content {
    position: relative;
    margin-top: 0
}

footer .footer_bottom {
    font-size: .85em;
    margin-right: .5em;
    padding-right: 10.8em;
    padding-right: 0;
    margin-right: -2.5em;
    overflow: hidden!important;
    color: #000;
    font-size: .9em;
    margin-top: 3.5em
}

.footer_top {
    position: absolute;
    top: 1.2em;
    right: -2.5em;
    color: #000;
    font-size: .85em
}

.divider {
    width: 100%;
    border-top: 1px solid #fff
}

.error_msg {
    display: block;
    color: red;
    position: absolute;
    font-size: 1em;
    right: 5.5em;
    top: .5em;
    font-family: NarkisBlock
}

#submitinput {
    position: absolute;
    bottom: .5em;
    left: -.05em
}

::-webkit-input-placeholder {
    color: #000;
    text-indent: 20px
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
    text-indent: 20px;
    display: block
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

#form_title .eng {
    font-size: 1em
}

#form_title {
    font-weight: 100;
    margin-bottom: .2em;
    font-family: NarkisBlock;
    font-size: 1.4em;
    font-family: NarkisBlockCondensed
}

#form_pre_phone-error {
    right: 12em;
    width: 2em;
    float: right
}

.checkboxes {
    width: 13.4em;
    margin: auto;
    text-align: right
}

input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    vertical-align: middle;
    height: 1.5em;
    display: none
}

.float {
    color: #000;
    position: absolute;
    top: 5.3em;
    right: 7.8em;
    line-height: .9em
}

.hashtag {
    direction: ltr;
    position: absolute;
    bottom: -.2em;
    font-size: 1.52em;
    margin: 0 auto;
    right: -1em;
    top: 7.5em;
    font-family: volvo_broad, sans-serif;
    padding: .6em 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    line-height: .1em;
    width: 11.7em
}

.cb:focus {
    outline: 2px solid #0f0
}

span.mobindent {
    border: none!important
}

#carsinfo {
    position: absolute
}

ol li span {
    color: #fff;
    line-height: 1.2em
}

.nis {
    font-size: .9em
}

.nis2 {
    font-size: .7em;
    margin-right: -.5em
}

.cinema-logo-container img {
    position: absolute;
    right: -11.7em;
    bottom: 0;
    width: 6em
}

.pepper-logo-container img {
    position: absolute;
    right: -16em;
    bottom: 0;
    width: 3.3em
}

@supports (-webkit-touch-callout: none) {
    footer {
        padding-bottom: 15vw;
    }
}