﻿body {text-align:center;color:#012169;direction:rtl;letter-spacing:normal;
      font-family: 'HelveticaHebrew';
      font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif!important;
      font-size:18px;
      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;}
body.overFlowHidden{overflow-y: hidden;}
.scn-reader-only { width: 0px;height: 0px;overflow: hidden;position: absolute;margin:0;padding:0; }

::-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;}
:focus,a:focus,button:focus {     outline: 1px solid #E59268;
    outline-offset: 5px; }


@font-face {
    font-family: 'HelveticaBold';
    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';
    font-weight: normal;
    src: url(fonts/NespressoLucas-Med.eot);
    src: url(fonts/NespressoLucas-Med.eot?#iefix) format('embedded-opentype'),
    url(fonts/NespressoLucas-Med.woff) format('woff'),
    url(fonts/NespressoLucas-Med.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');
}

.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;}

.topImg                      { margin-bottom: 30px; }
.topImg img                  { max-height: 45px; }
section.intro                { padding: 90px 140px 38px;background-size: cover;background-position: center center; }
.sectionContent h1           { font-size: 117%;font-family: 'HelveticaBold'; }
.sectionContent h1,.sectionContent h2   { font-size: 210%;font-family: 'NespressoLucas',HelveticaBold; font-weight: bold;letter-spacing: 3.04px; }

.sectionBtn a                { display: inline-block; width: 180px; background: #ffffff; padding: 10px; color: #000000;text-decoration: none; margin-top: 10px;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
.sectionBtn a:hover, .sectionBtn a:focus { background:#907345;color:#ffffff;}
.sectionBtn span             {  display: block; }
.sectionBtn                  { width: 49%; display: inline-block; }
.sectionButtons              { max-width: 400px; margin: auto; margin-top: 30px; }

.sectionItems .item          { float: right; width: 50%; }
section                      { overflow: auto;position:relative; }
.sectionItems                { margin-top: 100px; opacity: 0; -webkit-transition: 1s; transition: 1s;padding-bottom:40px;overflow:auto; }
.sectionItems.active         { opacity:1; }
.whiteWaves                  { position: absolute; left: 15px; width: 100%; right: 0px; bottom: 0; height: 340px; background: #ffffff; z-index: 0; }
.whiteWaves img              { position: absolute; top: -90px; left: 0; right: 0; width: 100%; }
.sectionContent              { z-index: 1;  position: relative; }
.sectionItems .item p        { color: #000000; font-size: 90%; }
.sectionItems .item p.greenTxt { color: #3d8705; font-size: 80%;margin-bottom:15px; }
.sectionItems .item p.first-title    { margin-bottom:0;line-height:1.2; }

a.gnrBtn                        { background: #3d8705; padding: 6px 15px; color: #ffffff; font-size: 90%; display: inline-table; border-radius: 3px;  box-shadow: none; -webkit-transition: .25s ease; transition: .25s ease; }
a.gnrBtn:hover ,a.gnrBtn:focus  { -webkit-box-shadow: 0 .25em .5em rgba(0,0,0,.3);  box-shadow: 0 .25em .5em rgba(0,0,0,.3);  text-decoration: none; }

a.gnrBtn span.textBtn           { padding: 0px 9px 0px 19px; }
a.gnrBtn span                   {  display: table-cell;  vertical-align: middle; }
a.gnrBtn span svg               { display: inline-block; vertical-align: middle; fill: #ffffff; }

section.intro                   { background-size: contain; background-position: top; }
section.intro .sectionItems .item img       { max-width: 20vw; }

.goToOther a                    { background: #f8fafb;display: inline-block;border-radius: 50%; padding: 22px; border: 10px solid #D0DEF0; width: 143px;height: 143px; }
.goToOther                      { position: absolute;right: -20px; top: 70px; }
.goToOther a span               { display: block; font-size: 65%; max-width: 80px; line-height: 1.1;color: #012169; margin-top: 5px; margin-right: auto; margin-left: auto; }
.goToOther a img                { margin-right: -14px; margin-top: -17px;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;-webkit-transform: scale(1);  transform: scale(1); }
section.intro.veertuoPage .goToOther img { margin-right: -10px;  max-width: 65px; }
.goToOther a:hover img,.goToOther a:focus img       { opacity: .75; -webkit-transform: scale(1.05);  transform: scale(1.05); }

section.whiteColor              { color: #ffffff; }
section.second.whiteColor       { height: 500px;overflow:hidden;background-size:cover; }
section.absoluteContent .sectionContent    { position: absolute;  top: 50%;  left: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 29vw; }
button.videoBtn                            { background: transparent; border: 0; -webkit-appearance: none;  font-size: 100%; font-family: 'HelveticaBold'; margin-top: 35px; }
section.absoluteContent h2                 { margin-top: 0; }
button.videoBtn span,button.videoBtn svg    { display: inline-block; vertical-align: middle; }
button.videoBtn svg                         { margin-right: 5px; width: 21px; height: 21px; }


section.bgWhite                             { background: #ffffff; }
.cube                                       { width: 50%; display: table-cell; vertical-align: middle; text-align: right; background-repeat: no-repeat; background-position: center right; position:relative;}
.cube img                                   { max-width: 100%; }
.smallIcon img                              { width: 32px;  height: 32px; }
.cube.txtCube                               { padding: 80px; }
.cube.txtCube p                             { font-size: 90%; }
.cube.txtCube h2                            { max-width: 90%; }
.sectionContent h3                          { font-size: 135%; }


section.itemContent .item                        { width: 33.33%; }
section.itemContent .item img                    { max-width: none;max-height: 171px; display: inline-block; vertical-align: bottom; }
section.itemContent .cube:first-child            { width: 60%;/*display:table-cell !important;*/ }
section.itemContent .cube:nth-child(2)             { width: 40%;position:relative;padding-left:35px; }
section.itemContent .sectionContent              { text-align: center; }
section.itemContent .sectionItems                { max-width: 440px; margin: auto;margin-top: 60px; }

.photoNum                                   { background: #012169; color: #ffffff; width: 21px; height: 21px; border-radius: 50%; font-size: 65%; position: relative; margin: auto; }
.photoNum span                              { position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); font-family: 'NespressoLucas',HelveticaBold; }
section.itemContent .sectionItems p              { color: #012169; font-size: 75%; margin-top: 15px; max-width: 90%; margin-right: auto; margin-left: auto; }
section.itemContent                              { padding-top: 50px;  padding-bottom: 50px;overflow:hidden; }
.item:first-child .photoNum:after,.item:nth-child(2) .photoNum:after           { content: ""; border-top: 2px dotted #012169; position: absolute; left: -119px; width: 110px; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%); }
section.itemContent h3                           { margin-bottom: 0; }
section.itemContent h2                           { margin-top: 10px; }
section.itemContent button.videoBtn              { position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin-top:0; }

section.gradientSec                         { background: linear-gradient(to bottom, #f8fafb, #ffffff); }

.opensVideo                                 { height: 20.125em;border-radius: 50%; overflow: hidden; margin-top: 0; right: 4em; text-align: center; background-color: #eee; -webkit-mask-image: -webkit-radial-gradient(#fff,#000); width: 20.125em; transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;margin-left:auto;margin-right:auto; }
.g_recipe                                   { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: .25s; transition: .25s; -webkit-transform: scale(1.05); transform: scale(1.05); }
.g_recipeVisual.g_imgSrc.g_imgSrc_loaded    {  position: absolute;  top: 0; right: 0; bottom: 0; left: 0;     background-repeat: no-repeat;background-size: 110%;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
.opensVideo:hover .g_recipe                 { -webkit-transform: scale(1.01); transform: scale(1.01); }


section.seventh                             { background-position: bottom; background-repeat: no-repeat;padding-bottom:60px; }
section.seventh .whiteWaves                 { position: relative; height: 150px; background: transparent; }
section.seventh h3                          { margin-bottom: 0; }
section.seventh h2                          { margin-top: 10px; }
section.seventh .whiteWaves img             {  position: relative; top: auto; left: auto; right: auto; }
section.seventh .item img                   { max-width: 160px; }
.whiteBox                                   { width: 250px; background-color: #f8fafb; border-radius: 5px; margin: auto; padding: 20px 30px; }
section.seventh .sectionItems               { max-width: 570px; margin-right: auto; margin-left: auto; margin-top: 50px; }
section.seventh .sectionItems .item p.first-title       { max-width: 130px; margin-right: auto; margin-left: auto; }
section.seventh a.gnrBtn                    { padding: 6px 10px; }
section.seventh .textContent                { font-size: 90%; }

section.ninth .sectionItems                 { max-width: 450px; margin-right: auto; margin-left: auto; margin-top: 50px; }
section.ninth                               { padding-top: 60px; padding-bottom: 60px; }
section.ninth .sectionItems img             { max-width: 160px; }
section.ninth .sectionItems .item p.first-title         { max-width: 100px; margin-right: auto; margin-left: auto; min-height: 46px; }
section.tenth .sectionText                                            { max-width: 500px; margin: auto; font-size: 90%; }
section.tenth .sectionItems .item p.first-title         {  margin-top: 15px; max-width: 140px; min-height: 0; margin-bottom: 15px; }
section.ninth a.gnrBtn                                  { padding: 6px 10px; }

video                                       { position: absolute; top: 0; left: 0; right: 0; bottom: 0;   }
.videoWrapper                               { z-index: -1;position:absolute;width:100%;height:100%;/*display:none;*/top:0;background:rgba(0, 0, 0, 0.7);transition: opacity 350ms ease-in-out;-webkit-transition:opacity 350ms ease-in-out;pointer-events:none;opacity: 0;left:0; }
.videoWrapper.active                        { z-index: 1;/*display:block;*/pointer-events:all;opacity:1; }
.sectionContent.inActive                    { opacity: 0.5;z-index:0; }
.cube.inActive                              { opacity: 0.5; }
section.videoActive                         { /*background-image: none !important;*/overflow:hidden; }
section.videoPlaying:not(.fifth)                         { opacity:0.3; }
section.fifth.third.videoPlaying:after          { content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; z-index: 2; }
/*section.fifth.third.videoPlaying                { opacity: 1; }*/
button.closeBtn                             { position: absolute; left: 50%; background: #737373;  -webkit-appearance: none; border: 0;  font-size: 120%;   z-index: 2; color: #ffffff;border-radius: 50%; width: 46px; height: 46px; transform: translateX(-50%);-webkit-transform:translateX(-50%); top: 5px;padding:0; }
button.closeBtn svg                         { width: 15px; height: 15px; fill: #ffffff; vertical-align: middle; }
iframe                                      { width: 810px; height: 100%; border: 0; }
/*section.sixth.itemContent.videoActive,section.fourth.videoActive       { height: 500px;  position: relative;padding:0; }*/

section:not(.gradientSec)                    { overflow-x: hidden;transition: opacity 350ms ease-in-out;-webkit-transition:opacity 350ms ease-in-out; }
section.gradientSec .videoWrapper           { -webkit-transition: opacity 0ms ease-in-out;-webkit-transition: opacity 0ms ease-in-out; }
.swiper-button-next.visible-xs.hideBtn,.swiper-button-prev.visible-xs.hideBtn  { display: none !important; }

/*@media(min-width:767px) {
    section.sixth.itemContent,section.fourth.bgWhite.itemContent { display:table; }
}*/

@media(max-width:991px) {
   .container       { padding: 0; width: 100%; }
   .whiteWaves img  { top: -70px; }
    .whiteWaves         { height: 400px; }
    section.absoluteContent .sectionContent { width: 70vw; }
    .cube:first-child               { width: 40%; }
    .cube.txtCube                   { padding: 15px 60px 40px 30px; }
    section.itemContent .sectionItems { max-width: 390px; }
    section.itemContent .item img       { max-height: 121px; }
    .item:first-child .photoNum:after, .item:nth-child(2) .photoNum:after { left: -105px;  width: 100px; }
    section.intro .sectionItems .item img       { max-width: none;max-height: 5.5vh; }
    iframe { width:650px;height: 360px; margin-top: 7vh;}
    section.intro           {  background-size: 140%; }
}
@media(max-width:991px) and (min-width:767px) {
    section.intro .textContent { max-width: 70%;margin: auto; }
    section.intro           {  background-size: 140%; }
    .whiteWaves { height:270px; }
}
@media(max-width:767px) {
    html.lockedOrientation {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
    body                    { font-size: 16px; }           
    .goToOther              { display:none; }
    section.intro           { padding: 40px; background-image: url('../Warehouse/content/pics/pic_189_B.jpg') !important; }
    .whiteWaves             { height:4.5vh; }
    section.intro .sectionItems .item img   { max-width:none;max-height: 3vh; }
    .sectionContent h1      { margin-top: 80px; }
    .sectionItems           { margin-top: 50px; }
    iframe                  { width:90vw; height: 190px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin-top:0; }
    section.second.whiteColor          { background-image: url('../Warehouse/content/pics/pic_191_B.jpg') !important;background-size: cover; height: 380px; }
    section.second.whiteColor:after     { content: ""; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; z-index: 0; }
    .cube, .cube:first-child, .cube:last-child, section.itemContent .cube:first-child,section.itemContent .cube:last-child,section.itemContent .cube:nth-child(2) {
    display: block; width: 100%; text-align: center; }
    .cube.inActive, .cube:first-child.inActive, .cube:last-child.inActive, section.itemContent .cube:first-child.inActive, section.itemContent .cube:last-child.inActive, section.itemContent .cube:nth-child(2).inActive { opacity:0.5; }

    .goToOtherMobile            { border-radius: 24.5px; border: solid 2px #012169; background: #012169; color: #ffffff; }
    .goToOtherMobile .mobileImg { width: 44px; height: 44px; background: #ffffff; border-radius: 50%; display: inline-block; vertical-align: middle; position: absolute; right: 0px; top: 0; }
    .goToOtherMobile span       { display: inline-block; vertical-align: middle; font-size: 120%; margin-right: 33px; }
    .goToOtherMobile a          { color: inherit; display: inline-block; padding: 9px 0px; position: relative; width: 100%; }
    .goToOtherMobile .mobileImg img     { max-width: 35px; position: absolute; left: 55%; top: 38%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
    section.absoluteContent .sectionContent         { width: 80vw; }
    section.intro.veertuoPage .goToOtherMobile span { font-size: 105%; }
    section.intro.veertuoPage .goToOtherMobile .mobileImg img   { max-width: 35px; }
    section.intro.veertuoPage .goToOtherMobile .mobileImg       { width: 40px; height: 40px; }

    .cube.txtCube                   { padding: 40px 35px 0px 35px; }
    .cube.txtCube h2                { max-width: 100%; }
    .cube                           { position: relative; }    
    section.itemContent .item       { width: 40%;margin:auto; }
    section.itemContent .item img   { max-height: 240px; }
    .cube ul                        { padding: 0; list-style: none; }
    /*section.itemContent .cube:nth-child(2)    { padding: 0px 20px 15px; }*/
    .swiper-button-disabled         { display: none !important; }
    .swiper-container-rtl .swiper-button-prev   { background-image: url('../Content-AustralianSummer/images/arrowR.png'); width: 46px;  height: 45px; background-size: cover; }
    .swiper-container-rtl .swiper-button-next   { background-image: url(../Content-AustralianSummer/images/arrowL.png); width: 46px; height: 45px;  background-size: cover; }
    .swiper-container               { margin-top: 50px;padding-bottom: 20px; }
    .swiper-pagination              { bottom: 0px; }
    span.swiper-pagination-bullet   { background: rgba(1, 33, 105, 0.5); width: 6px; height: 6px; }
    span.swiper-pagination-bullet.swiper-pagination-bullet-active   { background: #012169;width: 12px; height: 12px; vertical-align: middle; }
    section.itemContent .item p     { max-width: 150px; margin-right: auto; margin-left: auto; }
    section.fourth.bgWhite.itemContent .cube:last-child,section.sixth .cube:last-child { background-position: right 98%; background-size: contain; padding-bottom: 30px; }
    section.fourth.bgWhite.itemContent h3, section.sixth h3              { margin-top: 50px; }
    section.fourth.bgWhite.itemContent .cube,section.sixth .cube,section.itemContent .cube:nth-child(2)            { padding: 0px 20px; }

    section.seventh                     { background-image: url('../Warehouse/content/pics/pic_196_B.jpg') !important; background-position: top; }
    section.seventh:after               { content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; right: 0; bottom: 0; top: 0; pointer-events: none; z-index: 0; }
    section.seventh .whiteWaves         {  z-index: 1;  height: 90px; }
    section.seventh .sectionContent                     { padding: 0px 30px;padding-top:30px; }

    .seventhSwiper ul,.ninthSwiper ul,.tenthSwiper ul                   { padding: 0; list-style: none; margin-top: 30px; }
    .seventhSwiper .first-title,.ninthSwiper .first-title,.tenthSwiper .first-title         { color: #000000; max-width: 130px; margin-right: auto; margin-left: auto; margin-bottom: 5px; }
    .seventhSwiper .greenTxt,.ninthSwiper .greenTxt,.tenthSwiper .greenTxt            { color: #3d8705; }
    .seventhSwiper .swiper-pagination,.ninthSwiper .swiper-pagination,.tenthSwiper .swiper-pagination    { bottom: -40px; }
    .seventhSwiper span.swiper-pagination-bullet,.ninthSwiper span.swiper-pagination-bullet,.tenthSwiper span.swiper-pagination-bullet     { background: #ffffff; }
    .seventhSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active,.ninthSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active,.tenthSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active        { background: #ffffff; }
    .whiteBox                           { margin-left: 0;width: 80%; }
    section.seventh                     { overflow-x:hidden; padding-bottom: 80px; }
    section.ninth                       { padding: 45px 30px 30px; overflow-x: hidden; }
    section.ninth .item img                 { max-width: 70%; }
    /*section.second.whiteColor.videoActive   { height: 350px; }*/
    section.sixth.itemContent.videoActive,section.fourth.videoActive       { height:350px;  }

    a.gnrBtn                                { padding: 9px 11px; }
    section.itemContent button.videoBtn         { left: 50%; }

    section.seventh .item img   { max-width: 140px; }

    section.ninth li.swiper-slide             { max-width: 230px; margin: auto; }
    

}
@media(max-width:360px) {
    .sectionContent h1, .sectionContent h2 { font-size: 205%; }
    .whiteWaves img                         { top: -67px; }
    .whiteWaves                             {  height: 4.5vh; }  
    section.second.whiteColor               {  height: 360px; }
}
@media(max-width:320px) {
    section.intro           { padding: 40px 20px; }
    .whiteWaves             { height: 4.5vh; }
    .whiteWaves img         { top: -60px; } 
    button.videoBtn         { margin-top: 10px; }
    section.second.whiteColor   { height: 325px; }
    .opensVideo     { height: 17.125em;width: 17.125em; }
}
