html, body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
}
body,ul,li,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
td{
	vertical-align:top;
}
img{
	border:0;
}
body,td,input{
	font-size:12px;
	color:#404040;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	

}
a{
	color:#4e4e4e;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:#ffb238;
}
li{
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}
.safeArea{
	width:1024px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
}
.clearBoth{
	clear:both;
}
input[type=text]{
	width:100%;
	float:none;
	border:1px solid #c6c6c7;
	height:39px;
	margin-bottom:9px;
	padding-left: 5px;	
	-webkit-appearance: none;
}
input[type=submit]{
	background: none repeat scroll 0 0 #FFFFFF;
	width:40%;
	margin-right:10%;
	color:#ffb23f;
	font-size:14px;
	text-align:center;
	border:1px solid #c6c6c7;	
	float:left;
	height:39px;
	cursor:pointer;
	border-radius:0;
	-webkit-appearance: none;
	outline:none;
}
textarea{
	width:100%;
	height:140px;
	margin-bottom:10px;	
	-webkit-appearance: none;
}
.lastButton{
	margin-right:0;	
}
.lastInput{
	margin-bottom:0;
}
.orange{
	color:#ffb23f;
}
.lineh{
	line-height:2;	
}
/************************************
			HEADER					*
									*
************************************/
header{
	background: none repeat scroll 0 0 #FFFFFF;
	height:95px;
	display:inline;
}
.logo{
	margin-top:10px;
	float:left;
	width:256px;
	margin-right:3%;
	margin-left:3%;
}
/* meanMenu */

/* hide the link until viewport size is reached */
header nav {
   float: right;
    height: 104px;
    line-height: 6;
    margin-top: -9px;
    text-align: left;
   width: 626px;
   margin-right:2%;
  
}
header nav ul {
margin: 0;
padding: 0;
list-style-type: none;
display:table;
float:right;
}
header nav ul li {
display: table;
float:left;
font-size:15px;
height:104px;
color: #4E4E4E;
 padding-right:5px;
   padding-left:5px;
}

.currentMenu{
	background-color:   #FFFFFF;
background-image:   -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #EAEAEA  100%);
background-image:   -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%, #EAEAEA 100%);
background-image:   -o-radial-gradient(center, ellipse cover, #FFFFFF 0%, #EAEAEA 100%);
background-image:   -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%, #EAEAEA 100%);
background-image:   radial-gradient(center, ellipse cover, #FFFFFF 0%, #EAEAEA 100%);
filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#EAEAEA', GradientType = 0);
/*background:url(../images/menucurrent.jpg) no-repeat 0 0 ;*/
color: #ffb23f;	
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}
a.meanmenu-reveal {
display: none;
}



@media only screen and (max-width:780px){
	header nav ul li {
		display:none;	
	}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: right;
width: 100%;
position: relative;
background: #ffffff;
min-height: 42px;
z-index: 10;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 12px;
right: 0;
cursor: pointer;
color: #4c4c4c;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #4c4c4c;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #ffffff;
margin-top: 33px;
}
.mean-container .mean-nav ul {
padding: 0;
margin-top: 11%;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
border-bottom: 1px solid #D4D4D4;

}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #4c4c4c;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.1); 
}
.mean-container .mean-nav ul li a.mean-expand {
border: medium none !important;
    font-weight: 700;
    height: 26px;
    padding: 12px !important;
    position: absolute;
    right: 1%;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 2;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
}
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 95px;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%;
}

.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}
h1{
	display:none;
	visibility:hidden;	
}
.ui-btn-text{
	display:none;
	visibility:hidden;	
}
.navButton {	
	cursor: pointer;
	}
	
.navContent {	
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 101px;
   	top: 95px;
    position: absolute;
    width: 150px;
    z-index: 10;
	display:none;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.navContentul{
	display: block;
    line-height: 1;
    list-style: none outside none;
    text-align: left !important;
    width: 150px !important;
	
}

.navContentli{
	border-bottom: 1px solid #DBDBEA;
    display: block !important;
    float: none;
    height: 33px !important;
    margin-left: 0;
    margin-top: 0;
    text-align: left !important;
	
}

.navContentli a{
	font-size:12px;
	font-weight:700;
	color:#A7A7B7;
	text-decoration:none;
	margin-left:25px;
}

/*************************************/
.mobile body {
  overflow: hidden;
}
.mobile #wrapper {
  position: absolute;
  top:90px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mobile #scroller  {
  height: 180px;
}

