body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}
body{background:#F1F1F3;font-family: 'Open Sans', sans-serif;!important;color:#453647;font-size:12px;line-height:22px;text-transform:uppercase}

#videoout,#vid-00{background:url(images/video.jpg) center top / cover}
#videoout.opacity-0{opacity:0.15!important}
button, input, select, textarea {
  text-transform: uppercase;border: 1px solid #ccc;
}
#plato,#about .inner-page,#contact .inner-page,#recipies .inner-page{background:url(images/home.jpg) #DFDFDF no-repeat center / cover}
/*#plato{background:url(images/home-0.jpg) #DFDFDF no-repeat center / cover}
#contact .inner-page{background:url(images/contact.jpg) #DFDFDF no-repeat center / cover}
#recipies .inner-page{background:url(images/facts.jpg) #DFDFDF no-repeat center bottom / cover}
#about .inner-page{background:url(images/about-0.jpg) #DFDFDF no-repeat center bottom / cover}
#shop-menu{width:100%;position:absolute;bottom:0;z-index: 9999999;text-align: right;}*/
#cart {
  color: #888;
  display: inline-block;
  letter-spacing: 2px;
  text-align: right;
  width: 350px;
}
.mobile-home{display:none!important}
.list-inline {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  padding: 0;
}

.list-inline > li {
  display: inline-block;
  padding: 0!important;
}
.list-inline > li a{color:#888}
.dropdown .dropdown-menu{opacity:0}
.dropdown:hover .dropdown-menu{opacity:1;padding:5px}
.list-inline > li a:hover {
  color: #222!important;
}

.container {
  background: #E4E4E4;
  position: fixed;
  width: 1170px;
  z-index: 999999 !important;
  padding:0!important
}
.container.hidden{margin-top:-2000%}
.container h4{text-transform:uppercase;margin-bottom:20px!important}
#content {
  height: 100%;
  padding: 8% 5% !important;
  position: relative !important;
  width: 90% !important;
}
.form-group {
  float: left;
  margin-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.visibility-hidden{visibility:hidden}
input {
  border: 1px solid #ccc;
  line-height: normal;
  padding: 0 5px;
}
.btn-plain{border:none!important;background:none!important}
.btn-primary {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 5px 10px;
  text-transform: uppercase;
  color:#888
}
#cart p.text-center {
  display: block;
  line-height: 1px !important;
  margin-bottom: 0 !important;
  min-height: 40px;
  padding-top: 30px;
  width: 300px;
}
#cart p.text-right {
  line-height: 1px !important;
  margin-bottom: 0 !important;
  padding-top: 30px;
}
#accordion .panel{text-transform:uppercase;width:80%;float:left;border-bottom:1px solid #ccc}
#accordion .panel:nth-of-type(1){width:20%;border:none;float:left;}
.hidden,.panel-collapse{overflow:hidden}
.hidden{height:0}
form div{margin-bottom:5px;}
.panel-title{display: block;font-style: italic;line-height:14px;padding:5px 0}
#cart p a{color:#888;opacity:0.5}
#cart p a:hover{opacity:1}
.buttons .btn-primary:nth-of-type(1){margin-left:10px;}
.pull-right {
  float: right;
  margin-bottom: 5px;
}
.btn-primary:hover{background:#888;color:#fff;border: 1px solid #888;}

.btn-danger{color: #FF7373;padding: 0!important;}
#cart .dropdown-menu{display:none;background:#F1F1F3}
#cart .btn{background: none!important;padding: 5px 5px 5px 10px;border:none;text-transform:uppercase;display:inline-block;white-space: nowrap;}
.margin-left-15{margin-left:15px}
#cart:hover .dropdown-menu{display:inline-block;opacity:1}
#cart:hover{background:transparent}
.button-group {
  position: absolute;
  right: 30%;
  text-align: center;
  text-transform: uppercase;
  top: 30%;
  z-index: 999;
  opacity:0;
}
fieldset {
  border: 1px solid silver;
  float: left;
  margin: 2px;
  padding: 2%;
  width: 45%;
}
.form-group {
  clear: both;
  white-space: nowrap;
  width: 100%;
}
.product.active .button-group {opacity:1}
.price {
  color: #aaa;
  font-size: 50px;
  font-weight: 100;
  letter-spacing: -6px;
  line-height: 10px;
}

.price span {
  clear: both;
  display: block;
  font-size: 10px;
  letter-spacing: 0;
  position: absolute;
  right: -18px;
  text-transform: lowercase;
  top: -15px;
}
.button-group button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #aaa;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #aaa;
  letter-spacing: 2px;
  margin-left: 10px;
  padding: 10px 0;
  text-transform: uppercase;
  margin-top: 10px;
}
.button-group button:hover {color:#333}

/*
li, p {
  font-size: 11px !important;
  letter-spacing: 1px !important;
  line-height: 16px !important;
  text-transform: uppercase;
}
*/

#contact .additional:nth-of-type(1) {

  width: 40%;
}
#contact .additional:nth-of-type(1) span {

  width: 160px;
  display: inline-block;
}

#vline{width:2px;height:100%;position:absolute;top:0;right:10%;background:#fff}
.envcircle{width:68px;height:68px;border:2px solid #fff;position:absolute; top:50%;right:10%;margin:-34px -34px 0 0}
.black *,.black {color:#453647!important;border-color:rgba(136,136,136,0.5)!important;}
h2 {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-transform: uppercase;
}
.breadcrumb{display:none}
h3 {
  font-size: 32px;
  font-weight: 200;
}
h5 {font-size: 14px;font-weight: 400;margin: 0 0 20px 0px;letter-spacing: 1px;}
h4 {font-size: 24px;line-height: 24px;margin-bottom: 20px;font-weight: 400;letter-spacing: 1px;}
h4 span {font-size: 14px;display: inherit;max-width: 120px;margin-top: 10px;line-height: 16px;}
.inner-page-content {
  height: 90%;
  padding: 5% 0 0 5%;
  width: 95%;
  position: absolute;
  top: 0;
}
.title-section {
  position: absolute;
  top: 30%;
  width: 100%;
  padding-top: 30px;
}
.upper{text-transform:uppercase}
.additionals {
  bottom: 0;
  height: auto;
  position: absolute;
  width: 100%;
}

.product.active .inner-product .additionals {
  bottom: 8%;
  top:auto

}
.product .inner-product .additionals {
  bottom: auto;
  top:78%
}

#aboutxxx .about-main-text .additional {display: block; margin-right: 0%;width: 100%;height:10%;float: left;}
#about .about-main-text .additional p span{display: block; margin-right: 4%;width: 20%;height:10%;float: left;}
.additional {
  display: block;
  float: left;
  height: 10%;
  margin-right: 4%;
  width: 30%;
}
.additionals ul li {text-transform: uppercase;letter-spacing: 1px;padding: 0 0 5px 13px;line-height: 18px;}
.additionals ul li::before {content: "-";margin-left: -15px;padding-right: 8px;}
.additionals ul li:hover{opacity: 0.4;}
.additionals ul{padding:0;width:10%;display:block;float:left;margin-right:4%;min-width: 140px;}
.additional ul:nth-of-type(5){margin-right:0%}
#dishes {
  bottom: 2%;
  height: 20%;
  left: 5%;
  position: absolute;
  width: 25%;
}

#dishes ul {
  padding-top: 70%;
  position: absolute;
  text-align: center;
}
#dishes ul li {

  margin: 0 0 10px 0!important;
}

