body {
    text-align:center;
    color:#ffffff;
    font-size:16px; 
    direction:rtl;
    letter-spacing:0.8px;
    font-family: 'HelveticaHebrew';
    background:#000000; 
}
.scn-reader-only { width: 1px;height: 1px;overflow: hidden;position: absolute; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:inherit; }


@font-face {
    font-family: 'HelveticaHebrew';   
    src: url(fonts/HelveticaHebrew-Regular.eot);
     src:url(fonts/HelveticaHebrew-Regular.ttf) format('truetype'),
         url(fonts/HelveticaHebrew-Regular.woff) format('woff'),
         url(fonts/HelveticaHebrew-Regular.eot?#iefix) format('embedded-opentype');
}
/*@font-face {
    font-family: 'NespressoLucas';
    src: url(../fonts/NespressoLucas-XtraBd.eot);
    src: url(../fonts/NespressoLucas-XtraBd.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NespressoLucas-XtraBd.eot.woff) format('woff'),
    url(../fonts/NespressoLucas-XtraBd.eot.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');
}


@keyframes ol_moving_1920 {
    0% {
        transform: translate(-50%,-137.57143em)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes ol_moving_2560 {
    0% {
        transform: translate(-50%,-203.09524em)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes vl_moving_1920 {
    0% {
        transform: translate(-50%,-81.40816em)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes vl_moving_2560 {
    0% {
        transform: translate(-50%,-128.21088em)
    }

    to {
        transform: translate(-50%)
    }
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}



.g_bgTranslate              { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 2; }
.g_bgImg.g_imgSrc.g_imgSrc_loaded { width: 26.12245em; height: 187.21088em; animation: vl_moving_2560 50s linear infinite paused; position: absolute; background-size: cover; background-position: 50%; transition: 1s; left: 50%; transform: translate(-50%);-webkit-transform:translate(-50%);-webkit-transform:translate(-50%);opacity:0; }


.swiper-container-horizontal>.swiper-pagination { display: none; }

.container                   { max-width: 996px;width:100%;overflow:hidden; }
.slidecontent                { position: absolute; bottom: 30px; text-align: center;left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); }
 .swiper-container           { width: 100%; height:700px; }
 h1                          { letter-spacing: 7.2px; text-align: center;margin-top: 10px; font-size: 225%; }
 .logotext                   { position: relative; }
.logotext svg                { position: absolute; top: 60%; 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%);max-width: 80%; }
 .capsuleImg img             { width: 99px; transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;}
 .slidecontent h2            { font-size: 88%; font-family: 'NespressoLucas'; font-weight: bold; letter-spacing: 1.4px; }
 .slidecontent .buyBtn       { display:block; width:100%; }
 .slidecontent .buyBtn a     { background: #2e7b00; border-radius: 3px; padding: 4px 17px;color: inherit; display: inline-block;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
 .slidecontent .buyBtn a:hover, .slidecontent .buyBtn a:focus      { background: #2B5518;text-decoration:none; }

 span.price                  { color: #368400; font-size: 88%;margin-bottom: 15px; display: inline-block;font-family: arial; direction: ltr;font-weight: bold; }
 span.shekel                 { font-size: 85%; }
 .sliderCaption              { position: absolute; top: 80px; left: 50%;transform: translateY(-2em) translateX(-50%);-webkit-transform:translateY(-2em) translateX(-50%); z-index: 2;pointer-events:none;opacity:0; transition: 2s 2s;-webkit-transition: 2s 2s; visibility: hidden; }

 .sliderCaption img          { transition: 2s 2s; opacity:0;-webkit-transition: 2s 2s; visibility: hidden; }
 .sliderCaption.active img   { opacity:1;visibility:visible;  }

 .sliderCaption svg          { transition: 2s 3s; opacity:0;-webkit-transition: 2s 3s; visibility: hidden;width:773px;height:146px; } 
 .sliderCaption.active svg   { opacity:1;visibility:visible;  }

 .sliderCaption h1          { transition: 2s 4s; opacity:0;-webkit-transition: 2s 4s; visibility: hidden; }
 .sliderCaption.active h1   { opacity:1;visibility:visible;   }


 .sliderCaption.active       { opacity:1;visibility:visible; transform: translateY(0) translateX(-50%);-webkit-transform:translateY(0) translateX(-50%); }
section.topSlider            {  position: relative;overflow:hidden; margin-right:0;margin-left:0; }
.slidecontent                {  z-index: 4; /*opacity: 0;*/ transform: translateX(-50%) translateY(-2em);-webkit-transform:translateX(-50%) translateY(-2em); }
.swiper-slide.active .slidecontent         { opacity:1; transform: translateX(-50%) translateY(0);-webkit-transform: translateX(-50%) translateY(0);}

