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

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; -webkit-overflow-scrolling: touch;}

:focus { outline:none;}
ul, li, ol { list-style:none; padding: 0; margin: 0;}
a { text-decoration:none; -webkit-transition:0.5s; color: #494949; transition:0.5s;}
input[type="button"],input[type="submit"] { text-decoration:none; -webkit-transition:0.5s; transition:0.5s;}
a:hover{color:#0072ca; text-decoration: none; outline: none;}
a:focus {text-decoration: none; outline: none;}
a img, img { border:none; vertical-align:middle; max-width:100%; width:auto}

h1, h2, h3, h4, h5, h6 {font-family: 'QuicksandBold-Regular';   margin: 0px; padding: 0px; }
p {font-family: 'Montserrat', sans-serif;  color:#3a3a3a; font-size: 16px; font-weight: 400; }

:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner, 
input::-moz-focus-inner {  padding: 0;  border: 0; }

input[type="checkbox"], 
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="search"],
input[type="text"],
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}


.row:before, .row:after { display:table; content:"";}
.row:after { clear:both; }

.container {max-width: 1142px; width: 100%; margin:0 auto;}
.container:before, .container:after { display:table; content:"";}
.container:after { clear:both;}


.content-title h1 {
	color: #5d2107;
	font-family: 'Berlin Sans FB Demi';
	font-size: 35px;
	text-shadow: 0px 2px 1px #fff;
	margin-bottom: 20px;
}

.section-title h1 {
	text-align: center;
	color: #5d2107;
	font-family: 'Berlin Sans FB Demi';
	font-size: 35px;
	text-shadow: 0px 2px 1px #eca073;
	margin-bottom: 20px;
}

a.menu-icon { display:none; height:auto; padding:7px 0 7px 0; width:40px; background:rgba(0,0,0,0.2);}
a.menu-icon span { display:block; margin:4px 10px; background:#fff; height:3px;}



#header {}
#header .header-block {background-color: #fff;	padding: 20px 0px;	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);	z-index: 11111;}
#header .header-box {position: relative;	padding: 0px 40px;}
#header .logo-box {position: relative;	width: 100%;}
#header .logo-box img {z-index: 111;	position: absolute;	width: 115px;	left: 50%;	transform: translate(-50%, -0%);}
#header .logo-box::before {content: "";	display: block;	width: 191px;	background-image: url('../images/logo-bg.png');	height: 169px;	position: absolute;	top: -42px;	left: 50%;	transform: translate(-50%, -0%);}
#header .responsive-menu {display: none;}
#header .header-block.isStuck {position: fixed;		width: 100%;	top: 0px;}


#nav {}
#nav ul {}
#nav ul li {display: inline-block;	position: relative;	margin-right: 25px;	padding-right: 25px;}
#nav ul li:last-child {	margin-right: 0px;	padding-right: 0px;}
#nav ul li a {display: block;	font-family: 'Mikado Bold DEMO';	font-size: 17px;	color: #a01d2c;	text-transform: uppercase;}

#content {}
.content-block {background-size: cover;	background-repeat: no-repeat; background-image: url('../images/page-bg.jpg'); padding: 210px 0 100px 0px; background-position: top center;}
.content-top-box {position: relative; width: 100%;}
.content-top-box::after {background-repeat: no-repeat;	background-image: url('../images/topbar.png');	content: "";	display: block;	width: 111%;	height: 92px;	position: absolute;	top: -30px;	background-size: 101%;	left: -71px;	z-index: 111;}
.position-icon {position: absolute;	z-index: 1;}
.left-icon.position-icon {top: -163px;	left: 0;}
.center-icon.position-icon {top: -144px;	left: 50%;	transform: translate(-50%, 0);}
.right-icon.position-icon {top: -203px;	right: -24px;}

.content-box {background-color: #fff;	border-radius: 30px;	position: relative;	overflow: hidden;	z-index: 11;	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);}
.padding-box {padding: 30px 40px;}
#download {background-size: cover;	background-repeat: no-repeat;	background-image: url('../images/section-top-bg.jpg');}
.download-content-block {width: 100%;}
.download-content > img {padding: 54px 0px 15px 0px;	width: 100%;	max-width: 230px;}
.app_btn {display: inline-block;	margin-right: 19px;}
.app_btn img {padding: 0px;	width: 155px;}
.button-box p {font-weight: 600;	margin: 0px;	padding-bottom: 12px;}
.sumo-img-box {text-align: center;}
.sumo-img-box img {	width: 100%;	max-width: 290px;}
.video-box {padding-top: 54px;}
.video-box video {width: 100%; height: auto; border-radius: 25px;}


#features {
	background: rgba(238,182,50,1);
	background: -moz-linear-gradient(-45deg, rgba(238,182,50,1) 0%, rgba(220,101,28,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(238,182,50,1)), color-stop(100%, rgba(220,101,28,1)));
	background: -webkit-linear-gradient(-45deg, rgba(238,182,50,1) 0%, rgba(220,101,28,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(238,182,50,1) 0%, rgba(220,101,28,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(238,182,50,1) 0%, rgba(220,101,28,1) 100%);
	background: linear-gradient(135deg, rgba(238,182,50,1) 0%, rgba(220,101,28,1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeb632', endColorstr='#dc651c', GradientType=1 );
	padding: 50px 40px;
	position: relative;
}
.right-img {position: absolute;	right: 0px;	top: 50%;	transform: translate(0%, -50%);	width: 125px;}

.features-content p {color: #fff;	font-size: 16px;	text-transform: uppercase;	margin: 0px;	padding-bottom: 15px;	font-weight: 600;	position: relative;	padding-left: 35px;}
.features-content p::after {font-family: "Font Awesome 5 Free";	font-weight: 900;	content: "\f00c";	color: #f5d12e;	font-size: 16px;	position: absolute;	left: 0px;	top: 1px;}
.features-content {width: 100%;	height: 100%;	position: relative;}
.features-content > img {position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	max-width: 165px;	width: 100%;}

.hungerscreens {padding: 60px; position: relative; padding-bottom: 60px;}
.hunger-box {width: 90%;	border: 2px solid #eca073;	margin: 10px 5%;	border-radius: 20px;	overflow: hidden;}
.hunger-box img {width: 100%;	height: auto;}
.owl-nav {width: 100%;	display: block;	position: absolute;	top: 50%;	transform: translate(0, -50%);	left: 0px;}
.owl-prev {position: absolute;	left: -40px;	width: 40px;}
.owl-next {position: absolute;	right: -40px;	width: 40px;}

.Multiplayer {
	padding-bottom: 145px !important;
	padding-top: 0px !important;
}
.content-bottom {background-size: cover;	background-repeat: no-repeat;	background-image: url('../images/section-bottom.jpg');	padding: 65px 40px;	padding-top: 55px;}
.social-icons ul {text-align: right;}
.social-icons ul li {display: inline-block;	padding-right: 5px;	margin-right: 5px; vertical-align: middle;}
.social-icons ul li:last-child {padding-right: 0px;	margin-right: 0px;}
.social-icons ul li p {color: #5d2107;	font-family: 'Berlin Sans FB Demi';	font-size: 25px;	text-shadow: 0px 2px 1px #fff;	margin: 0px;	padding-right: 15px;}
.social-icons ul li a {display: block;	width: 30px;	height: 30px;	text-align: center;	background-color: #fff;	font-size: 18px;	color: #e8691e !important;	border-radius: 50%;	line-height: 32px;	margin: 0 auto;	padding: 0px 5px;}
.chef-img {width: 100%;	height: 100%;	position: relative;}
.chef-img img {position: absolute;	left: 0px;	top: -172px;	width: 100%;	max-width: 250px;}

#footer {}
#footer .footer-block {background-size: cover;	background-repeat: no-repeat;	background-image: url('../images/footer-bg.png');	margin-top: -70px;	background-position: top center;}
#footer .footer-box {padding: 140px 40px 60px 40px;	position: relative;}
#footer .footer-top-box {position: relative;	width: 100%;	padding-top: 50px;}
#footer .footer-logo img {position: absolute;	left: 50%;	top: 0px;	transform: translate(-50%, 0);	width: 100%;	max-width: 135px;}
#footer .left-nav ul li {display: inline-block;	padding-right: 20px;	vertical-align: middle;	position: relative;}
#footer .left-nav ul li:last-child {padding-right: 0px;}
#footer .left-nav ul li a, .left-nav ul li p {font-family: 'Berlin Sans FB Demi';	color: #fff;	font-size: 17px;	margin: 0px;}
#footer .svg-inline--fa.fa-apple.fa-w-12 {font-size: 28px;}
#footer .svg-inline--fa.fa-play.fa-w-14 {font-size: 22px;}
#footer .footer-copyright {margin-top: 20px;	text-align: center;}
#footer .footer-copyright p {color: #fff;	margin: 0px;	font-size: 15px;}
#footer .footer-copyright p a {color: #fff !important;}
#footer .left-nav.links ul li:first-child::after {content: "";	display: block;	width: 2px;	height: 13px;	background-color: #fff;	position: absolute;	top: 8px;	right: 8px;}
#footer .footer-contact {width: 100%;	text-align: center;	margin-top: 65px;}
#footer .footer-contact ul li {display: inline list-item;	padding: 0px 10px;}
#footer .footer-contact ul li a {color: #fff;	margin: 0px;	font-size: 16px;	font-weight: bold;}


.contents-block {background-size: cover;	background-repeat: no-repeat;	background-image: url('../images/page-bg.jpg');	padding: 120px 0 100px 0px;	background-position: top center;}
.contents-box h4 {display: block;	font-family: 'Mikado Bold DEMO';	font-size: 20px;	color: #a01d2c;	text-transform: uppercase;	margin-top: 35px;	margin-bottom: 10px;}
.contents-box p {margin-bottom: 10px;}
.contents-box ul li {list-style: disc;	margin-left: 15px;	width: 100%;}
.contents-block h2 {display: block;	font-family: 'Mikado Bold DEMO';	font-size: 25px;	color: #a01d2c;	text-transform: uppercase;	margin-top: 50px;	margin-bottom: 10px;}
.contents-block p a {color: #a01d2c !important;	text-decoration: none !important;	outline: none !important;	font-weight: bold;	padding-left: 5px;}


.app_btn {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
#instruction {
	padding-bottom: 0px !important;
}

#download p span {
	font-family: 'akaDylan Open';
	color: #a01d2c;
	font-size: 20px;
}


.left-nav.float-left ul li i {
	font-size: 22px;
}



.chef-img.rights img {
	right: 0px;
	left: auto;
	max-width: 130px;
}


.colos span {color: #fff !important;}