#recipies .olive-big{position:absolute;top:50%;left:25%;margin:-100px 0 0 -82px;z-index:9}

#recipies.step-1 #benefits,#recipies.step-1 #gif{opacity:1;}
#recipies.step-1 #features .additional-like,#recipies.step-1 #features h4,#recipies.step-1 #features ul{opacity:0;}
#gif {
  margin-top: -120px;
  opacity: 0;
  position: absolute;
  right: 2%;
  top: 50%;
}

#recipies.step-1 .vertic{opacity:1;height: 50%;}

.additional-like {
  left: -120%;
  padding-left: 0;
  position: absolute;
  width: 60%;
}
#features .additional-like { bottom: 0 !important;}

/*.additional-like .close{  background: rgba(0, 0, 0, 0) url("images/close.png") no-repeat scroll center;background-size: 30px!important; width:30px;height:30px; margin-top:-50px; position:absolute
}*/
.additional-like .close::before{content:"✖"}
.additional-like .next::before{content:"⯈"}
.additional-like .close {width: 30px;height: 30px;bottom: -25px;position: absolute;font-size: 20px;}
/*.additional-like .next{  background: rgba(0, 0, 0, 0) url("images/close.png") no-repeat scroll 15PX 0;background-size: 30px!important; width:30px;height:30px; margin-top:-50px; margin-left:50px; position:absolute
}*/
.additional-like .next {width: 30px;height: 30px;bottom: -25px;margin-left: 40px;position: absolute;font-size: 20px;}
#dishes .additional-like {
  left: -150%;
  position: absolute;
  width: 100%;
  bottom:0
}
#dishes .additional-like.active {
  left: 0%!important;

}

#play,#pause,#controls{width:35px;height:35px;position:absolute;z-index:99;cursor:pointer}
#pause{background:url(images/audio_onx.gif) no-repeat center;opacity:0.8}
.black #pause{background:url(images/audio_on.gif) no-repeat center;}

#play.hidden,#pause.hidden{display:none}
#play{border-bottom:1px solid rgba(136,136,136,0.5)!important;width:23px;bottom:7px;left:6px;}

.active.additional-like{left:0!important;}
#dishes.deactive ul, #features.deactive ul {opacity: 0;margin-left: -100%;}
#dishesx,#featuresx{overflow: hidden;}

#dishes ul li{text-transform:uppercase;letter-spacing:1px;}


#about{width:0%;overflow:hidden;background:none;background:#eee}

#about.active{width:100%!important}
#about .inner-page{overflow:hidden;}
#about.ultraactive .inner-page-unused{width:100%!important;height:100%!important;margin:0!important;top:0!important}
#about .inner-page-content-unused{background:url(images/green.jpg) left bottom fixed;height:95%;width:200%;margin-left:0}
#intro .inner-page-content,#intro .inner-page-content p{color:#F1F1F3}
#intro .inner-page-content p {display: inline;font-size: 14px;}

#about.hyperactive .inner-page-content-unused{margin-left:-105%}

#products{width:0%;overflow:hidden; background:#efefef}
#part-2{background-image:url(images/philotimo-2.jpg);background-position:center;background-size: cover; }
#part-3{background-image:url(images/philotimo-3.jpg);background-position:center;background-size: cover; }

#part-1{background-image:url(images/philotimo.jpg);background-position:center;background-size: cover; }
#part-3 > .jqLink{background-image:url(images/part-3.jpg);}
#part-1  > .jqLink{background-image:url(images/part-1.jpg);}
#part-2  > .jqLink{background-image:url(images/part-2.jpg);}

.product  > .jqLink{background-position:center left; background-size:cover; background-repeat:no-repeat}
.product  > .jqLink:hover{background-position:center right;}

#productsx .product .parent-size{opacity:0.01}
#productsx .product .parent-size:hover{opacity:1}

#products-unused p {
  color: #888;
  line-height: 16px;
  position: absolute;
  right: 40%;
  top: 15%;
  width: 20%;
  text-align: right;
}

#products h2 {
  font-size: 96px;
  font-weight: 300;
  line-height: 96px;
  text-transform: uppercase;
  width: 30%;
  line-height: 80px;
  position: absolute;
  bottom: 20%;
  left: 10%;
}
#thesteps {
  bottom: 0;
  cursor: pointer;
  font-family: "Times New Roman",Times,serif;
  font-size: 18px;
  height: 95px;
  position: absolute;
  right: 0;
  width: 10px;
  word-spacing: 100px;
  z-index: 99;
  text-transform: lowercase;
}

#thesteps,a {color: #453647; text-decoration:none}
#thesteps:hover,a:hover{border-bottom:1px solid}

#products.active{width:100%}

.hyperactive .leaf:hover{opacity:0.7!important}
.leaf{width:64px;height:99px;position:absolute;}
#leaf-1{background:url(images/leaf-1.png) no-repeat;}
#leaf-2{background:url(images/leaf-2.png) no-repeat;}
#leaf-3{background:url(images/leaf-3.png) no-repeat;}
#leaf-4{background:url(images/leaf-4.png) no-repeat;}
#leaf-5{background:url(images/leaf-5.png) no-repeat;}
#leaf-jocker{background:url(images/olive.png) no-repeat;width:284px;height:284px;left: 10px;top: -160px;top: -160px;}
.elevate #leaf-jocker{top: -220px;}

#leaf-1, #leaf-2, #leaf-5{width:0;margin-left:128px;}
.ultraactive #leaf-1,.ultraactive #leaf-2,.ultraactive #leaf-5{width:64px;margin-left:128px;opacity:1}
.ultraactive #leaf-4{margin-top:0}

#leaves {height: 100px;position: absolute;z-index:99999999999}

#leaf-3{margin-left:128px;}
#leaf-4{margin-left:128px;margin-top:-110px;}
.ultraactive #leaves-3-4{width:0!important;height:0!important}
#leaves-3-4{cursor:pointer;width:248px;height:248px;position:absolute;z-index:999999999}
#leaves.landed{margin-top: 35%!important;}
.elevate #leaf-3{margin-top:-150px;}
.elevate #leaf-4{margin-top:-50px;}

.active.ultraactive #leaf-1{background:url(images/leaf-1.png) no-repeat;margin-left:0px;}
.active.ultraactive #leaf-2{background:url(images/leaf-2.png) no-repeat;margin-left:64px;}
.active.ultraactive #leaf-3{background:url(images/leaf-3.png) no-repeat;margin-left:128px;}
.active.ultraactive #leaf-4{background:url(images/leaf-4.png) no-repeat;margin-left:192px;}
.active.ultraactive #leaf-5{background:url(images/leaf-5.png) no-repeat;margin-left:256px;}