/************************************
			END OF HEADER			*
									*
************************************/
/*iNDEX*/
	.pcslide{
	display:block; 
 }
 .tabletslide{
	 display:none;
 }
 .iphoneslide{
	 display:none;
 }
/*END OF INDEX*/
/*WHO WE ARE*/
#bg-imagepc {
  background-image:url(../images/whoweare.jpg);
  background-repeat: no-repeat;
  background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagetab {
	display:none;	
}
#bg-imagekitchenpc {
  background-image:url(../images/ourkitchen.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagekitchentab {
	display:none;	
}

#bg-imageourvaluespc{
  background-image:url(../images/ourvalues.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
 z-index:-99999;
}
#bg-imageourvaluestab {
	display:none;	
}

#bg-imagecanteenspc {
  background-image:url(../images/canteenspic.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecanteenstab {
	display:none;	
}

#bg-imagecorporatepc {
  background-image:url(../images/corporate.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecorporatetab {
	display:none;	
}

#bg-imageweddingspc {
  background-image:url(../images/weddings.jpg);
  background-repeat: no-repeat;
    background-position:0 -35px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imageweddingtab{
	display:none;	
}

#bg-imageprivatpc {
  background-image:url(../images/private.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imageprivattab{
	display:none;	
}
#bg-imagecareerpc {
  background-image:url(../images/careers-pic.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecareertab{
	display:none;	
}
#bg-imagecontactpc {
  background-image:url(../images/contact.jpg);
  background-repeat: no-repeat;
    background-position:0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecontacttab{
	display:none;	
}
.titlePic{
	left: 39%;
    position: absolute;
    top: -54%;
    width: 50%;
}
.txtl{
	float: left;
    font-size: 14px;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 12%;
    width: 43%;
}
.txtl span{
	font-size:25px;
	font-weight:300;
	text-transform:capitalize;	
}
.onlytitle{
	float: left;
    font-size:25px;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 12%;
	font-weight:300;
}
.onlytitle1{
	float: left;
    font-size:14px;
    margin-left: 5%;
    margin-right: 9%;
     margin-top: 13%;
	
}
.txtr{
	float: left;
    font-size: 14px;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 12%;
    width: 41%;
}
.inputtxtr{
	float: left;
    font-size: 14px;
    margin-top: 9%;
    width: 43%;
	margin-left:0;
}
.inputtxtl{
	float: left;
    font-size: 14px;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 9%;
    width: 43%;
}
	.about{
	background: none repeat scroll 0 0 #ffffff;
    height: 310px;
    position: relative;
    top: -144px;
    width: 100%;
    z-index: 9999;
	}
	.bottomwrapper{
		background: none repeat scroll 0 0 #ffffff;
    height: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9999;
	display:inline;
	
	}
	.socialLogo{
	bottom: -45px;
    float: right;
    position: absolute;
    right: 1%;
    width: 12%;
	outline:none;
	}
	.footerimg{
	float: left;
    margin-right: 14%;
	width:30%;
	}
/*EN OF WHO WE ARE*/
/*#home { 
	background: url(../images/home.jpg) 50% 0 no-repeat fixed; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
#about { 
	background: url(../images/about.jpg) 50% 0 no-repeat fixed; 
	height: 1000px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

/* Introduction */

/*#home article { background: url("../images/intro.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
*/
/*.pixel {  width:1024px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%; 
	position:absolute;
	top:36px;
	}*/

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


/************************************
			HEADER			        *
									*
************************************/
	.pixel{
		width:100%;	
	}
	.safeArea{
	width:100%;	
}
	
/************************************
			END OF HEADER			*
									*
************************************/	

}
@media only screen and (max-width:971px){
.logo{
	margin-right:0;
	margin-left:0;
}
header nav{
	width:575px; 
	}
}
@media only screen and (max-width:871px){
	.logo{
		width:27%;	
	}
}
@media only screen and (max-width:810px){
	header nav{
	width:551px; 
	}
	
}
@media only screen and (max-width:780px){


/************************************
			HEADER			        *
									*
************************************/
.logo{
	left: 0;
    position: absolute;	
	z-index: 999999;
	width: 256px;
	margin-left:5%;
}
 .pcslide{
	display:none; 
 }
 .tabletslide{
	display:block; 
 } 
 .navContent{
	display:none;
	visibility:hidden; 
 }
 #whoWeAre{
	background:#f3f3f3;
 }
 #services{
	background:#f3f3f3;
 }
 #gallery{
	 background:#f3f3f3;
 }
 #career{
	 background:#f3f3f3;
 }
 #contact{
	 background:#f3f3f3;
 }
 #english{
	 background:#f3f3f3;
 }
 #french{
	 background:#f3f3f3;
 }
 .inner{
	background:#fff !important;
	
 }
 .inner a{
	 color:#4C4C4C !important;
 }
