/*VERT BOUTEILLE 0d6133*/
@font-face {
    font-family: 'Swistblnk-Monthoers';
    src:url('../fonts/Swistblnk-Monthoers.ttf.woff') format('woff'),
        url('../fonts/Swistblnk-Monthoers.ttf.svg#Swistblnk-Monthoers') format('svg'),
        url('../fonts/Swistblnk-Monthoers.ttf.eot'),
        url('../fonts/Swistblnk-Monthoers.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caslon-Antique';
    src:url('../fonts/Caslon-Antique.ttf.woff') format('woff'),
        url('../fonts/Caslon-Antique.ttf.svg#Caslon-Antique') format('svg'),
        url('../fonts/Caslon-Antique.ttf.eot'),
        url('../fonts/Caslon-Antique.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArabicTypesettingRegular';
    src: url('../fonts/arabic-typesetting-webfont.woff') format('woff'),
         url('../fonts/arabic-typesetting-webfont.ttf') format('truetype'),
         url('../fonts/arabic-typesetting-webfont.svg#ArabicTypesettingRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

strong{
    font-weight:700;
}
em{
    font-style:italic;
}
s{
    text-decoration:line-through;
}
/*.full_width{
    padding-left:3000px;
    padding-right:3000px;
    margin-left:-3000px;
    margin-right:-3000px;
}*/
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

#mobilenav .menu{
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background-color:rgba(32,92,64,0.9);
    color:white;
    z-index:1000;
    display:block;
    display:none;
    text-align:center;
    z-index:2000;
}
#mobilenav .menu ul{
    display:block;
    position:absolute;
    width:100%;
    top:50%;
    margin-top:-15%;
}
#mobilenav .menu li{
    display:block; 
    margin:0 20px;
    
}
#mobilenav .menu a{
    color:white;
    font-size:36px;
    font-family:"Swistblnk-Monthoers";
    text-decoration:none;
    text-transform:lowercase;
}
#mobilenav #languageswitcher{
    width:20px !important;
}
#mobilenav #languageswitcher li:first-child{
    display:none;
}
#mobilenav #languageswitcher li, #mobilenav #languageswitcher img, #mobilenav #languageswitcher a{
    background:transparent;
}

#mobilenav .menu a:hover{
  opacity:0.7;
}
#mobilenav .icon-menu{
    display:none;
    position:absolute;
   right:20px;
   margin-top:20px;
   color:rgb(32,92,64);
   z-index:2001;
   font-size:30px;
   text-decoration:none;
   
   text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

p.error{
    padding-top:200px;
    font-family:monospace;
    font-size:15px;
}
a.more, #contact-1 div.submit input{
    text-transform: uppercase;
    font-size:25px;
    font-weight:bold;
    display:inline-block;
    width:auto;
    background:rgba(32,92,64,0.9);
    white-space:nowrap;
    color:white;
    padding:1em;
    margin:1em 0;
    border-radius:3px;
    text-decoration: none;
    background-color:rgb(32,92,64);
    cursor:pointer;

/*background: rgb(16,114,39);
background: -moz-linear-gradient(45deg,  rgba(16,114,39,1) 2%, rgba(32,92,64,1) 53%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(2%,rgba(16,114,39,1)), color-stop(53%,rgba(32,92,64,1)));
background: -webkit-linear-gradient(45deg,  rgba(16,114,39,1) 2%,rgba(32,92,64,1) 53%);
background: -o-linear-gradient(45deg,  rgba(16,114,39,1) 2%,rgba(32,92,64,1) 53%);
background: -ms-linear-gradient(45deg,  rgba(16,114,39,1) 2%,rgba(32,92,64,1) 53%);
background: linear-gradient(45deg,  rgba(16,114,39,1) 2%,rgba(32,92,64,1) 53%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107227', endColorstr='#0d6133',GradientType=1 );*/


