@charset "UTF-8";
/* CSS Document */

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*BASICS*/
body { 
	padding:0;
	margin:0;
	font-family:'terminal_dosisextralight';
	}
h1, h2, h3, p { 
	margin:0;
	}
h2 {
	font-family: 'groboldregular';
	text-transform:uppercase;
	font-size:20pt;
	font-weight:100;
	}
.responsive section {
	max-width:1000px; 
	min-width:320px;
	margin:auto;
	text-align:center;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*GRADIENTS*/

/*.gold{ color:#fff500;  text-shadow:-1px 3px 0 #763816, 0px 3px 0 #763816, 1px 3px 0 #763816, -1px -1px 0 #763816, 1px -1px 0 #763816, -1px 1px 0 #763816, 1px 1px 0 #763816; letter-spacing:1px;
background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
}*/

.tittle_recipe .gold, .ingredients_popup header h2{text-shadow: 1px 3px 0 #763816, 0px 3px 0 #763816, 1px 3px 0 #763816, -1px -1px 0 #763816, 1px -1px 0 #763816, -1px 1px 0 #763816, 1px 1px 0 #763816; color:#fed201;}

 .gold {
    position: relative;
  }
  .gold div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0), to(#feac02));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
        width: 100%;
}
  .gold:after {
    text-shadow: 1px 3px 0 #763816, 0px 3px 0 #763816, 1px 3px 0 #763816, -1px -1px 0 #763816, 1px -1px 0 #763816, -1px 1px 0 #763816, 1px 1px 0 #763816;
    color: transparent;
  }
  
  .silver {
    position: relative;
  }
  .silver div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbdbdb));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
        width: 100%;
}
  .silver:after {
    text-shadow: 1px 3px 0 #444, 0px 3px 0 #444, 1px 3px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;
    color: transparent;
  }
  
  #community-gradient:after {
        content: 'COMMUNITY';
  }
  #forum-gradient:after {
        content: 'FORUM';
  }
  #create-gradient:after {
        content: 'Create your own Restaurant';
  }
  #more-gradient:after {
        content: 'MORE GAMES';
  }
  #play-gradient:after {
        content: 'PLAY NOW';
  }
  #free-gradient:after {
        content: 'FOR FREE';
  }
  #home-gradient:after, #home1-gradient:after  {
        content: 'HOME';
  }
  #book-gradient:after, #book1-gradient:after {
        content: 'COOKING BOOK';
  }
   #menu-gradient:after {
        content: 'MENU';
  }

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*MENU BAR*/
#menubar {
	position:fixed;
	z-index:99999;
	height:100px;
	top:-30px;
	width:100%;
	background: url(../images/menubar.jpg) center bottom #aa1e00;
	box-shadow:0px 0px 3px #000;
	}
#menubar section{
	margin-top:30px;
	}
#menubar ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:17px;
	}
#menubar ul li{
	display:inline-block;
	margin:0px 15px;
	
	}
#menubar ul li a{
	font-family:'groboldregular';
	text-decoration:none;
	text-transform:uppercase;
	font-size:18pt;
	}
.menu_short {
	display:none;
	}
.menu_short_display {display:none;}
	


/*/////////////////////////////////////////////////////////////////////////////////////*/
/*HEADER*/
#header {
	background: url(../images/header.jpg) top center;
	background-size:cover;
	}
#header h1 img {
	width:85%;
	margin: 95px 0px 30px;
	max-width:520px;
	}
#header .separation{
	background:url(../images/goldheader.jpg) repeat-x bottom;
	width:100%;
	}
#header .separation img{
	width:100%;
	max-width:500px;
	display:block;
	margin:auto;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*DOWNLOAD*/
#download .title{
	margin:-20px 0 20px;
	}
#download h2{
	font-size:25pt;
	width:100%;
	}
#download ul{
	list-style:none;
	padding:0;
	width:65%;
	margin:20px auto;
	}
#download ul li{
	display:inline-block;
	width:49%;
	max-width:325px;
	}
#download ul li img{
	width:95%;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*SPOT*/
#spot {
	height:auto;
	padding:40px 0px;
	margin-top:30px;
	box-shadow:0px 0px 3px #000 inset;
	background: url(../images/videospot.jpg) no-repeat center #aa1e00;
	}
#spot section{
	position:relative;
	}
