/*@font-face {
    font-family: 'Berlin Sans FB';
    src: url('https://tokyo-restaurant.hu/fonts/berlinsans.woff2') format('woff2'),
         url('https://tokyo-restaurant.hu/fonts/berlinsans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('https://tokyo-restaurant.hu/fonts/berlinsansbold.woff2') format('woff2'),
         url('https://tokyo-restaurant.hu/fonts/berlinsansbold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}*/
@font-face {
	font-family: 'BRLNSR';
	src: url('../fonts/BRLNSR.eot');
	src: local('BRLNSR'), url('../fonts/BRLNSR.woff') format('woff'), url('../fonts/BRLNSR.ttf') format('truetype');
}

*{
	--color: #ffa887;
	--red: #d1121b;
}
html, body{
	min-height: 100vh;
	margin: 0;
	padding: 0;
}
body{
	background-image: url('../img/bg.jpg');
	background-size: cover;
	background-position: center top;
	/*font-family: 'Berlin Sans FB';*/
	font-family: 'BRLNSR';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding-bottom: 60px;
}
a{
	transition: all 600ms ease-in-out;
}
:focus, *:focus{
	outline: none;
	box-shadow: 0 0 0 0 transparent !important;
}
/*-------------
	header
-------------*/
.logo{
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	height: 76px;
	width: 76px;
	vertical-align: middle;
	text-indent: -9999px;
	display: inline-block;
}
.logo.mobile-logo{
	display: none;
}
.logo:not(.active):hover{
	transform: scale(1.1);
}
/**/
.hamburger{
	display: none;
	float: right;
	transition: all 600ms ease-in-out;
	margin: 30px -10px 0 0;
}
.hamburger svg {
  height: 35px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  line-height: 0;
}
.hamburger path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #d1131b;
  stroke-dashoffset: 0px;
}
.hamburger path#top,
.hamburger path#bottom {
  stroke-dasharray: 240px 950px;
}
.hamburger path#middle {
  stroke-dasharray: 240px 240px;
}
.hamburger.active path#top,
.hamburger.active path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.hamburger.active path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
/**/
nav{
	height: 230px;
	line-height: 230px;
	padding: 0 50px;
}
nav a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  /*width: 56px;
  line-height: 56px;*/
  margin-right: 100px;
  transition: all 800ms ease-in-out;
  text-transform: uppercase;
}
nav a.up{}
nav a:last-of-type {
	margin-right: 0;
}
nav a span {
  position: relative;
  z-index: 2;
  color: #fff;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  cursor: default;
}
nav a:link span {
	cursor: pointer;
}
nav a.up:before {
  display: inline-block;
  content: "";
  position: absolute;
  width: 76px;
  height: 76px;
  margin: -38px 0 0 -38px;
  top: 50%;
  left: 50%;
  background-color: var(--red);
  border-radius: 100%;
  z-index: 0;
  transition: all 800ms ease-in-out;
  border: 0px solid #242424;
}
nav a.up.active:before, nav a.up:hover:before {
  width: 84px;
  height: 84px;
  margin: -42px 0 0 -42px;
  border: 10px solid #242424;
}
nav a.up {
  -ms-writing-mode: tb-rl;
  /* for IE */
  -webkit-writing-mode: vertical-rl;
  /* for Webkit */
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  width: 76px;
  line-height: 76px;
}
nav a.up span {
	margin-left: -7px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
}
.netpincer{
	display: inline-block;
	width: 144px;
	height: 18px;
	background-image: url('../img/netpincer.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-indent: -9999px;
}
.netpincer:hover{
	background-image: url('../img/netpincer2.png');
}

.foodpanda{
	display: inline-block;
	width: 150px;
	height: 37px;
	background-image: url('../img/foodpanda.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-indent: -9999px;
}
.foodpanda:hover{
	background-image: url('../img/foodpanda2.svg');
}

.foodora{
	display: inline-block;
	width: 150px;
	height: 31.5031px;
	background-image: url('../img/foodora.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-indent: -9999px;
}
.foodora:hover{
	background-image: url('../img/foodora2.svg');
}

.wolt{
	display: inline-block;
	width: 88px;
	height: 32px;
	background-image: url('../img/wolt.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	text-indent: -9999px;
}
.wolt:hover{
	background-image: url('../img/wolt2.svg');
}


/**/
.slide-bg-cont{
	width: 100%;
	padding-bottom: 4%;
    padding-top: 77px;
	position: relative;
}
.slide-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.slide-bg-cont.slide-1 .slide-bg{
	background-image: url(../img/slide1.jpg)
}
.slide-bg-cont.slide-2 .slide-bg{
	background-image: url(../img/slide2.jpg)
}
.slide-bg-cont.slide-3 .slide-bg{
	background-image: url(../img/slide3.jpg)
}
.slide-bg-cont.slide-4 .slide-bg{
	background-image: url(../img/slide4.jpg)
}

.red_circle_bg{
	min-height: 438px;
	line-height: 438px;
	position: relative;
	margin-top: 50px;
	margin-bottom: 100px;
}
.red_circle_bg:before{
	position: absolute;
	content: "";
	background-color: var(--red);
	width: 438px;
	height: 438px;
	line-height: 438px;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.red_circle_bg_cont{
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-top: -30px;
	position: relative;
	width: 100%;
}
.red_circle_bg_cont h2{
	margin: 0 0 30px 0;
}
.red_circle_bg_cont p{
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
}
.red_circle_bg_cont p a{
	text-decoration: none;
	color: #ffffff;
	border-bottom: 0px solid #ffffff;
	transition: border-bottom 300ms ease-in-out;
}
.red_circle_bg_cont p a:hover{
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}
.red_circle_bg.contact_info:before{
	border: 30px solid #242424;
}
.red_circle_bg.contact_info .red_circle_bg_cont{
	margin-top: 5px;
}
.red_circle_bg.contact_info .red_circle_bg_cont p{
	line-height: 1.2;
}
.spacer-15, .spacer-30{
	display: inline-block;
	margin-right: 9px;
}
.spacer-30{
	margin-right: 30px;
}
/**/
.live-feed{
	margin-top: 30px;
}
/**/
.ovhidd{
	overflow: hidden;
}
/*****************************
--- M E D I A   Q E R Y S ---
*****************************/
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width:1199px) {
	.red_circle_bg:last-of-type {
		margin-top: 0;
	}
}
/* ------------------------------------------------------------------------------------------------------ */
/* csak tablet felett */
/* md-alatt */
@media (max-width:991px) {
	nav a{
		margin-right: 70px;
	}
}
/* ------------------------------------------------------------------------------------------------------ */
/* small */
/*sm*/
@media (max-width: 767px) {
	.contact header{
		margin-bottom: 30px;
	}
	.logo.mobile-logo{
		display: inline-block;
		margin: 15px 0;
	}
	.hamburger{
		display: inline-block;
		float: right;
	}
	nav{
		display: none;
		position: absolute;
		width: 100%;
		top: 100%;
		background-color: #000;
		left: 0;
		z-index: 2;
		height: auto;
		line-height: 1.2;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	nav a{
		margin-right: 0;
	}
	nav a.kapcs{
		margin-right: 50px;
	}
	nav .logo{
		display: none;
	}
	nav .netpincer{
		display: block;
		margin: 100px auto 60px auto !important;
	}
}
/* ------------------------------------------------------------------------------------------------------ */
/* mobil */
/*xs*/
@media (max-width:479px) {
	.red_circle_bg_cont{
		margin-top: 0;
	}
}