.swiper-slide:after          { content: "";background-color: transparent;background-image: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 66%);position: absolute; top: 0; left: 2px;right:-1px; bottom: 0; z-index: 2; width: calc(100% + 1px); height: 100%;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
.swiper-slide:hover:after,.swiper-slide:focus:after    { background-image: linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 66%); }
.swiper-slide                { background-size: cover; background-position: center center; background-repeat: no-repeat;cursor:pointer;transform: translateY(-2em);-webkit-transform: translateY(-2em); opacity:0; }

.swiper-slide.active         { opacity:1; transform: translateY(0);-webkit-transform: translateY(0);}
.swiper-slide:first-child    { transition: transform .375s .5s,opacity .375s 1.25s; }
.swiper-slide:nth-child(2)   { transition: transform .5s .625s,opacity .5s 1.375s }
.swiper-slide:nth-child(3)   { transition: transform .625s .75s,opacity .625s 1.5s }
.swiper-slide:nth-child(4)   { transition: transform .75s .875s,opacity .75s 1.625s }
.swiper-slide:nth-child(5)   { transition: transform .875s 1s,opacity .875s 1.75s; }
.swiper-slide:nth-child(6)   { transition: transform 1s 1.125s,opacity 1s 1.875s }
.swiper-slide:nth-child(7)   { transition: transform 1.125s 1.25s,opacity 1.125s 2s }

.swiper-slide:first-child .slidecontent    { transition: transform .375s 1.5s,opacity .375s 2.25s; }
.swiper-slide:nth-child(2) .slidecontent   { transition: transform .5s 1.625s,opacity .5s 2.375s }
.swiper-slide:nth-child(3) .slidecontent   { transition: transform .625s 1.75s,opacity .625s 2.5s }
.swiper-slide:nth-child(4) .slidecontent   { transition: transform .75s 1.875s,opacity .75s 2.625s }
.swiper-slide:nth-child(5) .slidecontent   { transition: transform .875s 2s,opacity .875s 2.75s; }
.swiper-slide:nth-child(6) .slidecontent   { transition: transform 1s 2.125s,opacity 1s 2.875s;  }
.swiper-slide:nth-child(7) .slidecontent   { transition: transform 1.125s 2.25s,opacity 2.125s 3s }


ul.allCapsules li .capsuleTxt span          { max-width: 70%; display: inline-block; }


section.aboutSection        { padding: 70px; }
section.aboutSection h2     { letter-spacing: 7.6px; font-size: 240%; margin-top: 0;line-height:1.2;margin-bottom:35px;  }
.content                    { max-width:650px;margin:auto; }
section.aboutSection h3     { font-size: 165%; letter-spacing: 1.3px;line-height:1.2;margin-bottom:35px; }