#spot .video{
	background: url(../images/videoplayer.png) no-repeat center;
	width:90%;
	background-size:contain;
	margin:auto;
	padding:8px;
	max-width:720px;
	}	
#spot .video video{
	border-radius:10px;
	width:99% !important;
	height:auto !important;
	background:#333;
	}
#spot .character_mentor{
	position:absolute;
	bottom:-102px;
	right:-190px;
	z-index:990;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESUME*/
#resume .resume_boxes{
	width:90%;
	margin:40px auto;
	max-width:850px;
	}
#resume .box1, #resume .box2{
	display:inline-block;
	vertical-align:top;
	width:47%;
	text-align:left;
	}
#resume .box1 img{
	width:100%;
	}
#resume h2{
	font-size:21pt;
	}
#resume .box2{
	padding:40px 0px 0px 35px;
	}
#resume .box2 ul{
	margin:15px 0px 0px;
	padding:0 15px;
	list-style-image:url(../images/list.png);
	}
#resume .box2 ul li {
	padding:10px 0px;
	font-size:13pt;
	}	

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*GALLERY*/
#gallery {
	clear:left;
	background: url(../images/gallery.jpg) no-repeat center #333;
	height:auto;
	}
#gallery section{
	padding:30px 0px 3px;
	}
#gallery .sy-slides-wrap{
	max-width:750px;
	}


/*/////////////////////////////////////////////////////////////////////////////////////*/
/*COMUNITY*/
#comunity .comunity_boxes {
	width:90%;
	margin:30px auto 0px;
	max-width:780px;
	}
.forum {
	width:49%;
	float:left;
	max-width:397px;
	height:240px;
	text-align:left;
	background:url(../images/community_box1.jpg) center top no-repeat;
	background-size:contain;
	position:relative;
	margin-left:9px;
	}
.socialmedia {
	width:49%;
	float:right;
	max-width:397px;
	height:240px;
	text-align:left;
	background:url(../images/community_box2.jpg) center top no-repeat;
	background-size:contain;
	position:relative;
	}
#comunity .comunity_boxes article{
	margin:30px 0px 0px 30px;
	}
.socialmedia ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.socialmedia ul li{
	display:inline;
	}
.comunity_boxes h2{
	letter-spacing:2px;
	}
.comunity_boxes p{
	margin:10px 0px;
	max-width:70%;
	}
.cta {
	margin:15px 0px 0px -3px !important;
	}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER*/
#footer{
	clear:both;
	height:auto;
	background: url(../images/footer.png) no-repeat top;
	color:#fff;
	padding-top:80px;
	}
#footer .more_games {
	width:95%;
	margin:auto;
	}
#footer .more_games h2{
	letter-spacing:2px;	margin-top:-5px;
	font-size:21pt;
	}
#footer .more_games ul{
	margin:30px 0px;
	padding:0;
	list-style:none;
	}
#footer .more_games ul li{
	display:inline-block;
	width:17%;
	vertical-align:top;
	}
#footer .more_games ul li img {
	width:90%;
	max-width:125px;
	}
#footer .socialpoint{
	margin:0px auto 20px;
	}
.home_page #footer .socialpoint{
	margin:40px auto 20px;
	}
#footer .socialpoint img{
	width:100%;
	max-width:181px;
	}
.footer_links{
	padding:0 20px 20px;
	}
.footer_links p{
	padding:2px 0px;
	font-size:11pt;

	}
.footer_links a{
	color:#fff;
	text-decoration:none;
	padding:0px 10px;
	font-size:10pt;
	}
.footer_links a:hover{
	text-decoration:underline;
	}
	
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*COOKING BOOK*/
body.cooking_book{
	background: url(../images/bgcookingbook.jpg) top center repeat-y;
	}
.cooking_book #cookingbook section{
	padding-top:80px;
	max-width:900px;
	}
.cooking_book .recipe {
	width:31%;
	float:left;
	margin:1%;
	}
.cooking_book .recipe .dish, .cooking_book .recipe .recipe_footer{
	display:block;
	width:100%;
	margin:auto;
	}
.cooking_book .recipe_box{
	background:url(../images/recipe_bg.png) top center;
	background-size:contain;
	}
.cooking_book .recipe .chef{
	display:block;
	margin:auto;
	margin-top:-20%;
	width:40%;
	}
