/*
Theme Name: Onami theme
Theme URI:
Description: A custom WordPress website for the Onami Group
Author: Avsha Agasi
Author URI: http://the-two.co
Version: 1.0
Tags: clean, advanced, responsive, great
*/

@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration: none; color: inherit;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: "Alef Hebrew";
	font-style: normal;
	font-size: 15px;
	color: white;
	background: black;
	width: 100%;
	height: 100%;
	position: relative;
	direction: rtl;
}

/************** preloader **************/

.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: black;
	z-index: 10000;
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
}

.preloader.down {
	transform: translate3d(0,100%,0);
	-webkit-transform: translate3d(0,100%,0);
}

.preloader .middle-line {
	position: absolute;
	width: 1px;
	height: 100%;
	left: 50%;
	background: white;
	transform: translate3d(0,-100%,0);
	-webkit-transform: translate3d(0,-100%,0);
	transition: all 3.5s ease-out;
	-webkit-transition: all 3.5s ease-out;
}

.preloader .middle-line.down {
	transform: translate3d(0,0%,0);
	-webkit-transform: translate3d(0,0,0);
}

.preloader .content {
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
}

.preloader .content .words {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 21px;
	font-weight: 400;
	overflow: hidden;
	background: black;
}

.preloader .content .words .word {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 100px;
	vertical-align: middle;
	opacity: 0;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
}

.preloader .content .words .word.show {
	opacity: 1;
}

/************** header **************/

header {
	position: fixed;
	width: 100%;
	height: 120px;
	background: transparent;
	z-index: 1000;
	transition: height .6s ease-out;
	-webkit-transition: height .6s ease-out;
}

header.min {
	height: 60px;
	background: black;
}

header.news {
	position: relative;
	height: 120px;
	background: black;
}

.menu-button-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	height: 120px;
	z-index: 5000;
	cursor: pointer;
	transition: height .6s ease-out;
	-webkit-transition: height .6s ease-out;
}

.menu-button-wrapper.min {
	height: 60px;
}

.menu-button {
	position: absolute;
	left: 50px;
	width: 30px;
	height: 17px;
	top: 50%;
	margin-top: -8.5px;
}