-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;    
}
a.more:hover, #contact-1 div.submit input:hover{
    /*opacity:0.78;*/
    background-color: rgb(16,114,39);
}
button.play{
    font-size:20px;
    background:white;
    color:black;
    border:none;
    padding:7px 10px;
    display:block;
}
img{
/*    max-width:100%;*/
    height:auto;
}
.nodes.promoted{
    display:none;
}
html{
    height:100%;
    width:100%;
}
body{
    background-color:#fff;
    color:#000000;
    color:#595959;
    width:100%;
    height:100%; 
    font-family: "ArabicTypesettingRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 500;   
    font-size:12px;
    overflow-x: hidden;     
}
body{
    position:fixed;
    overflow:hidden;
}
#loading{
    display:block;
    position:absolute;
    width:100%;
    height:100%;    
    background-color:#264434;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../img/footer_logo.png);
    text-align:center;    
    z-index:1000;    
}
.vimeo{
    position:relative;
    width:100%;
}
input, textarea, select, button{
    font-family: "ArabicTypesettingRegular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

#main .wrapper, 
#header .wrapper .wrapper, 
.index.header .wrapper, 
.recipes.index, 
.products.index, 
.jobs.index,
.recipes.view{
    position: relative; 
    width:90%;
    margin:auto 5%;
    max-width:1020px;
    padding:260px 0;
    margin:auto;
}

.textured{
/*    border-top:6px solid rgba(255,255,255,0.4);
    border-bottom:6px solid rgba(255,255,255,0.4);*/
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
    border-top:1px solid rgba(255,255,255,0.5);
}
.moving_item{
    z-index:20;
    display:block;    
    position:absolute;        
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}

a{
    color:#4babf5;
}

.block{    
    position:relative;
    font-size:35px;
    line-height:1;
    color:white;       
}

.block h2.disc{
    color:white;
    background-color:rgb(203,203,51);
    background-color: rgba(203,203,51,0.8);
    text-transform:uppercase;
    display:inline-block;
    text-align:center;
    width:170px;
    height:170px; 
    font-size:30px;
    line-height:170px;    
    border-radius:100px;
    position:absolute;
    left:30%;
    top:60px;
    font-weight:700;
    font-family:"jaf-bernina-sans-condensed";        
    z-index:10;
}
#home_social h2.disc{background-color: rgba(204,204,51,0.8);}
#home_recipes h2.disc{background-color: rgba(182,193,128,0.8);}



.block h3, .view h1{
    font-size:140%;
    font-size:40px;
    font-weight:bold;    
    line-height:1;
    text-transform: uppercase;
    margin-bottom:10px;
}
.block h4, .view p.exerpt{
    font-size:90%;
    font-size:35px;
    font-weight:300;
    display:block;    
    color:inherit;
    line-height:1;    
}

#home_products{
    background:url(../img/wooden_table.jpg) center center no-repeat;
    background-size:cover;
    overflow-y:hidden;
}

#home_products .block-body{
    width:50%;
    padding-left:50%;
}
.moving_text{
    width:100%;
    position:relative;
}
    #top_olive{        
        width:50%;
        height:500px;        
        left:-10%;
        top:100px;
        background-image:url(../img/topolive_24.png);        
    }

#home_recipes{
    background:url(../img/natural_paper.png) center center repeat;    
}    
#home_recipes .wrapper{
    padding-bottom:180px;
}
#home_recipes .details{
    width:50%;
    float:right;
    color:#595959;
}
#home_recipes .thumbs{
    width:45%;
    padding-right:0%;
    float:left;
    position:relative;
}
#home_recipes .thumbs li{
    padding-right:20px;
}
#home_recipes .thumbs li img {
    width:100% !important;
    height:auto;
    max-height:350px;
    border:10px solid rgba(203,203,51,0.5);
    display:block;
    box-sizing: border-box;
    position:absolute;
    z-index:100;
}
#home_recipes .flex-direction-nav{
    z-index:10000;
}
#home_recipes .flex-direction-nav .flex-prev{
    left:0;
    z-index:10000;
}
#home_recipes .flex-direction-nav .flex-next{
    right:0;
    z-index:10000;   
}
#home_recipes:hover .flex-prev { opacity: 0.7; left: 10px; }
#home_recipes:hover .flex-next { opacity: 0.7; right: 10px; }
#home_recipes .flex-next:hover, #home_recipes .flex-prev:hover { opacity: 1; }