#leaf-1,#leaf-2,#leaf-5,.elevate #leaf-4,.elevate #leaf-3,.opacity-05{opacity:0.5}
#leaf-1,#leaf-2,#leaf-5,.active.hyperactive .type-wrap-big, .active.hyperactive .inner-page .about-main-text,.elevate #leaf-4,#leaf-jocker,.elevate #leaf-3,.blur-55{
  -webkit-filter: blur(55px);-moz-filter: blur(55px);-o-filter: blur(55px);-ms-filter: blur(55px);filter: blur(55px);}
.active.hyperactive .type-wrap-big, .active.hyperactive .inner-page .about-main-text,.elevate #leaf-4,.elevate #leaf-3,.scale-09{
  -webkit-transform: scale(1.8,0.2);
  -moz-transform: scale(1.8,0.2);
  -o-transform: scale(1.8,0.2);
  -ms-transform: scale(1.8,0.2);
  transform: scale(1.8,0.2);
}
.ultraactive #leaf-1,.ultraactive #leaf-2,.ultraactive #leaf-5,.elevate #leaf-jocker,.blur-0{
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}
.blured-letters .type-wrap-big{
  -webkit-filter: blur(267px);
  -moz-filter: blur(267px);
  -o-filter: blur(267px);
  -ms-filter: blur(267px);
  filter: blur(267px);
  opacity:0.1
}

.blured-letters .inner-page .about-main-text,.blur-1{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  opacity:0
}
.ultraactive #leaf-4{
    -webkit-animation: none;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation: none;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

#leaf-4{
    -webkit-animation-name: Floatingx2;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating2;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

.stage {
  background: none;
  padding: 5% 0 0;
  position: absolute;
  top: 0;
  width: 70%;
  z-index: 2147483647;
  opacity:0;
  bottom:auto!important
}
.stage.active {opacity:1;}
.border-right {border-right:2px solid #fff!important}

.stage .additional{width:30%;margin:0;height:auto}
.stage .additional:nth-of-type(2){margin:0 5%}
.stage b{width:100%;display:block;clear:both;float:left;padding:0 0 10px 0; letter-spacing:1px;font-weight: 700;text-transform:uppercase;}

.clear-both{clear:both}

#stage-2 span {
  background: transparent;
  display: block;
  position: absolute;
  top: 0;
  line-height: 1px;
}


#stage-3 span {
  margin: 0 auto 0  32.5%;
  padding: 0;
  position: relative;
  text-align: center;
  width: 62px;
  z-index: 9;
  text-indent: -60px;
}


#stage-4 span {
  margin-left: 15%;
  padding: 0;
  width: 60px;
  text-indent: -60px;
}

#stage-4 b,#stage-3 b {

  text-align: left;

}
.product .ml {width: 100%;}
.product.active .ml {width: 25%;min-width:350px}

.product.active .row{width:100%;float: left;}
.row .cell{width:0;overflow:hidden;opacity:0;font-size:0;line-height: 0;}
.product.active .row .mls.cell,.product.active .row .cell{font-size:100%;width:50%;float:left;opacity:1;line-height: 22px;}
.chart .row .cell:nth-of-type(1){max-width:120px}
.product.active .chart .row .title{margin:20px 0 10px 0;}
/*.product .row .mls.cell{opacity:1;width:100%;font-size:100%}*/
.product .row .mls.cell {opacity: 1;width: 100%;line-height: 22px;font-size: 14px;}

.fake-triangle{border-left:2px solid #fff;border-bottom:2px solid #fff;margin-left:32.5%;position:absolute;top:0}
.fake-trianlge-1 {
  border-bottom: none!important;
  border-left:  none!important;
  border-right: 2px solid #fff!important;
  margin-left: 32.5%;
  position: absolute;
  top: 0;
}
.stage span {
  clear: both;
  display: block;
  font-family: "Times New Roman",Times,serif;
  font-size: 68px;
  font-weight: 100;
  margin: 0 auto;
  text-transform: lowercase;
  width: 60px;
  text-align: center;
}

.envcircle,.all-products,.unity,.crop,.circle{

-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;

}
.unity{position:absolute;top:5%;border:2px solid #fff;margin-left: -15%;}


.crop,.skew-10{  -webkit-transform: skewX(30deg) scale(1, 0.1);
  -moz-transform: skewX(30deg) scale(1, 0.1);
  -o-transform: skewX(30deg) scale(1, 0.1);
  -ms-transform: skewX(30deg) scale(1, 0.1);
  transform: skewX(30deg) scale(1, 0.1);
}
 
.crop {
  border: 3px solid #fff;
  top: 0;
  height: 200px;
  position: absolute;
  width: 200px;
  margin-top: -;
}

.crop-line {
  background: #fff none repeat scroll 0 0;
  height: 2px;
  position: absolute;
  top: 0;
}
.elevate #leaf-3 img{opacity:0;}

@-webkit-keyframes Floatingx2{
    from {-webkit-transform:translate(0, 0px);}
    35% {-webkit-transform:translate(0, -10px);}
    50% {-webkit-transform:translate(0, -30px);}
	65% {-webkit-transform:translate(0, -10px);}
	to {-webkit-transform: translate(0, -0px);}    
}
    
@-moz-keyframes Floating2{
    from {-moz-transform:translate(0, 0px);}
	50% {-moz-transform:translate(0, -10px);}
	to {-moz-transform: translate(0, -0px);}    
}


.elevate #leaf-jocker:hover{
    
    -webkit-animation-name: scalex;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out;
}
    
    @-webkit-keyframes scalex{
        from {-webkit-transform: scale(0.9);}
        65% {-webkit-transform: scale(1.0);}
        to {-webkit-transform: scale(0.9);}    
    }
        
    @-moz-keyframes scale{
        from {-moz-transform: scale(0.9);}
        65% {-moz-transform: scale(1.0);}
        to {-moz-transform: scale(0.9);}    
    }




#contact{width:0%;overflow:hidden;background:#eee;backgroundx:url(images/star-red.png) #F1F1F3}
#contact.active{width:100%!important}
#contact h2{clear: left;}
#contactx .inner-page{background:url(images/contactsx.jpg) no-repeat top left / cover}
#recipies{width:0%;overflow:hidden;background:url(images/starx-ecrou.png) #eee}
#recipies.active{width:100%!important}

#recipiesx .inner-page{background:url(images/recipiesx.jpg) no-repeat top left / cover;}

#benefits {
  left: 32%;
  margin-top: -20px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 32%;
}

#benefits.active{opacity:1}


.contacts-text{top:0;left:0;opacity:0}
.contacts-text.active{opacity:1}



#part-1,#part-2,#part-3{width:33%;height:100%;position:absolute;background-color::F1F1F3}
#part-2{margin-left:33.5%;}
#part-1{margin-left:0%;}
#part-3{margin-left:67%;}


