﻿
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }




@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@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'); }

@font-face { font-family: 'HelveticaHebrew'; font-weight: normal; 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: 'HelveticaHebrew'; font-weight: bold; src: url(fonts/HelveticaHebrew-Bold.ttf) format('truetype'); src: url(fonts/HelveticaHebrew-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaHebrew-Bold.woff) format('woff'), url(fonts/HelveticaHebrew-Bold.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'); }


body { color: #000000; direction: rtl; background: #fff; letter-spacing: normal; font-family: 'HelveticaHebrew'; font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif !important; font-size: 20px; }

h1 { font-size: 285%; font-weight: bold; line-height: 1.25; }
h1, h2 { }
h3 { font-size: 110%; font-weight: bold; line-height: 1.18; margin-bottom: 22px; }
p { }
a, a:hover, a:focus { color: inherit }

section { width: 100%; -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; position: relative; text-align: center; position: relative; }
.sectionContent { }
.container { max-width: 996px; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; position: relative; overflow: hidden; padding: 0; width: 100%; }
.conentWrapper { position: relative; z-index: 1; }

.introSection { background-position: bottom center; height: 414px; background-image: linear-gradient(154deg, #ffffff 30%, #e1e1e1 96%); }
    .introSection .conentWrapper { padding-top: 60px; }
.introText { margin-top: 20px; }
    .introText p { font-size: 130%; line-height: 1.19; direction: ltr; }
.introSection h2 { font-size: 145%; line-height: 1.28; }
.withLine { display: inline-block; font-size: 150%; line-height: 1.17; position: relative; }
.present { display: block; color: #be9550; font-weight: bold; font-size: 655%; line-height: 0.7; letter-spacing: 7.86px; position: relative; }
.withLine:after, .withLine:before { content: ""; position: absolute; width: 40px; background-color: #be9550; height: 2px; top: 17px; }
.withLine:after { left: -55px; }
.withLine:before { right: -55px; }
#video-top { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; }

.contentWrapper, #contact-form-wiget { }
a.generalBtn, .generalBtn { width: 167px; height: 43px; border-radius: 4px; background-color: #3d8705; display: inline-block; color: #fff; line-height: 42px; text-decoration: none; transition: .25s ease; transition-property: all; transition-duration: 0.25s; transition-timing-function: ease; font-size: 90%; border: none; }
    .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; }

span.tc-comment { font-size: 60%; padding-bottom: 10px; }
span.tc-comment a { text-decoration: underline; }

#contact-form-wiget { position: relative; padding: 0; }
    #contact-form-wiget fieldset { max-width: 770px; text-align: right; margin: 0 auto; }
.form-messages,
.form-messages .loading,
.form-messages .success,
.form-messages .error { display: none; z-index: 1; }
.form-messages { position: absolute; top: -10px; bottom: 0px; left: 0px; right: 0px; font-size: 150%; background: rgba(255, 255, 255, 0.8); font-weight: bold; }
.error-message { display: none; }
.control-wrap { position: relative; }
    .control-wrap.selector:after { content: ""; width: 14px; height: 8px; position: absolute; background-image: url(./images/down.svg); top: 14px; left: 14px; pointer-events: none; z-index: 1; }
    .control-wrap.selector:before { content: ""; width: 10px; background: whitesmoke; position: absolute; top: 3px; left: 2px; z-index: 1; bottom: 4px; width: 28px; pointer-events: none; }
label { font-weight: normal; position: absolute; z-index: 1; display: block; top: 11px; left: 18px; right: 0; padding: 0 7px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; pointer-events: none; font-size: 80%; }
.form-control:focus ~ label, .form-control.focus ~ label { top: -10px; font-size: 50%; padding: 0; left: 0; }
.form-control { border: none; background: none; font-size: 100%; padding-right: 10px; position: relative; cursor: text !important; border-radius: 0; color: inherit; height: 36px; }


.form-group { margin-bottom: 0; }
label.error { position: absolute; top: 0px; left: 15px; font-weight: normal; }
span.error { position: absolute; top: 6px; left: 5px; font-size: 50%; color: red; }
.f-h.p-vert { position: absolute; top: 50%; transform: translateY(-50%); }
.form-control.error { }
button { width: 100%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
    button:hover, button:focus { }
.form-control, button { border: solid 1px #c2c2c2; background-color: #F5F5F5; font-size: 80%; padding-right: 4px; }

.formSection { padding: 25px 0 6px; }
    .formSection:after { content: ""; border-bottom: 2px solid #D5D5D5; position: absolute; height: 2px; width: 100%; max-width: 885px; left: 50%; transform: translateX(-50%); bottom: -20px; }
.inputWraper { padding: 0 6px; margin-bottom: 15px; }
.contact-submit { text-align: center; margin-top: 7px; margin-bottom: 25px; }


.sliderSection { padding: 54px 0; max-width: 780px; margin: 0 auto; }
.swiper-pagination { counter-reset: my-awesome-counter; }
.swiper-pagination-bullet { counter-increment: my-awesome-counter; width: 36px; height: 36px; border: solid 2px #c2c2c2; background-color: #ffffff; position: relative; z-index: 1; opacity: 1; box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.1); }
    .swiper-pagination-bullet:before { content: counter(my-awesome-counter); font-weight: bold; position: absolute; top: 7px; width: 100%; left: 0.5px; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #be9550; border-color: #be9550; }
        .swiper-pagination-bullet.swiper-pagination-bullet-active:before { }
.swiper-container-horizontal > .swiper-pagination { width: auto; left: 50%; transform: translateX(-50%); }
    .swiper-container-horizontal > .swiper-pagination:before { content: ""; height: 2px; background-color: #c2c2c2; position: absolute; right: 5px; top: 18px; left: 5px; z-index: -5; box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.1); }
.slider-content { display: inline-block; width: 45%; vertical-align: top; height: 261px; text-align: right; margin-top: 30px; }
.slider-img { display: inline-block; width: 54%; vertical-align: top; background-position: center; background-size: cover; padding-bottom: 33.4%; }
.slider-title { font-weight: bold; font-size: 110%; max-width: 313px; margin-bottom: 11px; direction: ltr; }
.slider-text { max-width: 313px; font-size: 90%; line-height: 1.33; }

.slider-content.bigcontent { width: 100%; display: block; text-align: center; }
    .slider-content.bigcontent .slider-title { max-width: 100%; }
.slide-icon { font-size: 75%; margin-top: 40px; }
    .slide-icon img { max-width: 76px; display: block; margin: 0 auto 10px; }

@media(max-width:1440px) {
    body { }
}


@media(max-width:1170px) {
    body { }
}

@media(max-width:991px) {
    fieldset > * { }
    #video-top { left: 50%; right: auto; transform: translateX(-50%); }
    #contact-form-wiget fieldset { max-width: 90%; }
    span.tc-comment { max-width: 90%; display: block; margin: 0 auto; }
    .sliderSection { max-width: 90%; }
}

@media(min-width:768px) {
    .sliderSection { height: 357px; }
}

@media(max-width:767px) {
    #video-top { display: none; }
    body { font-size: 16px }
    .introSection { height: auto; }
        .introSection .conentWrapper { padding: 40px 0; font-size: 85%; }
    #contact-form-wiget fieldset, h3 { max-width: 100%; padding: 0 35px; }
    h3 { font-size: 131%; margin-top: 15px; /* padding-bottom: 32px; */ }
    .form-submit.generalBtn { width: 100%; font-size: 100%; }
    .contact-submit { padding: 0 6px; }
    span.tc-comment { max-width: 100%; padding: 0 35px; line-height: 1.3; font-size: 65%; }
    .slider-content, .slider-img { width: 100%; text-align: center; height: auto; }
    .slider-content { padding-bottom: 30px; margin-top: 15px; }
    .slider-img { padding-bottom: 65%; }
    label { font-size: 95%; }
    .form-control, button { font-size: 95%; }
    .swiper-container-horizontal > .swiper-pagination { bottom: 0; }
    .swiper-container { padding-bottom: 40px; }
    .introSection h2 { line-height: 1; }
    .withLine:after, .withLine:before { top: 12px; }
    .formSection:after { bottom: -10px; }
    .sliderSection { padding: 44px 0; }
    .slider-title { font-size: 140%; max-width: 100%; }
    .slider-text { font-size: 100%; max-width: 100%; }
    .swiper-pagination-bullet:before { top: 9px; }
}



.dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; }
.dialog { position: fixed; align-items: center; justify-content: center; pointer-events: none; }
    .dialog.dialog--open { z-index: 9999; pointer-events: auto; display: -ms-flexbox; display: flex; }
.dialog__overlay { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s; }
.dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; }
.dialog__content { background: transparent; padding: 0 60px; position: fixed; z-index: 5; opacity: 0; pointer-events: none; z-index: 0; width: 600px; height: 600px; color: #000; background: #fff; }
    .dialog__content iframe { width: 85vw; height: 48vw; max-height: 670px; border: none; background-color: transparent; max-width: 1190px; }
.dialog--open .dialog__content { pointer-events: auto; z-index: 5; }
.pop-close { position: absolute; left: 50%; top: -50px; background: no-repeat; border: none; width: 40px; height: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .pop-close .xIcon { display: block; }
        .pop-close .xIcon svg { width: 100%; height: 100% }


.dialog h2 { margin: 0; font-weight: 400; font-size: 110%; padding: 0; margin: 0; font-weight: bold; padding-top: 65px; }
.dialog ul { font-size: 87%; padding-right: 13px; line-height: 1.33; }
    .dialog ul li { margin-top: 17px; position: relative; }
        .dialog ul li:before { content: ""; width: 5px; height: 5px; background-color: #be9550; position: absolute; right: -10px; border-radius: 50%; top: 9px; }
.dialog p { font-size: 90%; line-height: 1.33; margin: 18px 0; }

.dialog .generalBtn img { width: 11px; position: relative; top: 1px; }
.dialog.dialog--open .dialog__content{ animation-duration: 0.3s; animation-fill-mode: forwards; }
.dialog.dialog--open .dialog__content { animation-name: anim-open; }
.dialog.dialog--close .dialog__content { animation-name: anim-close; }

#thankyou .dialog__content { background-image: url('./images/popup.jpg'); color: #fff; text-align: center; }
#thankyou h2 { padding-top: 110px; font-size: 150%; }

@media(min-width:768px) {
    .dialog .generalBtn { width: 100px; height: 31px; line-height: 32px; font-size: 55%; }
}

@media(max-width:767px) {
    .dialog__content { height: 450px; width: 93%; padding: 0 15px; }
    .dialog__content-inner { height: 100%; overflow: auto; }
    .dialog h2 { padding-top: 20px; }

    #thankyou.dialog p { font-size: 110%; }
}

@keyframes anim-open {
    0% { opacity: 0; transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
}

.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; }

@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); }
}



.scr-reader-only { visibility: hidden; width: 0px; height: 0px; margin: 0; padding: 0; display: block; }
.screen-reader-text { color: #323944; display: block; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; text-decoration: none; }
    .screen-reader-text:link, .screen-reader-text:visited:link { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
    .screen-reader-text:hover, .screen-reader-text:focus { background-color: #252525; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-weight: 700; height: auto; left: 0; line-height: normal; padding: 1em 1.618em; text-decoration: none; top: 0; width: auto; z-index: 100010; outline: 0; color: #fff; font-size: 120%; }
