/*---- Styled by Jesse Scott for Dine.TO - Oct 2nd, 2015 ----*/

@import url(https://fonts.googleapis.com/css?family=Marcellus);


/* -- Header -- */
.header {
	display: none;
}

.nav .header_logo {
	display: block;
	width: 200px;
	height: 70px;
	text-align: left;
	direction: ltr;
	text-indent: -9999px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: transparent;
	transition: all 0.5s ease;
}
.nav .header_logo a{
	background-image: none !important;
}

.nav .header_logo.logo_open {
	margin-left: 55px !important;
	width: 350px !important;
}

/* -- Nav -- */
.nav_open	{
	transition: all 0.5s ease;
	transform: translateX(150px) !important;
}
.nav_open.page_closed	{
	transition: all 0.5s ease;
	transform: translateX(-350px) !important;
}

.nav	{
	background-color: #000;
	background-image: none;	
	transition: all 0.5s ease;
	z-index: 999999999;
}
.nav.hover	{
	width: 350px;
	transition: all 0.5s ease;
}

.nav .list_pages {
	margin-top: 100px;
}

.nav .list_pages .item_page {
	margin-left: 70px;
}
.nav .list_pages .item_page .link {
	position: absolute;
	line-height: 85px;
	margin-left: 20px;
	font-size: 0px;
	padding: 0px;
	transition: all 0.5s ease;
	font-family: 'Marcellus', serif;
}
.nav .list_pages .item_page .link:hover, 
.nav .list_pages .item_page:hover .link, 
.nav .list_pages .active .link {
	text-decoration: none;
}

#nav > div > ul > li.item.item_page:before {
	font-family: icomoon, arial;
	font-size: 24px;
	line-height: 80px;
}
#nav > div > ul > li.item.item_page.item_page_home:before {
	content: "\e600";
}
#nav > div > ul > li.item.item_page.item_page_info:before {
  content: "\e62e";
}
#nav > div > ul > li.item.item_page.item_page_menus:before {
  content: "\e621";
}
#nav > div > ul > li.item.item_page.item_page_gallery:before {
  content: "\e603";
}
#nav > div > ul > li.item.item_page.item_page_specials:before {
  content: "\e60e";
}
#nav > div > ul > li.item.item_page.item_page_reservations:before {
  content: "\e602";
}
#nav > div > ul > li.item.item_page.item_page_vip-list:before {
  content: "\e624";
}
#nav > div > ul > li.item.item_page.item_page_contact:before {
  content: "\e60f";
}

.link_open	{
	font-size: 28px !important;
	transition: all 0.5s ease;
}

/* -- Content -- */
.content 	{
	font-family: 'Marcellus', serif;
	font-size: 18px;
	line-height: 18px;
}

.content h2	{
	font-family: 'Marcellus', serif;
	font-size: 36px;
	line-height: 36px;
}

.content .highlight_block {
	background-color: transparent;
	background-image: none;
	border: none;
}

/* -- Page -- */
.page	{
	overflow: visible;
	transition: all 0.5s ease;
	background-color: rgba(0,0,0,0.6);
	background-image: none;	
}
.page.active	{
	left: -150%;
	transition: all 0.5s ease;
}
.page_wrapper {
	padding: 220px 0 80px;
}


#pagebtn {
	left: 502px;
	position: absolute;
	overflow: visible;
	background-color: #000;
	background-image: none;
	font-size: 32px;
	padding: 10px;
	padding-bottom: 15px;
}
#pagebtn_link  a	{
	color: #fff;
	content: "<";
	font-family: monospace;
}


/*- Video -*/
.video_banner	{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.youtube_frame	{
	width: 108vw !important;
}

@media screen and (max-width: 1370px)	{
	.youtube_frame	{
		width: 111vw !important;
	}
	.nav .header_logo {
		transition: all 0.5s ease;
		margin-top: -15px !important;
	}
	.nav .list_pages {
		transition: all 0.5s ease;
		margin-top: 0px;
	}
}

/*- Info -*/
[data-page=info] .page_wrapper {
	padding: 120px 0 80px;
}

/*- Menu -*/
[data-page=menus] .page_wrapper {
	padding: 60px 0 80px;
}
.page .menus_content	{
	border: none;
}
.content .menus_list {
	text-align: center;
}
.content .menus_content .menu_name {
	text-align: center;
	float: none;
}
.page .menus_content .menu_top	{
	border-color: #fff;
}
.page .menus_content .menu_top .menu_name	{
	font-size: 48px;
	font-family: 'Marcellus', serif;
	font-weight: bold;
}
.menu_section h3.section_name	{
	border-color: #fff;
	font-size: 36px !important;
	font-family: 'Marcellus', serif;
}

.menu_section .menu_item	{
	border-color: #fff;
	font-size: 16px;
	font-family: 'Marcellus', serif;
}
.menu_section .menu_item h4.item_name	{
	font-family: 'Marcellus', serif;
}
.menu_section .menu_item td.price	{
	font-family: 'Marcellus', serif;
	font-size: 16px;
}
.menu_section .menu_item table.menu_item_prices tbody {
	font-size: 14px;
}
.menu_section .menu_item .item_desc {
	margin-top: 30px;
}
.content .menu_section {
	padding-bottom: 30px;
}
.content .menu_section .menu_item.has_images .item_desc {
	clear: none;
}


/* -- Gallery Page -- */
[data-page=gallery] .page_wrapper {
	padding: 60px 0 80px;
}
[data-page=gallery] #pagebtn {
	left: 840px;
}
[data-page=gallery] .content .clear_body, 
[data-page=gallery] .content .float_body {
  width: 800px;
}
[data-page=gallery] .nav_open.page_closed {
  transition: all 0.5s ease;
  transform: translateX(-690px) !important;
}

.content .gallery_block .gallery_link {
	display: none;
}

/* -- Reservations Page -- */
.bkda .col-xs-10 {
	color: transparent !important;
}
[class^="icon-"], 
[class*=" icon-"] {
	color: #fff;
}

/* -- VIP Page -- */
[data-page=vip-list] .page_wrapper {
	padding: 60px 0 80px;
}

/* -- Contact Page -- */
[data-page=contact] .page_wrapper {
	padding: 60px 0 80px;
}


/* -- Footer -- */
.footer {
	background-color: transparent;
}
.footer .footer_info_wrapper	{
	display: none;
}

/* -- Animations -- */
.page:not(.page_closed)	{
	-moz-animation-name: page_trans;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: page_trans;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    animation-name: page_trans;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
	
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}


@-moz-keyframes page_trans {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes page_trans {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes page_trans {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateY)0);
    }
}

.page_closed	{
	-moz-animation-name: page_trans_closed;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: page_trans_closed;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    animation-name: page_trans_closed;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;

	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

@-moz-keyframes page_trans_closed {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}
@-webkit-keyframes page_trans_closed {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
@keyframes page_trans_closed {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateY(-100%);
    }
}