section.itemSection           { padding: 40px; background-size: cover; background-position: center center; background-repeat: no-repeat;position:relative; }
section.itemSection:after     { content: ""; background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0;  display: block; transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
section.itemSection.hovered:after {  background: rgba(0, 0, 0, 0.5); }
.boxImg                       { display: table-cell; width: 50%;vertical-align: middle; z-index: 1; position: relative; }
.boxImg img                   { max-width: 360px;transition: all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
section.itemSection.hovered .boxImg img { transform:  scale(1.02);-webkit-transform:scale(1.02); }
.itemBoxBottom img            { width: 447px; }
.itemBox                      { width: 447px; display: table-cell; vertical-align: middle;z-index: 1;position: relative; }
.itemBoxTop                   { background: rgba(255, 255, 255, 0.85); padding: 40px; color: #000000;padding-bottom:30px;position:relative; }
.itemBoxBottom                { position: relative; }
.itemBoxBottom > span         { position: absolute; bottom: 10px; width: 100%; left: 0; white-space: nowrap; font-size: 88%; }
span.bold                     { font-weight: bold; }
.itemBoxTop h2                { font-family: 'NespressoLucas'; font-weight: bold; font-size: 115%; }
.itemContent                  { font-size: 88%; }
.itemLink a                   { color: #8f7247;font-size: 88%; font-weight: bold; }
.itemContent p                { margin-bottom: 0; }
button.openPop                { width: 36px; height: 36px; border-radius: 50%; color: #ffffff; font-size: 150%; text-align: center; background: #8f7247; border: 0;-webkit-appearance:none;text-align:center; }
.openPopBtn                   { margin-top: 20px; }

section.itemSection.hasFair .itemBoxTop:after           { content: ""; background-image: url('../Content/images/FAIRTRADE.png'); width: 57px; height: 58px;position: absolute; left: 10px; top: 7px; background-size: cover; background-repeat: no-repeat; background-position: center center; }


section.switchDir               { direction: ltr; }


.modal-body                     { text-align: center; }
.modal-content                  { border: 0px; background-color: #ffffff; border-radius: 0px; -webkit-box-shadow: none;width: auto; max-width: 970px;color:#000000;margin:auto;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;opacity: 0;-webkit-animation-name: anim-close; animation-name: anim-close; }
.modal.in .modal-content        { -webkit-animation-name: anim-open; animation-name: anim-open; -webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1); animation-timing-function: cubic-bezier(0.6,0,0.4,1); opacity: 1; }
.vertical-alignment-helper      { display: table; height: 100%;width: 100%; }
.vertical-align-center          { display: table-cell;vertical-align: middle;left:auto; }
button.close                    { opacity: 1; background: #757575;width: 64px; height: 64px; border-radius: 50%; position: absolute;/*top: 60px;*/ left: 50%;margin-top:-35px; transform:  translateX(-50%);-webkit-transform:translateX(-50%);z-index:1; }
button.close svg                { width: 16px; height: 16px; }
button.close:hover,button.close:focus { opacity: 1; }

body.modal-open                 { padding: 0 !important;margin:0; }

ul.allCapsules                  { list-style: none; padding: 0; }
ul.allCapsules li .capsuleImg { display: inline-block; vertical-align: middle; width: 50px; }
ul.allCapsules li .capsuleImg img     { max-width: 100%;    margin-bottom: 0; }
ul.allCapsules li .capsuleTxt         { display: inline-block; vertical-align: middle; width: 52%;padding-right: 15px; }
ul.allCapsules li .capsuleTxt h2      { font-family: 'NespressoLucas'; font-weight: bold; font-size: 88%; margin-top: 0;margin-bottom:5px; }
ul.allCapsules li .capsuleTxt span    { font-size: 94%; }
ul.allCapsules li .capsulePrice       { display: inline-block;  vertical-align: middle; }
ul.allCapsules li .buyBtn             { display: inline-block;  vertical-align: middle; }
.rightContent                           { background: #F2F2F2; padding: 50px 0px; }
.rightContent img                       { max-width: 300px; margin-bottom: 30px; }
ul.allCapsules > li                     { display: inline-block; width: 100%;text-align: right;padding:15px; position: relative;cursor:pointer;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
ul.allCapsules > li:not(.active):after  { content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 15px; width: calc(100% - 30px); bottom: -1px; }

ul.allCapsules li .capsulePrice span    { margin-bottom: 0; }
ul.allCapsules li .buyBtn a             { background: #2e7b00; border-radius: 3px; padding: 4px 17px; color: inherit; display: inline-block; color: #ffffff; margin-right: 15px;transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out; }
ul.allCapsules li .buyBtn a:hover, ul.allCapsules li .buyBtn a:focus      { background: #2B5518;text-decoration:none; }

.topText                                { max-width: 80%; margin: auto;margin-bottom: 60px; }

.topImg img                             { max-width: 100%; }
.leftContent .itemContent               { display: none;font-size:100%; }
.leftContent .itemContent .topImg ,.leftContent .itemContent .mainContent       { transition: all .55s ease-in-out;-webkit-transition: all .55s ease-in-out;opacity: 0; }
.leftContent .itemContent.active .topImg.active,.leftContent .itemContent.active .mainContent.active      { opacity:1; }
.leftContent .itemContent.active        { display: block; }
.topImg                                 { padding-bottom: 56.6%; background-size: cover; background-position: center center; }

.capsuleTxt h2                          { font-family: 'NespressoLucas'; font-weight: bold; font-size: 115%; margin-top: 0; margin-bottom: 5px; }
.mainContent .capsuleTxt                { text-align: right; padding: 20px; }
.mainContentTxt                         { padding: 0px 45px; }
.mainContentTxt h2                      { margin-bottom: 25px; font-weight: bold; font-size: 165%; }
.mainContentTxt p                       { text-align: right;line-height:1.2; }
.mainContent.hasFair:before             { content: ""; background-image: url(../../../he/Content/images/FAIRTRADE.png); width: 57px; height: 58px; position: absolute;left: 30px; top: 17px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mainContent.hasFair                    { position: relative; }

.mainContent.hasFair                    { position: relative; }
.close:hover, .close:focus              { background: #ffffff; }
.close:hover polygon,.close:focus polygon { fill: #000000; }

.mainContent .capsuleTxt span,ul.allCapsules li .capsuleTxt span { color: #757575; }

.itemContentBottom                      { text-align: left; padding: 0px 45px; position: absolute; bottom: 30px; left: 0; }
.itemContentBottom .capsulePrice        { display: inline-block; }
.itemContentBottom .buyBtn              { display: inline-block; margin-right: 15px; }
.itemContentBottom .buyBtn a            { background: #2e7b00; border-radius: 3px; padding: 8px 40px; color: inherit; display: inline-block; color: #ffffff; margin-right: 15px; }
.itemContentBottom .buyBtn a:hover,.itemContentBottom .buyBtn a:focus { text-decoration:none;background: #2B5518; }

.g_video                                { position: absolute; top: 50%; left: 47%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); margin-top: .5em; -webkit-mask-size: 100% auto; mask-size: 100% auto; width: 115px; /* height: 7.28571em; */-webkit-mask-position: center center; mask-position: center center; opacity: 0; visibility: hidden; transition: .5s;-webkit-transition:.5s; }
.swiper-slide:hover .g_video,.swiper-slide:focus .g_video            { visibility:visible;opacity:1; }
.capsuleImg                             { position: relative; }

ul.allCapsules li:last-child.active         { padding-bottom: 10px; }

@media(min-device-width:767px) {    
    .showInMobile                   { display:none; }
    .all-content                    { display: table; width: 100%;height:100%; }
    .rightContent,.leftContent      { display: table-cell; width: 50%; vertical-align: top;height:100%; }
    .leftContent                    { vertical-align: top;background:#ffffff;position:relative; }
    ul.allCapsules > li.active              { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); background: #ffffff; }
    .backBtn        { display:none; }
    .swiper-slide:hover .capsuleImg img            { opacity: 0; }
    button.openPop                      { position: relative; }
    button.openPop span                 { position: absolute; top: 48%; left: 50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
}

@media(min-device-width:991px) {    
    .swiper-slide:hover .g_bgImg.g_imgSrc.g_imgSrc_loaded { animation-play-state: running;  opacity:1; }
}

.mainContentTxt::-webkit-scrollbar       { height: 6px; width: 6px; background: transparent; }
    ul.allCapsules::-webkit-scrollbar        { height: 0px; width: 0px; background: transparent;  }
    ul.allCapsules::-webkit-scrollbar,.mainContentTxt::-webkit-scrollbar       { background: #ddd; border-radius: 3px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
    
@media(max-device-width:1600px) {
    
    .modal-content                          { height: 85vh; max-height: calc((85vw - ((100vw - 100vh) * .5)) * .66667); }
    ul.allCapsules                          { height: 33vh;overflow: hidden;overflow-y: auto;margin-bottom: 0; }
    .rightContent.hideInMobile              { padding-bottom: 0; }
    ul.allCapsules li .capsuleTxt           { width:52%; }
    .mainContentTxt                         { height: 22vh;overflow: hidden;overflow-y: auto;margin-left: 15px; }
    .itemContentBottom                      { position:relative;bottom: 0; left: auto; padding: 15px 45px; }
    .TableHolder:before                     { content: ""; background-color: hsla(0,0%,95%,0); background-image: linear-gradient(0deg,#f2f2f2 0,hsla(0,0%,95%,0)); position: fixed; width: 100%; height: 27px; top: -18px; display: block; z-index: 1; right: 0; width: 100%; height: 3.42857em; position: absolute; left: 0; z-index: 1; pointer-events: none; }
    .TableHolder                            { position: relative; padding-top: 30px; margin-top: -30px; }
    .TableHolder:after                      { content: ""; background-color: hsla(0,0%,95%,0); background-image: linear-gradient(0deg,#f2f2f2 0,hsla(0,0%,95%,0)); position: fixed; width: 100%; height: 27px; bottom: -18px; display: block; z-index: 1; right: 0; width: 100%; height: 3.42857em; position: absolute; left: 0; z-index: 1; pointer-events: none; }
}

@media(max-device-width:991px) {    
    .itemBoxBottom img          { width: 100%; }
    .boxImg img                 { max-width: 80%; }
    .topImg                             { padding-bottom: 73.6%; }
    main.container.body-content         { width: 100%; }
    .mainContentTxt::-webkit-scrollbar       { height: 0px; width:0px; background: transparent; }
    ul.allCapsules::-webkit-scrollbar,.mainContentTxt::-webkit-scrollbar       { background: #ddd; border-radius: 3px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }

    .mainContentTxt p { letter-spacing: 0.5px; font-size: 90%; }
    .mainContentTxt h2 { margin-bottom: 15px;  margin-top: 10px; }
    ul.allCapsules  { padding-top:5px; }
    ul.allCapsules li .capsuleTxt span  { max-width:90%; }
    ul.allCapsules li .buyBtn a         { margin-right: 5px; }
    ul.allCapsules li .capsuleTxt       { width: 38%;padding-right:2px; }
    .slidecontent .buyBtn a,.itemContentBottom .buyBtn a,ul.allCapsules li .buyBtn a     { line-height:1.6; }
}
@media(max-device-width:991px) and (min-width:767px)  {
    .topImg                             { padding-bottom: 75%; }
    .sliderCaption      { width:100%; }
    h1                  { font-size:210%; }
    .sliderCaption img  { width: 100%; margin-bottom: 5%; }
    section.aboutSection h2     { font-size: 205%; }
    section.aboutSection h3     { font-size: 145%; }
    button.openPop              { font-size:153%; }
    .logotext svg   { top:55%; }
    button.openPop span             { margin-top: 2px;display:inline-block; }
}
@media(max-device-width:767px) {    
    ul.allCapsules > li:after  { content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 15px; width: calc(100% - 30px); bottom: -1px; }
    section.itemSection.hasFair .itemBoxTop:after   { left:15px; }
    .hideInMobile                   { display:none; }
    .sliderCaption                  { width: 90%; }
    .sliderCaption img              { max-width: 90%; }
    /*.swiper-container               { height:100vh; }*/
    .swiper-container               { height:580px; }
    .swiper-slide:after             { height:100%; }
    body    { font-size:14px; }
    section.aboutSection            { padding: 30px; }
    section.aboutSection h2         { font-size: 180%; }
    section.aboutSection h3         { font-size: 135%; }
    .itemBox                        { width: 100%; display: block; }
    section.itemSection             { padding: 40px 0px 0px; }
    .boxImg img                     { max-width: 60%; }
    .boxImg                         { padding-bottom: 50px; }
    ul.allCapsules.showInMobile     { /*max-height: 0px; overflow: hidden; transition: all 450ms ease-in-out;-webkit-transition:all 450ms ease-in-out;*/overflow:unset; }
    .leftContent                    { background: #F2F2F2; }
    ul.allCapsules.showInMobile.active { max-height: 1000px; }
    /*.mainContent .capsuleTxt            { display: none; }*/
    .topText                            { /*color: #ffffff;*/ margin-bottom: 20px; }
    .topImg                             { padding-bottom: 56.6%; }
    .topImg img                         { margin-top: 25px; margin-bottom: -15px; }
    .leftContent                        { max-height: 80vh; overflow-y: auto;height:80vh; }
    .itemContentBottom                  { position: relative;bottom: auto; margin-top: 15px; padding-bottom: 20px;padding: 0px 15px; }
    ul.allCapsules li .capsuleTxt       { padding-right: 5px; width: 32%; }
    ul.allCapsules li .capsulePrice     { margin-right: 7%; }

    .selectedItem .capsuleImg         { display: inline-block; vertical-align: middle; width: 40px; }
    .selectedItem .capsuleImg img     { max-width: 100%;    margin-bottom: 0; }
    .selectedItem .capsuleTxt         { display: inline-block; vertical-align: middle; padding-right: 5px; width: 30%;text-align:right; }
    .selectedItem .capsuleTxt h2      { font-family: 'NespressoLucas'; font-weight: bold; font-size: 88%; margin-top: 0;margin-bottom:5px; }
    .selectedItem .capsuleTxt span    { font-size: 94%; }
    .selectedItem .capsulePrice       { display: inline-block;  vertical-align: middle;margin-right: 7%; }
    .selectedItem .buyBtn             { display: inline-block;  vertical-align: middle; }
    .selectedItem .buyBtn a           { background: #2e7b00; border-radius: 3px; padding: 4px 17px; color: inherit; display: inline-block; color: #ffffff; margin-right: 15px; }
    .selectedItem                     { padding: 10px 0px 5px ;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
    .selectedItem span.price          { margin-bottom: 0; }
    .itemBoxTop                       { direction: rtl; }
    button.openPop span               { display:inline-block; position: absolute;top: 50%; left: 50%; transform:  translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
    button.openPop                      { position: relative;/*height:40px;*/ }
    button.close                        { z-index: 2; width: 50px; height: 50px; }
    ul.allCapsules.showInMobile.active:after            { content: ""; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); position: absolute; bottom: -21px; height: 20px; width: 100%; left: 0; right: 0; }
    ul.allCapsules.showInMobile.active                      { position: relative; }
    .arrowHolder                        { display: inline-block; vertical-align: super; width: 20px; }
    .arrowHolder img                    { width: 12px; }    
    ul.allCapsules li .capsuleImg           { width: 40px; }
    ul.allCapsules > li                     { padding-right: 15px; }

    .rightContent.hideInMobile              { display: block;z-index:1;position: absolute;overflow: hidden;left: 0; top: 0; width: 100%; right: 0; }
    .leftContent                            { position: absolute;top: 0; left: 0; right: 0; bottom: 0; transform: translateX(-150%);-webkit-transform:translateX(-150%);transition: all 550ms ease-in-out;-webkit-transition:all 550ms ease-in-out; }
    .leftContent.active                     { transform: translateX(0%);-webkit-transform:translateX(0%);left:0; }

    ul.allCapsules li                       { text-align: right; }
    .modal-content                          { min-height: 100vh; max-height: none;overflow-y:auto;overflow-x:hidden;max-width:100vw; }
    .vertical-align-center                  { display: block;padding: 0; margin: 0; }
    ul.allCapsules                          { height: auto; overflow:unset; }
    button.close                            { top: 20px; margin-top:0;/* background: #000000; */ }
    .rightContent                           { padding-top: 80px; }
    .leftContent                            { max-height: none;height: auto; min-height: 100%; background: #ffffff; padding-top: 0px;    left: -100%; }
    .all-content                            { position: relative;height:100%;left: 0; overflow-x: hidden; }
    .leftContent .itemContent               { height: 100%; }
    .mainContentTxt                         { height: 42vh; }
    button.backBtn.close                    { left: 87%;background: #ffffff; }
    button.backBtn.close span.xIcon svg     { transform: rotate(180deg); -webkit-transform:rotate(180deg); }
    button.backBtn.close svg polygon        { fill: #000000; }
    .leftOpen button:not(.backBtn).close        { display:none; }
    .modal:not(.leftOpen) button.backBtn.close        { display:none; }
    /*body.modal-open section.itemSection               { display: none; }*/
    .sliderCaption                          { top:30px; }
    h1                                      { font-size:195%; }
    .logotext svg                           { max-width:100%; }
    .sliderCaption h1                       { margin-top: 5px;line-height:1.2; }
    .slidecontent h2                        { font-size: 110%; }
    span.price                              { font-size: 110%; }
    .swiper-slide:after                     { background-image: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 76%); }
    section.aboutSection h3                 { line-height: 1.4; }
    .about-content                          { line-height: 1.5; }    
    .itemBoxTop                             { background: #ffffff; padding-bottom: 10px; }    
    .itemBoxBottom                          { padding: 15px; background: #ffffff; }
    .itemBox .itemBoxBottom                 { padding:0; }
    .itemBox .itemBoxBottom                 { padding: 10px 25px 20px; }
    .itemBoxBottom > span                   { bottom:30px; }
    .itemContent                            { font-size: 100%; }
    button.close                            { background: #000000; }
    .TableHolder:before,.TableHolder:after                     { display: none; }
    #capsule-popup.leftOpen .modal-content  { background: #ffffff; }
    #capsule-popup:not(.leftOpen ) .modal-content { background: #F2F2F2; }
    ul.allCapsules > li:last-child:after    { border: 0; }
    ul.allCapsules li .capsuleTxt h2        { font-size: 100%; }
    span.xIcon                  { vertical-align: text-bottom; margin-top:5px; display:inline-block; }
    #capsule-popup.leftOpen .rightContent { visibility:hidden;height:0;overflow:hidden; }
    /*.modal { position:absolute; }*/
    body.modal-open main.container.body-content:after       { background: rgba(0, 0, 0, 0.8); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; height: 100%; width: 100%; }
    button.close:not(.backBtn)  { opacity:0;transition:opacity .45s; -webkit-transition:opacity .45s; }
    button.close:not(.backBtn).active  { opacity:1; }
    .modalOpen      { overflow:hidden; }
}
@media(max-device-width:450px) and (min-device-width:380px) {
        .sliderCaption                          { top:40px; }
         button.openPop span               { top:55%; }
         .slidecontent .buyBtn a, .itemContentBottom .buyBtn a, ul.allCapsules li .buyBtn a { line-height:1.8;padding-top:6px;  }
         .itemContentBottom .buyBtn a   { padding-top:10px; }
         ul.allCapsules li .capsuleTxt  { width:39%; }
         .sliderCaption img { max-width:85%; }

}
@media(max-device-width:360px) {
    ul.allCapsules li .capsulePrice     { margin-right: 0; }
    ul.allCapsules li .capsuleImg,.selectedItem .capsuleImg img       { width: 35px; }
    .selectedItem .capsuleTxt       { width: 25%; }
    ul.allCapsules li .capsuleTxt   { width: 37%; }
    /*ul.allCapsules > li             { padding-right: 38px; }*/
    .sliderCaption h1                   { font-size: 190%;margin-top:5px; }
    .sliderCaption                          { top:70px; }
     button.openPop span               { top:60%; }
}
@media(max-device-width:320px) {
    h1  { font-size: 170%; }
    section.aboutSection h2 { font-size: 160%; }
    ul.allCapsules li .capsulePrice     { margin-right: 0; }
    ul.allCapsules li .capsuleImg       { width: 35px; }
    .selectedItem .capsuleTxt           { width: 30%; }
    .selectedItem .capsulePrice         { margin-right: 2%; }
    .selectedItem .buyBtn a             {  margin-right: 10px; }
    .selectedItem .capsuleImg           {  text-align: right; width: 35px; }
    .selectedItem                       { text-align: right; padding-right: 15px; }
    ul.allCapsules > li                 { padding-left: 0; }
    ul.allCapsules li .capsuleTxt           { width: 39%; }
    ul.allCapsules li .capsuleTxt span      { max-width: 80%; display: inline-block;}
    .sliderCaption h1                       { margin-top: 30px; }
    .sliderCaption                          { top: 100px; }
    ul.allCapsules li .buyBtn a             { padding: 4px 10px; margin-right: 0px; }
    ul.allCapsules li .capsuleTxt span      { font-size:80%; }
    .rightContent img           { max-width:270px; }
    .sliderCaption h1           { font-size:160%; }
}