.progress_bar_container { height: 10px; width: 100%; position: absolute; bottom: 0; opacity:0.8;}
.progress_bar { background: #cccc33; height: 10px; width: 0; position: relative;}
/*.slides > li {display: none; -webkit-backface-visibility: hidden;}  Hide the  slides before the JS is loaded. Avoids image jumping */

#home_recipes h2.disc{
    top:0;
    right:10%;
    left:auto;
}
#home_recipes .recipe .more{
    margin-bottom:0;
}
.slides.recipes{
}
    #olive_branch{
        width:20%;
        height:300px;        
        right:10%;
        top:-150px;
        background-image:url(../img/olivebranch.png);        
    }
    #chef_hat{
        width:20%;
        margin-left:-10%;
        height:200px;
        top:110px;
        left:25%;
        background-image:url(../img/chef_hat.png);
        z-index:90;
        display:none !important;
    }
    .ratings{
        font-size:30px;
        padding-top:20px;
    }
    .ratings li{
        display:block;
        padding:2.5px 0;
    }
    .ratings label{
        text-transform: uppercase;
        display:inline-block;
        height:19px;
        width:140px;
        padding-right:10px;
    }
    .rating{
        display:inline-block;
        position:relative;
        height:19px;
        width:94px;
        background-position:left center;
        background-repeat: no-repeat;
        z-index:20;
    }
    .rating:before{
        z-index:-1;
        content:"";
        display:inline-block;
        position:absolute;
        height:19px;
        width:94px;
        background-position:left center;
        background-repeat: no-repeat;
    }
    .rating.one:before{width:15.666px;}
    .rating.two:before{width:31.333px;}
    .rating.three:before{width:47px;}
    .rating.four:before{width:62.666px;}
    .rating.five:before{width:78.333px;}
    .rating.six:before{width:94px;}
    .rating.difficulty{
        background-image:url(../img/stars_chef.png);
    }
    .rating.difficulty:before{
        background-image:url(../img/stars_chef_on.png);
    }
#home_social{
    background:url(../img/brickwall_2X.png) center center repeat;  
    overflow:hidden;
}    
#home_social h2.disc{
    left:0;
}
#home_social .block-body{
    width:50%;
    padding-left:25%;
    padding-right:25%;
    text-align:center;
    color:#c4c431;
}
#home_social quote{
    color:#0d6133;
    display:block;
    line-height:1.3;
    padding:1em 0;
}
#home_social a{
    color:inherit;
    font-size:75%;
    text-transform:lowercase;
    display:block;
}
    #blackboard_wrapper{
        width:20%;
        margin-left:-10%;
        height:200px;
        top:310px;
        left:80px;
        cursor:pointer;
    }
    #blackboard{
        position:relative;
        width:100%;        
        height:200px;        
        background-image:url(../img/like_us_blackboard.png);
    } 

            /* css setup for animation of a pendulum */
            @-webkit-keyframes swinging {
                    0% {				-webkit-transform: rotate(0deg);			}
                    100% {				-webkit-transform: rotate(0deg);			}
            }
            .swinger {
                -webkit-transform-origin: top;
                    -webkit-animation: swinging 1s 1 ease-in-out;
            }

            /* css for styling of penduli */
            .pendulum {
            }
            .pendulum>.pendulum-rod {
            }
            .pendulum>.pendulum-bob {
            }    
    
    #likebox{
        width:150px;
        height:300px;
        left:80px;
        margin-left:-75px;
        top:250px;
    }
    #smeg{
        width:25%;        
        height:500px;
        bottom:0;
        right:-5%;
        background-image:url(../img/smeg.png);
        background-position:center bottom;
    }
    #plant_1{
        width:22%;
        height:300px !important;
        margin-left:-10%;
        height:250px;
        bottom:-45px;
        left:130px;
                background-position:center bottom;
        background-image:url(../img/plant_1.png);
    }
    #plant_2{
        width:16%;
        margin-left:-10%;
        height:150px;
        bottom:-20px;
        left:50px;
                background-position:center bottom;
        background-image:url(../img/plant_2.png);
    }
    #light{
        width:30%;
        margin-left:-15%;
        height:200px;
        top:-10px;
        left:50%;
        background-position:center top;
        background-image:url(../img/light.png);
    }    
    #lightcone_wrapper{
       margin-left:-700px;
       left:50%;
       top:150px;
       width:1400px;
       height:750px;       
       overflow:hidden;
    }
    #lightcone {    
        z-index:-1;
        display:block;
        width:1000px;
        height:1000px;
        position:absolute;
        left:50%;
        margin-left:-500px;
        bottom:-400px;
        background:rgb(240,255,0);
        opacity:0.04;
        transform:rotate(45deg);
        -ms-transform:rotate(45deg); /* IE 9 */
        -webkit-transform:rotate(45deg); /* Safari and Chrome */    
    }
   
h1{
    font-size:40px;
    font-weight:bold;
    line-height:1;
    text-transform:uppercase;
    margin-bottom:0;
}
.block h2{
    font-size:28px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:10px;
}

