@font-face {
    font-family: 'UtmGodsWord';
    src: url('../fonts/GodsWord/UtmGodsWord.eot');
    src: url('../fonts/GodsWord/UtmGodsWord.eot') format('embedded-opentype'),
         url('../fonts/GodsWord/UtmGodsWord.woff2') format('woff2'),
         url('../fonts/GodsWord/UtmGodsWord.woff') format('woff'),
         url('../fonts/GodsWord/UtmGodsWord.ttf') format('truetype'),
         url('../fonts/GodsWord/UtmGodsWord.svg#UtmGodsWord') format('svg');
}

@font-face {
    font-family: 'UtmGodsWordB';
    src: url('../fonts/GodsWordB/UtmGodsWordB.eot');
    src: url('../fonts/GodsWordB/UtmGodsWordB.eot') format('embedded-opentype'),
         url('../fonts/GodsWordB/UtmGodsWordB.woff2') format('woff2'),
         url('../fonts/GodsWordB/UtmGodsWordB.woff') format('woff'),
         url('../fonts/GodsWordB/UtmGodsWordB.ttf') format('truetype'),
         url('../fonts/GodsWordB/UtmGodsWordB.svg#UtmGodsWordB') format('svg');
}

/*----- 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; }

.tm-ic{background: url(../images/front/sprite.png) no-repeat;}
.cl-after:after{content: ''; display: block; width: 100%; clear: both;}
/*===================================================================*/
#wrapper{background: url(../images/front/bg-wrapper.png) no-repeat center -2px;}

#header:before{content: ''; width: 100%; height: 66px; background: url(../images/front/bg-header-top.png) repeat-x; display: block; background-size: cover;}
.tm-header{background: url(../images/front/bg-menu.png) repeat-x; height: 60px;}
.tm-logo{position: relative; width: 100%; z-index: 20;}
.tm-logo a{display: block; width: 129px; height: 129px; position: absolute; left: 50%; margin-left: -65px; top: -42px;}