.red-shadow{text-shadow: 6px 0px 0px #CE0538;}
.real-big .red-shadow {
  text-shadow: 24px 0 0 #CE0538;
}
.display-none{display:none}
.page{position:fixed;z-index:999999;width:100%;height:100%;background-image:url(images/genericx.jpg)!important}
.inner-page{position:absolute;z-index:999999;}
.jqLink{ cursor:pointer!important;border-bottom:0px solid transparent}

a,.hoverlink{cursor:pointer!important;}





		.real-big,#typed-big{padding-top:5%;font-size: 96px;font-weight: 100;line-height: 96px;}
		.type-wrap-big {text-transform:uppercase;text-align:left;  }
        .typed-cursor{font-size:16px;line-height:16px; color:rgba(255,255,255,0.01);
            opacity: 1;
            font-weight: 100;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }


body *,img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

html{
    height: 100%;
    overflow-x: hidden;
}
#loader{width:100%;height:100%; background:url(images/loader.gif) center no-repeat #F1F1F3;position:fixed;z-index:999999999999;opacity:1;left:0;top:0;}
#loader.inactive{opacity:0;}

.container,.btn,button,.button-group,.button-group button,#myacount,.row .cell,.jqLink,.transition-600ms { -webkit-transition: all 600ms ease-in-out!important;-moz-transition: all 600ms ease-in-out!important;-o-transition: all 600ms ease-in-out!important;-ms-transition: all 600ms ease-in-out!important;}
.transition-400ms { -webkit-transition: all 400ms ease-in-out!important;-moz-transition: all 400ms ease-in-out!important;-o-transition: all 400ms ease-in-out!important;-ms-transition: all 400ms ease-in-out!important;}
.social::first-letter,.jqLink b,.transition-900ms { -webkit-transition: all 900ms ease-in-out!important;-moz-transition: all 900ms ease-in-out!important;-o-transition: all 900ms ease-in-out!important;-ms-transition: all 900ms ease-in-out!important;}
.dropdown-menu,.transition-1200ms { -webkit-transition: all 1200ms ease-in-out!important;-moz-transition: all 1200ms ease-in-out!important;-o-transition: all 1200ms ease-in-out!important;-ms-transition: all 1200ms ease-in-out!important;}
.transition-1900ms { -webkit-transition: all 1900ms ease-in-out!important;-moz-transition: all 1900ms ease-in-out!important;-o-transition: all 1900ms ease-in-out!important;-ms-transition: all 1900ms ease-in-out!important;}
.transition-4200ms { -webkit-transition: all 4200ms ease-in-out!important;-moz-transition: all 4200ms ease-in-out!important;-o-transition: all 4200ms ease-in-out!important;-ms-transition: all 4200ms ease-in-out!important;}
.transition-2400ms { -webkit-transition: all 2400ms ease-in-out!important;-moz-transition: all 2400ms ease-in-out!important;-o-transition: all 2400ms ease-in-out!important;-ms-transition: all 2400ms ease-in-out!important;}



#plato{width:100%;overflow:hidden;max-width:1600px;margin:0 auto;position:absolute;overflow:hidden;}
section {overflow-x: hidden; height: 993px;}

#intro { 
	width:0;height:100%;position:fixed;top:0;left:0;overflow:hidden
}
#intro.active{width:100%;height:100%;}

h1 {
  font-size: 46px;
  font-weight: 400;
  left: 0;
  letter-spacing: 1px;
  line-height: 16px;
  position: relative;opacity:0
}
#logoetalxxx{position:fixed;right:0;top:0;margin:0 -15px ;}

#logoetal {
  margin: 0 0 30px 0;
  right: 0;
  top: 0;
}


/*
#logo {
  font-size: 12px;
  line-height: 8px;
  margin: 0 0 4px;
  text-align: left;
}
*/
#logo img {clear: both;margin: 0;min-height: 100px;}
#logo {font-size: 18px;left: 0;letter-spacing: 1px;line-height: 22px;position: relative;color: #312D3D;margin:0;display: inline-block;width: 100%;}
/*#logo span {
  font-size: 11px;
  line-height: 20px;
  margin-top: 5px;
  opacity: 0.5;
}*/
#logo strong {display: inline-block;letter-spacing: 0px;width: 100%;}
#logo span {font-size: 12px;line-height: 20px;margin-top: 5px;display: inherit;}
.pseudo-jocker {
  background: #dfdfdf url("images/about2.jpg") no-repeat scroll right bottom;
  opacity: 0.4;
}

.hyperactive .pseudo-jocker{display:none}
.z-index-1{z-index:1}
.copyright {
  bottom: 25px;
  float: left;
  font-size: 7px !important;
  letter-spacing: 1px;
  line-height: 10px;
  opacity: 0.5;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  width: 50%;
}
.beloved {
  bottom: 0;
  clear: both;
  float: left;
  font-size: 6px !important;
  letter-spacing: 1px;
  line-height: 8px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  width: 20px;
  color:#aaa
}
.beloved a{color:#aaa}
p {
  letter-spacing: 1px;
  margin-bottom: 10px;
}

#bottle-00{position:absolute; z-index:1;opacity:0; }
#bottle-00.active{opacity:1; }

#bottle-00 img{height:100%;width:auto}

#ladyspa{width:100%; height:100%; background-image:url(images/girl2.png); background-size:cover; background-position:top left; position:absolute; z-index:11;}
#final{width:100%; height:100%; background-image:url(images/final.jpg); background-size:cover; background-position:top left; position:absolute; z-index:21;}

#eyes1{width:100%; height:100%; background-image:url(images/eyes1.png); background-size:cover; background-position:top left; position:absolute; z-index:2;}
#eyes2{width:100%; height:100%; background-image:url(images/eyes2.png); background-size:cover; background-position:top left; position:absolute; z-index:3;}

#menuxxx {
  float: left;
  font-weight: 100;
  padding: 0;
  text-align: left;
  
}

#menu {
  float: left;
  font-weight: 100;
  padding: 0;
  text-align: left;
	width:100%
}
#menu span {
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 300;
  letter-spacing:1px;
  margin: 0 15px 4px 0;
  width: 100%;
  opacity: 0.6;

}
#menu span b {content: "⯇";font-size: 44px;line-height: 0px;margin: 13px 0 0 -40px;color: #F1F1F3;position: absolute;opacity: 0;}
#menu > span.active b,#menu > span:hover b{opacity:1}
.white #menu span {
  color: #485755!important;
}


.golden{color:#fff}
.black{color:#000}
.opacity-07{opacity:0.7}
.opacity-0{opacity:0}

ul{list-style:none}
ul {
  padding: 0px 0 0;
}

.horizontal-list li{width:24%; margin:0 1% 0 0; padding:0; float:left;}
.horizontal-list {padding-left:0;}
.font-smaller{ font-size:90%}
.font-smallest{ font-size:80%}
.font-xsmallest{ margin-top:0; font-size:11px; line-height:16px}
.last{margin-left:0}
.margin-right-5{ margin-right:5px}
.margin-bottom-0 p{ margin-bottom:0px}

#headerxxx{z-index:99999999;display:table;position:fixed; text-align:center;}

#header {
  display: table;
  margin: 0 !important;
  position: fixed !important;
  right: 0;
  text-align: left;
  z-index: 999999999;
}
#header .inner-page-content{padding:0px!important;}


#headerxxx .inner-page-content{padding-top:20px!important}


#philotimo-00{margin:-40px 0 0 10px;color:#fff;position:absolute;opacity:0}
#extra-virgin {
  font-size: 16px;
  line-height: 16px;
  margin-left: 320px;
  text-align: right;
}
#philotimo-00.active{opacity:1!important;margin:0px 0 0 10px;}