#header{
    position:relative;
}
#header .wrapper .wrapper{
    z-index:100;
    position:absolute;
    margin:auto;
    width:50%;
    left:50%;
    margin-left:-25%;
    text-align:center;
    padding-left:0;
    padding-right:0;
}
.block-home_slider{
    height:500px;
}
h1#logo{
    width:240px;
    left:50%;
    position:fixed;
    margin-left:-120px;
    top:0px;
    z-index:110;    
    display:block;
    text-align:center;
}
h1#logo img{    
    width:100%;
    height:auto;        
}
#nav{
    position:fixed;
    z-index:109;
    width:100%;
    height:76px;
    background-color:white;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
    border-bottom:1px solid rgba(255,255,255,0.5);
}
#nav li{  
    width:11.111111%;    
    display:block;
    float:left;
    width:auto;
    padding:0 30px;
    min-width:60px;
}
#nav li:first-child{padding-left:40px;}
#nav li:nth-child(5){padding-right:0 !important;  min-width:20px !important; padding-left:0;}
#nav li:nth-child(4){
    margin-right:11.1111111%;
}
#nav .menu > ul > li:nth-child(5), #nav li:nth-child(6), #nav li:nth-child(7), #nav li:nth-child(8), #nav li:nth-child(9){
    float:right;
}
#languageswitcher{
    display:none;

}
#languageswitcher{
    width:25px;
    padding-top:25px;
}


#languageswitcher li:first-child{
    display:block;
}
#languageswitcher img, #languageswitcher li, #languageswitcher a{
    width:20px !important;
    height:20px;
    min-width:20px !important;
    padding:0 !important;
    background-color:white;
}
#languageswitcher li{
    padding-bottom:10px !important;
    
    display:none;
}
#languageswitcher img{
    border-radius:20px;
    display:block;
}
#nav li a{
    font-family:"Swistblnk-Monthoers";
    width:100%;
    padding:30px 0;
    font-weight:500;
    font-size:15px;
    line-height:15px;
    height:15px;
    text-align:center;
    display:block;
    background-color:white !important;
    color:#0d6133;
    letter-spacing: 1px;
    text-decoration: none; 
    text-transform:lowercase;
/*    transform: scale(1,1.3);
    -ms-transform: scale(1,1.3);  IE 9 
    -webkit-transform: scale(1,1.3);*/
   /*background-color:rgba(0,0,0,0.7) !important;*/    
    opacity:0.9;    
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    /*text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
}
#nav li a:hover{
    opacity:1;
    text-decoration:underline;
}

#slider{  
    overflow:hidden;
    position:relative;
        box-shadow: inset 0 0 50px 0 black;
        padding-top:77px;

}
#slider li{
    display:block; 
    width:100%;
    height:400px;
    min-height:400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    font-size:30px;  
    color:white;
    background-color:transparent;
}
#slider li .wrapper{
   
}
.shadowed{
    text-shadow: 0px 0px 8px rgba(0,0,0, 0.8);
}
.light .shadowed{
    text-shadow: 0px 0px 8px rgba(0,0,0, 0.4);
    color:#595959;
}
#slider li quote{
    font-weight:500;
    display:block;
    font-size:40px;
    font-weight:bold;
    width:100%;   
    color:white;
    line-height:1;
    text-transform: uppercase;
}



.contacts{
    padding-top:77px;
}
.contacts.view #map_canvas{
    height:623px;
    background:black;
    margin-bottom:20px;
}
.contacts.view .rouge .wrapper{
    padding:10px;    
}
.contacts.view .body{
    font-size: 19px;
font-weight: 200;
line-height: 1.3;
}
.contacts.view .address{
    margin-bottom:40px;   
}
#contact-1 form{
    display:block;
    position:relative;
    margin-bottom:20px;
}
#contact-1 input, #contact-1 textarea{
    display:block;
    padding:5px 0;
    width:100%;
    font-size:20px;
    text-indent:5px;
    border:1px solid #ccc;
    box-sizing: border-box;
}
#contact-1 div.input{
    position:relative;
    margin-bottom:10px;
}
/*#contact-1 div.submit input{
    text-transform:uppercase;
    border:none;
    background-color:#ce6c71;
    color:white;
    cursor:pointer;
}*/
#contact-1 label{
    position:absolute;
    display:block;
    padding:7.5px;
    text-transform:uppercase;
    font-size:20px;
    font-weight:300;
}