.tm-menu{position: relative;}
ul.menu li{float: left; text-transform: uppercase; position: relative; z-index: 1000;}
ul.menu li:nth-last-child(3),
ul.menu li:nth-last-child(2),
ul.menu li:nth-last-child(1){float: right;}
ul.menu li:nth-last-child(3) a,
ul.menu li:nth-last-child(2) a,
ul.menu li:nth-last-child(1) a{padding: 20px 27px;}
ul.menu li a{font: 400 14px/20px 'UtmGodsWord', sans-serif; color: #fff; display: block; padding: 20px 25px;
-webkit-transition: background 1s ease; -moz-transition: background 1s ease; -ms-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; }
ul.menu li:hover a,
ul.menu li.active a{background: #ffe400; color: #2c2c2c;}

.tm-menu ul.menu li ul{width: 240px; position: absolute; opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 100; left: 0; top: 0px; padding: 0 2px; background: #8a7d0f;}
.tm-menu ul.menu li:hover ul{opacity: 1; visibility: visible; top: 60px;}
.tm-menu ul.menu li ul li{float: none; text-transform: initial; margin-bottom: 1px;}
.tm-menu ul.menu li ul li:last-child{margin-bottom: 0;}
.tm-menu ul.menu li ul li a{padding: 10px 20px; background: #fff;}
.tm-menu ul.menu li ul li a:hover{background: #ffe400;}
/*==========================================================================*/
a.menu-mobile{display: none; position: absolute; top: 20px; right: 0; font: 400 14px/20px 'UtmGodsWord', sans-serif; color: #fff; text-transform: uppercase; background: url(../images/front/ic-menu.png) no-repeat left center; padding-left: 40px;}
.mm-menu{background: url(../images/front/bg-menu.png) repeat;}
.mm-listview>li>a, .mm-listview>li>span{font: 400 14px/20px 'UtmGodsWord', sans-serif; color: #fff;}
.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>*{font: 400 15px/20px 'UtmGodsWord', sans-serif; color: #fde200; text-transform: uppercase;}
.mm-navbar,
.mm-listview>li, 
.mm-listview>li .mm-next, 
.mm-listview>li .mm-next:before, 
.mm-listview>li:after,
.mm-listview>li:not(.mm-divider):after{border-color: #2e1333;}
.mm-listview>li:not(.mm-divider):after{left: 0; z-index: 3;}
.mm-menu .mm-btn:after, 
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after, 
.mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.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: #000; border-radius: 0;}
.mm-menu .mm-listview>li a:not(.mm-next) {-webkit-tap-highlight-color: #000; tap-highlight-color: #000; }
/*==========================================*/
#footer{background: url(../images/front/bg-black.png) repeat;}
.footer-bot{font: 400 14px/20px 'Open Sans', sans-serif; color: #fff; text-align: center; background: url(../images/front/bg-ft-b.png) no-repeat center top; padding: 15px 0 55px;}
.footer-bot a{color: #fad403;}
.footer-bot p{margin-bottom: 25px;}
ul.ft-social{display: inline-block; overflow: hidden; margin: 0 -5px;}
ul.ft-social li{padding: 0 5px; float: left;}
ul.ft-social li a{display: block; text-indent: -9999px; width: 20px; height: 20px;}
ul.ft-social li a.tm-f{background-position: 0 -26px;}
ul.ft-social li a.tm-g{background-position: -30px -26px;}
ul.ft-social li a.tm-i{background-position: -60px -26px;}
ul.ft-social li a.tm-t{background-position: -90px -26px;}
ul.ft-social li a.tm-f:hover{background-position: 0 -50px;}
ul.ft-social li a.tm-g:hover{background-position: -30px -50px;}
ul.ft-social li a.tm-i:hover{background-position: -60px -50px;}
ul.ft-social li a.tm-t:hover{background-position: -90px -50px;}
.footer-top{font: 400 14px/20px 'Open Sans', sans-serif; color: #fff; padding: 55px 0 25px;}
.footer-top h2{font: 400 22px/normal 'UtmGodsWordB', sans-serif; color: #fad403; text-transform: uppercase; margin-bottom: 15px;}
a.ft-logo{width: 170px; float: left; text-align: center; display: block;}
.ft-txt{width: calc(100% - 200px); float: right;}
.ft-txt span{display: block; margin-bottom: 10px;}
.ft-time{padding-left: 20px;}
.ft-time ul li{overflow: hidden; margin-bottom: 10px;}
.ft-time ul li .dt{float: left; width: 95px;}
.ft-time ul li .dot{float: left; width: calc(100% - 210px); height: 1px; background: url(../images/front/bg-dot.png) repeat-x; margin: 15px 5px 0;}
.ft-time ul li .time{float: right; width: 105px;}
/*==========================================*/
.tm-ct-top{padding: 55px 0 30px;}
.table-book{background: #fff; padding: 25px 25px 15px;}
.table-book h3{font: 400 22px/normal 'UtmGodsWordB', sans-serif; color: #2c2c2c; text-align: center; background: url(../images/front/bg-line-tb.png) no-repeat center bottom; padding-bottom: 10px; margin-bottom: 30px;}
.table-book li{margin-bottom: 18px; position: relative;}
.table-book li .form-control{font: 400 14px/20px 'Roboto', sans-serif; color: #9c9c9c; height: 36px; padding: 7px 12px;}
.table-book li #date{background: url(../images/front/date.png) no-repeat calc(100% - 20px) center;}
.table-book li #hour{background: url(../images/front/hour.png) no-repeat calc(100% - 20px) center;text-align: left;}
.table-book li button{width: 120px; display: block; margin: 0 auto; background: #ffe400; border: 1px solid #d4be00; border-radius: 20px; font: 700 14px/20px 'Open Sans', sans-serif; color: #333; padding: 6px 0; text-align: center;}
.table-book li button:hover{background: #c50202; border-color: #8a2020; color: #fff;}
.table-book li label{width: 100%; position: relative; cursor: pointer;}
.table-book li label:after {content: ''; right: 20px; top:50%; margin-top: -3.5px; position:absolute; pointer-events:none; width: 14px; height: 7px; background: url(../images/front/sprite.png) no-repeat -54px 0; }
.table-book li select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.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{position: relative;}
.slider:after{content: ''; display: block; border: 1px solid #fff; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 9;}
.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; position: absolute; left: 0; bottom: 20px; width: 100%; z-index: 10; height: 16px;}
.slider .rslides_tabs li{display: inline-block; padding: 0 5px;}
.slider .rslides_tabs li a{display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -31px 0 ;}
.slider .rslides_tabs li.rslides_here a{background-position: 0 0;}

.tm-title{margin-bottom: 30px;}
.tm-title h2{font: 400 22px/normal 'UtmGodsWordB', sans-serif; text-transform: uppercase; padding-bottom: 10px;}
.tm-title.tm-rd h2{background: url(../images/front/tm-rd.png) no-repeat center bottom; color: #c00;}
.tm-title.tm-rd.text-left h2{background: url(../images/front/gallery.png) no-repeat left bottom; color: #c00;}
.tm-title.tm-blk h2{background: url(../images/front/tm-blk.png) no-repeat center bottom; color: #fad403;}

body{background: url(../images/front/bg-body.png) repeat;}

.tm-space{padding: 45px 0 30px; background: #fff url(../images/front/bg-body.png) repeat left 30px;}
.lst-space{}
.lst-space ul li{margin-bottom: 30px;}
.lst-space a.img{display: block; overflow: hidden; border: 1px solid #c50202; position: relative;}
.lst-space a.img:before{opacity: 0; display: block; content: ''; width: 100%; height: 100%; background: rgba(255, 204, 0, .9) url(../images/front/ic-views.png) no-repeat center; position: absolute; left: 0; top: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; }
.lst-space a.img:after{opacity: 0; display: block; content: ''; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: 1px solid #fff;  -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; }
.lst-space a.img:hover{border-color: transparent;}
.lst-space a.img:hover:after,
.lst-space a.img:hover:before{opacity: 1;}

a.tm-200{height: 200px;}
a.tm-400{height: 400px;}
.lst-space a.img img{max-width: initial;}

.tm-special-food{background: url(../images/front/bg-black.png) repeat; padding: 50px 0 20px;}
.lst-food{}
.lst-food ul{margin: 0 -40px;}
.lst-food ul li{float: left; width: 33.33%; padding: 0 40px; margin-bottom: 20px; text-align: center;}
.lst-food ul li a.img{width: 250px; height: 250px; overflow: hidden; display: block; margin: 0 auto; background: #fff; border-radius: 100%;}
.lst-food ul li a.img img{max-width: initial;}
.lst-food ul li h3{text-transform: uppercase; margin: 20px 0 10px;}
.lst-food ul li h3 a{font: 600 15px/20px 'Open Sans', sans-serif; color: #e2e2e2;}
.lst-food ul li p{font: 400 14px/20px 'Open Sans', sans-serif; color: #e2e2e2; }

.tm-content-bot{padding: 55px 0 30px; background: #fff url(../images/front/bg-body.png) repeat;}
.lst-fd-mn{background: url(../images/front/fd-mn.png) repeat; border: 1px solid #9d644e; border-top: none;}
.lst-fd-mn ul{}
.lst-fd-mn ul li{width: calc(100%/3); float: left;}
.lst-fd-mn ul li:nth-child(3n+3) .detail{border-right: none;}
.lst-fd-mn .detail{padding: 30px; overflow: hidden; border: 1px solid #9d644e; border-bottom: none; border-left: none;}
.lst-fd-mn a.img-fd{width: 180px; float: left; height: 190px; display: block; overflow: hidden;}
.lst-fd-mn .txt-fd{width: calc(100% - 195px); float: right;}
.lst-fd-mn .txt-fd h3{text-transform: uppercase; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lst-fd-mn .txt-fd h3 a{font: 600 15px/20px 'Open Sans', sans-serif; color: #f2ebc6;}
.lst-fd-mn .txt-fd p span{display: block; font: 400 14px/20px 'Open Sans', sans-serif; color: #f2ebc6; margin-bottom: 5px;}
.lst-fd-mn .txt-fd .tm-star{margin-bottom: 10px;}
.lst-fd-mn .txt-fd .price{font: 400 15px/20px 'Open Sans', sans-serif; color: #f99; display: block; margin-bottom: 10px; text-shadow: 0 5px 5px rgba(0,0,0,.75);}
a.tm-choose{font: 400 14px/20px 'Open Sans', sans-serif; color: #830000; display: block; width: 115px; text-align: center; padding: 8px 0; background: #d9bbac;}
a.tm-choose:hover{background: #fad403;}

.lst-food ul li h3 a:hover,
.lst-fd-mn .txt-fd h3 a:hover{color: #fad403;}

.tm-ct-bot{padding: 40px 0 0;}
.tm-gallery{margin-bottom: 30px;}
.lst-glr{}
.lst-glr ul{margin: 0 -2.5px;}
.lst-glr ul li{padding: 0 2.5px; margin-bottom: 5px;}
.lst-glr figure{margin: 0; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.lst-glr figure .tm-img-show{overflow: hidden; position: relative; text-align: center;}
.lst-glr figure .tm-img-show img{width: 100%; height: 100%;}
.lst-glr figcaption {position: absolute; top: 0; left: 0; background: rgba(250, 212, 3, .8); width: 100%; height: 100%;}
.lst-glr .detail {-webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; perspective-origin: 0 50%; overflow: hidden;}
.lst-glr figure:hover .tm-img-show span{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
.lst-glr figcaption {opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.lst-glr figure:hover figcaption {opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
.tm-h-195{height: 195px;}
.tm-h-395{height: 395px;}
.lst-glr figure:hover a.tm-view{left: 50%; margin-left: -48px;}
.lst-glr a.tm-view{background: url(../images/front/tm-view.png) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 50%; margin-top: -20px; left: -100%; width: 40px; height: 40px;
-webkit-transition: left 1.2s ease; -moz-transition: left 1.2s ease; -ms-transition: left 1.2s ease; -o-transition: left 1.2s ease; transition: left 1.2s ease; }
.lst-glr figure:hover a.tm-link{right: 50%; margin-right: -48px;}
.lst-glr a.tm-link{background: url(../images/front/tm-link.png) no-repeat; text-indent: -9999px; display: block; position: absolute; top: 50%; margin-top: -20px; right: -100%; width: 40px; height: 40px;
-webkit-transition: right 1.2s ease; -moz-transition: right 1.2s ease; -ms-transition: right 1.2s ease; -o-transition: right 1.2s ease; transition: right 1.2s ease; }

.tm-support{margin-bottom: 30px;}
.tm-sp{margin-bottom: 20px;}
.tm-sp h3{font: 400 15px/20px 'UtmGodsWord', sans-serif; color: #fff; text-transform: uppercase; padding: 15px 0; text-align: center; background: url(../images/front/bg-sp.png) repeat-x; margin-bottom: -1px;}
.tm-sp ul{background: #fff; border: 1px solid #dbe3ea; padding: 15px 20px; font: 400 14px/20px 'Roboto', sans-serif; color: #444;}
.tm-sp ul li:not(:last-child){padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbe3ea;}
.tm-sp p{overflow: hidden; margin-bottom: 7px;}
.tm-sp p a.tm-sky{background: url(../images/front/ic-skype.png) no-repeat left center; padding-left: 25px; color: #444;}
.tm-sp p a.tm-yh{background: url(../images/front/ic-yh.png) no-repeat left center; padding-left: 25px; color: #444;}
.tm-sp span.tm-p{display: block; margin-bottom: 7px; background: url(../images/front/ic-p.png) no-repeat left center; padding-left: 20px; font-size: 16px; color: #ff383e;}
.tm-sp span.tm-m{display: block; background: url(../images/front/ic-m.png) no-repeat left center; padding-left: 20px;}


@-moz-document url-prefix() { 
	
}
.lst-fd-mn a.img-fd img {width: 100%; height: 100%; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; }
.lst-fd-mn a.img-fd:hover img {-webkit-transform: rotate(5deg) scale(1.1); -moz-transform: rotate(5deg) scale(1.1); -ms-transform: rotate(5deg) scale(1.1); -o-transform: rotate(5deg) scale(1.1); transform: rotate(5deg) scale(1.1); }
@media (max-width: 1190px){
	ul.menu li a{padding: 20px 12px;}
	ul.menu li:nth-last-child(3) a,
	ul.menu li:nth-last-child(2) a,
	ul.menu li:nth-last-child(1) a{padding: 20px 10px;}
	.table-book{padding: 13px 20px 10px;}
	.table-book li,
	.table-book h3{margin-bottom: 10px;}
	.ft-time{padding: 0;}
	.lst-food ul{margin: 0 -15px;}
	.lst-food ul li{padding: 0 15px;}
	.lst-fd-mn ul li{width: 50%;}
	.lst-fd-mn ul li:nth-child(3n+3) .detail{border-right: 1px solid #9d644e;}
	.lst-fd-mn ul li:nth-child(2n+2) .detail{border-right: none;}
}
@media (max-width: 990px){
	ul.menu{display: none;}
	.tm-logo a{left: 0; margin-left: 0;}
	a.menu-mobile{display: block;}
	.slider{margin-bottom: 20px;}
	.footer-top{padding: 30px 0 20px;}
	.tm-ct-top{padding: 40px 0 30px;}
	.table-book li button{width: 100%;}
	.tm-space,
	.footer-bot{padding: 15px 0;}
	.footer-bot p{margin-bottom: 10px;}
	.lst-space a.img img{width: 100%; height: 100%;}
	a.tm-400{height: 230px;}
	.lst-food ul li{width: 50%; margin-bottom: 30px;}
	.lst-fd-mn .detail{padding: 10px;}
	.tm-content-bot{padding: 30px 0 0;}
	.lst-glr ul li{width: 33.33%;}
	.lst-glr ul li .tm-img-show{height: 180px;}
}
@media (max-width: 750px){
	.tm-special-food{padding: 30px 0 10px;}
	.lst-fd-mn ul li{width: 100%;}
	.lst-fd-mn .txt-fd p span{display: inline-block; margin-right: 10px;}
}
@media (max-width: 680px){
	
}
@media (max-width: 630px){
	.footer-top h2{font-size: 18px;}
	a.tm-400{height: 170px;}
	.lst-food ul li{width: 100%;}
}
@media (max-width: 500px){
	a.ft-logo{width: 115px;}
	.ft-txt{width: calc(100% - 130px);}
	.lst-glr ul li{width: 50%;}
}
@media (max-width: 420px){
	.table-book ul li{width: 100%;}
	.lst-space ul li{width: 100%; margin-bottom: 10px;}
	.lst-space a.img{height: 200px;}
	a.ft-logo{display: none;}
	.ft-txt{width: 100%;}
	.lst-fd-mn a.img-fd{float: none; width: 100%; margin-bottom: 10px;}
	.lst-fd-mn .txt-fd{float: none; width: 100%;}
	.lst-glr ul li .tm-img-show{height: 110px;}
}