/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; } 
/*===================================================================*/
#wrapper{background: url(../images/front/bg_content.png) no-repeat;padding-top: 35px;overflow: hidden;background-size: contain;}

#header{background: url(../images/front/bg_header.png) repeat-x; height: 77px;margin-bottom: 40px;}
#header .logo{position: relative;}
#header .logo a{display: block;position: absolute;left: -40px; top:-72px;}
#header .menu ul{margin: 0 -15px;}
#header .menu li{float: left;padding: 29px 15px 25px;position: relative;}
#header .menu li.index a{text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat 0px 0px; width: 21px;height: 16px;}
#header .menu li a{display: block; font: 500 13px/normal 'Roboto', sans-serif; color: #4a4a4a; text-transform: uppercase; transition: color .4s ease;}
#header .menu li.sub-menu > a:after{content: ''; border: 4px solid transparent; border-top: 4px solid #4A4A4A; display: block; position: absolute; top: 50%; right: 3px; margin-top: 1px;}
#header .menu li.sub-menu:hover ul{display: block;}
#header .menu li.sub-menu ul:before{content: ''; border: 5px solid transparent; border-bottom: 5px solid #85C1FA;display: block;position: absolute;top:-11px; left: 50px;}
#header .menu li.sub-menu ul{z-index: 22;display: none;position: absolute; left: 10px; top: 71px; width: 200px; background: #fff; box-shadow: 0px 2px 3px #3F9EF7; border-radius: 0 0 4px 4px; border-top: 1px solid #85C1FA; padding: 5px 0; transition: display 0.2s linear; }
#header .menu li.sub-menu:hover > a:after{border-top: 4px solid #007EF4;}
#header .menu li.sub-menu li{float: none; padding: 5px 15px;}
#header .menu li.sub-menu li a{color: #4a4a4a;text-transform: capitalize;}


