/* ==========================================================================

	FONTS

========================================================================== */

@font-face
{
	font-family: "hirukolight";
	src: url("../fonts/hiruko_light-webfont.eot");
	src: url("../fonts/hiruko_light-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/hiruko_light-webfont.woff") format("woff"),
		url("../fonts/hiruko_light-webfont.ttf") format("truetype"),
		url("../fonts/hiruko_light-webfont.svg#hirukolight") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: "hirukoregular";
	src: url("../fonts/hiruko-webfont.eot");
	src: url("../fonts/hiruko-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/hiruko-webfont.woff") format("woff"),
		url("../fonts/hiruko-webfont.ttf") format("truetype"),
		url("../fonts/hiruko-webfont.svg#hirukoregular") format("svg");
	font-weight: normal;
	font-style: normal;
}


/* ==========================================================================

	GLOBAL

========================================================================== */

*
{
	box-sizing: border-box;
}

body
{
	color: #fff;
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 18px;
}

::-moz-selection
{
	text-shadow: none;
	background: #b3d4fc;
}

::selection
{
	text-shadow: none;
	background: #b3d4fc;
}

a,
a:link,
a:visited
{
	color: #fff;
	text-decoration: none;
}

p a,
p a:link,
p a:visited
{
	border-bottom: 1px solid #ef1378;
}

p a:hover
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

hr
{
	display: block;
	height: 1px;
	padding: 0;
	margin: 1em 0;
	border: 0;
	border-top: 1px solid #ccc;
}