.menu-button .line {
	position: absolute;
	width: 100%;
	height: 3px;
	background: white;
	left: 0;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menu-button .line.top {
	top: 0;
}

.menu-button .line.middle {
	top: 7px;
}

.menu-button .line.bottom {
	top: 14px;
}

.menu-button .line.top.rotate {
	top: 7px;
	width: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.menu-button .line.middle.rotate {
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
	opacity: 0;
}

.menu-button .line.bottom.rotate {
	top: 7px;
	width: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

header .lil-logo {
	position: absolute;
	left: 110px;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	width: auto;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

header .lil-logo.front {
	opacity: 0;
}

header.min .lil-logo.front {
	opacity: 1;
}

header.min .order-button {
	border-color: transparent;
}

header .order-button {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 50px;
	z-index: 5000;
	cursor: pointer;
	font-size: 19px;
	padding: 0 20px;
	height: 30px;
	line-height: 28px;
	vertical-align: middle;
	border: 1px solid white;
}


header.min .order-button {
	padding: 0;
}

header .rest-menu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: 300px;
	left: 300px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	text-align: center;
	font-size: 19px;
}

header.min .rest-menu {
	visibility: visible;
	opacity: 1;
}

header .rest-menu li {
	display: inline-block;
	margin: 0 15px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
}

/**************** side menu *******************/

.menu-container {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	background: black;
	z-index: 4000;
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-container.in {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.menu-container .content {
	position: absolute;
	right: 50px;
	height: 390px;
	width: 190px;
	top: 50%;
	margin-top: -195px;
}

.menu-container .logo {
	position: absolute;
	top: 0;
	right: 0;
	height: 90px;
	width: auto;
}

.menu-container .menu-items {
	position: absolute;
	width: 190px;
	right: 0;
	font-size: 21px;
	top: 125px;
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.menu-container .menu-items .menu-item {
	margin-bottom: 15px;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	cursor: pointer;
}

.menu-container .menu-items .menu-item.active {
	
}

.menu-container .menu-items .menu-item:hover {
	color: #50c878;
}

.menu-container .menu-items .menu-item:last-of-type {
	margin-bottom: 0;
}

.menu-container .socials {
	position: absolute;
	bottom: 50px;
	right: 50px;
	font-size: 21px;
}

.menu-container .socials i {
	margin-left: 20px;
	cursor: pointer;
}

.menu-container .search {
	position: absolute;
	left: 50px;
	bottom: 50px;
	font-size: 21px;
}

/************* order container *************/

.order-container {
	position: fixed;
	width: 85%;
	height: 100%;
	top: 0;
	right: 0;
	background: white;
	z-index: 4000;
	overflow: scroll;
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.order-container.in {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.order-container .content {
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	left: 50px;
	color: black;
}

.order-container .content .name {
	font-size: 36px;
	font-weight: 300;
	font-family: 'Almoni-tzar';
}

.order-container .content .fifth {
	position: absolute;
	width: 100%;
	height: 20%;
	right: 0;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.order-container .content .fifth:first-of-type {
	border-top: 1px solid rgba(0,0,0,0.5);
}

/* .order-container .content .fifth:hover {
	background: black;
	color: white;
} */
 
.order-container .content .fifth .order-table {
	position: absolute;
	left: 0;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	border: 1px solid black;
	width: 150px;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.order-container .content .fifth .order-food {
	position: absolute;
	left: 160px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	border: 1px solid black;
	width: 150px;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.order-container .content .fifth .order-table:hover, .order-container .content .fifth .order-food:hover {
	background: black;
	color: white;
}

.order-container .tree {
	position: absolute;
	bottom: 50px;
	right: 50px;
	width: 300px;
	height; auto;
}

.order-container > .left {
	background: black;
}

.order-container > .left ul {
	position: relative;
	width: 100%;
	height: 100%;
}

.order-container > .left ul li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out;
}

.order-container > .left ul li.active {
	visibility: visible;
	opacity: 1;
}

.order-container > .left ul li .caption {
	position: absolute;
	bottom: 50px;
	right: 50px;
	padding: 5px 10px;
	background: black;
	color: white;
}

/************** hero **************/

.hero {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 0;
}

.hero .logo {
	position: absolute;
	width: 260px;
	left: 50%;
	margin-left: -130px;
	top: 50%;
	margin-top: -62px;
}

/************** general **************/

.container {
	position: relative;
	min-height: 100vh;
	overflow: hidden;
	-webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.container.move-right {
	transform: translate3d(100px,0,0);
	-webkit-transform: translate3d(100px,0,0);
}

.container.move-left {
	transform: translate3d(-100px,0,0);
	-webkit-transform: translate3d(-100px,0,0);
}

section {
	position: relative;
	height: auto;
}

.bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.video {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-aspect-ratio: 16/9) {
  .video {
    width: 100%;
    height: auto; 
  }
}
@media (max-aspect-ratio: 16/9) {
  .video {
    width: auto; 
    height: 100vh;
  }
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.overlay.relative {
	position: relative;
}

.overlay.dark {
	background: rgba(0,0,0,0.7);
	display: block;
	opacity: 1;
}

.overlay.darker {
	background: rgba(0,0,0,0.6);
}

.overlay.white {
	background: rgba(255,255,255,0.8);
}

.dark {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: rgba(0,0,0,0.7);
	z-index: 2000;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.dark.show {
	opacity: 1;
}

h2 {
	font-family: 'Almoni-tzar', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 52px;
}

h2.white, p.white {
	color: white;
}

h3 {
	font-family: 'Almoni-tzar', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 35px;
}

p, li.reg {
	font-size: 15px;
	line-height: 19px;
}

p.big {
	font-size: 19px;
	line-height: 25px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-50 {
	margin-top: 50px;
}

.m-t-100 {
	margin-top: 100px;
}

.clear-both {
	clear: both;
}

.p-200-0 {
	padding: 200px 0;
}

.f-19 {
	font-size: 19px;
}

.center {
	text-align: center;
}

li.f-19 {
	font-size: 19px;
	line-height: 32px;
}

.w-150 {
	width: 150px !important;
}

.right {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

.left {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

.left.black {
	background: black;
}

.left.special {
	left: 50px;
	width: calc( 50% - 50px );
}

.right .top, .left .top {
	position: absolute;
	top: 0;
	right: 0;
	height: 50%;
	width: 100%;
	display: table;
}

.right .bottom, .left .bottom {
	position: absolute;
	top: 50%;
	right: 0;
	height: 50%;
	width: 100%;
}

.inner-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.table-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}

.table-wrapper.special-right {
	right: 50px;
}

.content-center {
	position: static;
	display: table-cell;
	vertical-align: middle;
	padding: 0 50px;
	text-align: center;
}

.content-center.wide {
	padding: 0 100px;
}

.content-center.no-pad {
	padding: 0;
}

.content-right {
	position: static;
	display: table-cell;
	vertical-align: middle;
	padding-right: 0;
}

.images-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.images-wrapper li.image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 1.2s ease-out;
	-webkit-transition: all 1.2s ease-out;
}

.images-wrapper li.image.active {
	visibility: visible;
	opacity: 1;
}

/* .chopsticks {
	width: 20px;
	height: auto;
	margin: 15px auto 20px;
	display: block;
} */

a.reg, p.reg {
	display: inline-block;
	border-bottom: 1px solid black;
}

a.reg.white {
	display: inline-block;
	border-bottom: 1px solid white;
}

a.button {
	display: block;
	height: 30px;
	width: 150px;
	border: 1px solid black;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

a.button:hover {
	background: black;
	color: #50c878;
}

.to-green {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.to-green:hover {
	color: #50c878;
	border-color: #50c878;
}

.green {
	color: #50c878;
}

a.reg.white.to-green:hover {
	color: #50c878;
	border-color: #50c878;
}

.triangle {
	position: absolute;
	width: 0;
	height: 0;
	z-index: 100;
	top: 50%;
	margin-top: -15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.triangle.right {
	left: 0;
	right: auto;
	border-left: 20px solid white;
}

.triangle.left {
	right: 0;
	left: auto;
	border-right: 20px solid white;
}

.f-rest {
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
}

.f-rest .right-line {
	position: absolute;
	width: 2px;
	right: -1px;
	height: 380px;
	top: 50%;
	margin-top: -190px;
}

.f-rest .right-line .top-l {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100px;
	background: white;
}

.f-rest .right-line .bottom-l {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: white;
}

.f-rest .logo-l {
	position: absolute;
	width: 180px;
	left: 50%;
	margin-left: -90px;
	top: 50%;
	margin-top: -53px;
}

.f-rest .logo-l.special {
	width: 150px;
	margin-left: -75px;
	margin-top: -62px;
}

.rest-button {
	position: relative;
	margin: 10px auto 0;
	height: 30px;
	line-height: 28px;
	vertical-align: middle;
	border: 1px solid white;
	padding: 0 50px;
	font-size: 19px;
	display: inline-block;
}

/************** front **************/

.container.front section.opening {
	height: 100vh;
	background: transparent;
}

.container.front section.opening .overlay {
	background: rgba(0,0,0,0.6);
}

.container.front section.opening .content {
	position: absolute;
	width: 280px;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	margin-top: -105px;
	height: 210px;
}

.container.front section.opening .logo {
	display: block;
	width: 100%;
}

.container.front section.opening .divider {
	margin-top: 30px;
	height: 2px;
	position: relative;
}

.container.front section.opening .divider .left {
	position: absolute;
	width: 27%;
	left: 0;
	top: 0;
	height: 100%;
	background: white;
}

.container.front section.opening .divider .middle {
	position: absolute;
	width: 46%;
	left: 27%;
	top: 50%;
	height: 30px;
	margin-top: -15px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 19px;
}

.container.front section.opening .divider .right {
	position: absolute;
	width: 27%;
	right: 0;
	top: 0;
	height: 100%;
	background: white;
}

.container.front section.opening .tagline {
	text-align: center;
	font-size: 19px;
}

.arrow-down {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,1);
	left: 50%;
	margin-left: -25px;
	bottom: 50px;
	text-align: center;
	line-height: 48px;
	vertical-align: middle;
	cursor: pointer;
}

/************ front about **************/

.container.front section.about {
	background: white;
	text-align: center;
	color: black;
	padding-bottom: 50%;
}

#rest-about {
	background: black !important;
	padding-bottom: 0 !important;
}

/************ front restaurants **************/

.container.front section.restaurants {
	padding-bottom: 50%;
	background: white;
}

.container.front section.restaurants .main {
	position: absolute;
	width: 25%;
	top: 0;
	right: 0;
	height: 100%;
	background: black;
}

.container.front section.restaurants .restaurant {
	position: absolute;
	width: calc( 75% / 2 );
	height: 100%;
	cursor: pointer;
	overflow: hidden;
}

.container.front section.restaurants .restaurant.first {
	width: calc( 75% / 2 );
}

.container.front section.restaurants .restaurant .overlay {
	display: table;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	z-index: 1;
	width: calc( 100% + 10px );
	height: calc( 100% + 10px );
	top: -5px;
	left: -5px;
}

.container.front section.restaurants .restaurant .overlay .content-center {
	padding: 0 50px;
}

.container.front section.restaurants .restaurant:hover .overlay {
	opacity: 1;
}

/************ front news **************/

.container.front section.news {
	background: white;
	color: black;
	padding-bottom: 50%;
}

.container.front section.news .main {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 50%;
	background: black;
	color: white;
}

.container.front section.news .rectangle {
	position: absolute;
	width: 50%;
	height: 50%;
	color: black;
}

/************ news **************/

.container section.news {
	background: white;
	color: black;
}

.container section.news .blog-headline {
	position: relative;
	padding-bottom: 25%;
	background: black;
	color: white;
}

.container section.news .blog-headline .inner-wrapper {
	width: 600px;
	left: 50%;
	margin-left: -300px;
}

.container section.news .rectangle {
	position: relative;
	float: right;
	width: 50%;
	padding-bottom: 25%;
}

/************ post **************/

.container section.post {
	background: white;
	color: black;
	min-height: 100vh;
	padding-bottom: 60px;
}

.container section.post .post-headline {
	position: relative;
	padding-bottom: 25%;
	background: black;
	color: white;
}

.container section.post .blog-headline .inner-wrapper {
	width: 100%;
	left: 0;
	margin-left: 0;
}

.container section.post .content {
	margin: 50px auto 0;
	width: 100%;
	position: relative;
}

.container section.post .content .inner {
	margin: auto;
	width: 100%;
	max-width: 640px;
}

.container section.post .content p {
	margin-top: 20px;
	font-size: 17px !important;
	line-height: 25px;
}

.container section.post .content .inner p a {
	border-bottom: 1px solid black;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container section.post .content .inner p a:hover {
	color: #50c878;
	border-color: #50c878;
}

.container section.post .content img {
	width: 100%;
	height: auto;
	display: block;
}

.container section.post .divider {
	margin: 40px auto 0;
	width: 100%;
	max-width: 640px;
	height: 2px;
	background: black;
}

.container section.post .share {
	font-size: 17px !important;
	width: 100%;
	max-width: 640px;
	margin: 30px auto 0;
}

.container section.post .share i {
	margin-right: 15px;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container section.post .share i:hover {
	color: #50c878;
}

.container section.post .content .rests {
	position: absolute;
	top: 0;
	right: 50px;
	width: calc( (100% - 840px) / 2 );
}

.container section.post .content .rests.last-posts {
	left: 50px;
	right: auto;
}

.container section.post .content .rests a {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container section.post .content .rests a:hover {
	color: #50c878;
}

.container section.post .content .rests p {
	margin: 0;
}

.container section.post .content .rests p.first {
	border-bottom: 2px solid black;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/**************** restaurant *************/

.container.restaurant .cover {
	position: relative;
	height: 100vh;
}

.container.restaurant .cover .overlay {
	background: rgba(0,0,0,0.6);
	display: table;
}

.container.restaurant .cover .overlay.light {
	background: rgba(0,0,0,0.3);
}

.container.restaurant .logo, .container.two-restaurants .logo {
	width: 160px;
	display: block;
	margin: auto;
}

.container.restaurant .logo.big, .container.two-restaurants .logo.big {
	width: 180px;
}

.container.restaurant .divider {
	width: 240px;
	height: 2px;
	background: white;
	margin: 25px auto 20px;
}

.container.restaurant .socials {
	position: absolute;
	left: 50px;
	bottom: 50px;
	font-size: 17px;
	direction: ltr;
}

.container.restaurant .socials i.first {
	margin-right: 10px;
}

.container.restaurant .socials i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid white;
	border-radius: 50%;
}

.container.restaurant .socials-1 i, .container.restaurant .socials-2 i {
	display: none;
}

.container.restaurant .socials span.middle {
	margin: 0 2px;
}

.container.restaurant .square-big {
	position: relative;
	float: right;
	width: 50%;
	padding-bottom: 49.99%;
	background: white;
	color: black;
}

.container.restaurant .square-small {
	position: relative;
	float: right;
	width: 25%;
	padding-bottom: 25%;
}

.container.restaurant .rectangle {
	position: relative;
	float: right;
	width: 50%;
	padding-bottom: 25%;
	background: white;
	color: black;
}

.container.restaurant .menus {
	position: relative;
	height: auto;
}

.container.restaurant .menus .menu {
	position: relative;
	height: auto;
}

.container.restaurant .menus .menu-headline {
	position: relative;
	padding-bottom: 25%;
	background: black;
	color: white;
}

.container.restaurant .menus .menu-headline .inner-wrapper {
	width: 600px;
	margin-left: -300px;
	left: 50%;
}

.container.restaurant .menus .menus-wrapper {
	padding-bottom: 50%;
	background: white;
	color: black;
	position: relative;
}

.container.restaurant .menus .menu .menu-wrapper {
	padding-bottom: 50%;
	background: white;
	color: black;
	position: relative;
}

.container.restaurant .menus .menu .menu-wrapper .left {
	background: black;
}

.container.restaurant .menu-titles {
	position: absolute;
	top: 0;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	text-align: center;
	color: white;
	font-size: 19px;
	height: calc( (100% - 550px) / 2 );
}

.container.restaurant .menu-titles  .category-titles-wrapper {
	position: absolute;
	bottom: 15px;
	right: 50px;
	left: 50px;
}

.container.restaurant .menu-titles span {
	cursor: pointer;
	font-weight: 700;
	line-height: 20px;
}

.container.restaurant .menu-titles span:after {
	content: '/';
	padding: 0 5px;
	font-weight: 400;
}

.container.restaurant .menu-titles span:last-of-type:after {
	content: '';
	padding: 0;
}

.container.restaurant .menu-titles span.active {
	color: #50c878;
}

.container.restaurant .menu-lines {
	position: absolute;
	top: 50px;
	right: 50px;
	left: 50px;
	bottom: 50px;
	overflow: scroll;
	border-top: 1px solid black;
}

.container.restaurant .menu-lines .menu-lines-category {
	display: none;
}

.container.restaurant .menu-lines .menu-lines-category.active {
	display: block;
}

.container.restaurant .menu-lines .menu-line {
	padding: 15px 0;
	color: black;
	border-bottom: 1px solid black;
	position: relative;
}

.container.restaurant .menu-lines .menu-line .title {
	font-weight: 700;
	width: 100px;
	display: inline-block;
	line-height: 19px;
	vertical-align: top;
}

.container.restaurant .menu-lines .menu-line .title.special {
	width: 200px;
}

.container.restaurant .menu-lines .menu-line .desc {
	width: 250px;
	display: inline-block;
	line-height: 19px;
}

.container.restaurant .menu-lines .menu-line .desc.special {
	width: auto;
}

.container.restaurant .menu-lines .menu-line .price {
	position: absolute;
	left: 0;
	top: 15px;
}

.container.restaurant .menu-category-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out;
}

.container.restaurant .menu-category-image.active {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
}

.container.restaurant .team .team-headline {
	position: relative;
	width: 50%;
	padding-bottom: 25%;
	background: black;
	color: white;
	float: left;
}

.container.restaurant .team .square {
	position: relative;
	float: left;
	width: 25%;
	padding-bottom: 25%;
}

.container.restaurant .team .square .overlay {
	opacity: 0;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.restaurant .team .square:hover .overlay {
	opacity: 1;
}

.container.restaurant .map {
	background: black;
	color: white;
	padding-bottom: 50%;
}

.container.restaurant .map .right .map-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.menu-category-button {
	position: relative;
	height: 40px;
	width: 90%;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid black;
	cursor: pointer;
	font-size: 19px;
	margin: 10px auto 0;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menu-category-button:hover {
	color: #50c878;
	background: black;
}

.menu-category-button:hover .line.left, .menu-category-button:hover .line.right  {
	background: #50c878;
}

.menu-category-button .line.left {
	position: absolute;
	top: 50%;
	height: 1px;
	width: 30px;
	left: 10px;
	background: black;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menu-category-button .line.right {
	position: absolute;
	top: 50%;
	height: 1px;
	width: 30px;
	right: 10px;
	background: black;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menus-container {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 10000;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menus-container.show {
	visibility: visible;
	opacity: 1;
}

.menus-container .inner {
	position: absolute;
	width: 1100px;
	height: 550px;
	top: 50%;
	margin-top: -275px;
	left: 50%;
	margin-left: -550px;
	background: white;
}

.menus-container .touch {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.menus-container .touch .x {
	position: absolute;
	top: 10px;
	left: 50px;
	font-size: 40px;
	color: white;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menus-container .touch .x:hover {
	color: #50c878;
}

/************** two restaurants **************/

.container.two-restaurants section.opening {
	height: 100vh;
	background: black;
}

.container.front section.opening .overlay {
	background: rgba(0,0,0,0.6);
}

.container.two-restaurants section.opening .images {
	position: relative;
	width: 100%;
	height: 100%;
}

.container.two-restaurants section.opening .images .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container.two-restaurants section.opening .images .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 1.2s ease-out;
	-webkit-transition: all 1.2s ease-out;
}

.container.two-restaurants section.opening .images .image.active {
	visibility: visible;
	opacity: 1;
}

.container.two-restaurants section.opening .rests-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/**************** footer *************/

footer {
	position: relative;
	padding: 150px 0 50px;
	background: black;
}

footer .content {
	position: relative;
	width: 920px;
	margin: auto;
}

footer .content ul {
	position: relative;
	float: right;
	width: 25%;
}

footer .content ul li {
	margin-bottom: 15px;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	cursor: pointer;
}

footer .content ul li.special {
	cursor: default;
}

footer .content ul li:hover {
	color: #50c878;
}

footer .content ul li.special:hover {
	color: white;
}

footer .content ul li:last-of-type {
	margin-bottom: 0;
}

footer .content ul li.special span {
	border-bottom: 1px solid white;
}

footer .thetwo {
	color: rgba(255,255,255,0.5);
}

footer .thetwo a {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

footer .thetwo a:hover {
	color: rgba(255,255,255,1);
}

/**************** onami *************/

/* .fixed-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.container.onami .fixed-bg {
	background: url(images/onami-fixed-2.jpg);
}

.container.onami .opening {
	height: 100vh;
	background: url(images/onami-fixed.jpg);
}

.container.onami .opening .overlay {
	background: rgba(0,0,0,0.8);
}

.container.onami .opening .content {
	position: absolute;
	width: 310px;
	left: 50%;
	margin-left: -155px;
	top: 50%;
	margin-top: -155px;
	text-align: center;
	font-size: 19px;
	height: 310px;
}

.container.onami .opening .content .logo {
	display: block;
	width: 180px;
	height: auto;
	margin: auto;
}

.container.onami .opening .content .divider {
	width: 100%;
	height: 1px;
	background: transparent;
	margin: 20px 0 5px;
}

.container.onami .opening .content .tagline {
	line-height: 27px;
}

.container.onami .about {
	padding-bottom: 50%;
	background: white;
}

.container.onami .about .right {
	background: url(images/onami-p-2.jpg);
}

.container.onami .about .left .bottom {
	background: url(images/onami-p-1.jpg);
}

.container.onami .about .left .content {
	position: absolute;
	width: 540px;
	left: 50%;
	margin-left: -270px;
	top: 50%;
	margin-top: -70px;
	text-align: center;
	height: 140px;
	color: black;
}

.container.onami .menus.first {
	padding-bottom: 25%;
	background: black;
}

.container.onami .menus.first .left .content {
	position: absolute;
	width: 540px;
	left: 50%;
	margin-left: -270px;
	top: 50%;
	margin-top: -50px;
	text-align: center;
	height: 100px;
}

.container.onami .menus.first .right {
	background: url(images/about-f.jpg);
}

.container.onami .menus.second {
	padding-bottom: 50%;
	background: white;
}

.container.onami .menus.second .left {
	background: url(images/onami-p-3.jpg);
}

.container.onami .menus.second .left.noodles {
	background: url(images/noodles.jpg);
} 

.container.onami .menus.second .right .menu-titles {
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	text-align: center;
	color: black;
	font-size: 19px;
}

.container.onami .menus.second .right .menu-titles span {
	cursor: pointer;
}

.container.onami .menus.second .right .menu-titles span.active {
	border-bottom: 1px solid black;
}

.container.onami .menus.second .right .menu-lines {
	position: absolute;
	top: 100px;
	right: 50px;
	left: 50px;
	bottom: 50px;
	overflow: scroll;
	border-top: 1px solid black;
}

#ptihim {
	display: block;
}

#noodles {
	display: none;
}

.container.onami .menus.second .right .menu-line {
	line-height: 50px;
	vertical-align: middle;
	color: black;
	font-size: 19px;
	border-bottom: 1px solid black;
}

.container.onami .menus.second .right .menu-line .title {
	margin-left: 10px;
}

.container.onami .menus.second .right .menu-line .desc {
	font-size: 15px;
}

.container.onami .menus.second .right .menu-line .price {
	float: left;
} */

.blog-headline {
	position: relative;
	width: 100%;
	padding-bottom: 25%;
	background: black;
}

.blog-headline .content {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	text-align: center;
	height: 120px;
}

.man-1 {
	background: url(images/man-1.jpg);
}

.man-2 {
	background: url(images/man-2.jpg);
}

.man-3 {
	background: url(images/man-3.jpg);
}

.man-4 {
	background: url(images/man-4.jpg);
}

.man-5 {
	background: url(images/man-5.jpg);
}

.man-6 {
	background: url(images/man-6.jpg);
}

.man .overlay {
	opacity: 0;
	text-align: center;
	padding-top: 150px;
	background: rgba(0,0,0,0.7);
}

.man .overlay .name {
	font-family: 'Almoni-tzar';
	font-size: 36px;
	font-weight: 300;
}

.man .overlay .name, .man .overlay .job {
	color: white;
}

.man:hover .overlay {
	opacity: 1;
}

.m-s {
	display: none !important;
}

/*************** media queries *****************/

@media screen and (min-width : 0px) and (max-width : 1024px) {
	
	.m-h {
		display: none !important;
	}
	
	.m-s {
		display: block !important;
	}
	
	h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 32px;
	}
	
	h3 p {
		font-family: "Alef Hebrew";
		font-style: normal;
		font-size: 15px;
	}
	
	.images-wrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.content-center {
		padding: 0 10px;
	}
	
	.menu-button-wrapper {
		width: 60px;
		height: 60px;
	}
	
	.menu-button {
		left: 10px;
		width: 24px;
	}
	
	header {
		height: 60px;
	}
	
	header .lil-logo {
		left: 50px;
		height: 10px;
		margin-top: -5px;
	}
	
	header .order-button {
		right: 10px;
		font-size: 17px;
		padding: 0 10px;
	}
	
	header.min, .menu-button-wrapper.min {
		height: 50px;
	}
	
	.container.front section.opening .content {
		width: 248px;
		margin-left: -124px;
		height: 200px;
		top: 150px;
		margin-top: 0;
	}
	
	.container.front section.opening .tagline {
		font-size: 17px;
	}
	
	.arrow-down {
		width: 36px;
		height: 36px;
		margin-left: -18px;
		line-height: 36px;
		bottom: 100px;
	}
	
	.container.front section.opening .tagline.m-t-30 {
		margin-top: 25px
	}
	
	.container.front section.about {
		padding-bottom: 0;
		background: black;
		color: white;
	}
	
	.container.front section.about .left {
		display: none;
	}
	
	.container.front section.about .right {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 0;
	}
	
	.container.front section.about .right .table-wrapper {
		position: relative;
		height: auto;
	}
	
	.content-center.wide {
		padding: 0 10px;
	}
	
	.container.front section.restaurants {
		padding-bottom: 0;
	}
	
	.container.front section.restaurants .main {
		position: relative;
		width: 100%;
		height: 1px;
		padding-bottom: 25%;
	}
	
	.container.front section.restaurants .restaurant {
		position: relative;
		right: 0 !important;
		height: 100% !important;
		padding-bottom: 50%;
		width: 100% !important;
		float: right !important;
	}
	
	.container.front section.restaurants .restaurant.first {
		width: 100% !important;
	}
	
	.container.front section.restaurants .restaurant .overlay {
		opacity: 1;
		background: rgba(0,0,0,0.5);
	}
	
	.container.front section.news {
		padding-bottom: 0;
	}
	
	.container.front section.news .main {
		position: relative;
		width: 100%;
		height: 80px;
	}
	
	.container.front section.news .rectangle {
		position: relative;
		width: 100%;
		height: 1px;
		padding-bottom: 50%;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		background: white;
	}
	
	.container.front section.news .rectangle.third .left {
		left: auto !important;
		right: 0 !important;
	}
	
	.container.front section.news .rectangle.third .right {
		left: 0 !important;
		right: auto !important;
	}
	
	.container.front section.news .rectangle.third .left .triangle.left {
		left: 0 !important;
		right: auto !important;
		border-left: 20px solid white !important;
		border-right: 0 !important;
	}
	
	footer {
		padding: 30px 0;
	}
	
	footer .content {
		width: 100%;
	}
	
	footer .content p.m-t-100 {
		margin-top: 0;
	}
	
	.container.restaurant .square-big {
		width: 100%;
		padding-bottom: 50%;
	}
	
	.container.restaurant .rectangle {
		width: 100%;
		padding-bottom: 50%;
	}
	
	.container.restaurant .square-small {
		width: 100%;
		padding-bottom: 50%;
	}
	
	.container.restaurant .rectangle.text, .container.restaurant .square-big.text {
		padding: 30px 0;
		height: auto;
		background: black;
		color: white;
	}
	
	.container.restaurant .rectangle.text .inner-wrapper, .container.restaurant .square-big.text .inner-wrapper {
		position: relative;
	}
	
	.container.restaurant .rectangle.text .inner-wrapper .table-wrapper, .container.restaurant .square-big.text .inner-wrapper .table-wrapper {
		position: relative;
	}
	
	.container.restaurant .menus .menu-headline {
		padding: 30px 10px 0;
		height: auto;
	}
	
	.container.restaurant .menus .menu-headline .inner-wrapper {
		position: relative;
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	
	.container.restaurant .menus .menu-headline .inner-wrapper .table-wrapper {
		position: relative;
	}
	
	.container.restaurant .menus .menus-wrapper {
		padding-bottom: 0;
		height: auto;
		padding: 30px 0 50px;
		background: black;
		color: white;
	}
	
	.container.restaurant .menus .menus-wrapper .right {
		width: 100%;
		position: relative;
		height: auto;
	}
	
	.container.restaurant .menus .menus-wrapper .right .inner-wrapper {
		position: relative;
	}
	
	.container.restaurant .menus .menus-wrapper .right .inner-wrapper .table-wrapper {
		position: relative;
	}
	
	p.big {
		font-size: 15px;
		line-height: 19px;
	}
	
	.menu-category-button {
		height: 50px;
		line-height: 15px;
		font-size: 15px;
		border-color: white;
		width: calc( 50% - 20px );
		margin: 10px 5px;
		display: inline-block;
	}
	
	.category-b-text-wrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: table;
		padding: 0 30px;
	}
	
	.category-b-text {
		display: table-cell;
		vertical-align: middle;
	}
	
	.menu-category-button .line.left, .menu-category-button .line.right {
		background: white;
	}
	
	.menu-category-button .line.right {
		height: 1px !important;
		width: 15px !important;
		position: absolute !important;
	}
	
	.menu-category-button .line.left {
		width: 15px !important;
	}
	
	.container.restaurant .map {
		padding-bottom: 100%;
	}
	
	.container.restaurant .map .right {
		width: 100%;
		height: 100%;
	}
	
	.container.restaurant .map .left {
		width: 100%;
		height: 50%;
		top: 50%;
		display: none;
	}
	
	.menu-container {
		width: 75%;
	}
	
	.menu-container .logo {
		height: 50px;
	}
	
	.menu-container .menu-items {
		top: 70px;
		padding: 15px 0;
	}
	
	.menu-container .menu-items .menu-item {
		margin-bottom: 10px;
		font-size: 19px;
	}
	
	.menu-container .content {
		height: 270px;
		margin-top: -135px;
	}
	
	.order-container .right {
		width: 100%;
		background: black;
		color: white;
	}
	
	.order-container .content {
		top: 0;
		right: 20px;
		left: 20px;
		bottom: 0;
	}
	
	.order-container .content .fifth {
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	
	.order-container .content .name {
		font-size: 19px;
		font-family: 'Alef Hebrew';
		margin-bottom: 5px;
	}
	
	.order-container .content a.button {
		border-color: white;
		color: white;
	}
	
	.w-150 {
		width: 100px !important;
	}
	
	.order-container a.button {
		width: 100px;
	}
	
	.order-container .right .content .fifth .right {
		width: calc( 100% - 140px ) !important;
	}
	
	.menus-container .inner {
		width: 94%;
		left: 3%;
		margin-left: 0;
		height: 94%;
		top: 3%;
		margin-top: 0;
	}
	
	.menus-container .inner .left {
		width: 100%;
		height: 150px;
	}
	
	.menus-container .inner .right {
		width: 100%;
		top: 150px;
		height: calc( 100% - 150px );
	}
	
	.container.restaurant .menu-lines {
		top: 20px;
		right: 20px;
		left: 20px;
		bottom: 20px;
		border-top: 0;
	}
	
	.container.restaurant .menu-lines .menu-line {
		padding: 10px 0;
	}
	
	.container.restaurant .menu-titles {
		z-index: 400;
		top: 3%;
		height: 150px;
		width: 94%;
		right: 3%;
		left: auto;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		background: rgba(0,0,0,0.6);
	}
	
	.container.restaurant .menu-titles .category-titles-wrapper {
		position: absolute;
		bottom: 15px;
		width: 100%;
		right: 0;
		left: 0;
		line-height: 1.3;
	}
	
	.menus-container .touch .x {
		top: 0;
		left: 0;
		background: black;
		width: 40px;
		height: 40px;
		z-index: 800;
		text-align: center;
	}
	
	.container section.news .blog-headline {
		padding-bottom: 50%;
	}
	
	.container section.news .blog-headline .inner-wrapper {
		width: 100%;
		left: 0;
		margin-left: 0;
		padding: 0 10px;
	}
	
	.container section.news .rectangle {
		width: 100%;
		padding-bottom: 50%;
	}
	
	section.news h3 {
		font-size: 24px;
	}
	
	.container.restaurant .menu-titles span {
		line-height: 1;
	}
	
	.container.front section.restaurants .restaurant .overlay {
		position: absolute;
		width: 100% !important;
		padding-bottom: 100%;
		top: 0;
		left: 0;
	}
	
	.container.front section.restaurants .restaurant .overlay.special {
		padding-bottom: 50%;
	}
	
	.container.front section.restaurants .restaurant .overlay .content-center {
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
		padding: 0 10px;
	} 
	
	.container.restaurant .socials {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		bottom: 50px;
		font-size: 17px;
		direction: ltr;
	}
	
	.container section.post .content {
		padding: 0 10px;
		margin-top: 0;
	}
	
	.container section.post .content .inner, .container section.post .divider, .container section.post .share {
		max-width: 100%;
	}
	
	.container section.post .share {
		padding: 0 10px;
	}
	
	.container section.post .divider {
		width: calc( 100% - 20px );
		margin-right: 10px;
	}
	
	.container section.post .content .rests {
		position: relative;
		margin-top: 30px;
		right: 0;
		width: 100%;
	}
	
	.container section.post .content .rests.last-posts {
		left: 0;
		right: auto;
	}
	
	.container section.post .post-headline {
		height: 40vh;
		padding: 0 20px;
	}
	
	.content-center .c-o-m {
		position: absolute;
		right: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		top: 50%;
		margin-top: -15px;
	}
	
	.ltr {
		direction: ltr;
	}
	
	.s-mobile {
		height: 36px;
		width: 36px;
		line-height: 36px !important;
		vertical-align: middle;
		border: 1px solid white;
		border-radius: 50%;
		text-align: center;
	}
	
	.s-mobile.first {
		margin-right: 10px;
	}
	
	.waze {
		position: absolute;
		width: 70px;
		height: 70px;
		left: 50%;
		margin-left: -35px;
		top: -35px;
		background: black;
		border-radius: 50%;
	}
	
	.waze img {
		position: absolute;
		width: 40px;
		left: 50%;
		margin-left: -20px;
		top: 50%;
		margin-top: -20px;
		height: 40px;
	}
	
	.container.two-restaurants section.opening .rests-wrapper {
		top: 50px;
		height: calc( 100% - 100px );
	}
	
	.f-rest .right-line {
		width: 70%;
		right: 15%;
		height: 1px;
		top: 100%;
		margin-top: 0;
	}
	
	.f-rest .logo-l {
		display: none;
	}
	
	.f-rest .right-line .top-l {
		display: none;
	}
	
	.f-rest .right-line .bottom-l {
		height: 100%;
	}
	
	.f-rest {
		width: 100%;
		height: 50%;
	}
	
	
}