h2{font: 400 24px/normal 'Lobster', cursive; color: #4a4a4a; padding-bottom: 20px; margin-bottom: 20px;text-align: center; background: url(../images/front/bg_line.png) no-repeat center bottom;text-transform: capitalize;}


.table-book{background: #fff; padding: 30px; border-radius: 5px;}
.table-book h2{margin-top: 10px;}
.fancybox-outer .table-book h2{margin-top: 10px;}
.table-book li{margin-bottom: 15px;position: relative;}
.table-book li:last-child{margin-bottom: 2px;}
.table-book li .form-control{background-color: #f6f6f6 !important; font: 400 13px/normal 'Roboto', sans-serif; color: #9c9c9c;}
.table-book li #date{background: url(../images/front/date.png) no-repeat 97% center;}
.table-book li #hour{background: url(../images/front/hour.png) no-repeat 97% center;text-align: left;}
.table-book li button{background: #007ef4; border: none; border-radius: 3px; color: #fff; font: 400 13px/normal 'Roboto', sans-serif; width: 85px; padding: 10px 0; margin: auto; display: block;}
.bootstrap-timepicker{width: 100%;}
.input-group .form-control:last-child, .input-group-addon:last-child{border-left: 1px solid #ccc;border-radius: 4px}
.datepicker{margin-top: -267px;z-index: 9999;}

.slider{margin-bottom: 40px;}
.slider img{border-radius: 5px;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; width: 100%; border: 0; }
.slider .rslides_tabs{text-align: center; margin-top: 15px;}
.slider .rslides_tabs li{display: inline-block; padding: 0 5px;}
.slider .rslides_tabs li a{display: inline-block; width: 15px; height: 15px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -25px -38px ;}
.slider .rslides_tabs li.rslides_here a{background-position: 0 -38px;}

.location{background: #fff; padding: 60px 0;}
.location .loca-info{font: 400 14px/normal 'Roboto', sans-serif; color: #4a4a4a;}
.location .loca-info p{padding: 10px 0 15px;}

.local-food{background: url(../images/front/bg_local_food.jpg) no-repeat; padding: 60px 0;}
.advertise h2,
.local-food h2{background: url(../images/front/bg_line_1.png) no-repeat center bottom; color: #fff;}

.local-food li{text-align: center;}
.local-food li a.img{display: inline-block;margin-bottom: 10px;position: relative;overflow: hidden;}
.local-food li a.img img{border-radius: 4px;width: 100%;height: 100%; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear;}
.local-food li:hover a.img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.local-food li a.img:before{z-index: 10; position: absolute; display: block; content: ''; width: 100%; height: 100%; background: url(../images/front/bg_opacity.png) no-repeat ; background-size: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.local-food li h4{margin-bottom: 5px;}
.local-food li h4 a{display: block; font: 400 15px/normal 'Roboto', sans-serif; color: #fff;text-transform: capitalize;}
.local-food li strong{font: 400 20px/normal 'Lobster', cursive; color: #fff;}


.news-event{margin: 60px 0;}
.advertise{padding: 45px 40px; background: #fdba4e; color: #fff; text-align: center;min-height: 425px;}
.advertise p{font: 400 14px/normal "Roboto", sans-serif; margin: 10px 0;}
.advertise p.view{margin-bottom: 0;}
.advertise p.view a{display: inline-block; color: #fff;transition: background 2s ease;}
.advertise p.view a:before{display: inline-block; background: #fff; height: 1px; width: 20px;margin-right: 5px; content: '';vertical-align: middle;}
.advertise p.view a:after{display: inline-block; background: #fff; height: 1px; width: 20px;margin-left: 5px;content: '';vertical-align: middle;}
.advertise p.view:hover a:after,
.advertise p.view:hover a:before{-webkit-animation-name: fadeOut;
  animation-name: fadeOut;display: none;}

.news h4 a{font: 500 14px/normal 'Roboto', sans-serif; color: #3a3a3a; display: block;margin: 10px 0;}
.news p{font: 400 14px/normal 'Roboto', sans-serif; color: #5a5a5a;margin-bottom: 10px;}
.news span{font: 400 13px/normal 'Roboto', sans-serif; color: #9c9c9c;}

.news-info ul li h4 a:hover,
.advertise p.view a:hover,
.block-menu li h5 a:hover,
.news h4 a:hover{color: #F30909;}

#header .menu li.sub-menu li a:hover,
#header .menu li.active a,
#header .menu li:hover a{color: #007EF4;}
.contact-info.block-txt ul li #send:hover,
button.read-more:hover,
.table-book li button:hover{background: #fdba4e;}

#footer{background: #191919;}
#footer h3{font: 400 24px/normal 'Lobster', cursive; color: #fff;text-transform: capitalize;margin-bottom: 10px;}
#footer p{font: 400 14px/normal 'Roboto', sans-serif;margin-bottom: 5px; color: #6e6e6e;}
.footer-top{padding: 40px 0 20px;background: url(../images/front/footer_line.png) no-repeat center bottom; margin-bottom: 15px;}
.footer-top ul li.row{font: 400 14px/normal 'Roboto', sans-serif;margin-bottom: 5px; color: #6e6e6e;}
.footer-top ul li.row span.border i{border-bottom: 1px dashed #6e6e6e; display: inline-block; text-indent: -9999px; width: 100%; height: 1px; vertical-align: middle;}

.footer-top ul.social{overflow: hidden;margin-top: 15px;}
.footer-top ul.social li{float: left;}
.footer-top ul.social li a{display: block;background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px;margin-right: 10px;}
.footer-top ul.social li a.icon_face{background-position: 0px -21px; width: 7px;height: 13px;}
.footer-top ul.social li a.icon_twi{background-position: -19px -23px; width: 12px;height: 10px;margin-top: 2px;}
.footer-top ul.social li a.icon_gg{background-position: -42px -21px; width: 13px;height: 13px;}

.footer-bot{padding-bottom: 20px;text-align: center;}



a.menu-mobile{display: none; position: absolute; top: 30px; left: 15px;width: 25px;height: 20px; background: url(../images/front/icon-tab.png) no-repeat; text-indent: -9999px;}
.mobile{display: none;}

.mm-menu{background: #45413D;}
.mm-listview > li > a, 
.mm-listview > li > span{font: 400 13px/normal 'Roboto', sans-serif; color: #fff;text-transform: uppercase;padding: 12px 10px 11px;}
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before,
.mm-menu .mm-header,
.mm-menu .mm-listview > li:after {border-color: #333;}
.mm-menu .mm-header .mm-btn:before,
.mm-menu .mm-listview > li > a.mm-next:after{border-color: #fff;}
.mm-listview > li:not(.mm-divider):after{left: 0;}
.mm-header{height: 43px;}
.mm-menu .mm-header > a{font: 500 15px/normal 'Roboto', sans-serif; color: #fff;text-transform: uppercase;}
.mm-listview > li.active a,.mm-menu .mm-listview > li.mm-selected > a,.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{background: #fc7f0c;}
.mm-menu .mm-listview > li.mm-selected:after{border-bottom-color: #fc7f0c;}



#wrapper.bg-another{background: url(../images/front/bg_another.jpg) no-repeat;}
.block-content h2{font-size: 44px; color: #fff; margin: 20px 0 53px; background: url(../images/front/bg_line_1.png) no-repeat center bottom}
.block-txt{padding: 35px 0; background: #fff;}
.block-txt li{padding: 25px 0;}
.block-txt h3{font: 400 24px/normal 'Lobster', cursive; color: #4a4a4a; padding-bottom: 20px; margin-bottom: 20px;text-align: center; background: url(../images/front/bg_line.png) no-repeat center bottom;text-transform: capitalize;}
.block-txt p{font: 400 14px/normal 'Roboto', sans-serif; color: #4a4a4a; padding-bottom: 15px;}
p.frame{width: 240px; margin: 15px auto; font: 400 18px/normal 'Roboto', sans-serif; color: #5a5a5a;text-align: center;background: url(../images/front/frame.png) no-repeat; padding: 17px 0;}
p.frame span{color: #ff0000;}
.user-food .detail{width: auto;background: url(../images/front/frame_food.png) no-repeat;height: 360px; background-size: cover;padding: 20px;text-align: center;}
.user-food a.img{width: auto;height: 254px;display: inline-block;overflow: hidden;margin-bottom: 10px;}
.user-food h4 a{font: 400 20px/normal 'Lobster', cursive; color: #3a3a3a;}
.user-food span{font: 400 14px/normal 'Roboto', sans-serif; color: #6a6a6a;margin-top: 5px;display: inline-block;}

.block-map{margin-bottom: 20px;}
.contact-info.block-txt h3{text-align: left;background: transparent; padding-bottom: 0;margin-bottom: 5px;}
.contact-info.block-txt ul li{padding: 10px 15px;}
.contact-info.block-txt p span{display: block;margin-bottom: 10px;}
button.read-more,
.contact-info.block-txt ul li #send{display: block;font: 400 13px/normal 'Roboto', sans-serif; color: #fff; padding: 10px 0; text-align: center; background: #007ef4;border-radius: 4px;border: none; width: 100px; margin: auto;}

.news-info{}
.news-info ul li{padding: 0 15px;margin-bottom: 20px;}
.news-info ul li a.img{display: inline-block; height: 180px; overflow: hidden;}
.news-info ul li h4{height: 40px;overflow: hidden;margin-bottom: 5px;}
.news-info ul li h4 a{font: 500 15px/normal 'Roboto', sans-serif; color: #3a3a3a;display: inline-block;}
.news-info ul li p{color: #5a5a5a;font: 400 14px/normal 'Roboto', sans-serif;margin-bottom: 10px;height: 75px;overflow: hidden;padding: 0;}
.news-info .txt-info span,
.news-info ul li span{font: 400 13px/normal 'Roboto', sans-serif; color: #9c9c9c;}

.news-info nav{text-align: center;}
.news-info nav ul{margin: 0;}
.news-info nav li{padding: 0;}
.pagination > li > a, 
.pagination > li > span{border: none;background: transparent;font: 400 13px/normal 'Roboto', sans-serif; color: #3a3a3a;}
.pagination > li > a:hover, 
.pagination > li > span:hover{color: #dd1a1a;background: transparent;}
.pagination > li.last a{border: 4px solid transparent; border-left: 4px solid #3a3a3a; text-indent: -9999px; padding: 0; border-radius: 0; margin: 11px 9px 0; width: 4px; height: 4px;}

.news-info .txt-info h4{color: #3a3a3a;font: 500 16px/normal 'Roboto', sans-serif;margin-bottom: 10px; text-transform: uppercase;}
.news-info .txt-info .img{text-align: center;margin: 10px 0;}
.news-invole{}
.menu-content .block-txt li{padding: 0 15px;margin-bottom: 25px;}
.menu-content .block-txt li:nth-child(2n+1) .detail{padding-right: 30px;}
.menu-content .block-txt li:nth-child(2n+2) .detail{padding-left: 30px;}
.block-menu.pd_none{padding: 15px 0 30px;}
.block-menu{padding: 50px 0 30px;}
.block-menu li a.img{width: 100px;height: 100px;overflow: hidden;float: left;margin-right: 20px;}
.block-menu li a.img img{width: 100px;height: 100px;border-radius: 100%;}
.block-menu li .detail div{overflow: hidden;padding-top: 15px;}
.block-menu li h5 a{font: 500 15px/normal 'Roboto', sans-serif; color: #3a3a3a;margin-bottom: 10px;display: inline-block;}
.block-menu li p{padding: 0;height: 40px; overflow: hidden;}
.block-menu li strong{font: 400 15px/normal 'Lobster', cursive; color: #cd2122;margin-bottom: 10px;}
.bg-menu{background: #fefbf6;}
.img_menu{padding: 0 15px; text-align: center;}

.fancybox-type-image a.fancybox-close,
.fancybox-type-iframe a.fancybox-close{display: none;}
.fancybox-type-image .fancybox-skin{padding: 0 !important; background: transparent;}
.fancybox-type-image .fancybox-title-float-wrap{top: -50px; bottom: auto;margin: 0;}
.fancybox-type-image .fancybox-title-float-wrap .child{background: transparent; font: 400 30px/normal 'Lobster', cursive; color: #fff;}
.fancybox-type-image{top: 60px !important;}

.fancybox-prev span, 
.fancybox-next span{background: url(../images/front/sprite.png) no-repeat;width: 20px; height: 35px;}
.fancybox-prev span{background-position: 0px -100px;}
.fancybox-next span{background-position: -25px -100px;}

.fancybox-prev:hover span{background-position: 0px -61px;}
.fancybox-next:hover span{background-position: -25px -61px;}

.fancybox-prev{left: -40%;}
.fancybox-next{right: -40%;}



.pop_table{overflow: inherit !important;}
.pop_table .table-condensed > thead > tr > th, 
.pop_table .table-condensed > tbody > tr > th, 
.pop_table .table-condensed > tfoot > tr > th, 
.pop_table .table-condensed > thead > tr > td, 
.pop_table .table-condensed > tbody > tr > td, 
.pop_table .table-condensed > tfoot > tr > td{padding: 3px 5px;}
.pop_table .datepicker td, .fancybox-skin .datepicker th{width: 15px; height: 15px;}
.pop_table .datepicker{padding: 0; margin-top: -212px !important;}
.pop_table .table-book{box-shadow: 0 0 0 transparent;}
.pop_table .table-book h2 {margin: 10px 0 20px !important; padding-bottom: 10px; }


.img-product{width: 400px; float: left; margin-right: 20px;}
.food-detail{}
.food-detail p{line-height: 20px;}
.food-detail h5{font: 400 24px/normal 'Lobster', cursive; color: #4A4A4A;margin-bottom: 20px;text-transform: capitalize;}
.food-detail strong{font: 400 15px/normal 'Lobster', cursive; color: #cd2122; margin-top: 10px;}
.right-food .block-food{padding-left: 50px;margin-bottom: 40px;}
.right-food .block-food:last-child{margin-bottom: 0;}
.right-food li a.img{width: 100px; height: 100px; border-radius: 100%; display: block;float: left;margin-right: 20px;}
.right-food li a.img img{border-radius: 100%;width: 100%;height: 100%;}
.right-food li h6 a{font: 500 15px/normal 'Roboto', sans-serif; color: #3a3a3a;display: block;margin: 20px 0 10px;}
.food-another ul li h6 a:hover,
.right-food li h6 a:hover{color: #cd2122;}
.food-detail .right-food ul.list-td{}
.food-detail .right-food ul.list-td li{float: none; width: 100%;padding: 0; margin: 0 0 10px;}
.food-detail .right-food ul.list-td li a{font: 500 15px/normal 'Roboto', sans-serif; color: #3a3a3a; background: url(../images/front/dao.png) no-repeat left top; padding-left: 30px;}
.food-detail .right-food ul.list-td li a:hover{color: #fdba4e; background: url(../images/front/dao.png) no-repeat left bottom;}

.food-another{text-align: center; margin-top: 40px;}
.food-another ul li a.img{width: 175px; height: 175px; display: block; margin: 0 auto 15px;border-radius: 100%;}
.food-another ul li a.img img{border-radius: 100%; width: 175px; height: 175px;}
.food-another ul li h6 a{font: 500 15px/normal 'Roboto', sans-serif; color: #3a3a3a; height: 40px; overflow: hidden;display: block;}

.bootstrap-timepicker-widget table td a{padding: 4px 0;}


.modal-content .table-book ul{overflow: hidden;}
.modal-content .table-book li{padding: 0 !important; width: 100%; float: none;}
/*===================================================================*/

@media(max-width: 1500px){}
@media(max-width: 1366px){}
@media(max-width: 1280px){
	.location{padding: 25px 0 35px;}
}
@media(max-width: 1024px){
	#header .menu li{padding: 29px 9px 25px;}
	#header .menu li a{font-size: 12px;}
	#header .menu li.sub-menu > a:after{right: -2px;}
	.table-book{padding:10px 20px;box-shadow: 0px 0px 1px #D0CFCF;}
	.slider .rslides_tabs li a{background: #007EF4;border-radius: 100%;}
	.slider .rslides_tabs li.rslides_here a{background: #F30909;}
	.advertise{padding: 20px;}
	.user-food .detail{background-size: contain; height: 290px;}
	.user-food a.img{height: 190px;}
	.img-product{display: block;float: none;margin: 0 auto 20px;}
	.right-food .block-food{padding-left: 0;}
	.food-another ul li a.img img,
	.food-another ul li a.img {width: 145px;height: 145px;}


}
@media(max-width: 950px){
	.img_none{display: none;}
	#wrapper{padding-top: 0;}
	a.menu-mobile{display: block;}
	#header{margin-bottom: 20px;}
	#header .menu{position: inherit;}
	#header .menu ul{display: none;}
	#header .logo a{display: block;position: inherit;top: auto;left: auto; margin: 0 auto;text-indent: -9999px;background: url(../images/front/logo_mobile.png) no-repeat; width: 208px; height: 78px;}
	.table-book h2{margin: 0 0 10px; padding-bottom: 10px;}

	.table-book .form-control{height: 28px;}
	.table-book li select.form-control {padding-top: 3px;}
	.slider,
	.table-book li{margin-bottom: 10px;}
	
	.service-info{padding: 20px 0;}
	.news-event{margin: 20px 0;}
	.block-txt li{padding: 10px 0;}
	.service-info li .col-sm-12 {width: 100%;}
	.block-txt li .img{width: 100%;text-align: center;}

	.user-food .detail{height: 220px;}
	.user-food a.img{height: 125px;}
	.block-menu li h5,
	.block-menu li strong{width: 100%; text-align: left;}
}
@media(max-width: 750px){
	#wrapper.bg-another,
	#wrapper{background: #fff;}
	#header {background: #fff; box-shadow: 0px 0px 4px #000;}
	.table-book .form-control {height: 34px; }
	.local-food li,
	.advertise,
	.footer-top .col-md-8,
	.table-book li{margin-bottom: 15px;}
	.location{padding: 20px 0 0;}
	.local-food{background: #fff;padding: 20px 0 0;}
	.local-food h2{background: url(../images/front/bg_line.png) no-repeat center bottom; color: #4a4a4a; }
	.local-food li h4 a,
	.local-food li strong{color: #4a4a4a;}
	.block-content h2{color: #4a4a4a; margin: 20px 0 10px;}
	.user-food .detail{height: auto;background-size: cover;border: 1px solid #EFEFEF;background: transparent;}
	.user-food a.img{height: 200px;}
	.user-food .col-md-4{margin-bottom: 20px;}
	.right-food li h6 a{text-align: left;}
	.right-food h5, .right-food ul{padding-left: 0}
	.advertise{min-height: inherit;}

}
@media(max-width: 680px){
	.location .loca-info p,
	.advertise p{text-align: justify;}
	.advertise p.view{text-align: center;}
	.menu-content .block-txt li:nth-child(2n+1) .detail,
	.menu-content .block-txt li:nth-child(2n+2) .detail{padding: 0;}
	.block-menu.pd_none,
	.block-menu{padding: 15px 0;}
}
@media(max-width: 630px){
	.menu-content .block-txt li{width: 100%;}
	.menu-content .block-txt .food-another ul li,
	.menu-content .block-txt .right-food li{width: 50%;}
}
@media(max-width: 500px){
	.contact-info.block-txt{padding: 15px 0;}
	.menu-content .block-txt .right-food li,
	.user-food .col-md-4{width: 100%;}
	.news-info ul li a.img{height: 145px;}
	.menu-info.block-txt{padding: 10px 0;}
}
@media(max-width: 400px){
	.news-info ul li a.img{height: auto;}
	.news-info ul li.col-md-3,
	.contact-info.block-txt ul li,
	.local-food li{width: 100%;}
	.news .col-xs-6{width: 100%;margin-bottom: 20px;}
	h2{font-size: 22px;}
	.block-txt h3{font-size: 20px;}
	.block-content h2{font-size: 35px;}
}