img
{
	vertical-align: middle;
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

textarea
{
	resize: vertical;
}


/*==========================================================================
Text
==========================================================================*/

h1
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 52px;
	font-weight: normal;
	line-height: 58px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

h2
{
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 36px;
	line-height: 44px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

h3
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 38px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

h4
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

p
{
	padding: 0;
	margin: 0 0 20px 0;
}



/*==========================================================================
Structure
==========================================================================*/

header
{
	padding: 50px 0;
	background: #fff url(../img/bg-concrete.jpg) repeat center top;
}

header .logo
{
	margin-top: 120px;
}

nav
{
	width: 100%;
	display: block;
	z-index: 9999;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background: #ef1378 url(../img/bg-noddles.jpg) repeat center top;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
}

nav ul
{
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

nav li
{
	display: inline;
}

nav a
{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	margin: 0 10px;
}

nav li.wokyo a
{
	display: block;
	width: 100px;
	height: 106px;
	position: absolute;
	left: 50%;
	text-indent: -9999px;
	padding: 0;
	margin: -83px 0 0 -70px;
	background: transparent url(../img/logo-menu.png) no-repeat center center;
}

nav li.location
{
	
	margin-right: 40px;
}

nav li.order_online
{
	margin-left: 100px;
	margin-right: 10px;
}

nav li.fb a
{
	background: transparent url(../img/social-fb.png) no-repeat center center;
	background-size: 28px auto;
	margin-right:-14px !important;

}

nav li.insta a
{
	background: transparent url(../img/social-insta.png) no-repeat center center;
	background-size: 28px auto;
}

#story
{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	padding: 150px 0;
	background-color: #000;
	background-image: url(../img/bg-story.jpg);
	background-size: cover;
	background-position: center center;
	box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
}

#story h1
{
	padding: 75px 0;
	margin-top: -75px;
	background: url(../img/bg-chopsticks.png) no-repeat left center;
}

#story h2
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 38px;
	text-transform: none;
	margin-bottom: 20px;
}

#menu
{
	background: url(../img/bg-wood.jpg) repeat center center;
	box-shadow: inset 0px 0px 150px 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 0px 150px 10px rgba(0, 0, 0, 1);
}

#menu .frame
{
	height: 25px;
	background: url(../img/bg-wood-frame.jpg) repeat center center;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 1);
}

#menu #heading
{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 40px;
}

#menu #heading h2
{
	padding: 15px 0;
	background-color: #ea1476;
}

#menu #heading .explore
{
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#menu #heading .choose
{
	-webkit-transform: rotate(0.5deg);
	-moz-transform: rotate(0.5deg);
	-ms-transform: rotate(0.5deg);
	-o-transform: rotate(0.5deg);
	transform: rotate(0.5deg);
}

#menu #heading .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center -5px;
}

#menu #heading .tape.t1
{
	margin-top: -115px;
	margin-left: 120px;
}

#menu #heading .tape.t2
{
	margin-top: -115px;
	margin-left: 120px;
}

#menu #posters
{
	text-align: center;
	margin-bottom: 40px;
}

#menu #posters .poster
{
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#menu #posters .poster .content
{
	padding-bottom: 20px;
	background: url(../img/bg-poster.jpg);
}

#menu #posters .poster .nr
{
	display: block;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	padding: 17px 0 0 20px;
}

#menu #posters .poster .icon
{
	width: 220px;
	height: 200px;
	margin-top: -30px;
	margin-bottom: 20px;
}

#menu #posters .poster .shadow
{
	width: 100%;
	height: 14px;
	background: url(../img/shadow-220.png) no-repeat center top;
}

#menu #posters .poster.p1
{
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#menu #posters .poster.p1 .icon
{
	background: url(../img/poster-1.png) no-repeat center center;
}

#menu #posters .poster.p2
{
	-webkit-transform: rotate(1.5deg);
	-moz-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
	-o-transform: rotate(1.5deg);
	transform: rotate(1.5deg);
}

#menu #posters .poster.p2 .icon
{
	background: url(../img/poster-2.png) no-repeat center center;
}

#menu #posters .poster.p3
{
}

#menu #posters .poster.p3 .icon
{
	background: url(../img/poster-3.png) no-repeat center center;
}

#menu #posters .poster.p4
{
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#menu #posters .poster.p4 .icon
{
	background: url(../img/poster-4.png) no-repeat center center;
}

#menu #posters .tape.t1
{
	margin-top: -325px;
	margin-left: 20px;
}

#menu #posters .tape.t2
{
	margin-top: -325px;
	margin-left: 70px;
}

#menu #posters .tape.t3
{
	margin-top: -325px;
	margin-left: 30px;
}

#menu #posters .tape.t4
{
	margin-top: -325px;
	margin-left: 80px;
}

#dishes
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

#dishes h4
{
	text-align: left;
	margin-bottom: 20px;
}

#dishes .dish
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dashed #3e3e3e;
}

#dishes .dish2
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dashed #3e3e3e;
}

#dishes .dish:last-child
{
	border: none;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#dishes .dish2:nth-child(4n)
{
	border: none;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#dishes .dishkids
{
	border: none;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#dishes .dish .name
{
	display: block;
	color: #ea1476;
	font-family: "hirukoregular", helvetica, sans-serif;
	text-transform: uppercase;
}

#dishes .dish2 .name
{
	display: block;
	color: #ea1476;
	font-family: "hirukoregular", helvetica, sans-serif;
	text-transform: uppercase;
}

#dishes .dishkids .name
{
	
	color: #000;
	font-family: "hirukolight", helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
}

#dishes .dish .name .price
{
	display: inline-block;
	float: right;
}

#dishes .dishkids .name .price
{
	display:inline;
	float: right;
	color: #000;
	font-family: "hirukoregular", helvetica, sans-serif;
	text-transform: uppercase;
}

#dishes .content>.desc
{
	text-align: left;
	margin-bottom: 20px;
}

#dishes #sauce
{
	text-align: left;
	margin-bottom: 40px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
}

#dishes #sauce .content
{
	padding: 40px;
	background-color: #000;
}

#menu #sauce .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center top;
}

#dishes #sauce .dish.d2 .declaration.not_spicy
{
	position: absolute;
	margin-top: -20px;
	margin-left: 110px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

#dishes #sauce .dish.d3 .declaration.vegan
{
	position: absolute;
	margin-top: -22px;
	margin-left: 123px;
    -webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

#dishes #sauce .dish.d4 .declaration.spicy
{
	position: absolute;
	margin-top: -24px;
	margin-left: 120px;
    -webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#dishes #sauce .dish.d4 .declaration.spicy2
{
	position: absolute;
	margin-top: -24px;
	margin-left: 100px;
    -webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#dishes #sauce .dish.d4 .declaration.vegan
{
	position: absolute;
	margin-top: -24px;
	margin-left: 140px;
    -webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

#dishes #sauce .dish.d5 .declaration.spicy
{
	position: absolute;
	margin-top: -24px;
	margin-left: 150px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#dishes #sauce .dish.d7 .declaration.spicy
{
	position: absolute;
	margin-top: -24px;
	margin-left: 90px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#dishes #sauce .dish.d7 .declaration.vegan
{
	position: absolute;
	margin-top: -24px;
	margin-left: 110px;
    -webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

#dishes #sauce .dish.d8 .declaration.spicy
{
	position: absolute;
	margin-top: -24px;
	margin-left: 110px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}


#dishes #sauce .decoration
{
	position: absolute;
    -webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg);
}

#dishes #sauce .decoration .bottle
{
	width: 89px;
	height: 189px;
	position: absolute;
	margin-top: -710px;
	margin-left: -20px;
	background: url(../img/stickers-bottle.png) no-repeat 0 0;
}

#menu #sauce .tape.t1
{
	margin-top: -620px;
	margin-left: 50px;
}

#dishes #base
{
	margin-bottom: 10px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#dishes #base .content
{
	padding: 40px;
	background-color: #000;
}

#dishes #base .shadow
{
	width: 100%;
	height: 16px;
	background: url(../img/shadow-340.png) no-repeat center top;
}

#dishes #base .decoration
{
	position: absolute;
}

#dishes #base .decoration .take_away
{
	width: 87px;
	height: 70px;
	position: absolute;
	margin-top: -470px;
	margin-left: 170px;
	background: url(../img/stickers-take_away.png) no-repeat 0 0;
}

#menu #base .tape.t1
{
	margin-top: -470px;
	margin-left: 70px;
}

#dishes #protein
{
	margin-bottom: 10px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	transform: rotate(1deg);
}

#dishes #protein .content
{
	padding: 40px;
	background-color: #000;
}

#dishes #protein .shadow
{
	width: 100%;
	height: 16px;
	background: url(../img/shadow-340.png) no-repeat center top;
}

#menu #protein .tape.t1
{
	margin-top: -455px;
	margin-left: 45px;
}

#dishes #protein .decoration
{
	position: absolute;
}



#dishes #protein .decoration .wokyo_happy
{
	width: 79px;
	height: 100px;
	position: absolute;
	margin-top: -480px;
	margin-left: 250px;
	background: url(../img/stickers-wokyo-happy.png) no-repeat 0 0;
}

#dishes #extra
{
	margin-bottom: 40px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
#dishes #extra h4
{
text-align:center !important;
}

#dishes #kids h4
{

font-size:150px; !important;
}

#dishes #extra .content
{
	padding: 40px;
	background-color: #000;
}

#dishes #extra .splitit
{   
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

#dishes #extra .shadow
{
	width: 100%;
	height: 16px;
	background: url(../img/shadow-340.png) no-repeat center top;
}

#dishes #extra .decoration
{
	position: absolute;
}

#dishes #extra .decoration .price
{
	width: 110px;
	height: 58px;
	position: absolute;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	padding-top: 12px;
	margin-top: -280px;
	margin-left: 260px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
	background: url(../img/bg-extra-splash.png) no-repeat 0 0;
}

#menu #extra .tape.t1
{
	margin-top: -315px;
	margin-left: 60px;
}



#dishes #sides
{
	margin-top: -170px;
	margin-bottom: 40px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#dishes #sides .content
{
	padding: 40px;
	background-image: linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -o-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(246,240,201)),
		color-stop(0.72, rgb(250,246,217))
	);
}

#menu #sides .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center top;
}

#dishes #sides .dish.d1 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

#dishes #sides .dish.d3 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
}

#dishes #sides .dish.d6 .declaration.sweet
{
	position: absolute;
	margin-top: -25px;
	margin-left: 40px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
}

#dishes #sides h4
{
	color: #ea1476;
	text-align:center !important;
}

#dishes #sides .dish
{
	border-color: #3aa0c6;
}

#dishes #sides .dish .name,
#dishes #sides .dish .desc
{
	color: #000;
}

#menu #sides .tape.t1
{
	margin-top: -580px;
	margin-left: 80px;
}

#dishes #soups
{
	margin-top: -10px;
	margin-bottom: 40px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

#dishes #soups .content
{
	padding: 40px;
	background-image: linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -o-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(246,240,201)),
		color-stop(0.72, rgb(250,246,217))
	);
}

#menu #soups .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center top;
}

#dishes #soups .dish.d1 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

#dishes #soups .dish.d3 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
}

#dishes #soups .dish.d6 .declaration.sweet
{
	position: absolute;
	margin-top: -25px;
	margin-left: 40px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
}

#dishes #soups h4
{
	color: #ea1476;
	text-align:center !important;
}

#dishes #soups .dish
{
	border-color: #3aa0c6;
}

#dishes #soups .dish .name,
#dishes #soups .dish .desc
{
	color: #000;
}

#menu #soups .tape.t1
{
	margin-top: -425px;
	margin-left: 130px;
}

#dishes #sweets
{
	margin-top: 20px;
	margin-bottom: 40px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#dishes #sweets .content
{
	padding: 40px;
	background-image: linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -o-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(246,240,201)),
		color-stop(0.72, rgb(250,246,217))
	);
}

#menu #sweets .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center top;
}


#dishes #sweets h4
{
	color: #ea1476;
	text-align:center !important;
}

#dishes #sweets .dish
{
	border-color: #3aa0c6;
}

#dishes #sweets .dish .name,
#dishes #sweets .dish .desc
{
	color: #000;
}

#menu #sweets .tape.t1
{
	margin-top: -350px;
	margin-left: 130px;
}


#dishes #kids
{
	margin-top: -10px;
	margin-bottom: 40px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

#dishes #kids .content
{
	padding: 40px;
	background-image: linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -o-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(246,240,201) 44%, rgb(250,246,217) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(246,240,201)),
		color-stop(0.72, rgb(250,246,217))
	);
}

#menu #kids .shadow
{
	width: 100%;
	height: 20px;
	background: url(../img/shadow-460.png) no-repeat center top;
}

#dishes #kids .dish.d1 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

#dishes #kids .dish.d3 .declaration.spicy
{
	position: absolute;
	margin-top: -55px;
	margin-left: 120px;
}

#dishes #kids .dish.d6 .declaration.sweet
{
	position: absolute;
	margin-top: -25px;
	margin-left: 40px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
}

#dishes #kids h4
{
	color: #ea1476;
	text-align:center !important;
}

#dishes #kids .dish
{
	border-color: #3aa0c6;
}

#dishes #kids .dish .name,
#dishes #kids .dish .desc
{
	color: #000;
}

#menu #kids .tape.t1
{
	margin-top: -215px;
	margin-left: 100px;
    -webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#dishes #kids .decoration .sweets
{
	width: 120px;
	height: 90px;
	position: absolute;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	padding-top: 15px;
	margin-top: -10px;
	margin-left: 305px;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
	background: url(../img/sticker-declaration-sweets.png) no-repeat 0 0;
}

#dishes #kids .decoration .kidsmeal
{
	width: 230px;
	height: 72px;
	position: absolute;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	padding-top: 15px;
	margin-top: -120px;
	margin-left: 45px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	background: url(../img/bg-kidsmeal.png) no-repeat 0 0;
}

#dishes #drinks
{
	color: #ea1476;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: -30px;
}

#dishes #drinks .price
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-weight: normal;
}

#dishes #drinks .cold
{
	width: 100%;
	height: 200px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	background: url(../img/stickers-drink-cold.png) no-repeat 0 0;
}

#dishes #drinks .cold>span
{
	display: block;
	position: absolute;
	margin-top: 112px;
	margin-left: 115px;
}

#dishes #drinks .warm
{
	width: 100%;
	height: 200px;
	margin-top: -100px;
	margin-left: -60px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	background: url(../img/stickers-drink-warm.png) no-repeat 0 0;
}

#dishes #drinks .warm>span
{
	display: block;
	position: absolute;
	margin-top: 100px;
	margin-left: 140px;
}

#declaration
{
	margin-left: 10px;
	margin-top: -340px;
}

#declaration .spicy,
#declaration .not_spicy,
#declaration .vegan,
#declaration .sweet
{
	margin-bottom: 10px;
}

#declaration .spicy
{
	margin-left: -10px;
}

#declaration .not_spicy
{
	margin-top: -20px;
		margin-left: 10px;
}

#declaration .vegan
{
	margin-top: -10px;
	margin-left: -20px;
}

#declaration .sweet
{
	margin-top: -10px;
	margin-left: 5px;
}

#notify
{
	margin-top: -100px;
	background: url(../img/bg-notify.png) no-repeat 0 0;
}

#notify span
{
	width: 300px;
	height: 36px;
	display: block;
	color: #000;
	font-family: "hirukoregular", helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	padding-top: 9px;
	text-transform: uppercase;
}

.tapes
{
}

.tapes .tape
{
	position: absolute;
}

.tapes .tape.w80
{
	width: 80px;
	height: 36px;
	background: url(../img/tape-80.png) no-repeat center center;
}

.tapes .tape.w94
{
	width: 94px;
	height: 36px;
	background: url(../img/tape-94.png) no-repeat center center;
}

.tapes .tape.w109
{
	width: 109px;
	height: 38px;
	background: url(../img/tape-109.png) no-repeat center center;
}

.tapes .tape.w159
{
	width: 159px;
	height: 35px;
	background: url(../img/tape-159.png) no-repeat center center;
}

.tapes .tape.w223
{
	width: 223px;
	height: 39px;
	background: url(../img/tape-223.png) no-repeat center center;
}

#arrows
{
}

#arrows .arrow
{
	position: absolute;
}

#arrows .arrow.r1
{
	width: 120px;
	height: 67px;
	margin-top: -1760px;
	margin-left: 302px;
	background: url(../img/sticker-arrow-1.png) no-repeat 0 0;
}

#arrows .arrow.r2
{
	width: 160px;
	height: 49px;
	margin-top: -1700px;
	margin-left: 500px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	background: url(../img/sticker-arrow-2.png) no-repeat 0 0;
}

#arrows .arrow.r3
{
	width: 82px;
	height: 84px;
	margin-top: -1330px;
	margin-left: 790px;
	background: url(../img/sticker-arrow-3.png) no-repeat 0 0;
}


#location
{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	padding: 200px 0 300px 0;
	background: url(../img/bg-location.jpg) no-repeat center center;
}

#location .shadow_top
{
	width: 100%;
	height: 60px;
	position: absolute;
	margin-top: -200px;
	background: url(../img/bg-location-top-shadow.png) repeat-x center top;
}

#location h1
{
	margin-bottom: 20px;
}

#location p
{
	line-height: 28px;
}

#online
{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
		padding: 300px 0 300px 0;
	background-color: #000;
	background-image: url(../img/bg-footer.jpg);
	background-size: cover;
	background-position: top center;
	box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, 1);
}

#online h1
{
	padding: 75px 0;
	margin-top: -75px;
	/*background: url(../img/stickers-take_away.png) no-repeat center bottom;*/
}

#online h2
{
	font-family: "hirukolight", helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 38px;
	text-transform: none;
	margin-bottom: 20px;
}

footer
{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	padding: 150px 0 150px 0;
	background-color: #000;
	background-size: cover;
	background-position: top center;
}

footer a,
footer a:link,
footer a:visited
{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ef1378;
}

footer a:hover
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

footer h2
{
	color: #ef1378;
	margin-bottom: 40px;
}

footer .contact
{
}

footer .contact .phone,
footer .contact .email
{
	height: 34px;
	font-size: 22px;
	text-indent: 60px;
	padding-top: 5px;
}

footer .contact .phone
{
	margin-bottom: 20px;
	background: url(../img/contact-phone.png) no-repeat 0 0;
}

footer .contact .email
{
	margin-bottom: 20px;
	background: url(../img/contact-email.png) no-repeat 0 0;
}

footer #TA_certificateOfExcellence568
{
	
	padding-top: 5px;

	
}

/*==========================================================================
MediaQueries
==========================================================================*/

@media only screen and (min-width: 35em)
{
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)
{
}

/*==========================================================================
Helperclasses
==========================================================================*/

.ir
{
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before
{
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden
{
	display: none!important;
	visibility: hidden;
}

.visuallyhidden
{
	border: 0;
	clip: rect(0000);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible
{
visibility: hidden;
}

.clearfix:before,
.clearfix:after
{
	content: "";
	display: table;
}

.clearfix:after
{
	clear: both;
}

.clearfix
{
	*zoom: 1;
}

/*==========================================================================
Print
==========================================================================*/

@media print
{
	* {
		background: transparent!important;
		color: #000!important;/*Blackprintsfaster: h5bp.com/s*/
		box-shadow: none!important;
		text-shadow: none!important;
	}

	a,
	a:visited {
	text-decoration: underline;
	}

	a[href]:after {
	content: " (" attr(href) ")";
	}

	abbr[title]:after {
	content: " (" attr(title) ")";
	}

	/*
	*Don"t show links for images, or javascript / internal links
	*/

	.ira: after,
	a[href^="javascript: "]:after,
	a[href^="#"]:after
	{
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100%!important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}