body {text-align:center;color:#ffffff;font-size:20px;direction:rtl;letter-spacing:0.8px;
      font-family: 'HelveticaHebrew';
      font-family: 'HelveticaHebrew', 'NespressoLucas',Helvetica, Arial, sans-serif!important;
      
      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';
    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: 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');
}


@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); }
}

.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;}
.container:before {content: "";position: absolute;background: rgba(0, 0, 0, 0.5);z-index: 0;width: 100%;height: 100%;display: block;opacity: 1;left: 0;}
section           {padding: 0px;}
section > div		{margin-top:-1px}
section.aboutSection        { padding: 70px; }
section.aboutSection h1     {letter-spacing: 7.6px;font-size: 280%;margin-top: 0;line-height:1.2;margin-bottom:35px;}
section.aboutSection h1 span{display: block;font-size: 50%;}
section.aboutSection h2     {font-size: 125%;letter-spacing: 1.3px;line-height:1.2;margin-bottom:35px;}
.content                    { max-width:650px;margin:auto;     position: relative;}
.content p{max-width: 526px;font-size: 17px;line-height: 1.29;letter-spacing: normal;text-align: center;color: #ffffff;margin: 0 auto;width: 90%;}
.aboutSection  .content a{max-width: 380px;height: 35px;background-color: #8f7247;display: block;margin: 30px auto 0;line-height: 35px;color: #fff;border: 1px solid #8f7247;text-decoration: none;transition: all 200ms ease-in-out;width:100%;font-size: 85%;}
.content a:hover{background-color: #000;}


section.socialSection{background-color: #212121;padding: 30px 15px 30px;}
section.socialSection .content p{font-size: 85%;}
section.socialSection a{padding-right: 34px;color: #fff;margin: 20px 13px 0 20px;display: inline-block;width: auto;text-decoration: none;position:relative;transition-duration: 0.25s;font-size: 85%;}
section.socialSection a:hover {background-color: transparent;}

section.socialSection a:after{content:"";position:absolute;width:24px;height:24px;right: 0px;background-size: contain;background-repeat: no-repeat;top: 0px;}
section.socialSection a.fb-link:after {background-image: url(images/facebook.png);}
section.socialSection a.inst-link:after{background-image: url(images/instagram.png);}

section.socialSection a svg{fill: #ffffff;width: 20px;display: inline-block;max-height: 15px;vertical-align: middle;}
section.socialSection a:hover {color: #8f7247;}



@media(min-width:768px){
	section{position: relative;}
}

@media(max-width:767px){
	section.aboutSection        {padding: 70px 20px;}
	section.aboutFooterSection.aboutFooterSection{}
	section.aboutSection h2	{font-size: 85%;margin-bottom: 0px;}
     section.aboutSection h1{letter-spacing: 3px;font-size: 210%;margin-bottom: 0px;}
    .container{    background-size: 190%;}
    
    .aboutSection .content a{width: 180px;}
}


.visible-box {height: 496px;position: relative;padding:0px;cursor: pointer;background: rgba(0, 0, 0, 0.4);}
.visible-box.secondary-box {cursor: auto;}
.secondary-box .box-wrapper{}

.visible-box .box-wrapper {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);padding: 0 15px;width: 100%;z-index: 1;    margin-top: -30px;}

.visible-box svg{fill:#fff}
.box-bottom {position: absolute;bottom: 25px;width: 100%;left: 0;z-index: 1;}
.plus-sign {background: #8f7247;width: 36px;height: 36px;border-radius: 50%;display: table;margin: 20px auto 0;position:relative;}
.plus-sign button{display: table;width: 100%;height: 100%;color:#fff;text-decoration: none;border: none;background-color:transparent;text-align: center;-webkit-appearance: none;}
.plus-sign span {display: block;vertical-align: middle;top: -1px;left: 1px;width: 100%;}
.plus-sign span.plus-charc {position: absolute;top: 4px;left:0px;}

h2.box-title {font-size: 205%;letter-spacing: 7.2px;margin: 0 auto 10px;line-height: normal;}

.box-title {font-size: 80%;letter-spacing: normal;line-height: 1.29;max-width: 446px;margin: 0 auto;padding: 0 30px;}
/*.box-image svg {height: 69px;width: 53px;}*/

@media(min-width:768px){
	section:not(.firstSection) .visible-box .box-wrapper {top: 120px;transform: none;}
}
@media(max-width:991px){
    h2.box-title {font-size: 200%;letter-spacing: 5px;    }
    .box-title {font-size: 80%; }
	.visible-box{    background-image: url(images/bg.jpg);background-repeat: no-repeat;background-position: top center;    height: 436px;background-size: cover;}
	.visible-box[data-id="103"]:after{content: "";position: absolute;background: rgba(0, 0, 0, 0.5);z-index: 0;width: 100%;height: 100%;display: block;opacity: 1;left: 0;pointer-events: none;}
    .visible-box.secondary-box:after{content: "";position: absolute;background: rgba(0, 0, 0, 0.5);z-index: 0;width: 100%;height: 100%;display: block;opacity: 1;left: 0;top: 0;}
    
}
@media(max-width:992px) and (min-width:768px){
     h2.box-title {padding:0;}
	section:not(.firstSection) .visible-box .box-wrapper{top: 40px;}
}
@media(max-width:767px){
	.box-title{max-width: 90%;    padding: 0;}
    .visible-box.secondary-box{height: auto;padding: 60px 0;background: transparent;}
}

h4.box-subtitle {font-size: 95%;}
.box-subHeadline {font-size: 75%;max-width: 320px;margin: 0 auto;}
.box-subLink {color: #8f7247;font-size: 75%;line-height: 1.47;}
.box-subLink:hover, .box-subLink:focus{color: #8f7247;}
.box-subContent {margin-top: 20px;}

.secondary-box .box-wrapper {margin-top: 0;}
.secondary-box .box-image {display: block;}
.secondary-box .box-image svg{width: 35px;height: 47px;}
.secondary-box .box-wrapper {margin-top: 0;}
.secondary-box .box-image {display: block;margin-bottom: 15px;}
.secondary-box .box-image svg{width: 33px;height: 47px;}

.hidden-box {position: relative;height: 560px;padding: 0;}
.hidden-box{max-height:0px;overflow: hidden;text-decoration: none;opacity:0;-webkit-transition: all 0.3s, opacity 0.6s;-moz-transition: all 0.3s, opacity 0.6s;-ms-transition: all 0.3s, opacity 0.6s;-o-transition: all 0.3s, opacity 0.6s;transition: all 0.3s, opacity 0.6s;display:none !important;}
.hidden-box.active{max-height:560px;opacity:1;}
.hidden-box.ShowHidden{display:block !important;}
.hidden-box .close svg{fill: #fff;}
.hidden-box .close{position: absolute;z-index: 1;top: 15px;right: 15px;opacity: 1;display: none;border: 1px solid #fff;padding: 5px 3px 2px 4px;border-color: #171717;}
.hidden-box.active .close{display: block;}
.hidden-box.active .close:focus{
    border-color: #fff;
}
.hidden-box-wrapper{height: 560px;position: relative;padding: 0px 0;background: #fff;}
.hidden-box-wrapper.hidden-box-wrapper-buttons{background-color: #171717;}
.box-content-wrapper{height:100%;background: #fff;padding: 30px 0 0 0;}
.box-content {overflow-y: scroll;direction: ltr;color: #000;text-align: right;height: 100%;padding: 0px 30px;-webkit-overflow-scrolling: touch;}

a.box-link {height: 140px;width: 140px;border-radius: 5px;border: 1px solid #fff;float: right;margin: 7px;transition: all 200ms ease-in-out;text-decoration: none;display:none;}
.active a.box-link{display:block;}

.box-links {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 310px;}
.box-links-title {display:none}
.box-link-text {font-size: 85%;color: #fff;line-height: 1.29;height: 42px;display: table;width: 100%;text-align: center;letter-spacing:normal;}
.box-link-text span{display:table-cell;vertical-align:middle}

.box-link-image svg{fill:#fff;    max-height: 40px;}

@media(min-width:768px){
	.hidden-box{margin-top:-500px}
	.hidden-box.active{margin-top: -500px;z-index: 2;}
	.box-link-image {margin-top: 30px;}
    a.box-link:nth-child(3){clear: both;}
    a.box-link:hover, a.box-link:focus{background: #fff;}
    a.box-link:hover .box-link-text, a.box-link:focus .box-link-text{color:#000}
    a.box-link:hover .box-link-image svg, a.box-link:focus .box-link-image svg{fill:#000}

    a.box-link.active{background: #fff;}
    a.box-link.active .box-link-text{color:#000}
    a.box-link.active .box-link-image svg{fill:#000}
    .box-subContent:last-child .box-subLink{pointer-events: none;}
    .box-link p a.phoneLink {pointer-events: none;}

}
.box-link h3{font-size: 100%;margin-top: 0;padding-top: 10px;font-weight:bold;}
.box-link p {font-size: 85%;line-height: 1.29;letter-spacing: normal;margin-bottom: 30px;}
.box-link p a.gold-button, .box-link#box-link-91 p a, .box-link#box-link-91 p a, .box-link#box-link-100 p a, .box-link#box-link-101 p a{background: #3d8705;width: 189px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 110%;transition: .25s ease;transition-property: all;transition-duration: 0.25s;transition-timing-function: ease;transition-delay: 0s;text-decoration: none;display: block;margin-top: 25px;margin-bottom: 0px;}
.box-link p a.gold-button {background: #8f7247;}
.box-link#box-link-91 p a:hover, .box-link#box-link-91 p a:hover, .box-link#box-link-100 p a:hover, .box-link#box-link-101 p a:hover,
.box-link#box-link-91 p a:focus, .box-link#box-link-91 p a:focus, .box-link#box-link-100 p a:focus, .box-link#box-link-101 p a:focus, .box-link p a.gold-button:hover{box-shadow: 0 0.25em 0.5em rgba(0,0,0,.3);font-weight:normal;text-decoration: none;}
#box-link-92 p a {display: inline-block;display:none}
.box-link p a,
.box-link h5 a{margin-top: 0;display: inline-block;color: #8f7247;transition: .25s ease;transition-property: all;transition-duration: 0.25s;transition-timing-function: ease;transition-delay: 0s;background: transparent;width: auto;text-align: right;font-size: 100%;margin-bottom: 0px;height: auto;line-height: normal;text-decoration: underline;display:none;}
.box-link p a:hover, .box-link p a:focus{box-shadow: none;height: auto;text-decoration: underline;font-weight: bold;}
.box-link {direction: rtl;padding-bottom: 0;min-height:25%;}
.active #box-link-92 p a{display:inline-block}
.active .box-link p a,
.active .box-link h5 a{display:inline-block}}
.active .box-link#box-link-91 p a, .active .box-link#box-link-91 p a, .active .box-link#box-link-100 p a, .active .box-link#box-link-101 p a{display:block}
@media(min-width:768px){
	
}
@media(max-width:767px){
    .box-subContent:first-child{margin-top: 0;}
	.box-links-title {float: right;display: inline-block;position: relative;line-height: 60px;padding-right: 10px;font-size: 70%;}
	.box-links{position: relative;display: inline-block;top: auto;transform: none;left: auto;width: auto;float: right;}
    .hidden-box-wrapper {height:calc(100vh - 80px);height:100%;}
    .hidden-box.active{max-height: 100%;z-index: 3;margin-top: -436px; height:436px !important;}
	.thirdSection .hidden-box.active{}
	.thirdSection .hidden-box.active[data-id="103"] {}
    .hidden-box{max-height: 100%;height: 0;margin-top:-436px;}
	.hidden-box .close{background: #000;border-radius: 50%;left: 50%;right: auto;transform: translateX(-50%);width: 40px;height: 40px;}
	.hidden-box .close svg{position: relative;top: 3px;}
	.box-content-wrapper{padding-top: 60px;padding-bottom: 50px;}
    .hidden-box-wrapper.hidden-box-wrapper-buttons{position: absolute;bottom: 0;height: 60px;z-index: 1;background: #000;}
    .box-link-text{display: none;}
    a.box-link{height: 30px;width: auto;border-radius: 0px;border: none;padding-bottom: 27px;margin:10px 15px;padding-bottom: 40px;}
    a.box-link.active{border-bottom: 1px solid #fff;}
    .box-link-image svg{height: 30px;max-width: 40px;}
    .box-link{padding-bottom: 60px;}
	
    .box-subLink{}
    .box-subContent{margin-bottom: 10px;}
    .secondary-box .box-wrapper {margin-top: 0;position: relative;z-index: 1;top: 0;transform: none;-webkit-transform: none;}
    #box-link-92 p a img{width: 127px;height: auto;}
}

@media(max-width:370px){
	 a.box-link{margin: 10px 10px;}
}

.visible-box-order {background-image: url('images/order.jpg');}
.visible-box-costumerservice {background-image: url('images/costumerservice.jpg');}
.visible-box-delivery {background-image: url('images/delivery.jpg');}
.visible-box-recycle {background-image: url('images/recycle.jpg');}
.visible-box-newnespresso{background-image: url('images/newnespresso.jpg');}