#footer{
    padding:80px 0 20px 0   ;
    background-color:#264434;
    background-position:center 30px;
    background-repeat:no-repeat;
    background-image:url(../img/footer_logo.png);
    text-align:center;
}   
#footer_copyright.block{
    font-size:11px;
    color:#0a2817;
}
#footer_copyright .wrapper{
    padding:0;
    padding-top:40px;
}
#made_with_love{
    position:absolute;
    right:20px;
    bottom:0;
    display:block;
}
#made_with_love img{
    display:block;
    width:92px;
    height:20px;
}

 

/*TOOLTIPS*/
abbr{
    cursor: help;
}
#tooltip
{
    text-transform: uppercase;
    font-size:16px;
    text-align: left;
    line-height:1.2;
    color: #fff;
    color:#fff;
    background: #000;
    position: absolute;
    z-index: 100;
    font-weight:100;
    padding: 15px;        
}

/*SLIDES*/
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
  /*RECIPES*/
  #recipesindex_header{
    height:700px;
    background:url(../img/wooden_table.jpg) center center no-repeat;
    background-size:cover;
    overflow-y:hidden;
  }
    #recipesindex_header .block-body{
        width:50%;
    }
#recipesindex_header img{
    width:50%;
    display:block;
    position:absolute;
    right:0;
    top:77px;
}
.recipes.index{
    padding-top:0;
    margin-top:-150px;
    text-align:center;
    padding-bottom:0;
}
#main{
        background:url(../img/natural_paper.png) center center repeat;    

}
#main.lined_paper{
        background:url(../img/lined_paper.png) center center repeat;    
}
.index h2, .view h2{
    display:inline-block;
    padding:0 20px;
    position:relative;
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    background-color:rgb(32,92,64);
    color:white;
    font-size:35px;
    font-weight:bold;
}
.recipes.index .featured{
    display:block;
    background:#fff;
    width:100%;
    height:240px;
    padding:20px 0;
    margin-bottom:40px;
     -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
}
.recipes.index .featured li{
    display:inline-block;
    width:25%;
    text-align:center; 
    padding:20px 0 0 0;
}
.recipes.index .featured li a{
    display:block;
    padding:15px 0;
    color:#595959;
    font-size:17px;
    width:50%;
    margin:auto;
    text-transform: uppercase;
    text-decoration: none;
}
.recipes.index li a.thumb{
        border:3px solid white;
        box-sizing: border-box;
        display:block;
        width:120px;
        height:120px;
        max-width:70%;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.3);
        box-shadow:         0px 0px 20px rgba(0, 0, 0, 0.3);
        border-radius:100px;
        overflow:hidden;
        transition : border 50ms ease-out; 
        -webkit-transition : border 50ms ease-out; 
        -moz-transition : border 50ms ease-out;
        -o-transition : border 50ms ease-out;  
        background-repeat: no-repeat;
        background-position: center center;
}
.recipes.index li a.thumb:hover{
        border:15px solid rgba(255,255,255,0.8);
}


.recipes.index .all li{
    width:25%;
    float:left;
    margin-bottom:20px;
}

.recipes.index .all li a.thumb{
    position:relative;
    display:block;
    margin:auto;
    border:3px solid #595959;
    border-radius:0;
    height:150px;
    width:320px;
    max-width:70%;
    overflow:hidden;
}
.recipes.index .all li a.thumb span{
    background:#000;
    color:white;
    display:block;
    width:100%;
    position:absolute;
    height:150px;
    line-height:150px;
    text-align:center;
    top:100%;
    font-weight:100;
    font-style: italic;
}
.recipes.index .all li a.link{
    display:block;
    padding:15px 0;
    color:#595959;
    font-size:17px;
    width:50%;
    margin:auto;
    text-transform: uppercase;
    text-decoration: none;
}
h2.filter{    
    margin-bottom:20px;
    background-color:transparent;
    color:#0d6133;
}
.recipes.view{
    padding-top:200px;
    font-size:18px;
    font-weight:100;
    font-size:25px;
    line-height:1;

}

.recipes.view p{
    margin-bottom:1em;
}
.recipes.view .details{
    float:right;
    width:47.5%;
}
.recipes.view .ingredients, .recipes.view .related{
    float:left;
    width:47.5%;
}
.recipes.view .exerpt{
    font-size:30px;
}