.opacity-1{opacity:1!important}
.transition-1200ms { -webkit-transition: all 1200ms ease-in-out!important;-moz-transition: all 1200ms ease-in-out!important;-o-transition: all 1200ms ease-in-out!important;-ms-transition: all 1200ms ease-in-out!important;}


.text-section {
		position: relative; 
		width: 40%; padding-right:10%; margin: 0;
		position:absolute;
		top:0%;
		min-width:500px;
}


.top-one-screen{}

svg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  path {
    fill-opacity: #ffffff;
    stroke: #ffffff;
    stroke-width: 8;
    stroke-dasharray: 2870;
    stroke-dashoffset: 2870;
    animation: draw 10s infinite linear;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

.diag-left-white {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0.1 0 L0 0 L100 100 L100 99.9\' fill=\'rgb(238, 238, 238)\' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.diag-left-white-1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0.5 0 L0 0 L100 100 L100 99.5\' fill=\'rgb(255, 255, 255)\' /></svg>");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%, auto auto;
  height: 50%;
  width: 72%;
}

.diag-right-white-1 {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0 100 L99.9 0 L99.9 0.5 L0.5 100\' fill=\'rgb(255, 255, 255)\' /></svg>");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%, auto auto;
  height: 50%;
  width: 72%;
  position: absolute;
  bottom: 0;
}

.vertic {
  background: #fff none repeat scroll 0 0;
  height:0%;
  position: absolute;
  right: 35%;
  top: 25%;
  width: 2px;
  opacity:1;
}

.plate {
  border: 2px solid #fff;
  left: 50%;
  padding: 34%;
  position: absolute;
  top: -10%;
}
.diag-left {
	z-index: 9999999999999999;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0.5 0 L0 0 L100 100 L100 99.5\' fill=\'rgb(255, 255, 255)\' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
	border-right:1px solid transparent;top: 0;left:0;
}

.diag-left-2 {
	z-index: 9999999999999999;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0.1 0 L0 0 L100 100 L100 99.9\' fill=\'rgb(72, 62, 68)\' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
	border-right:1px solid transparent;top: 0;left:0;
	width:32%;
	height:100%;
	position:absolute;
	background-color:#666666;
	display:none
}

.diag-right {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' preserveAspectRatio=\'none\' viewBox=\'0 0 100 100\'><path d=\'M0.1 99.9 L99.9 0 L100 0.1 L1 99.1\' fill=\'rgb(238, 238, 238)\' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}
.absolute{position:absolute}
.none{width:0!important;height:0!important}



#deliver{background:url(images/deliverx.jpg) no-repeat top center / cover;}
#deliver-lines{position:absolute; top:50%;right:100%;height:100%;width:0%;overflow:hidden}
.position-0{height:100%!important;width:100%!important;top:0!important;right:0!important}
#deliver-lines .olive-big{position:fixed ;left:50%; top:45%;margin:-30px 0 0 -220px;z-index:9}
#deliver-lines .three {
  left: 50%;
  margin: -120px 0 0 -100px;
  position: absolute;
  top: 50%;
  z-index: 9;
  border-bottom:2px solid transparent!important
}
.olive-big:hover{    -ms-transform: rotate(10deg);-webkit-transform: rotate(10deg);transform: rotate(10deg);
	margin:-40px 0 0 -210px;
}
#deliver-lines .three:hover{  border-bottom:2px solid #fff!important }
#intro-additionalsxxx.active .additional:nth-of-type(3) p,#intro-additionalsxxx.active .additional:nth-of-type(3) h4{color:#342B43!important}
#intro-additionals.active .additional:nth-of-type(1),#intro-additionals.active .additional:nth-of-type(2){opacity:0}
#intro-additionals.active2 .additional:nth-of-type(2) p,#intro-additionals.active2 .additional:nth-of-type(2) h4{color:#342B43!important}
#intro-additionals.active2 .additional:nth-of-type(1),#intro-additionals.active2 .additional:nth-of-type(3){opacity:0}

.jqLink.underlinex,.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.jqLink.underlinex:before,.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 6px;
  background: #888;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.jqLink.underlinex:hover:before,.jqLink:focus:before,.jqLink:active:before,.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  right: 0;

}
.jqLink.underlinex.active:before{cursor:none!important}
#menu .jqLink.active{cursor:text!important;opacity:1!important}

#menu span a:hover{ opacity:1!important}

#menu span.jqLink:hover{ opacity:1!important}


.social {
  border-bottom: 1px solid #f1f1f3;
  color: #f1f1f3;
  display: block;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-indent: 18px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 40px;
  z-index: 9999;
  overflow: hidden;
}

.social:nth-of-type(2){margin-top:50px;}
.social:hover{width:200px;}
.social::first-letter {
    margin-right:15px;font-size:12px;text-transform:uppercase
} 
.social:hover::first-letter{margin-right:0}



.overflow-hidden{overflow:hidden}
#products .product .additional:nth-of-type(1){border-top: 0px solid rgba(136, 136, 136, 0.5);padding-top:20px;margin-top:0px;width: 27%;}
#products .product .additional:nth-of-type(2),#products .product .additional:nth-of-type(3){opacity:0;width:0}
#products .product .additional p:nth-of-type(2){opacity:0}
#products .product .additional p{margin-bottom:0; display:inline}
#products .product.active .additional{min-width:300px}
#products .product .navigation{opacity:0;width:0;overflow:hidden;white-space:nowrap}
#products .product.active .navigation {
  letter-spacing: 1px;
  opacity: 1;
  overflow: hidden;
  text-align: right;
  width: 200px;
}
.all-products {color:#453647;overflow: hidden;border: 2px solid;width: 45px;height: 45px;text-align: center;line-height: 46px;display: inline-block;vertical-align: middle;font-size: 24px;}
.all-products:hover{background:#453647;border-color:#453647;color:#fff}
.all-products:hover {
  line-height: 45px;
}


.next-product {width: 45px;border-bottom: 2px solid;display: inline-block;letter-spacing: 12px;padding-bottom: 2px;text-align: center;vertical-align: middle;text-indent: 5px;font-size: 34px;color: #453647;line-height: 0px;margin-left: 10px;}
.next-product:hover {
 text-indent:20px
}



.product.active{width:100%!important}
#products .product.active .additional:nth-of-type(2),#products .product.active .additional:nth-of-type(3){opacity:1;width:20%}
#products .product.active .additional p:nth-of-type(2){opacity:1}
#products .product.inactive {width:0;opacity:0;position:absolute;margin-left:100%}
#products .product.active .additional:nth-of-type(1){border-top:1px solid transparent;padding-top:0px;margin-top:0px}
.parent-size{width:100%;height:100%}


#products .product.active .parent-size{margin-left: -100%;opacity:0;border:none!important}
#products .product.active{margin-left:0!important}



@media screen and (max-width: 1690px) { 
body {font-size: 11px;line-height: 20px;}
#products .product.active .additional:nth-of-type(1) {width: 38%;}
h4 span,#intro .inner-page-content p,.product .row .mls.cell {font-size: 12px;}
h4 {font-size: 22px;}
#menu span {font-size: 13px;}
/*
li, p {
  letter-spacing: 1px !important;
  line-height: 16px !important;
  text-transform: uppercase;
}

h4 {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  margin-bottom: 10px;
}
*/



#stage-4 span {
  margin-left: 10%;
  padding: 0;
  text-indent: 0px;
  width: 60px;
  line-height: 20px;
}

#logo {
  font-size: 14px;
  line-height: 14px;
  margin: -3px 0 4px;
}
/*#logoetal {
  margin: 0 -5px;
}*/
.copyright {
  width: 50%;
}

#about .inner-page {

  background-position: 0 -15px;

}


#about .inner-page {

  background-position: 0 -15px;

}