.cooking_book .recipe h2{
	display:inline-block;
	line-height:30px;
	vertical-align:middle;
	}
.cooking_book .tittle_recipe{
	height:70px;
	margin:auto;
	width:90%;
	line-height:65px;
	}
.cooking_book .recipe .recipe_buttons{
	border-top:2px dotted #928164;
	margin:auto;
	width:85%;
	margin-top:5%;
	padding:1% 0;
	}
.cooking_book .recipe .recipe_buttons a{
	display:block;
	width:100%;
	background-color:#bda268;
	border-radius:5px;
	text-decoration:none;
	color:#fff;
	font-family: 'groboldregular';
	letter-spacing:1px;
	font-size:14pt;
	font-weight:100;
	padding:15px 0px;
	margin:5% auto;
	text-shadow:-1px -1px 0 #452b19, 1px -1px 0 #452b19, -1px 1px 0 #452b19, 1px 1px 0 #452b19;
	}
.cooking_book .recipe .recipe_buttons a.watch_video{
	background:url(../images/playbutton.png) 10% 49% no-repeat #bda268;
	margin-bottom:2%;
	}
.cooking_book .ingredients_popup{
	min-width:600px;
	padding-bottom:25px;
	}
.cooking_book .ingredients_popup h2 {
	text-shadow:-1px 3px 0 #6E1B00, 0px 3px 0 #6E1B00, 1px 3px 0 #6E1B00, -1px -1px 0 #6E1B00, 1px -1px 0 #6E1B00, -1px 1px 0 #6E1B00, 1px 1px 0 #6E1B00;letter-spacing:2px;
	}
.cooking_book .ingredients_popup li:after{
	content:'.....';
	display:block;
	margin-top:-10px;
	font-size:20pt;
	color:#928164;
	}
.cooking_book .ingredients_popup li:last-child:after{
	content:'';
	}
.cooking_book .ingredients_popup header h3{
	font-family: "groboldregular";
    font-size: 14pt;
    font-weight: 100;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 #452b19, 1px -1px 0 #452b19, -1px 1px 0 #452b19, 1px 1px 0 #452b19;
	}
.cooking_book .ingredients_popup p{
	background-color:#F9EFC4;
	text-transform:uppercase;
	font-weight:bold;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*CONTEST*/
body.contest{
	background:url(../images/contest_bg.jpg) center center;
	}
.contest #footer{
	background: url(../images/footer.png) no-repeat top;
	padding-top:80px;
	margin-top:-75px;
	}
#contest{
	background: url(../images/contest_header.jpg) top center;
	background-size:cover;
	}
#contest .coming-soon{
	padding-top:150px;
	height:300px;
	}
#contest .coming-soon h2{
	font-size:25pt;
	text-shadow:-1px 3px 0 #6E1B00, 0px 3px 0 #6E1B00, 1px 3px 0 #6E1B00, -1px -1px 0 #6E1B00, 1px -1px 0 #6E1B00, -1px 1px 0 #6E1B00, 1px 1px 0 #6E1B00;letter-spacing:2px;
	margin-bottom:15px;
	}
#contest .coming-soon p{
	width:90%;
	margin:auto;
	color:#fff;
	max-width:500px;
	font-size:14pt;
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER INFO*/
.footer_info #terms_of_service section, .footer_info #privacy_policy section{
	text-align:justify;
	color:#fff;
	}
#terms_of_service, #privacy_policy{
	background: url(../images/bgfooterinfo.jpg) top center repeat-y;
	padding:90px 0px 120px;
	}
.footer_info .wrapper{
	width:90%;
	margin:auto;
	max-width:750px;
	}
.footer_info #terms_of_service section h3, .footer_info #privacy_policy section h3{
	text-align:left;
	margin:10px 0px 0px 5px;
	}
.footer_info #terms_of_service section h2, .footer_info #privacy_policy section h2{
	text-align:left;
	text-shadow:-1px 3px 0 #6E1B00, 0px 3px 0 #6E1B00, 1px 3px 0 #6E1B00, -1px -1px 0 #6E1B00, 1px -1px 0 #6E1B00, -1px 1px 0 #6E1B00, 1px 1px 0 #6E1B00;letter-spacing:2px;
	font-size:19pt;
	margin-left:5px;
	}
.footer_info #terms_of_service section ul, .footer_info #privacy_policy section ul{
	margin:0px;
	padding:0px 0px 0px 15px;
	}