.recipes.view .ingredients img.recipe_square{
    display:block;
    width:100%;
    height:auto;
     border:10px solid rgba(203,203,51,0.5);
    display:block;
    box-sizing: border-box;
}
.recipes.view img.product_square{
    display:block;
    width:200px;
    margin:auto;
    float:left;
    margin-top:20px;
    margin-right:20px;
    border:10px solid rgba(203,203,51,0.5);
    box-sizing: border-box;
}
.recipes.view .related p{
    padding:20px 0;
    text-align:left;
    padding-right:40px;
}
.recipes.view ol{
    list-style:decimal-leading-zero;
}
.recipes.view ul{
    list-style:disc;
}
.recipes.view ul li{
    padding:5px 10px;
    margin-left:30px;
    list-style-type:disc;
}
.recipes.view h3{
    font-weight:500;
    font-size:35px;
    padding-top:30px;
    text-transform:uppercase;
}
.recipes.view ol li{
    padding:10px;
    margin-left:30px;
    list-style-type:decimal-leading-zero;
}
.recipes.view li strong{
    color:#0d6133;
    font-weight:700;
    text-transform:uppercase;
    font-size:90%;
    opacity:80%;
}
.recipes.view h2{
    
}
.recipes.view ul.ratings{
    padding-top:0;
}

.recipes.view ul.ratings label{
    font-weight:bold;
}
.recipes.view ul.ratings li{
    margin:0;
    padding:0;
}
a.prev, a.next{
    display:block;
    position:absolute;
    top:115px;
    padding:5px;
    background:rgba(255,255,255,0.8);
    color:inherit;
    text-decoration:none;
}
a.prev{
    left:0;
}
a.next{
    right:0;
}
/*JOBS*/

#jobsindex_header{
 height:700px;
 background:url(../img/jobsheader.png) center center no-repeat;
 background-size:cover;
 overflow-y:hidden;
 z-index:-1;
}
#jobsindex_header .block-body{
     width:45%;
     margin:auto;
     text-align:center;
    }

.jobs.index{
    padding-top:0;
    margin-top:-150px;
    text-align:center;  
}
.jobs.index .featured, .contacts.view .featured{
    display:block;
    background:#fff;
    margin:auto;
    position:relative;
    width:50%;
    font-weight:500;
    font-size:37px;
    line-height:1 !important;
    color:#595959;
    height:auto;
    padding:40px 70px 40px 70px ;
    margin-bottom:40px;
     -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
}

.jobs.index .emploi{
    color:#0d6133;
    font-size:32px;
    margin-bottom: 20px;
    background-color:rgb(255,255,255);
    background-color: rgba(255,255,255,0);
}
.jobs.index .offre{
    width:80%;
    margin:auto;
    list-style: none;
    margin-bottom:30px !important;
    border-bottom:1px solid #ccc;
    padding-bottom:30px;
}

.jobs.index h3{

    font-size:23px;
    color:#aeaf2a;
    font-weight:400;
    text-transform:uppercase;
    text-align: left;
    margin-bottom:0.5em;
  
}
.jobs.index .accroche{
    display:block;
    font-size:18px;
    line-height:1.4;
    font-weight: 200;
    text-align: left;
    margin-bottom:1em;   
}
.jobs.index a{
    display:block;
    text-align:left;
    color:#0d6133;
    font-size:17px;
     text-transform:uppercase;
    text-decoration:none;     
}
.jobs.index a:hover{
    color:#0d6133;
    font-size:17px;
    text-decoration:underline;    
}
.jobs.index img{
    display:block;
    float:left;
    width:37%;
    height:auto;
}
.jobs.index li{
    display:block;
}
.jobs.index .details{
    float:right;
    width:60%;
}
hr{
    clear:both;
    margin:30px auto;
    width:20%;
    color:#e2e2e2;
    border-top:3px solid #e2e2e2;   
}