#products .additionals {
  bottom: 2%;
  height: 22%;
}

}
#intro-additionals .additional:nth-of-type(1) {width: 50%;}
.mobile{display:none}
@media screen and (max-width: 1450px) { 
#intro-additionals .additional:nth-of-type(1) {
  margin-right: 0%;
  width: 89%;
}
#intro-additionals .additional:nth-of-type(2){width:23%}
#recipies .olive-big {
  margin: -80px 0 0 -82px;
  width: 120px;
  height: auto;
}
#stage-4 span {
  line-height: 40px;
  margin-left: 10%;
  padding: 0;
  text-indent: 0;
  width: 60px;
}
/*#logoetal {
	padding-right:0px;
  margin: 0;
  top: auto!important;
  right: 5%;
}
*/


}

@media screen and (max-width: 1400px) { 

#products .product .additional:nth-of-type(1) {padding-top: 0px;}
#contact .additional:nth-of-type(1) {
  width: 55%;
}
#contact .additional:nth-of-type(2) {
  width: 28%;
}
#products .additional {
  width: 21%;
}

/*#about .inner-page {
  background-position: 0 -20px;
}

  h4 {
  font-size: 10px;
  margin-bottom: 5px;
	}
.title-section,.stage b,.pseudom,p,li{font-size:10px!important;line-height:14px!important}
.container,.btn,.product.active .ml,.product .row .mls.cell {
  font-size: 10px;
}*/
#thesteps {
  font-size: 12px;
  height: 60px;
}

#menu span {
  clear: both;

}
#stage-1 span {
  height: 60px;
  line-height: 50px;
  text-align: center;
}
#stage-4 span {
  line-height: 20px;
  margin-left: 10%;
  padding: 0;
  text-indent: 0;
  width: 60px;
}

#deliver-lines .three {
  height: auto;
  margin: -80px 0 0 -70px;
  width: 120px;
  
}
#intro-additionals .additional:nth-of-type(1) {
  margin-right: 0;
  width: 90%;
}
#products .additionals {
  bottom: 6%;
}
.stage span {

  font-size: 58px;

}
.additional-like {

  width: 90%;
}
.additional {
  width: 39%;
}
}
.product-img-mobile{display:none}
@media screen and  (max-width: 1200px) { 
#videoout.opacity-0{opacity:1!important}
#products.active {padding-bottom: 100px;}
.mobile-home{display:block!important}
form input{width:70%!important}
.additional-like {margin-bottom: 30px;display: block;}
#menu span {width: auto;}
.my-account-btn {
  left: 0;
  position: absolute;
  text-align: left;
  top: -105px;
}
/*
  h4 {
  font-size: 12px!important;
  margin-bottom: 5px;
	}
	*/
.title-section,.stage b,.pseudom,p,li{font-size:12px!important;line-heightx:16px!important}
.list-inline > li a,.container,.btn,.product.active .ml,.product .row .mls.cell {
  font-size: 12px!important
}

#shop-menu {
  bottom: auto !important;
  margin: 0 0px 0 0!important;
  position: absolute;
  right: 5% !important;
  text-align: right;
  top: 149px;
  width: 150px !important;
  z-index: 999999999;
}
#cart .btn {

  padding-right:0 !important;
	text-align:right!important
}
.button-group {
  right: 6%;
  top: 50px;
}

#cart {

  width: 150px;
}
.title-section {
  margin: 50px 0 10px;
  padding-top: 50px;
  position: relative;
  width: 95%;
}
#menu #shop-menu.span{
opacity: 1 !important;
}
.dropdown .dropdown-menu {
  padding: 20px 0 0 !important;
  left:3%!important;
}
.dropdown .dropdown-menu li{

  padding-bottom: 10px;
}
#cart .dropdown-menu {
  margin-top: -5px;
  padding: 0 10px 20px;
}
.page > .inner-page > .inner-page-content{padding-left:0!important}
#intro-additionals .additional {
  width: 100% !important;padding-top: 20px;
}
lix, pxx {
  font-size: 10px !important;
  line-height: 12px !important;
}

.social:nth-of-type(2) {
  margin-top: 100px;
}
.social:nth-of-type(1) {
  margin-top: 50px;
}
.social{color:#666}

#part-1 {
  background-position: center top;
  background-size: auto;
  background-color:#E1E1E1;
}

#part-2 {
  background-position: center top;
  background-size: auto; background-color:#E1E1E1;
}

#part-3 {
  background-position: center top;
  background-size: auto; background-color:#E1E1E1;
}

#part-2.active {
  background-size: normal;
  background-repeat: no-repeat;
}

#part-3.active {
  background-size: normal;
  background-repeat: no-repeat;
}

#logo {
  float: right;
  font-size: 18px;
  line-height: 16px;
  margin: 0;
  max-width: 180px;
  text-align: right;
}

.mobile{display:block;width:100%;height:auto;}
#about .mobile {display: block;width: 100%;height: auto;max-width: 600px;margin: -50px auto 0 auto;}
#stage-4 span {
  line-height: 20px;
 
}

.beloved {
  bottom: 20px !important;
  font-size: 6px !important;
  left: 5%;
  position: fixed !important;
  color:#aaa
}
#menu {
  left: 5%;
  padding: 0;
  position: absolute;
  text-align: right;
  top: 125px;
  width: 90%;
  z-index: 99;
}
/*
#menu span {
  display: inline-block;
  float: none;
  font-size: 14px!important;
  letter-spacing: 0;
  margin: 0 0 0 10px;
}
*/
#menu span {display: inline-block;float: none;font-size: 16px !important;letter-spacing: 0;margin: 14px 0 0 10px;}
.copyright {
  bottom: 1%;
  position: fixed;
  left:5%;
    width: 90%;
}

#controls {
  background: #ddd none repeat scroll 0 0;
  bottom: 0 !important;
  left: 5% !important;
}
#menu span b {
  display: none;
  font-weight: 400;
}
/*
h4 {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 5px;
}
*/

.product .row .mls.cell, .product.active .row .mls.cell, .product.active .row .cell {
  font-size: 14px;
}	
.chart .row .cell:nth-of-type(1) {
  max-width: 160px;
}
/*
#videoout {
  margin: 0 auto !important;
  position: relative !important;
  width: 100% !important;
  top: 0!important;
  displayx:none
}*/
#videoout {opacity: 1 !important;width: 100% !important;height: auto !important;}
#deliver {
  display: block;
  height: 400px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
  display:none
}

#intro .inner-page-content {
  height: auto;
  padding: 0;
  position: relative !important;
  top: 0;
  width: 100%;
}

#intro .inner-page-content, #intro .inner-page-content p{color:#666}