/************************************
			END OF HEADER			*
									*
************************************/
.bottomwrapper {
    bottom: -122px;
}
.about{
	bottom: -73px;	
}
#bg-imagetab {
  background-image:url(../images/tabletwhoweare.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
  display:block;
}
#bg-imagepc {
	display:none;
}
#bg-imagekitchentab {
  background-image:url(../images/ourkitchentab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagekitchenpc {
 	display:none;
}

#bg-imageourvaluestab {
  background-image:url(../images/ourvaluestab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
 z-index: -99999;
 
}
#bg-imageourvaluespc {
 	display:none;
}

#bg-imagecanteenstab {
  background-image:url(../images/canteenspictab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecanteenspc {
 	display:none;
}

#bg-imagecorporatetab {
  background-image:url(../images/corporatetab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecorporatepc {
 	display:none;
}

#bg-imageweddingtab{
  background-image:url(../images/weddingstab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imageweddingspc {
 	display:none;
}
#bg-imageprivattab{
  background-image:url(../images/privatetab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imageprivatpc {
 	display:none;
}

#bg-imagecareertab{
  background-image:url(../images/careerspictab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecareerpc {
 	display:none;
}
#bg-imagecontacttab{
  background-image:url(../images/contactpictab.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height:190px;
 display:block;
}
#bg-imagecontactpc {
 	display:none;
}
.inputtxtr{
	float: left;
    font-size: 14px;
   margin-left: 5%;
    margin-top: 0;
    width: 43%;
}
.inputtxtl{
	float: left;
    font-size: 14px;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 9%;
    width: 63%;
}
.footerimg{
	width:35%;
	}
	.currentMenu{
background-color: none ;
color: #4c4c4c ;
}
.currentMenu a{
color: #4c4c4c ;	
}
.txtl{
    margin-top: 14%;
}
.txtr{
    margin-top: 14%;
}
}
@media only screen and (max-width:640px){
	.about{
	bottom: -21px;
	}
.titlePic {
    left: 40%;
     top: -119px;
}

 .txtl {
	 float:none;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 10%;
    width: 93%;
	font-size:12px;
}
.txtr {
  float: none;
    font-size: 12px;
    margin-left: 5%;
    margin-top: 8%;
    width: 93%;
}
.bottomwrapper {
      bottom: -48px;
	 height: 65%;
}
.footerimg{
	width:40%;
	}
	.footerimg {
    margin-right: 10%;
}
.inputtxtr{
	float: left;
    font-size: 14px;
   margin-left: 5%;
    margin-top: 0;
    width: 95%;
}
.inputtxtl{
	float: left;
    font-size: 14px;
    margin-left: 5%;
    margin-right: 9%;
    margin-top: 9%;
    width: 91%;
}
.socialLogo{
	
	right:1%;
	}
}

@media only screen and (max-width:320px){
/************************************
			HEADER			        *
									*
************************************/	
	.logo {
    left: 0;
    top: 2%;
    width: 72%;
}
.mean-container .mean-bar { 
	top:9px;
}
/************************************
			END OF HEADER			*
									*
************************************/	
 
 .pcslide{
	display:none; 
 }
 .tabletslide{
	 display:none; 
 }
 .iphoneslide{
	 display:block;
 }
 .titlePic {
    top: -82px;
}
.finetune{
	top:-57px !important;	
}
.currentMenu{
background-color: none ;
color: #4c4c4c !important;
}
}
/************FOOTER******************/
.bigContainer{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
}
footer, .pushTheFootet {
	height:200px;
}