.jobs.view{
     width:100%;
    background: url("../img/natural_paper.png") repeat scroll center center rgba(0, 0, 0, 0);
    font-size:21px;      
}
.jobs.view .header{
    width:100%;
    height:600px;
    background:url('../img/unnamed.png')center center no-repeat;
    background-size: cover;
  
}
.postulation{
     background:#fff;
    position:relative;
    width:60%;
    
    margin:auto;
    color:#595959;
    height:auto;
    text-align: center;
    padding-left:40px;
    padding-right:40px;
    padding-top:50px  ;
    margin-bottom:40px;
     -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
    
}
.jobs.view h2{
    padding:0 10px;
    height:auto;
    line-height:40px;
    text-transform:uppercase;
    background-color:rgb(32,92,64);
    color:white;
    width:20%;
    text-align: center;
    margin:auto;
    font-size:165%;
}
.postulation form{
    width:80%;
    margin:auto;
}
.postulation label
{
    display: inline-block;
    font-size:15px;
    padding-left:30px;
   
}
.postulation input{
    width:100%;
    height: 30px;
    font-size:18px;
    font-weight:100;
    text-indent:30px;
}
.jobs.view dl{
    display: block;
    margin:auto;
    margin-top:-50px;
    
    font-size:18px;
    font-weight:100;
    line-height:1.4;
    background:#fff;
    position:relative;
    width:60%;
    color:#595959;
    height:auto;
    padding:40px 40px ;
    margin-bottom:40px;
     -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
}
.jobs.view dl .titre h1{    
    color:#aeaf2a;
    text-transform:uppercase;
    font-size:36px;  
}
.jobs.view dl h3{  
    margin:auto;
}
.jobs.view dl h4{
    color:#0d6133;
    font-size:23px;
}
.jobs.view dl dt{
position: relative;
text-align: center;
left: 0;
top: 30px;
width: 115px;
font-weight: bold;
}
.jobs.view dl dd{
border-left: 1px solid #000;
margin: 0 0 0 120px;
padding: 0 0 10px 10px;
}
.jobs.view dl .titre{
border-left: 0px solid #000;
}
.postulation .submit{
    display:none;
}
.postulation button {
    width:150px;
    margin:20px 0px;
   border:0;
   background: #0c6132;
   padding: 5px 10px;
   color: white;
   font-size:20px;
   border-radius: 3px;
   text-decoration: none;
   vertical-align: middle;
   }
.postulation button:hover {
    background: #0f7227;
    color: #ffffff;
}
.postulation.button:active {
   border-top-color: #0f7227;
   background: #0d6133;
}
   .postulation div.input{
       position:relative;
   }
   .postulation label{
       position: absolute;
       z-index:1;
       left:0;
       height:30px;
       line-height:30px;
   }
   
     
/*/JOBS*/