#deliver-lines {
  height: 400%;
  overflow: hidden;
  position: absolute;
  right: -50%;
  top: -150%;
  width: 200%;
}
#deliver-lines .three {
  height: auto;
  margin: -120px 0 0 -100px;
  width: 160px;
  max-width:160px
}

#vid-00x{position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background-size: cover;}
#header {
  display: table;
  float: left;
  height: 180px !important;
  margin: 0 !important;
  padding: 0 5% !important;
  position: relative !important;
  text-align: center;
  top: 0 !important;
  width: 90% !important;
}


.social {
  border-bottom: 1px solid #888;

  display: block;
  font-size: 10px;
left: 5%;
  top: -600px;
}

#plato {
  float: left !important;
  height: auto !important;
  margin: 0 auto !important;
  min-height: 100%;
  overflow: auto;
  padding: 0;
  position: relative;
  top: 0 !important;
  width: 100% !important;
}
/*
#intro {
  overflow: auto !important;
  position: absolute;
  top: 180px!important;
  background: #E9E9E9;
}
*/
#intro {background: #e7e7e7 !important;position: relative;padding-bottom: 100px;}
#header .inner-page-content {
  padding: 0;

}
#logoetal {
  float: right;
  height: 50px !important;
  margin: 0;
  padding-right: 0;
  position: relative !important;
  right: 0 !important;
  text-align: right !important;
  top: 20px !important;
  width: 100% !important;
}

#logo img {
  margin: 0 0 20px;

}

#intro .inner-page-content {
  height: auto;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.inner-page {
  margin: 0 !important;
  padding: 0 5%;
  top: 0 !important;
  width: 90% !important;
}

.page {
  height: auto !important;
  min-height: 100%;
  position: absolute;
  top: 180px;
  width: 100%;
  z-index: 999999;
  left:0%;
  padding-bottom:0px
  
}
#intro-additionals {

  position: relative;
  width: 90%;
  padding:0 5%
}
.additionals {

  position: relative;
  width: 100%;
  padding:0%
}
#contact .additional {
  padding:20px 0;
  width: 100% !important;
}
#contact .title-section .additional {padding:0}
#contact .additionals {
  float: left;
 padding-top:50px;
 padding-bottom: 100px;
}
#menu span:nth-of-type(1){display:none}


.inner-page-content {
  height: 95%;
  padding: 5% 0 0 0;
  position: relative!important;
  top: 0;
  width: 100%;
}
/*
.additional {
  display: block;
  float: left;
  height: auto !important;
  margin: 0!important;
  width: 32% !important;
}
*/

#contact .additional span {
  width: auto!important;
}

/*.stage .additional:nth-of-type(2){margin:40px 2%!important}*/

#recipies .olive-big {
  bottom: auto;
  left: auto;
  margin: 0!important;
  position: absolute;
  right: 10%;
  top: 5%;
  z-index: 9;
}


#features {
  bottom: 0;
  display: block !important;
  margin-bottom: 100px;
  margin-top: 190px;
  position: relative;
  top: auto !important;
  width: 100%;
}
.additional-like .next,.additional-like .close {

  margin-top: -90px;

}
#contact .inner-page {
  background: rgba(0, 0, 0, 0) url("images/contacts.jpg") no-repeat scroll center  top;
  background-size: normal;
}

.diag-left-white-1{display:none}


#intro-additionals .additional:nth-of-type(2){margin:0 8% !important}
#gif {
  left: auto;
  margin: 0 !important;
  max-width: 200px;
  opacity: 1;
  position: relative;
  right: 0;
  top: 0;
  width: 40%;
	display:none
}
.diag-right-white-1 {
 
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
}
#dishes {

  display: none!important;
}
body {font-size: 12px;line-height: 24px;}
.additional-like {left: 0;position: relative;margin-bottom: 40px;}
.additional-like .next,.additional-like .close {display: none;}
#features ul{display:none}
#benefits {
display:none
}
#controls{display:none}
#benefits p {
  letter-spacing: 0 !important;
  text-transform: uppercase;
  text-align: left;
}
h4 {font-size: 24px;line-height: 28px;}
h4 span {font-size: 14px;}
.plate {
  border: 2px solid #fff;
  left: auto;
  padding: 34%;
  position: absolute;
  right: -17%;
  top: -10%;
}
.additionals ul {
  display: block;
  float: left;
  margin-right: 2%;
  padding: 0;
  width: 30%;
}
#recipies .inner-page.overflow-hidden {
  overflow-y: auto !important;
  height: auto!important;
  min-height: 100%;
}

#features h4 {
  font-weight: 600;
}
/*
.additionals ul li {
  letter-spacing: 0px;
  line-height: 12px !important;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
}
*/
#contact .inner-page {
  min-height: 100%;
}

#products .inner-page {
  margin: 0 !important;
  padding: 0 0%;
  top: 0 !important;
  width: 100% !important;
}

#part-1, #part-2, #part-3 {
  background-color: #dfdfdf;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  left: 0 !important;
  margin: 0 !important;
  padding: 40px 5% 0 5%;
  position: relative !important;
  right: 0 !important;
  width: 90% !important;
  border-bottom: 20px solid #fff;
}

#products .inner-page {
  height: auto !important;
  margin: 0 !important;
  min-height: 100% !important;
  padding: 0 0;
  top: 0 !important;
  width: 100% !important;
  position: relative;
}

.product .row .mls.cell, .product .row .cell {font-size: 100%;width: 50%;float: left;opacity: 1;line-height: 22px;}
#products .product .additional {
  opacity: 1;
  width: 100%;
}
#products .product .additional:nth-of-type(1) {
  border: medium none;
  width: 20% !important;
}
#products .product .additional:nth-of-type(1) {
  border: medium none;
  width: 100% !important;
min-width:100px
}
.product > .jqLink {background: none !important;display: none !important;}

#products {
  background: #DFDFDF none repeat scroll 0 0;
  height: auto !important;
  min-height: 100% !important;
  overflow: auto !important;
  position: absolute!important;
  width: 0;
}
.product .row {margin-bottom: 3px;}
.product .row {width: 100%;float: left;}
#products .product .additional p:nth-of-type(2) {opacity: 1;}

.chart .row .cell:nth-of-type(1) {
  max-width:160PX;
}

#products .additional {
  display: block;
  float: left;
  height: auto !important;
  margin: 0 0 10px 0 !important;
  width: 30% !important;
}

#products .product {background-position: 2200px;background-size: 0;margin-left: 0 !important;height: auto !important;}
#products .product.active .navigation {
  position: relative;
  text-align: left;

  margin-top: 40px;
}




#products .product .additionals {height: auto;margin: 40px 0 0 0;float: left;max-width: 450px;padding: 30px 0;width: 60% !important;padding-right: 10%;}
.product.active .row {
  margin-bottom: 3px;

}

.product .ml {
  margin-top: 0;
  position: relative;
  width: 100%!important;
}


#products .product.inactive {
  margin-left: 100%;
  opacity: 1;
  position: absolute;
  width: 90%;
}
#products .product.active .navigation {margin: 0;float: right;text-align: right;}
#products .product.active .navigation .next-product{display:none}
.product-img-mobile {display: block;opacity:0;position: absolute;max-height: 100%;right: 0;top: 0;}
#products .product .product-img-mobile {opacity:1}
.product > .jqLink {

  background: none!important;
}
.diag-left {

  display: none!important;
}

