body { color: #000000; direction: rtl; background: #F3F2F3; letter-spacing: normal; font-family: 'HelveticaHebrew'; font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif !important; font-size: 20px; }
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@media(max-width:991px) and (min-width:768px) {
    body { font-size: 25px; }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'HelveticaHebrew', 'NespressoLucas', 'Open Sans',Helvetica, Arial, sans-serif; }
body.overFlowHidden { overflow-y: hidden; }
.scn-reader-only { width: 1px; height: 1px; overflow: hidden; position: absolute; }

ul { padding: 0; margin: 0; list-style: none; }

@font-face { font-family: 'NespressoLucas'; font-weight: bold; src: url(fonts/NespressoLucas-XtraBd.eot); src: url(fonts/NespressoLucas-XtraBd.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-XtraBd.woff) format('woff'), url(fonts/NespressoLucas-XtraBd.ttf) format('truetype'); }
@font-face { font-family: 'NespressoLucas'; font-style: italic, oblique; src: url(fonts/NespressoLucas-Italic.eot); src: url(fonts/NespressoLucas-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-Italic.woff) format('font-woff'), url(fonts/NespressoLucas-Italic.ttf) format('truetype'); }

.toFade { position: relative; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1ms ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.toFade.faded { animation: fadeElements .5s forwards; -webkit-animation: fadeElements .5s forwards; }
::-webkit-scrollbar { width: 6px; height: 2px; }
::-webkit-scrollbar-button { width: 6px; height: 0px; }
::-webkit-scrollbar-thumb { background: #929292; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #929292; }
::-webkit-scrollbar-thumb:active { background: #929292; }
::-webkit-scrollbar-track { background: #ffffff; border: 0px none #ffffff; border-radius: 0px; }
::-webkit-scrollbar-track:hover { background: #ffffff; }
::-webkit-scrollbar-track:active { background: #ffffff; }
::-webkit-scrollbar-corner { background: transparent; }

@font-face { font-family: 'HelveticaHebrew'; src: url(fonts/HelveticaHebrew-Regular.ttf) format('truetype'); src: url(fonts/HelveticaHebrew-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaHebrew-Regular.woff) format('woff'), url(fonts/HelveticaHebrew-Regular.ttf) format('truetype'); unicode-range: U+590-5ff,U+000-03F; }
@font-face { font-family: 'NespressoLucas-Regular'; src: url(fonts/NespressoLucas-Regular.ttf) format('truetype'); src: url(fonts/NespressoLucas-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-Regular.woff) format('woff'), url(fonts/NespressoLucas-Regular.ttf) format('truetype'); }
@font-face { font-family: 'NespressoLucas-Bold'; src: url(fonts/NespressoLucas-Bold.ttf) format('truetype'); src: url(fonts/NespressoLucas-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/NespressoLucas-Bold.woff) format('woff'), url(fonts/NespressoLucas-Bold.ttf) format('truetype'); }

section { width: 100%; transition: all .4s ease-in-out .4s; overflow: hidden; top: 0; height: auto; position: relative; text-align: center; padding-bottom: 60px; }
section.active { display: block; opacity: 1; pointer-events: auto; }
.stepSection { opacity: 0; background-position: center bottom; background-repeat-y: no-repeat; background-size: cover; }
a.generalBtn, .generalBtn { width: 163px; height: 48px; border-radius: 3px; background-color: #3d8705; display: inline-block; color: #fff; line-height: 48px; text-decoration: none; transition: .25s ease; transition-property: all; transition-duration: 0.25s; transition-timing-function: ease; font-size: 90%; }
a.generalBtn img { width: 14px; animation-iteration-count: 5 !important; -webkit-animation: rightLeft 1s infinite !important; animation: rightLeft 1s infinite !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; }
.container { max-width: 996px; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; position: relative; overflow: hidden; padding: 0; }
/*.container:before { content: ""; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 0; width: 100%; height: 100%; display: block; opacity: 1; left: 0; }*/

#secondSec { background-color: #ffffff; background-image: url(images/content/pics/map.jpg); background-position: top center; background-repeat: no-repeat; }
#thirdSec { padding: 0 60px 0px 60px; }
#forthSec { padding: 30px 60px 60px 60px; }

h2.sectionTitle { font-weight: bold; font-size: 180%; margin-top: 50px; margin-bottom: 2px; line-height: 1.2; }
h3.sectionSubTitle { font-size: 140%; margin: 0; line-height: 1.18; }

nav.container { position: fixed; top: 0; background: #000000; color: #ffffff; width: 100%; z-index: 2; /* color: #ffffff; */ }
nav ul.topNav { padding: 14px 50px 17px 50px; margin: 0; list-style: none; }
nav ul.topNav li { display: inline-block; vertical-align: middle; width: 24%; text-align: center; font-size: 80%; }
button { -webkit-appearance: none; background: transparent; border: 0; padding: 0; }
nav ul.topNav li:last-child { text-align: left; }

.CircleIcon span { width: 18px; height: 18px; border-radius: 50%; display: inline-block; border: 3px solid #ffffff; background: #000000; vertical-align: middle; }
.CircleIcon { position: relative; display: block; width: 100%; }
nav ul.topNav li:first-child .CircleIcon { text-align: right; }
nav ul.topNav li:last-child .CircleIcon { text-align: left; }
nav ul.topNav li:first-child { text-align: right; }
li.active .CircleIcon span { background: #ffffff; }
.CircleIcon:after { content: ""; border-top: 3px solid; position: absolute; left: 0; width: 102%; height: 3px; top: 50%; transform: translateY(-50%); z-index: -1; right: 0; }
nav ul.topNav li button:first-child { opacity: 0.8; }
nav ul.topNav li:last-child .CircleIcon:after { right: auto; }
nav ul.topNav li.active button:first-child { opacity: 1; font-weight: bold; }
nav ul.topNav li:first-child button:first-child { margin-right: -20px; }
nav ul.topNav li:last-child button:first-child { margin-left: -20px; }


.topSectionContent p { font-family: 'NespressoLucas-Bold'; letter-spacing: 3.79px; font-size: 105%; margin-top: 20px; margin-bottom: 0; }
.topSectionContent h2 { font-size: 240%; margin-top: 35px; font-weight: bold; margin-bottom: 0; }
.topSectionContent h1 { font-size: 180%; font-weight: bold; font-family: 'NespressoLucas-Bold','HelveticaHebrew'; text-transform: uppercase; margin-top: 0; }
.topSectionContent img { height: 83px; margin-top: 40px; }
.topSectionContent h3 { font-size: 130%; display: inline-block; margin-top: 0; margin-bottom: 0; }
.topSectionContent h3:before { content: ""; display: inline-block; vertical-align: middle; border-bottom: 2px solid #ffffff; width: 112px; margin-left: 12px; }
.topSectionContent h3:after { content: ""; display: inline-block; vertical-align: middle; border-bottom: 2px solid #ffffff; width: 112px; margin-right: 12px; }


section.bannerSec img { max-width: 100%; }
section.bannerSec { padding-bottom: 15px; }
.titleLocation { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); width: 100%; color: #ffffff; }
.titleLocation h3, .titleLocation p { display: inline-block; /*vertical-align: middle;*/ margin: 0; }
.titleLocation h3 { font-weight: bold; font-size: 140%; margin-left: 10px; }
.titleLocation p { font-size: 120%; }
section.bannerSec .imgContainer:after { content: ""; width: 876px; height: 110px; object-fit: contain; opacity: 0.8; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); position: absolute; right: calc((100% - 876px)/2); left: calc((100% - 876px)/2); bottom: 0px; }
section.bannerSec { position: relative; }
section.bannerSec .imgContainer { position: relative; }


.faqsTabs { margin-bottom: 35px; }
.TabsNav { max-width: 740px; margin: 44px auto 0; }
.TabsNav li { width: 160px; margin: 0 10px; display: inline-block; position: relative; }
.TabsNav li button { height: 44px; border: solid 2px #1b1b1b; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; outline: none; }
.TabsNav li.active button, .TabsNav li button:hover, .TabsNav li button:focus { background-color: #000; color: #fff; }
.TabsNav li svg { position: absolute; left: 50%; bottom: -13px; transform: translateX(-50%) rotate(180deg); -webkit-transform: translateX(-50%) rotate(180deg); -moz-transform: translateX(-50%) rotate(180deg); width: 24px; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; }
.TabsNav li.active svg, .TabsNav li:hover svg { opacity: 1; }
ul.procedureNav { /* max-width: 800px; */ /* margin: auto; */ /* overflow: hidden; */ }
ul.procedureNav button.LargeCircleIcon { /* width: 70px; */ /* height: 70px; */ /* border-radius: 50%; */ /* background: #ffffff; */ /* color: #999999; */ /* border: solid 3px #999999; */ /* font-family: 'NespressoLucas-Bold'; */ /* font-size: 200%; */ /* position: relative; */ }
ul.procedureNav li { /* display: inline-block; */ /* width: 32%; */ /* position: relative; */ }
ul.procedureNav li.active button.LargeCircleIcon { /* background: #000000; */ /* border-color: #000000; */ /* color: #ffffff; */ }
button.LargeCircleIcon:after { /* content: ""; */ /* border-top: 6px solid #999999; */ /* position: absolute; */ /* left: 0; */ /* width: 102%; */ /* height: 6px; */ /* top: 50%; */ /* transform: translateY(-50%); */ /* z-index: -1; */ /* right: 0; */ }
ul.procedureNav li:first-child { /* text-align: right; */ }
ul.procedureNav li:last-child { /* text-align: left; */ }
ul.procedureNav li:last-child button:after { /*right: auto;*/ }
ul.procedureNav span.line { /* width: 0%; */ /* position: absolute; */ /* left: -2%; */ /* right: -2%; */ /* border-top: 6px solid #000000; */ /* top: 50%; */ /* transform: translateY(-50%); */ /* z-index: -1; */ }

.introSection .bgImg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; }
.introSection .swiper-container { width: 100%; display: block; }
.introSection .swiper-container .capsItem { width: 32.5%; display: inline-block; vertical-align: middle; }
.introSection .swiper-container .capsItem .capTitle { font-weight: bold; font-size: 90%; display: block; }
.introSection .swiper-container .capsItem .capsImgWrapper { height: 89px; margin-top: 40px; }
.introSection .swiper-container .capsItem .capsImg { height: auto; margin-top: 0px; }
.introSection .swiper-container .capsItem0 .capsImg { width: 129px; }
.introSection .swiper-container .capsItem1 .capsImg { width: 187px; }
.introSection .swiper-container .capsItem2 .capsImg { width: 92px; }
.introSection { height: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: #000; /*margin-top: 75px;*/ color: #ffffff; height: 520px; }
.introSection video { width: 100%; position: absolute; bottom: 0; left: 0; }
.introSection .content { text-align: center; z-index: 1; }
.introSection .content .titleImg { width: 360px; }
.introSection .content p { font-size: 90%; }
.introSection .content p strong { font-size: 120%; }
.introSection .content h1 { margin: 0; font-family: NespressoLucas-Bold !important; text-transform: uppercase; direction: ltr; font-size: 90%; font-weight: normal; font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif !important; font-weight: bold; }
.introSection .content h2 { font-size: 170%; margin: 30px 0 0 0; transition-delay: 0ms; transition-delay: 800ms; font-family: 'NespressoLucas-Bold' !important; text-transform: uppercase; direction: ltr; }
.introSection .content .btnWrapper { margin-top: 35px; display: block; transition-delay: 0ms; }
.introSection.active .content .btnWrapper { transition-delay: 1100ms; }
.introSection.fadeOut .content { transform: translate(-50%, -70%); -webkit-transform: translate(-50%, -70%); -moz-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); -o-transform: translate(-50%, -70%); opacity: 0; transition: all .4s ease-in-out .4s; }
.topSectionContent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index: 1; }
.swiperBtn { position: absolute; width: 15px; height: 24px; top: 50%; transform: translateY(-50%); z-index: 2; }
.swiperBtn.nextSwiper { right: 10px; }
.swiperBtn.prevSwiper { left: 10px; }
.swiperBtn svg { fill: #fff; }
.swiperBtn.nextSwiper svg { transform: rotate(180deg); }
.swiperBtn.prevSwiper svg { }

@media(min-width:992px) {
    .topSectionContent h1 br { display: none; }
    .introSection .content { position: absolute; top: 58px; left: 50%; width: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); max-width: 510px; }
}

@media(max-width:991px) {
    .CircleIcon:after { width: 104%; }
    .textNav { display: none; }
    .introSection .swiper-container .capsItem { width: 32.5%; }
    .TabsNav li { width: 22%; margin: 0 1%; font-size: 75%; }
    .introSection .swiper-container { margin-top: 20px; }
    .topSectionContent img { margin-top: 25px; height: 65px; }
    .topSectionContent h3:before, .topSectionContent h3:after { display: none; }
    .topSectionContent h2 { margin-top: 20px; font-size: 165%; }
    .container { padding: 0; width: 100%; }
    a.generalBtn, .generalBtn { height: 42px; line-height: 42px; width: 160px; }
    .introSection { height: auto; min-height: 400px; }
    .introSection .content h1 { font-size: 80%; }
    .introSection .content .btnWrapper { margin-top: 20px; }
    .introSection .content .titleImg { max-width: 90%; }
    .introSection .content { padding: 20px 20px; position: relative; height: -o-calc(100vh - 55px - 170px); height: -moz-calc(100vh - 55px - 170px); height: calc(100vh - 55px - 170px); height: -webkit-calc(100vh - 55px - 170px); }
    .introSection .content .contentWrapper { position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; left: 50%; padding: 0 30px; max-width: 520px; }
    .introSection .content p { font-size: 80%; }
    /*.introSection video { width: auto; min-width: 100%; min-height: 100%; height: 110%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }*/
    section.bannerSec .imgContainer { max-width: 95vw; margin: auto; }
    section.bannerSec .imgContainer:after { right: 0; left: 0; width: 100%; }
    .titleLocation p { font-size: 100%; }
    .titleLocation h3 { font-size: 130%; }
    .topSectionContent h1 { font-size: 130%; }
    .topSectionContent h3 { font-size: 110%; }
    /*.topSectionContent { position: relative; }*/
}

@media(max-width:991px) and (min-width:768px) {
    .introSection .content { height: -o-calc(100vh - 55px - 300px); height: -webkit-calc(100vh - 55px - 300px); height: calc(100vh - 55px - 300px); height: -moz-calc(100vh - 55px - 300px); }
}

@media(min-width:768px) {
    .swiperBtn,
    .steps-title { display: none; }
}

@media(max-width:767px) {
    h2.sectionTitle { font-size: 190%; }
    #thirdSec h2.sectionTitle { margin-top: 10px; }
    .introSection { /*margin-top: 28px;*/ height: 502px; padding-bottom: 0; min-height: 0; }
    .introSection .swiper-container .capsItem { padding: 10px 39px; }
    .topSectionContent { position: relative; padding: 40px 0px; }
    .topSectionContent img {margin-top: 40px;max-width: 100%;height: auto;padding: 0 15px;margin: 0 auto;}
    .topSectionContent p { font-size: 50%; margin-top: 10px; }
    .topSectionContent h1 { font-size: 130%; margin-bottom: 0; }
    .topSectionContent h2 { font-size: 190%; margin-top: 50px; }
    .topSectionContent h3 { font-size: 100%; }
    .textNav { display: none; }
    nav ul.topNav { padding: 0 14px; }
    .CircleIcon:after { border-top: 2px solid; width: 104%; }
    .CircleIcon span { width: 15px; height: 15px; }
    nav ul.topNav li { margin: 0 -1px; }
    .introSection .content h2 { font-size: 120%; margin-bottom: 10px; }
    .introSection .swiper-container .capsItem .capsImgWrapper {margin-bottom: 0px;height: 70px;margin-top: 15px;}
    .introSection .swiper-container .capsItem .capsImg { max-height: 50px; max-width: 100%; width: auto; }
    .introSection .swiper-container .capsItem0 .capsImg { max-width: 100%; width: auto; }
    .introSection .swiper-container .capsItem .capTitle { font-size: 80%; }
    .introSection .swiper-container { height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; z-index: 1; }
    #thirdSec { padding: 0 15px; }
    .TabsNav { margin-top: 0px; }
    .TabsNav li { width: 47%; margin-top: 23px; }
    .TabsNav li svg { display: none; }
    #forthSec { padding: 30px 15px; }

    section.bannerSec .imgContainer { max-width: 100vw; margin: auto; }
    .titleLocation { bottom: 35px; }
    .titleLocation p { font-size: 90%; line-height: 1.2; }
}

@media(max-width:375px) {
    .introSection .content { height: -o-calc(100vh - 55px - 70px); height: -webkit-calc(100vh - 55px - 70px); height: calc(100vh - 55px - 70px); height: -moz-calc(100vh - 55px - 70px); }
    .introSection .swiper-container img { margin-top: 30px; }
}

.sectionsWarpper { overflow: hidden; padding-bottom: 0; transition: all .4s ease-in-out; width: 100%; background-color: #FFFFFF; }

#video-airplane { /*mix-blend-mode: multiply;*/ }

.secondSec { background: #f2f2f2; }
.stepCircle { position: absolute; width: 50px; height: 50px; background-color: #000; border-radius: 50%; top: -70px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 150%; padding-top: 5px; text-align: center; display: none; }
li.stepsListItem { display: inline-block; vertical-align: middle; margin-left: 48px; height: 240px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); width: 260px; border-top: 3px solid #737373; font-weight: bold; color: #737373; background-color: #fff; position: relative; }
.stepContent { position: absolute; bottom: 0; width: 100%; height: 90px; }
li.stepsListItem svg { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 24px; fill: #999999; }
li.stepsListItem.active svg { opacity: 1; }
li.stepsListItem.active svg { fill: #000; }
li.stepsListItem video { max-height: 122px; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
li.stepsListItem:last-child { margin-left: 0; }
ul.stepsList { margin-top: 20px; }
ul.stepsList h4.capTitle { font-weight: bold; font-size: 110%; max-width: 90%; margin: 10px auto 4px; }
ul.stepsList p { font-size: 90%; max-width: 80%; margin: auto; line-height: 1.11; }
li.stepsListItem.active, li.stepsListItem.paused { color: #000000; border-color: #000000; }

.controlers { position: absolute; bottom: 10px; left: 10px; height: 25px; z-index: 1; }
.controlers img { width: 25px; }
.controlers button { position: absolute; left: 0; z-index: 1; padding: 5px; border: 1px solid transparent; }
.controlers button:focus { border-color: #fff; outline-color: transparent; }
.pause { }
.play { }

ul.procedureNav li:first-child span.line.activated { /* animation: drawLine 4s; */ /* animation-fill-mode: forwards; */ /* animation-iteration-count: 1; */ }
ul.procedureNav li:nth-child(2) span.line.activated { /* animation: drawLine 2s; */ /* animation-fill-mode: forwards; */ /* animation-iteration-count: 1; */ }
ul.procedureNav li:last-child span.line.activated { /* animation: drawLine 2s; */ /* animation-fill-mode: forwards; */ /* animation-iteration-count: 1; */ }
.planeImg { /* position: absolute; */ /* top: 15px; */ /* max-width: 50px; */ /* right: 180px; */ /* z-index: 1; */ }
.planeImg img { max-width: 100%; }

.dirQuestWrapper { display: none; }
.dirQuestWrapper.active { display: block; }
.dirQuestWrapper button { width: 100%; min-height: 80px; text-align: right; -webkit-appearance: none; padding-right: 20px; font-size: 90%; font-weight: bold; }
.dirQuestWrapper button:focus { border: 1px solid #000; outline-color: transparent; }
.panel-title { position: relative; font-size: 100%; }
.panel-default { border: 0px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.panel-default:last-child { margin-bottom: 45px; }
.panel-default > .panel-heading { padding: 0; border: 0px; background-color: #fff; }
.panel-collapse, .collapse { border-top: 1px solid rgba(101, 101, 101, 0.2); }
.panel-collapse p { padding: 21px; font-size: 75%; text-align: right; margin: 0; }
.panel-collapse p a { color: inherit }
.plus-to-minus { width: 18px; height: 18px; cursor: pointer; -webkit-transition: -webkit-transform ease 400ms; transition: -webkit-transform ease 400ms; transition: transform ease 400ms; transition: transform ease 400ms, -webkit-transform ease 400ms; left: 20px; position: absolute; top: 31px; pointer-events: none; }
button[aria-expanded="true"] + .plus-to-minus { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.plus-to-minus:before, .plus-to-minus:after { content: ''; position: absolute; background-color: #000; border-radius: 10px; }
.plus-to-minus:before { margin-left: -1px; width: 3px; height: 100%; top: 0px; left: 10px; }
.plus-to-minus:after { top: 50%; margin-top: -2px; height: 3px; width: 100%; -webkit-transition: -webkit-transform ease 400ms; transition: -webkit-transform ease 400ms; transition: transform ease 400ms; transition: transform ease 400ms, -webkit-transform ease 400ms; left: 2px; }
button[aria-expanded="true"] + .plus-to-minus:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.bannerWrapper { display: block; min-height: 180px; text-align: right; position: relative; background-size: cover; background-position: center; overflow: hidden; box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); }
.contentOnBanner { position: absolute; top: 50%; padding-right: 39px; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 106px; }
.bannerWrapper:after { content: ""; top: 0; width: 518px; height: 100%; opacity: 0.5; /* background-image: linear-gradient(to left, #000000 5%, rgba(84, 84, 84, 0)); */ position: absolute; right: 0; left: 0; z-index: 0; }
.contentOnBanner { z-index: 1; }

.contentOnBanner h2 { margin: 0; line-height: 1; font-size: 200%; margin-bottom: 17px; }
.contentOnBanner a { width: 200px; height: 50px; line-height: 1; font-size: 95%; border-radius: 0px; background-color: #000; display: inline-block; color: #fff; text-decoration: none; text-align: center; padding-top: 13px; border: solid 2px #000; -webkit-transition: all .3s ease; }
.contentOnBanner a svg { width: 15px; position: relative; top: 3px; fill: #fff; }
.contentOnBanner a:hover, .contentOnBanner a:focus { color: #000; background-color: #fff; border-color: #1b1b1b; }
.contentOnBanner a:hover svg, .contentOnBanner a:focus svg { fill: #000 }

@media(min-width:992px) {
    .swiper-container { display: none; }
}

@media(max-width: 991px) {
    .dirQuestWrapper button { font-size: 80%; min-height: 60px; }
    .panel-collapse p { font-size: 71%; }
    .plus-to-minus { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .secondSec { padding: 0 15px 60px 15px; }
    li.stepsListItem { margin-left: 2%; width: 30%; }
    .airplave { max-width: 540px; margin: 0 auto; }
    .airplave video { width: 100%; }
    .sectionsWarpper.resultOn { height: auto; }
    ul.stepsList p { font-size: 69%; }
    ul.stepsList { margin-top: 0; }
    .capsImg { display: block; margin: 0 auto; width: 130px; }
    .capTitle { display: block; margin: 0 auto; max-height: 28px; }
    .sectionsWarpper { min-height: -o-calc(100vh - 55px); min-height: -webkit-calc(100vh - 55px); min-height: calc(100vh - 55px); min-height: -moz-calc(100vh - 55px); height: auto; }
    li.stepsListItem video { max-height: 102px; }
}

@media(max-width:767px) {
    .airplave { display: none }
    .stepCircle { display: block; font-family: 'NespressoLucas'; }
    ul.stepsList { padding: 0 25px; }
    li.stepsListItem { display: block; width: 100%; color: #000; margin-top: 20px; border-color: #000; margin-top: 80px; }
    li.stepsListItem svg { fill: #000; opacity: 1; }
    .dirQuestWrapper button { padding-left: 57px; }
    .bannerWrapper { min-height: 0; }
    .bannerWrapper img { width: 100%; }
    .contentOnBanner { transform: none; top: 16%; width: 100%; left: 0; text-align: center; padding: 0 15px; }
    .contentOnBanner h2 { font-size: 140%; margin-bottom: 10px; }
    .contentOnBanner a { width: 140px; height: 35px; padding-top: 6px; font-size: 85%; line-height: 1.3; }
    .contentOnBanner a svg { width: 12px; top: 0px; }
    .bannerWrapper:after { width: 90%; }
    .introSection .swiper-container .capsItem { padding: 0; opacity: 0 !important; }
    .introSection .swiper-container .capsItem.swiper-slide-active { opacity: 1 !important; }
    .introSection .swiper-container .capsItem .capsImgWrapper { height: 100%; }
    .topSectionContent { padding: 0; height: 100%; padding-top: 30PX; }
    /*.introSection .bgImg { right: -5vw; height: 100%; width: 110vw; }*/
    .introSection { height: 136vw; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffffff; }
    .swiper-container-horizontal > .swiper-pagination { bottom: 22px; }
    .swiper-pagination-bullet { width: 10px; height: 10px; background: #a9a8a8; opacity: 1; font-size: 0; }
    .panel-default:last-child { margin-bottom: 25px; }
}

@media(max-width:375px) {
    .sectionsWarpper { min-height: 100vh; }
    .topSectionContent h2 { margin-top: 0; }
    .topSectionContent { padding-top: 15px; }
}


@keyframes fadeElements {
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0); -o-transform: translateY(0); }
}

@-webkit-keyframes fadeElements {
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}


@-webkit-keyframes rightLeft {
    from { transform: translateX(0); }
    50% { transform: translateX(-5px); }
    to { transform: translateX(0); }
}

@keyframes upAnddown {
    from { transform: translateX(0); }
    50% { transform: translateX(-5px); }
    to { transform: translateX(0); }
}

@keyframes drawLine {
    from { width: 0; }
    25% { width: 25%; }
    50% { width: 50%; }
    75% { width: 75%; }
    to { width: 104%; }
}


.sectionBg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center bottom; background-repeat-y: no-repeat; background-size: cover; }
.videoBgImg { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; }
.ios7 video { display: none; }
.ios7 .videoBgImg { display: block; }

html[data-useragent*='MSIE 10.0'] .answerSection .resBig > div,
html[data-useragent*='MSIE 9.0'] .answerSection .resBig > div,
html[IE11='true'] .answerSection .resBig > div { margin: 0 -2px; }
html[data-useragent*='MSIE 10.0'] .answerSection .recom-div .recom-divWrapper,
html[data-useragent*='MSIE 9.0'] .answerSection .recom-div .recom-divWrapper,
html[IE11='true'] .answerSection .recom-div .recom-divWrapper { height: 130px; top: 0px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background-color: #fff; padding-top: 10px; }
html[data-useragent*='MSIE 10.0'] .answerSection .capsSmallTitle svg,
html[data-useragent*='MSIE 9.0'] .answerSection .capsSmallTitle svg,
html[IE11='true'] .answerSection .capsSmallTitle svg { height: 32px; }




.cloud_deco { position: absolute; height: 560px; width: 1000px; opacity: 0.3; z-index: 0; transition: all 350ms ease-in-out; -webkit-transform: translate3d(1.5%,1.5%,0); -o-transform: translate3d(1.5%,1.5%,0); }

.cloudTR, .cloudMR, .cloudML { width: 400px; height: 200px; top: 0; right: 0; animation: movecloud1 6s 1.5s infinite linear; -webkit-animation: movecloud1 6s 1.5s infinite linear; -moz-animation: movecloud1 6s 1.5s infinite linear; -o-animation: movecloud1 6s 1.5s infinite linear; animation-delay: 200ms; -webkit-animation-delay: 200ms; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.cloudBR { width: 490px; height: 300px; bottom: 3%; right: 0; animation: movecloud2 6s 1.5s infinite linear; -webkit-animation: movecloud2 6s 1.5s infinite linear; -moz-animation: movecloud2 6s 1.5s infinite linear; -o-animation: movecloud2 6s 1.5s infinite linear; animation-delay: 350ms; -webkit-animation-delay: 350ms; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.cloudTL, .cloudM { width: 550px; height: 340px; top: 40px; left: 0; animation: movecloud2 8s 1.5s infinite linear; -webkit-animation: movecloud2 8s 1.5s infinite linear; -moz-animation: movecloud2 8s 1.5s infinite linear; -o-animation: movecloud2 8s 1.5s infinite linear; animation-delay: 500ms; -webkit-animation-delay: 500ms; background-image: url('images/content/pics/cloudDeco1.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.cloudBL { width: 450px; height: 200px; bottom: 15%; left: 0; animation: movecloud1 8s 1.5s infinite linear; -webkit-animation: movecloud1 8s 1.5s infinite linear; -moz-animation: movecloud1 8s 1.5s infinite linear; -o-animation: movecloud1 8s 1.5s infinite linear; animation-delay: 650ms; -webkit-animation-delay: 650ms; background-image: url('images/content/pics/cloudDeco2.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.cloudMR { top: 27%; left: 40%; animation-delay: 700ms; -webkit-animation-delay: 700ms; right: auto; }
.cloudM { top: auto; left: -6%; top: -20%; right: auto; animation: movecloud3 8s 1.5s infinite linear; -webkit-animation: movecloud3 8s 1.5s infinite linear; -moz-animation: movecloud3 8s 1.5s infinite linear; -o-animation: movecloud3 8s 1.5s infinite linear; animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.cloudML { bottom: 0; right: auto; left: 0; top: auto; }
li.stepsListItem { z-index: 1; }





@media(min-width:767px) {
    .cloud_deco { opacity: 0.2; }
}

@media(max-width:767px) {
    .cloud_deco { z-index: -1; }
}


@-webkit-keyframes movecloud1 {
    0% { -webkit-transform: translate3d(6%,10%,0); }
    50% { -webkit-transform: translate3d(3%,3%,0); }
    75% { -webkit-transform: translate3d(4%,7%,0); }
    100% { -webkit-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud1 {
    0% { -moz-transform: translate3d(6%,10%,0); }
    50% { -moz-transform: translate3d(3%,3%,0); }
    75% { -moz-transform: translate3d(4%,7%,0); }
    100% { -moz-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud1 {
    0% { -o-transform: translate3d(6%,10%,0); }
    50% { -o-transform: translate3d(3%,3%,0); }
    75% { -o-transform: translate3d(4%,7%,0); }
    100% { -o-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud1 {
    0% { transform: translate3d(6%,10%,0); }
    50% { transform: translate3d(3%,3%,0); }
    75% { transform: translate3d(4%,7%,0); }
    100% { transform: translate3d(6%,10%,0); }
}

@-webkit-keyframes movecloud2 {
    0% { -webkit-transform: translate3d(6%,10%,0); }
    50% { -webkit-transform: translate3d(4%,7%,0); }
    75% { -webkit-transform: translate3d(3%,3%,0); }
    100% { -webkit-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud2 {
    0% { -moz-transform: translate3d(6%,10%,0); }
    50% { -moz-transform: translate3d(4%,7%,0); }
    75% { -moz-transform: translate3d(3%,3%,0); }
    100% { -moz-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud2 {
    0% { -o-transform: translate3d(6%,10%,0); }
    50% { -o-transform: translate3d(4%,7%,0); }
    75% { -o-transform: translate3d(3%,3%,0); }
    100% { -o-transform: translate3d(6%,10%,0); }
}

@keyframes movecloud2 {
    0% { transform: translate3d(6%,10%,0); }
    50% { transform: translate3d(4%,7%,0); }
    75% { transform: translate3d(3%,3%,0); }
    100% { transform: translate3d(6%,10%,0); }
}

@-webkit-keyframes movecloud3 {
    0% { -webkit-transform: translate3d(10%,15%,0); }
    50% { -webkit-transform: translate3d(9%,12%,0); }
    75% { -webkit-transform: translate3d(6%,6%,0); }
    100% { -webkit-transform: translate3d(10%,15%,0); }
}

@keyframes movecloud3 {
    0% { -moz-transform: translate3d(10%,15%,0); }
    50% { -moz-transform: translate3d(9%,12%,0); }
    75% { -moz-transform: translate3d(6%,6%,0); }
    100% { -moz-transform: translate3d(10%,15%,0); }
}

@keyframes movecloud3 {
    0% { -o-transform: translate3d(10%,15%,0); }
    50% { -o-transform: translate3d(9%,12%,0); }
    75% { -o-transform: translate3d(6%,6%,0); }
    100% { -o-transform: translate3d(10%,15%,0); }
}

@keyframes movecloud3 {
    0% { transform: translate3d(10%,15%,0); }
    50% { transform: translate3d(9%,12%,0); }
    75% { transform: translate3d(6%,6%,0); }
    100% { transform: translate3d(10%,15%,0); }
}


@supports (-ms-ime-align:auto) {
    li.stepsListItem video { left: auto; right: 50%; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    li.stepsListItem video { right: 50%; left: auto; }
    .topSectionContent h1 { font-family: inherit; }
}