/*PRODUCTS*/
.products.index{
    padding:0;
    margin:auto;
    text-align:center;
    margin-top:70px;
}
#main{
/*    overflow-x:hidden;
    overflow-y:auto;*/
}
.products.index h2{
    margin-bottom:20px;
}
.products.index .bio h2{background-color:#84BD00}
.products.index .olinades h2{background-color:#833177}
.products.index .antipasti h2{background-color:#D22630}
.products.index .aperidip h2{background-color:#EA7600}
.products.index .classic h2{background-color:#0F6736}
.products.index .cooking h2{background-color:#F6BE00}
.products.index .exclusives h2{background-color:#000000}
 .products.index .table{
    background:url(../img/wooden_table.jpg) center center no-repeat;
    background-size:cover;
  }
   .products.index .table .wrapper{
       position:relative;
   }
    .products.index .table .block-body{
        width:50%;
        text-align:left;
    }
    .table.block.index.header{
/*        overflow-y:auto;
        overflow-x:hidden;*/
    }
    .products.index .table .block-body h1{
        position:absolute !important;
        display:block;
        max-width:50%;
        left:5%; 
        top:100px;        
    }
       .products.index .table .block-body p{
        position:absolute !important;
        display:block;
        max-width:50%;
        left:5%; 
        top:200px; 
        height:180px;
        overflow:auto;
        font-size:32px;
        line-height:0.95;
    }
    .products.index .table .block-body img{
        position:absolute !important;
        display:block;
        width:500px;
        height:auto;
        border-radius:500px;
        top:0;
        right:-150px;
        -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
        box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);   
    }
    .products.index .slider{
        margin-top:-40px;
    }
    #main .products.index .wrapper{
        padding:210px 0;
/*        margin-top:5%;
        margin-bottom:5%;*/
    }
.products.index .featured{
    display:block;
    background:#fff;
    width:100%;
    height:240px;
    padding:20px 0;
    margin-bottom:40px;
     -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
}
.products.index .featured li a{
    display:block;
    padding:15px 0;
    color:#595959;
    font-size:17px;
    width:50%;
    margin:auto;
    text-transform: uppercase;
    text-decoration: none;
}
.products.index .featured li{
    display:inline-block;
    width:25%;
    text-align:center; 
    padding:20px 0 0 0;
}
.products.index li a.thumb{
        border:none;
        box-sizing: border-box;
        border-radius:120px;
        display:block;
        width:120px;
        height:120px;
        max-width:70%;
        -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.3);
        box-shadow:         0px 0px 20px rgba(0, 0, 0, 0.3);
        border-radius:100px;
        overflow:hidden;
        transition : border 50ms ease-out; 
        -webkit-transition : border 50ms ease-out; 
        -moz-transition : border 50ms ease-out;
        -o-transition : border 50ms ease-out;  
        background-repeat: no-repeat;
        background-position: center center;
}
.products.index li a.thumb:hover{
        border:15px solid rgba(255,255,255,0.8);
}

.products.index .flexslider{
    margin-top:-20px;
}
.products.index .all li{
    padding:20px 0;
    cursor:pointer;
}

.products.index .all .product{
    padding:0 20px;
}
.products.index .all li img{
    border-radius:120px;
    width:120px;
    height:auto;
    max-width:100%;
    display:block;
    margin:auto;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -kthtml-transition: all 150ms linear;
    transition: all 150ms linear;
}
.products.index .all li.active img{
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.5);
}



.products.index .all li a.link{
    display:block;
    padding:15px 0;
    color:#595959;
    font-size:20px;
    width:100%;
    text-transform: uppercase;
    text-decoration: none;
    text-align:center;
}



/*/PRODUCTS*/

/*SHAREBOX*/

.sharrre .box{
  float:right;
  padding-left:20px;
}
.sharrre .count {
  color:#444444;
  display:block;
  font-size:17px;
  line-height:34px;
  height:34px;
  padding:4px 0;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:70px;
  background-color:#fff;
}
.sharrre .share, a.print {
  color:#FFFFFF;
  display:block;
  font-size:12px;
  height:22px;
  line-height:22px;
  margin-top:0px;
  padding:0;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  width:70px;
  background-color:#0d6133;
/*  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px; */
}
a.print{
    float:right;
    clear:right;
    margin-top:10px;
}
.sharrre .buttons {
  display:none;
  position:absolute;
  margin-left:0px;
  z-index:10;
  right:90px;
  padding:15px;
  padding-right:25px;
  background-color:#fff;
  border-radius:5px;
}
.sharrre .button {
  float:left;
  max-width:50px;
  margin-left:20px;
}
.sharrre .button.facebook {
    margin-left:10px;
}
.sharrre .button:first-child {
    margin-left:0;
}

a[href="/deu/recipes"]#link-19,
a[href="/eng/recipes"]#link-19{
  display:none;
}



/*NODES*/
#about_header, .vimeo_about, #env_header, #prod_header{
    height:600px;
    width:100%;
}
#about_header{
    position:relative;
    overflow:hidden;
}
#env_header{
    background: url(../img/env.jpg) no-repeat center center;
    background-size:cover;
}
#prod_header{
    background: url(../img/drying.jpg) no-repeat center center;
    background-size:cover;
}
.node-body p{
    display: block;
    font-size: 27px;
    line-height: 1;
    font-weight: 200;
    text-align: left;
    margin-bottom: 1em;
}
.jobs.index{
    padding-bottom:40px;
}
.negative{
    margin-top:-150px;
    text-align:center;
}
@media screen and (max-width: 1250px) {
      #nav li{
            padding:0 20px;
    }
}
@media screen and (max-width: 1100px) {
      #nav li{
            padding:0 10px;
    }
}
@media screen and (max-width: 940px) {
      #nav li{
            padding:0 5px;
    }
      #nav li a{
            font-size:13px;
           
    }
}
@media screen and (max-width: 877px) {
    #mobilenav .icon-menu{
        display:block;
    }
    #nav li a{
        display:none;
    }
    h1#logo{
      
    }
    #nav{
    }
    .products.index .table .block-body img{
            width:450px;
           right:-175px;
    }
    .products.index .table .block-body h1{
        font-size:30px;
    }
    .products.index .table .block-body p{
        font-size:25px;
        top:170px;
    }
      #nav #languageswitcher{
        display:none !important;
    }
}
@media screen and (max-width: 600px) {
    .products.index .table .block-body img{
            width:380px;
           right:-150px;
    }

}

@media screen and (max-width: 500px) {
   
    .products.index .table .block-body img{
           display:none !important;
    }
    .products.index .table .block-body h1,
    .products.index .table .block-body p{
        max-width:80%;
    }
    #header .wrapper .wrapper, .moving_item{
        display:none;
    }
    #home_products .block-body{
        width:100%;
        padding-left:0;
        text-align:center;
    }
    #home_recipes .thumbs{
        display:none;
    }
    #home_recipes .details{
        width:90%;
        padding-left:5%;
        padding-right:5%;
    }
    .block h2.disc{
        left:50% !important;
        right:auto !important;
        margin-left:-85px !important;
        top:60px !important;
    }
  
    
}