.footer_info #terms_of_service section ul li, .footer_info #privacy_policy section ul li{
	margin:10px 0px;
	}
.footer_info #terms_of_service section a, .footer_info #privacy_policy section a{
	color:#fff;
	text-decoration:underline;
	font-style:italic;
	}
.footer_info #footer{
	margin-top:-100px;
	}
.footer_info .gold { color:#fed201;}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE*/
	@media screen and (max-width: 900px) {
	/*MENU BAR*/
	#menubar {position:absolute; height:80px; background:url(../images/menubar1.jpg) center bottom; background-size:contain;}
	#menubar section{ margin-top:0px; padding-top:26px;}
	#menubar ul{ padding:0px;}
	#menubar ul li{margin-top:15px;}
	/*HEADER*/
	#header { margin-top:0px;}
	#header h1 img {width:50%; margin:70px 0px 20px 0px;}
	/*DOWNLOAD*/
	#download ul{width:85%; max-width:600px; margin:15px auto;}
	#download h2{ font-size:24pt;}
	#download .title { margin-bottom:10px;}
	/*SPOT*/
	.character_mentor { display:none;}
	#spot {height:auto; background-size:cover; padding:20px 0px; margin-top:0px;}
	#spot .video { width:85%;}
	/*RESUME*/
	#resume .resume_boxes {width:100%; margin:20px auto;}
	#resume .box1, #resume .box2 { width:46%;}
	#resume .box2{ padding:5px 0px 0px 20px;}
	/*FOOTER*/
	#footer, .contest #footer { background:url(../images/footer2.png) no-repeat center top; background-size:cover; padding-top:70px;}
	#footer .more_games ul{margin:20px 0px;	}
	#footer .more_games ul li{width:25%;}
	#footer .more_games ul li img {width:90%;}
	/*COOKING BOOK*/
	.cooking_book #cookingbook section{margin:0px auto; padding-top:60px;}
	.cooking_book .modal-box {position:absolute; top:1% !important;}
	.cooking_book .modal-box h2 { font-size:16pt;}
	.cooking_book .modal-box h3 { font-size:12pt;}
	/*FOOTER INFO*/
	#terms_of_service, #privacy_policy{padding:70px 0 120px;}
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*SPECIFIC RESPONSIVE FOR COMUNITY, COOKING BOOK AND RESUME BOXES*/
	@media screen and (max-width: 1560px) {
	#spot { overflow:hidden;}
	}
	@media screen and (max-width: 840px) {
	#comunity .comunity_boxes {margin:25px auto 0px;}
	#comunity .comunity_boxes article{margin:25px 0px 0px 25px;}
	.cooking_book .recipe .recipe_buttons a.watch_video{background:url(../images/playbutton.png) 7% 49% no-repeat #bda268;}
	}
	@media screen and (max-width: 815px) {
	#comunity p {display:none;}
	.socialmedia, .forum { height:200px;}
	#comunity .comunity_boxes article{ margin:25px 0px 0px 35px;}
	}
	@media screen and (max-width: 690px) {
	.socialmedia, .forum { height:170px;}
	.cooking_book .recipe .recipe_buttons a.watch_video{background:url(../images/playbutton.png) 7% 49% no-repeat #bda268;}
	.cooking_book .recipe .recipe_buttons a{font-size:12pt;}
	.cooking_book .recipe .recipe_buttons a.watch_video span{ margin-left:10px;}
	.cooking_book .recipe h2{font-size:17pt;}
	#contest .coming-soon p{font-size:12pt}
	}
	@media screen and (max-width: 600px) {
	#comunity .comunity_boxes article{ margin:25px 0px 0px 25px;}
	.cooking_book .recipe .recipe_buttons a.watch_video{background: #bda268; background-image:none;}
	.cooking_book .recipe .recipe_buttons a.watch_video span{ margin-left:0px;}
	.cooking_book .ingredients_popup{min-width:300px;}
	}
	@media screen and (max-width: 560px) {
	#comunity h2{ font-size:18pt;}
	.cta { margin:10px 0px 0px -3px !important;}
	.cta img {height:45px;}
	.socialmedia, .forum { height:155px;}
	.forum { margin-left:0px;}
	.socialmedia, .forum { height:150px;}
	#comunity .comunity_boxes article{ margin:20px 0px 0px 25px;}
	}	
	@media screen and (max-width: 480px) {
	#comunity h2 { font-size:16pt;}
	#comunity .comunity_boxes article{ margin:15px 0px 0px 15px;}
	.cta { margin:5px 0px 0px -3px !important;}
	.cta img { height:45px;}
	.socialmedia, .forum {	background:url(../images/community_box.jpg) center top no-repeat; background-size:contain}
	.cooking_book .recipe {width:48%;}
	.cooking_book .recipe h2{font-size:16pt;}
	}
	@media screen and (max-width: 550px) {
	#resume .box1{ display:none;}
	#resume .resume_boxes { margin:15px auto; text-align:center;}
	#resume .box2 {text-align:center; padding:0px; width:90%;}
	#resume .box2 h2 { width:100%;}
	#resume .box2 ul { margin:5px auto 0; list-style:none;}
	}

/*///TWO GAMES AND 4 SM///*/
@media screen and (max-width: 450px) {
	#footer .more_games ul li { width:30%;}
	#footer .more_games ul li img { width:80%;}
	.cta img { height:40px;}
	}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE MENU BAR*/
	@media screen and (max-width: 650px) {
	#menubar {position:fixed; z-index:999;}
#menubar ul li { padding-bottom:10px;}
	#menubar ul li a { padding:0px; font-size:18pt; width:100%;}
	.menu_large {display:none;}
	.menu_short {display:block; text-align:left;}
	#menubar .menu_short ul li { display:block; margin:0px 15px; padding:15px 0 0;}
	#menubar .menu_short ul li a{ font-size:18pt; width:100%}
	#header h1 img { width:70%;}
	.menu_short_display{ height:1000px; background: url(../images/bgmenu.jpg) center; background-size:contain; width:100%;}
	body.fixed { overflow:hidden; height:100%; position:fixed;}
	.menu_short_link {width:100%;}
	.menu_short_link:hover { cursor:pointer;}
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE SMARTPHONE*/	
	@media screen and (max-width: 400px) {
	/*HEADER*/
	#header h1 img {margin: 65px 0px 5px; width:88%;}
	#header .separation{background:none;}
	/*DOWNLOAD*/
	#download ul{width:99%; margin:15px auto;}
	#download ul li{width:49%;}
	#download ul li img{width:95%;}
	/*SPOT*/
	#spot .video{padding:5px;}	
	#spot .video video{border-radius:5px;}
	/*RESUME*/
	#resume .box2 ul li { padding:5px 0px;}
	/*GALLERY*/
	#gallery section{padding:25px 0px 5px;}
	/*COMUNITY*/
	.socialmedia, .forum { height:120px;}
	#comunity .comunity_boxes { margin:15px auto 0px; width:98%;}
	#comunity h2 { font-size:14pt;}
	.cta img { height:35px;}
	/*FOOTER*/
	#footer { padding-top:50px;}
	#footer .more_games ul li{width:30%;}
	#footer .more_games h2{ font-size:19pt;}
	.footer_links{margin-top:15px;}
	.footer_links p{padding:2px 0px;}
	.home_page #footer .socialpoint { margin:20px auto;}
	.cooking_book .modal-box {top:10% !important;}
	#footer .more_games h2 { margin-top:15px;}
	}
/*/////////////////////////////////////////////////////////////////////////////////////*/
/*RESPONSIVE OLD SMARTPHONE*/
	@media screen and (max-width: 350px) {
	.cta img { height:30px;}
	}
	@media screen and (max-width: 320px) {
	#comunity .comunity_boxes article{ margin:5px 0px 0px 10px;}
	/*#download h2, #resume h2{font-size:20pt;}*/
	.socialmedia, .forum{ height:100px;}
	.cooking_book .recipe {width:98%;}
	#footer .more_games{ width:100%;}
	#gallery section { padding:20px 0;}
	.sy-pager { display:none !important;}
	#footer .more_games ul li { width:32%;}
	#footer .more_games ul li img { width:75%;}
	.cooking_book .recipe .recipe_buttons a.watch_video{background:url(../images/playbutton.png) 10% 49% no-repeat #bda268;}	
	.cooking_book .recipe .recipe_buttons a{font-size:17pt;}
	#footer .more_games h2 { font-size:16pt; margin-top:5px;}
	}