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

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

::-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';
    font-weight: normal;
    src: url(fonts/NespressoLucas-Regular.eot);
    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';
    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');
}


.breadcrumbs {text-align: center;transition: all .4s ease-in-out;width: 100%;font-size: 70%;transform: translateY(-20px);-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);opacity: 0;margin-top: 40px;position: fixed;top:510px;pointer-events: none;}
.breadcrumbs.active {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);opacity: 1;pointer-events: auto;}
.breadcrumbs .previous {left: 0;position: absolute;font-size: 1em;line-height: 2.14286em;letter-spacing: .10714em;}
.breadcrumbs .link {font-weight: 400;text-decoration: none;color: #b07d3a;position: relative;margin: 0;cursor: pointer;position: absolute;left: 15px;}
.breadcrumbs ol {display: inline-block;position: relative;margin: 0 auto;padding: 0;list-style: none;direction: ltr;}
.breadcrumbs ol:before {content: "";display: block;position: absolute;top: 50%;left: 1px;right: 1px;height: 2px;margin-top: -3px;background: url(images/doted.svg) repeat-x;}
.breadcrumbs ol li {position: relative;z-index: 10;display: inline-block;margin: 0 16px;border: 1px solid #fff;border-radius: 100%;text-shadow: 0 0 #979797;overflow: hidden;background: #000;box-sizing: border-box;transition: none;width: 28px;height: 28px;}
.breadcrumbs ol li:first-child {margin-left: 0;}
.breadcrumbs ol li:last-child {margin-right: 0;}
.breadcrumbs ol li.checked {background: #fff;}
.breadcrumbs ol li.active {background: #fff;transition: all 0s ease-in-out .6s;}
.breadcrumbs ol li.active span {color: #000;transition: all .4s ease-in-out;}
.breadcrumbs ol li.active:after, .breadcrumbs ol li.active:before {transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.breadcrumbs ol li.active:before {transition: all .4s ease-in-out;}
.breadcrumbs ol li:after, .breadcrumbs ol li:before {content: "";display: block;position: absolute;left: 50%;top: 50%;width: 28px;height: 28px;transform: translate(-150%,-50%);-webkit-transform: translate(-150%,-50%);-moz-transform: translate(-150%,-50%);-ms-transform: translate(-150%,-50%);-o-transform: translate(-150%,-50%);border-radius: 100%;background: #fff;}
.breadcrumbs ol li.checked:before {transition: all .4s ease-in-out;transform: translate(150%,-50%);-webkit-transform: translate(150%,-50%);-moz-transform: translate(150%,-50%);-ms-transform: translate(150%,-50%);-o-transform: translate(150%,-50%);}
.breadcrumbs ol li:after, .breadcrumbs ol li:before {content: "";display: block;position: absolute;left: 50%;top: 50%;width: 28px;height: 28px;transform: translate(-150%,-50%);-webkit-transform: translate(-150%,-50%);-moz-transform: translate(-150%,-50%);-ms-transform: translate(-150%,-50%);-o-transform: translate(-150%,-50%);border-radius: 100%;background: #fff;}
.breadcrumbs ol li:after {z-index: 1;transition: transform .4s ease-in-out;}
.breadcrumbs ol li.checked:after {background: #fff;transform: translate(100%,-50%);-webkit-transform: translate(100%,-50%);-moz-transform: translate(100%,-50%);-ms-transform: translate(100%,-50%);-o-transform: translate(100%,-50%);transition: transform .4s ease-in-out;}
.breadcrumbs ol li i, .breadcrumbs ol li span {position: relative;z-index: 10;display: block;width: 26px;line-height: 26px;font-size: 1em;text-align: center;transition: all .4s ease-in-out;    top: 1px;}
.breadcrumbs ol li.checked i, .breadcrumbs ol li.checked span {color: #000;}
.breadcrumbs ol li img {height:10px;position: relative;top: 3px;}

@media(max-width:991px){
    .breadcrumbs{ top: 470px;}
    .breadcrumbs ol li i, .breadcrumbs ol li span{ top: 3px;}
    .breadcrumbs ol li img {top: 5px;}
}
@media(max-width:767px){
    .breadcrumbs{height: 75px;top: 0;text-align: center;margin-top: 0;padding-top: 20px;background: -webkit-linear-gradient(top,rgba(0,0,0,.9),rgba(0,0,0,.3),transparent);background-image: -moz-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent);background-image: -ms-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent);background-image: -o-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent);background-image: linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent);position: absolute;}
    .breadcrumbs .link{position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;}
    .breadcrumbs ol li span{display: none;}
    .breadcrumbs ol:before{display: none;}
    .breadcrumbs ol li{margin: 0 5px;width: 20px;height: 20px;}
    .breadcrumbs ol li:last-child{display: none;}
    .breadcrumbs ol{width: 100%;}
}
section{position: absolute;transform: translateX(990px);-webkit-transform: translateX(990px);-moz-transform: translateX(990px);-ms-transform: translateX(990px);-o-transform: translateX(990px);width: 100%;transition: all .4s ease-in-out .4s;overflow: hidden;}
section.active{display:block;transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);max-height: 100vh;opacity: 1;}

section.prevSection {transform: translateX(-990px);-webkit-transform: translateX(-990px);-moz-transform: translateX(-990px);-ms-transform: translateX(-990px);-o-transform: translateX(-990px);}
.stepSection{opacity: 0;}
a.generalBtn, .generalBtn{width: 163px;height: 52px;border-radius: 3px;background-color: #986f38;display: inline-block;color: #000;line-height: 52px;text-decoration: none;transition: .25s ease;transition-property: all;transition-duration: 0.25s;transition-timing-function: ease;}
.container                   {max-width: 996px;background-color: #000000;background-image: url(images/bg.jpg);background-repeat: no-repeat;background-position: top center;background-attachment: fixed;position: relative;min-height: 640px;overflow: hidden;}
.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;}

@media(max-width:991px) and (min-width:768px){
	.container{padding:0;}
}

@media(max-width:767px){
    .container{padding: 0;min-height: 810px;background-image: url(images/mobile/bg.jpg);}
    .stepSection{overflow: visible;}
    .stepSection.active{max-height: 200vh;}
}

.introSection {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);height: 600px;}
.introSection.prevSection{transform: translateX(0px); -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);}
.introSection .content {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);}
.introSection .content > * {opacity: 0;transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);position: relative;transition: all 0s ease-in-out .4s;}
.introSection.active .content > * {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transition: all .4s ease-in-out .4s;}
.introSection .content > h1 {font-size: 240%;margin: 0;transition-delay: 0ms;}
.introSection .content > h2 {font-size: 90%;margin: 0;margin-top: 20px;transition-delay: 0ms;}
.introSection .content > .btnWrapper {margin-top: 20px;display: block;transition-delay: 0ms;}
.introSection.active .content > h1 {transition-delay: 500ms;}
.introSection.active .content > h2 {transition-delay: 800ms;}
.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;}
.sectionsWarpper {color: #fff;overflow: hidden;width: 100%;padding-bottom: 0;transition: all .4s ease-in-out;}

@media(max-width:767px){
    .introSection .content{padding:0 15px}
    .sectionsWarpper{height: 880px;}
    .introSection .content > h2{max-width: 230px;margin: 0 auto;}
    .introSection .content > h1{font-size: 200%;max-width: 280px;margin: 0 auto;}
}


.quest, .quest:hover, .quest:focus {color: #fff;}
.quest img {width: 100%;}
.quest .quest-img-Holder{position:relative;padding: 0;}
.quest .quest-text{height: 60px;background-color: #3c3635;display: block;font-size: 80%;padding: 10px;position: relative;}
.quest .quest-text span{position: absolute;width: 100%;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%);padding: 10px;max-width: 400px;}
.questWarpper {max-width: 955px;}
.quest-title {margin-top: 80px;margin-bottom: 45px;}

@media(min-width:768px){
    .questWarpper{margin: 0 auto;}
}

@media(max-width:991px){
    .quest .quest-text span{line-height: 1.3;}
}

@media(max-width:991px) and (min-width:768px){
    .quest{padding: 0 10px;}
}
@media(max-width:767px){
    .quest {height: 125px;padding: 0;margin-bottom: 15px;border-radius: 3px;overflow: hidden;background: #fff;text-align: right;}
    .quest .quest-text{background-color: transparent;color: #000;height: 100%;position: relative;width: calc(100% - 123px);}
    .quest img{height: 100%;width: auto;}
    .quest .quest-img-Holder{height: 100%;overflow: hidden;width: 123px;}
    .quest-title{margin-top: 90px;max-width: 280px;margin: 100px auto 45px;}
    .questWarpper{padding: 0 35px;}
    .quest .quest-text span{position: absolute;top: 50%;transform: translate(-50%, -50%);text-align: center;max-width: 85%;}
}

@media(max-width:320px){
    .quest .quest-text span{max-width: 90%;}
}

.resultWrapper {background: #fff;color:#000;text-align: right;padding: 72px 97px;position: relative;}
.resultWrapper .resultImg img {width: 100%;}
.resultWrapper .down-arrow {position: absolute;width: 62px;height: 62px;left: 50%;transform: translateX(-50%);  -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);top: -31px;background: #fff;border-radius: 50%;}
.resultWrapper .down-arrow img{position: absolute;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%);width: 22px;}
.answerSection  h2 {font-size: 240%;margin-top: 85px;margin-bottom: 85px;}
.answerSection h3 {color: #8f7247;font-family: 'NespressoLucas' !important;font-size: 240%;    margin-top: 0;}
.answerSection h4 {font-size: 140%;}
.answerSection .resultText {font-size: 80%;max-width: 320px;}
.answerSection a {display: block;font-size: 80%;color: #000;margin-top: 10px;text-decoration: none;}
.answerSection a.find-more{text-decoration: underline;}
.answerSection a.purchase {background: #3d8705;display: inline-block;color: #fff;padding: 5px 19px;margin-top: 17px;margin-bottom: 20px;}
.answerSection a.reset img {width: 14px;margin-left: 10px;}
.answerSection {opacity: 0;transform: translateY(600px);-webkit-transform: translateY(600px);-moz-transform: translateY(600px);-ms-transform: translateY(600px);-o-transform: translateY(600px);transition: all 1s ease-in-out .4s;pointer-events: none;}
.answerSection.active{opacity:1;transform: translateY(0px);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);pointer-events: auto;}

@media(max-width:991px){
    .resultWrapper{padding: 50px 97px;}
}

@media(max-width:767px){
    .answerSection{transform: translateY(300px);-webkit-transform: translateY(300px);-moz-transform: translateY(300px);-ms-transform: translateY(300px);-o-transform: translateY(300px);}
    .resultWrapper{padding: 15px;text-align: center;    padding-bottom: 0px;}
    .answerSection.active{max-height: 960px;}
    .answerSection h4{max-width: 200px; margin: 0 auto;margin-bottom: 20px;}
    .resultWrapper .resultImg{padding:0px}
    .resultWrapper .resultImg img{/* max-width: 290px; */}
    .answerSection a{margin-top: 0;margin-bottom: 10px;}
    .answerSection a.purchase{margin: 0px 0 10px 0;padding: 9px 19px;}
    .answerSection .resultText{max-width: 290px;margin: 0 auto;}
    .answerSection h3{font-size: 200%;}
	.answerSection  h2 {font-size:200%}
}