@charset "UTF-8";

@font-face {
    font-family: 'merriweather_sansbook';
    src: url('../fonts/merriweathersans-light-webfont.eot');
    src: url('../fonts/merriweathersans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweathersans-light-webfont.woff2') format('woff2'),
         url('../fonts/merriweathersans-light-webfont.woff') format('woff'),
         url('../fonts/merriweathersans-light-webfont.ttf') format('truetype'),
         url('../fonts/merriweathersans-light-webfont.svg#merriweather_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'merriweather_sansregular';
    src: url('../fonts/merriweathersans-regular-webfont.eot');
    src: url('../fonts/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweathersans-regular-webfont.woff2') format('woff2'),
         url('../fonts/merriweathersans-regular-webfont.woff') format('woff'),
         url('../fonts/merriweathersans-regular-webfont.ttf') format('truetype'),
         url('../fonts/merriweathersans-regular-webfont.svg#merriweather_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yeseva_oneregular';
    src: url('../fonts/yesevaone-regular_v2-webfont.eot');
    src: url('../fonts/yesevaone-regular_v2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yesevaone-regular_v2-webfont.woff2') format('woff2'),
         url('../fonts/yesevaone-regular_v2-webfont.woff') format('woff'),
         url('../fonts/yesevaone-regular_v2-webfont.ttf') format('truetype'),
         url('../fonts/yesevaone-regular_v2-webfont.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'merriweather_sansbook',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.navigation a small { font-family:'merriweather_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box, .button_main a, .navigation a, .bi01_content h2 small, .box_imp02 h2, .footer_top h2 { font-family:'yeseva_oneregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	color:#fff;
	line-height:1.7em;
	-webkit-font-smoothing:antialiased;
	background-color:#0a0a0a;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#fff;
}
a:hover {
	color:#eaab00;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:60px;
}
.box_padding {
	padding-left:135px;
	padding-right:135px;
}

/* Button-main */ 

.button_main a {
	position:relative;
	display:inline-block;
	font-size:170%;
	color:#ffe7c7;
	margin-bottom:-6px;
	padding:20px 60px;
	border:3px solid #eaab00;
	overflow:hidden;
}
.button_main a:hover {
	color:#fff;
}
::i-block-chrome, .button_main a {
	margin-bottom:0;
}
.button_main a:before {
	position:absolute;
	top:0;
	left:-120%;
	width:100%;
	height:105%;
	content:"";
	background:#eaab00;
	-ms-transform:skewX(-50deg); 
	-webkit-transform:skewX(-50deg); 
	transform:skewX(-50deg);
}
.button_main a:hover:before {
	left:-20%;
	width:140%;
}
.button_main a > * {
	position:relative;
}

/* Title-box */ 

.title_box {
	position:relative;
	color:#ffe7c7;
}
.title_box_wht {
	color:#fff;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h1, .title_box h2 {
	font-size:350%;
}
.title_box small {
	font-size:100%;
	color:#eaab00;
}

/* Header ............................................................... */

.header {
	position:relative;
	background-color:#ffe7c7;
	padding-top:10px;
	padding-bottom:10px;
}
.header_content {
	position:relative;
}

.navigation {
	position:relative;
	padding-top:20px;
}
.navigation .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.navigation li { 
	display:inline-block;
}
.navigation a {
	position:relative;
	display:inline-block;
	font-size:120%;
	color:#0a0a0a;
	line-height:1.2em;
	text-align:center;
	margin-left:30px;
	text-decoration: none;
}
.navigation li:first-child a {
	margin-left:0 !important;
}
.navigation a small {
	display:block;
	font-size:70%;
	color:inherit;
}
.navigation a:after {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	width:100%;
	height:3px;
	background-color:#eaab00;
	opacity:0;
}
.navigation a:hover:after,
.navigation a.hi:after {
	bottom:-3px;
	opacity:1;
}

/* Rslider ............................................................... */

.rslider_wrapper {
	position:relative;
	height:710px;
	background-color:#000;
}
.rslider_wrapper_in {
	height:250px;
}
.rslides, .rslides_li, .rslider_img {
	height:inherit;
	width: 100%;
}
.rslider_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}

.rslider_content {
	position:relative;
	width:100%;
	height:100%;
}
.rslider_content_in {
	position:absolute;
	top:50%;
	left:50%;
	display:inline-block;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* Container_x1 ............................................................... */

.container_x1 {
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
}
.container_x_left {
	padding-right:50px;
}
.container_x_right {
	padding-left:50px;
}
.container_x1_bg:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background:url("../images/bg01.jpg") left top no-repeat;
	background-size:cover;

}

.c_x_bg {
	position:absolute;
	top:0;
	width:50%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
.c_x_bg_left {
	left:0;
	background-position:right 50%;
}
.c_x_bg_right {
	right:0;
	background-position:left 50%;
}

.box_imp02 {
	position:relative;
	color:#fff;
	padding:60px 40px 60px 60px;
}
.box_imp02_01 {
	background-color:#8a4314;
}
.box_imp02_02 {
	background-color:#562817;
	margin-top:-140px;
}
.box_imp02:before {
	position:absolute;
	content:"";
}
.box_imp02_01:before {
	top:0;
	right:100%;
	width:100%;
	height:50%;	
	background:url("../images/bg_box_imp02_01.jpg") center 50% no-repeat;
	background-size:cover;	
}
.box_imp02_02:before {
	top:30%;
	left:100%;
	width:115%;
	height:80%;	
	background:url("../images/bg_box_imp02_02.jpg") center 50% no-repeat;
	background-size:cover;	
	margin-left:-15%;
}
.box_imp02 > * {
	position:relative;
	z-index:100;
}
.box_imp02 h2 {
	font-size:190%;
	line-height:1.5em;
}

.menu_of_the_day {
	position:relative;
	max-width:300px;
}
.menu_of_the_day:after {
	position:absolute;
	bottom:0;
	right:0;
	width:176px;
	height:194px;	
	content:"";
	background:url("../images/img-rslider.png") center 50% no-repeat;
	background-size:cover;
	-webkit-transform:translate(70%,30%);
	transform:translate(70%,30%);
	-webkit-filter:grayscale(100%); 
	filter:grayscale(100%);
	opacity:0.4;
	z-index:-1;
}

/* Container_x2 ............................................................... */

.container_x2 {
	position:relative;
}
.box_imp01 {
	margin-left:-20px;
	margin-right:-20px;
}
.box_imp01 > div {
	padding-left:5px;
	padding-right:5px;
}
.bi01_in {
	height:380px;
	position:relative;
	background-size:cover;
	background-position:center 50%;
	background-repeat:no-repeat;
}
.bi01_in > * {
	position:relative;
	z-index:100;
}
.bi01_in a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.bi01_in a:before {
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);
	transform:skewX(-25deg);
}
.bi01_in a:hover:before {
	-webkit-animation:shine .75s;
	animation:shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left:125%;
	}
}
@keyframes shine {
	100% {
		left:125%;
	}
}
.bi01_content {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:rgba(48,48,48,0.7);
	padding:30px 15px 30px 50px;
}

.bi01_content h2 {
	position:relative;
	font-size:110%;
	color:#fff;
	letter-spacing:3px;
	line-height:1.2em;
	z-index:100;
} 
.bi01_content h2 small {
	display:block;
	font-size:290%;
	color:#ffe7c7;
	letter-spacing:0 !important;
	margin-bottom:5px;
}

/* Footer ............................................................... */

.footer {
	position:relative;
	overflow:hidden;
}
.footer li {
	display:inline-block;
}
.footer_top {
	position:relative;
	color:#fff;
	padding-top:40px;
	padding-bottom:40px;
}
.footer_top:before {
	position:absolute;
	top:0;
	left:-1000px;
	width:4000px;
	height:100%;
	display:block;
	content:"";
	background-color:#272727;
	z-index:-1;
}
.footer_top a {
	white-space:nowrap;
}
.footer_top > div > div {
	position:relative;
	display:inline-block;
	text-align:left;
	padding-left:50px;
}
.footer_top > div > div:before {
	position:absolute;
	left:0;
	font-family:"FontAwesome";
	color:#eaab00;
}
.footer_top > div:nth-child(1) > div:before {
	top:10px;
	content:"\f08d";
	font-size:40px;
}
.footer_top > div:nth-child(2) > div:before {
	top:2px;
	content:"\f003";
	font-size:32px;
}
.footer_top > div:nth-child(3) > div:before {
	top:2px;
	content:"\f086";
	font-size:40px;
}
.footer_top h2 {
	font-size:190%;
	margin-bottom:5px;
}
.footer_bottom {
	position:relative;
	font-size:90%;
	color:#9f9f9f;
	padding-top:25px;
	padding-bottom:25px;
}
.footer_bottom a {
	color:#9f9f9f;
	text-decoration: none;
}
.footer_bottom a:hover,
.footer_bottom a.hi {
	color:#eaab00;
}

/* Other */

.btn, .modal-content {
	border-radius: 0;
}

.padding0 {
	padding: 0;
}

.modal-content {
	color: #000;
	background-color: #ffe7c7;
}

.modal-header {
	border-bottom: 0;
	font-family: 'yeseva_oneregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
	text-transform: uppercase;
}

/* Effects ............................. */

a, .button_main a:before, .button_main a small, .navigation a:after {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1600px) {
	.box_padding { padding-left:100px; padding-right:100px; }
	.navigation a {	font-size:115%;	margin-left:20px; }
	
}

@media screen and (max-width: 1366px) {
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.box_padding { padding-left:60px; padding-right:60px; }
	.button_main a { font-size:140%;	padding:15px 40px; border-width:2px; }
	.title_box h1, .title_box h2 { font-size:300%; }
	.header {	padding-top:10px; padding-bottom:10px; }
	.main_logo img { max-width:200px; }
	.navigation { padding-top:15px; }
	.navigation a { font-size:110%; margin-left:18px; }
	.rslider_wrapper { height:560px; }
	.rslider_wrapper_in { height:220px; }
	.rslider_content_in img { max-width:220px; }
	.container_x1 {	padding-top:60px; padding-bottom:60px;	}
	.container_x_left { padding-right:30px;	}
	.container_x_right {	padding-left:30px;	}
	.bi01_in { height:315px; }
	.bi01_content {	padding:20px 15px 20px 30px; }
	.bi01_content h2 { font-size:105%; letter-spacing:2px; } 
	.bi01_content h2 small {	font-size:240%;	}
	.box_imp02 { padding:40px 30px 40px 40px; }
	.box_imp02_02 {	margin-top:-80px; }
	.box_imp02 h2 {	font-size:160%; }
	.menu_of_the_day {	max-width:250px; }
	.menu_of_the_day:after { width:130px; height:143px;	}
	.footer_top { padding-top:20px; padding-bottom:20px; }

}
  
@media screen and (max-width: 1200px) {
	.box_padding { padding-left:30px; padding-right:30px; }
	.button_main a { font-size:130%;	padding:10px 30px; }
	.title_box h1, .title_box h2 { font-size:260%; }
	.header {	padding-top:5px; padding-bottom:5px; }
	.main_logo img { max-width:150px; }
	.navigation { padding-top:9px; }
	.navigation a { font-size:95%; margin-left:10px; }
	.navigation a:after { height:2px; }
	.rslider_wrapper { height:480px; }
	.rslider_wrapper_in { height:200px; }
	.rslider_content_in img { max-width:180px; }
	.container_x1 {	padding-top:30px; padding-bottom:30px;	}
	.container_x_left { padding-right:15px;	}
	.container_x_right {	padding-left:15px;	}
	.bi01_in { height:275px; }
	.bi01_content {	padding:15px 15px 15px 20px; }
	.bi01_content h2 { font-size:100%; letter-spacing:1px; } 
	.bi01_content h2 small {	font-size:190%;	}
	.box_imp02 { padding:30px 15px 30px 30px; }
	.box_imp02_02 {	margin-top:-60px; }
	.box_imp02 h2 {	font-size:140%; }
	.menu_of_the_day {	max-width:200px; }
	.menu_of_the_day:after { width:100px; height:110px;	}
	.footer_top { padding-top:15px; padding-bottom:15px; }
	.footer_top > div > div {	font-size:90%; padding-left:40px; }
	.footer_top > div:nth-child(1) > div:before { top:2px;	font-size:30px; }
	.footer_top > div:nth-child(2) > div:before { top:-2px;	font-size:22px; }
	.footer_top > div:nth-child(3) > div:before { top:-2px;	font-size:30px; }
	.footer_top h2 { font-size:180%; }
	.footer_bottom {	padding-top:15px; padding-bottom:15px; }
	
}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.box_padding { padding-left:15px; padding-right:15px; }
	.header { padding-top:0; padding-bottom:0; }
	.main_logo img { position:absolute; top:5px; left:15px;	width:140px; z-index:100; } 
	.navigation { padding-top:0; }
	.navigation ul { width:100%; text-align:center; margin-top:15px; margin-bottom:5px; }
	.navigation li { width:100%; margin-left:0; margin-bottom:5px; }
	.navigation a { display:inline-block; font-size:115%; margin:0 0 10px 0 !important; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse:not(.in) { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#0a0a0a; border-radius:0; margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#0a0a0a; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#eaab00; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#0a0a0a; }
	.rslider_wrapper { height:400px; }
	.rslider_wrapper_in { height:180px !important; }
	.rslider_content_in img { max-width:130px; }
	.box_imp02_02 {	margin-top:-100px; }	
	.box_imp02_02:before { top:20%; }
	.footer_top > div:nth-child(1) > div:before { top:4px;	}
	.footer_top > div:nth-child(2) > div:before { top:0; }
	.footer_top > div:nth-child(3) > div:before { top:0;	}
	.footer_top h2 { font-size:150%; letter-spacing:1px; }
	.footer_bottom {	font-size:80%; }
	
}
 
@media screen and (max-width: 767px) {
	.rslider_wrapper { height:280px; }
	.container_x1 {	padding-top:15px; padding-bottom:15px;	}
	.container_x1_bg { background:none; }
	.c_x_bg {	position:relative; left:-15px;	width:120%; height:200px; background-position:center 50% !important; margin-top:15px; }
	.bi01_content h2 { font-size:90%; letter-spacing:0; } 
	.bi01_content h2 small {	font-size:165%;	}
	.box_imp02 { margin-bottom:150px; padding:15px; }
	.box_imp02_02 {	margin-top:0; }
	.box_imp02:before { top:100% !important; left:0 !important; width:100% !important; height:150px !important; margin:0 !important;	 }
	.menu_of_the_day_wrapper { text-align:center; margin-top:15px; }
	.menu_of_the_day { display:inline-block; }
	.footer_top > div > div {	margin-bottom:10px; }
	.footer_top h2 { display:inline-block; }
	.footer_bottom div { text-align:center; }
	
}

@media screen and (max-width: 550px) {
	.title_box h1, .title_box h2 { font-size:220%; }
	.box_imp01 > div { width:100%; }
	.bi01_content h2 small {	font-size:195%;	}
	.bi01_in { height:150px; text-align:center; margin-bottom:10px; }
	.box_imp01 > div:last-child .bi01_in { margin-bottom:0; }
 
}

@media screen and (max-width: 410px) {
	.footer_top > div > div {	display:inline-block; font-size:80%; width:200px; }
	.footer_top h2 { display:block; }
	.footer_bottom div:first-child li { width:100%; }
	.footer_bottom div:first-child span { display:none; }

}

@media screen and (max-width: 360px) {
	.button_main a { font-size:115%;	padding:10px 20px; }
	.title_box h2 { font-size:180%; }

}