.stage {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 1;
  padding: 0;
  position: relative !important;
  right: auto;
  top: 0;
  width: 100% !important;
  z-index: 2147483647;
  height: auto;
}
.stage span {height: 60px !important;line-height: 40px !important;text-align: center !important;width: 100% !important;position: relative !important;margin: 0px 0 20px 0 !important;text-indent: 0 !important;float: left;font-size: 50px !important;}
#about .inner-page {
  background-position: center bottom;
  height: auto !important;
  position: relative;
}
/*.stage .additional {
  height: auto;
  margin: 40px 0!important;
}*/
#stage-1{margin-top:40px!important;}
.page h4:first-of-type{margin-top:20px}
.stage .additional {margin: 0px 0 20px 0!important;width: 100% !important;}
#stage-3.stage .additional:nth-of-type(3),#stage-4.stage .additional:nth-of-type(3),#stage-4.stage .additional:nth-of-type(1){display:none!important;}
#about .about-main-text.additionals:last-of-type{border:none!important}
/*#stage-2 span {
  background: transparent none repeat scroll 0 0;
  display: block;
  height: 160px;
  line-height: 160px;
  margin: 0 auto !important;
  position: relative;
}

#stage-2.stage .additional:nth-of-type(2) {
  margin: 40px 2% !important;
}

#stage-2{
  margin: 100px 0 0 !important;
  padding: 0 0 0px;
}
#stage-3 span {
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0;
  width: 62px;
  z-index: 9;
  line-height: 120px;
  height: 140px;
}
*/
#leaves,.unity, .crop-line,.crop,.fake-triangle {

  display: none!important;
}

/*#stage-4 span {
  height: 120px;
  line-height: 130px !important;
  margin: 0 auto !important;
  padding: 0;
  right: auto;
  text-indent: 0;
  width: 60px;
}

#stage-4 {margin-top: 60px!important;}
#stage-2 b {
  margin-top: 0;
  position: absolute;
  right: auto;
  text-align: left;
  width: 50%;
}
#stage-4 b, #stage-3 b {
  text-align: left;
}
.stage b {
  font-size: 10px;
  font-weight: 500;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: nowrap;
}
*/
#about {
  background: #e7e7e7 none repeat scroll 0 0;
  height: auto !important;
  overflow: auto;
  width: 0;
  padding-bottom: 100px;
}
#aboutxxx .about-main-text .additional {

  width: 100%!important;
}
#aboutxxx .about-main-text .additional p span {
  display: block;
  float: left;
  height: auto;
  margin-right: 0%;
  width: 100%;
}
/*
.about-main-text .additional {
  margin-right: 5% !important;
  width: 30% !important;
}
*/

.additional {
	width: 100%;margin-bottom: 30px;
}
#thesteps{display:none}
#about .about-main-text.additionals {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  bottom: 0;
  float: left;
  height: auto;
  margin: 20px 0 0;
  padding: 0;
  position: relative;
}
.additional-like {width: 100%;}
#about .additionals {border-bottom: 10px solid #ddd;margin-bottom: 40px !important;}
body {
  background: #fff none repeat scroll 0 0;

}
#recipies.step-1 #features .additional-like,#recipies.step-1 #features ul{opacity:1;}

#about .inner-page,#contact .inner-page, #plato, #recipies .inner-page {

  background-color: #e7e7e7!important;;
  background-image: none !important;

}
#features.deactive h4 {
  margin-left: 200%;
}
.container {
  min-height: 100% !important;
  margin-left: 0 !important;
  margin-top: 180px;
  padding: 0 !important;
  position: absolute !important;
  width: 100% !important;
}

#contact.active,#recipies.active {
  overflow: inherit!important
}

.btn-primary {
  background-color: #aaa!important;
  border-color: #aaa!important;
  border-radius: 0!important;
  color: #fff!important;
}

.form-control {
  border-radius: 0 !important;
  height: 24px !important;
  margin-bottom: 4px !important;
  padding: 2% !important;
  text-align: center !important;
  width: 94% !important;
}
.btn-plain {
  background: #aaa none repeat scroll 0 0 !important;
  border-radius: 0 !important;
  color: #444 !important;
  display: block !important;
  float: left !important;
  font-size: 14px !important;
  margin: 0 8% 0 0 !important;
  padding: 2px !important;
  text-align: center !important;
  width: 46% !important;
}
.btn-plain.btn-danger{margin-right:0!important;background:#FF7373!important}
.btn-plain.btn-danger:before {
    content: "X";
} 
.input-group-btn .btn-plain:nth-of-type(1) {
    background:#73DCFF!important
}
.input-group-btn .btn-plain:nth-of-type(1):before {
    content: "O";
} 
#accordion .panel {
  background: #ddd ;
  border-bottom: 0px;
  border-radius: 0;
  width: 100% !important;
}
.panel-default > .panel-heading {
  background:none!important;
  border:none!important;
  color: #888!important;
  padding: 5px 10px!important;
}
#accordion > .panel > .collapse{display:block!important}
.panel-title {
  font-size: 12px!important;
  letter-spacing: 1px;

}
.input-group-btn {
  clear: both !important;
  display: block !important;
  font-size: 12px !important;
  position: relative;
  text-align: center !important;
  white-space: nowrap;
  width: 100% !important;
}
select.form-control {
  padding: 0 !important;
  text-transform: uppercase;
}
}

.product-img-mobile-sm {display: none;}

@media screen and  (max-width: 600px) { 
.product-img-mobile {display: none;}
.product-img-mobile-sm {display: block;width: 100%;margin-bottom: 20px;}
#products .product .additionals {width: 100% !important;}
/*
.title-section, .stage b, .pseudom, p, li {line-height:14px!important;font-size:10px!important}
.additionals ul {
  margin-right: 5%;
  width: 45%;
}
#features {

  margin-top: 200px!important;

}
#features.deactive {
  margin-top: 400px !important;
}
.additional-like .next, .additional-like .close {
  margin-top: -50px;
}*/
}
form .btn {border:none;cursor:pointer;background: #453647;color: #fff;max-width: 100px;display: block;letter-spacing: 2px;padding: 10px 20px;text-align: center;}
form .btn:hover{background: #fff;color: #453647;}
form input {line-height: normal;padding: 16px 0px;width: 50%;margin: 0 0 20px 0;background: none;border: none;border-bottom: 1px solid #453647;}
#cookie {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(200,200,200,0.7);z-index: 99999999999;text-align: center;}
#cookie h3 {font-size: 34px !important;margin: 0 0 20px 0;color: #58495E;}
#cookie .btn-group {position: absolute;width: 100%;top: 25%;}
#cookie .btn {display: inline-block;padding: 16px 20px;font-size: 14px;cursor: pointer;background: #58495E;color: #fff;margin: 0 5px;font-weight: bold;}
#cookie .btn:hover{background: #fff;color: #58495E;}
#cookie p{margin: 20px auto;display: block;max-width: 240px;color:#58495E}