﻿@font-face 
{
    font-family: VNI-ZIRKON;
    src: url(../fonts/VNI-ZIRKON.ttf);
} 
html,body 
{
    margin:0px;
    padding:0px;   
    font-family: 'Roboto Condensed', sans-serif;
}
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
	padding:0;
}

p {
    margin: 0;
	padding:0;
}

ul,
label {
    margin: 0;
    padding: 0;
}

body a:hover,
body a:focus {
    text-decoration: none;
    outline: none;
}
.top
{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #007cbc;
    text-align: center;
    font-size: 18pt;
    position:fixed;
    z-index:999999999;
}
.top span
{
    color:Red;    
}
.top span span
{
    color:#4db600;    
}
.description h2.banner-txt
{
    
    color: #fff;
    text-shadow:2px 2px 2px #333;
    text-transform: none !important;
    font-size: 25pt !important;
    font-weight: normal !important;
}
.video-home
{
    max-width:560px;
    width:100%;
    text-align:center;
    margin:0px auto;  
    margin-top:30px;  
}
/*Host-a-party*/
.txt_hostparty
{
    margin-top:20px;
    color:#000;
    margin-bottom:20px;
}
.img_hostparty
{
	width:100%;
	margin-top:20px;
	text-align:center;
	
}

.img_hostparty img
{
	padding-bottom: 15px;
	padding-right:15px;
}

.contact_r2
{
	max-width:650px;
	width:100%;
    margin:0px auto;
    margin-top:40px;
}
.contact_title
{
	font-size:15pt;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}
#Btn_Party
{
	width: 100%;
	max-width: 150px;
	background: #787a7b;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0px auto;
	height: 35px;
	line-height: 35px;
}
#Btn_Party:hover
{
    opacity:0.8;
}
/*End-Host-a-party*/

/*Load deal top*/
#notification
{
    width:100%;
    background:#787a7b;
    position: fixed;
    top: 0;
    z-index:999;    
    text-align:center;
    color:#fff;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 15pt;
    display:none;
    padding: 5px;
}
.notificationtop a
{
    color:#000;
    text-decoration:none;    
    background:#fff;
    padding:4px 5px 4px 5px;
    font-size:11pt;
    border-radius:5px;
    -moz-border-radius:5px;
    margin-left:10px;
    cursor:pointer;
}

#wrap_notifi
{
    overflow:hidden;    
}
/*Load deal top*/
/* Notification */
#groupnoti
{
    width:100%;
    height:100%;
    position:absolute;
    top:50px;
    z-index:999999;    
}
#noti
{
    width:550px;
    overflow:hidden;
    margin:0px auto;
    padding:10px;   
    margin-top:20px;
    background:#fff;
    box-shadow:0px 0px 3px 1px #888;
}
#noti img
{
    width:100%;
    float:left;
    border:1px solid #ccc;
    margin-left:0.5%;
}
#closenoti
{
    width:100%;
    float:right;
    text-align:right;
    cursor:pointer;
    margin-bottom:5px;
}

/* Notification */
.groupcontent
{
	
	padding:40px 0px 40px 0px;
	background: url(../images/bg-services.jpg) 0px 0px no-repeat;
	background-size:cover;
}
.group-bg
{
    background:#fff!important;    
}
.wrap-bg-width
{
    
	background: url(../images/bg-width.jpg) 0px 0px no-repeat!important;
	background-size:cover!important;   
}
.container h2
{
    text-align:center;
    padding:20px 0px 30px 0px;
    font-size: 4em;
	font-family: 'Alex Brush', cursive;
    font-weight:normal;
}
.groupcontent-bottom
{
	
	padding:40px 0px 40px 0px;
	/*background: url(../images/bg-bottom.jpg) 0px 0px no-repeat;
	background-size:cover;*/
}
.groupcontent-bottom2
{
	
	padding:40px 0px 40px 0px;
	/*background: url(../images/bg-party.jpg) 0px 0px no-repeat;
	background-size:cover;*/
	background:#000;
}
.container
{
	margin:0px auto;
	padding:0px;
	margin-left:10%;
	margin-right:10%;
}
.opacity
{
	-webkit-background-size:cover;
	background-size: cover;
	-moz-background-size: cover;
	background-color: rgba(25, 25, 26, 0.5);
}

/* Logo */
.top-header
{
	float:left;
	width:30%;
	/*padding-top:1em;*/
}
.logo h1
{
    margin:0px;
    padding:10px 0px 0px;
}
.logo h1 a img
{
	border:none;
	width:100%;
	max-width:180px;
	margin-top:11px;
}

/* Logo */

/* Menu */
.top-nav 
{
	z-index: 999;
}
.groupheader
{
	float:right;
	width:70%;
	margin-top:52px;
}
.header
{
    width:100%;
	overflow:hidden;
}
.header_m
{
	display:none;
}
ul.menu_m
{
	text-align: right;
	margin: 0;
	min-height: inherit;
}
#menu ul
{
	margin:0px auto;
	padding:0px;
}
#menu ul li
{
    display: inline-block;
	margin:0 1em;
	padding-bottom:30px;
}
#menu ul li a
{
	color: #666 !important;
    font-size:12pt;
    padding: 0;
    position: relative; 
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0);
}

.menu-hover:after 
{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden; 
	backface-visibility: hidden;
	border: 1px solid rgba(255, 255, 255, 0);
	bottom: -3px;
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 280ms ease-in-out;
	-moz-transition: all 280ms ease-in-out;
	-o-transition: all 280ms ease-in-out;
	-ms-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
	width: 0;
}

.menu-hover:hover:after,#menu .menu_m li a.active:after 
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #999;
	-webkit-transition: width 350ms ease-in-out;
	-moz-transition: width 350ms ease-in-out;
	-o-transition: width 350ms ease-in-out;
	-ms-transition: width 350ms ease-in-out;
	transition: width 350ms ease-in-out;
	width: 100%;
}
.menuimg
{
	display:none;
}
/*banner*/
.banner-page
{
	background:url(../images/banner-page.jpg) center no-repeat fixed;
	position:relative;
	background-size:cover;
}
.group-banner
{
	position:relative;
}
.group-banner img
{
	width:100%;
	opacity:0;
	vertical-align:bottom;
}
.banner
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	display:none;
}
#banner1
{
	background:url(../images/banner1.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:block;
}
#banner2
{
	background:url(../images/banner2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#banner3
{
	background:url(../images/banner3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.groupnext
{
	position:absolute;
    width:100%;
    overflow:hidden;  
    margin-top:-50px;
}
.nextbox
{
    width:95px;
    margin:0px auto;    
}
.next
{
    width:14px;
    height:14px;
    float:left;
    background:url(../images/next.png)center 0px no-repeat;
    cursor:pointer;
    margin-left:8px;
    margin-right:8px;
    overflow:hidden;
}

#next1
{
    background:url(../images/next.png)center -13px no-repeat;
}
#flag
{
	display:none;
}
/*-- //banner-txt --*/
.banner-text-info 
{
    position: absolute;
    z-index: 9;
    top: 45%;
    right:0;
	left:0;
    text-align: center;
}
.banner-info
{
	padding:12em 0 7em 0;
}
.description h2
{
    /*font-size:6.5em;*/
	font-size: 7em;
	font-family: 'Alex Brush', cursive;
    font-weight:normal;
    color: #fff;
    text-shadow:2px 2px 2px #333;
    text-align: center;
	padding-bottom:.5em;
	
}
.description h3
{
    /*font-size:6.5em;*/
	font-size: 3em;
	font-family: 'Alex Brush', cursive;
	font-weight:normal;
    color: #fff;
    text-align: center;
	padding-bottom:.5em;
	
}
.description h2 span
{
	display:block;
}
.description h5 
{
    font-size:1.5em;
    text-align: center;
    line-height: 80px;
    width: 75%;
    margin: 0 auto;
    color: #fff;
	text-transform: uppercase;
  
}
.description p
{
	width:50%;
	color:#fff;
	font-size:15pt;
	line-height:35px;
	text-align:center;
	margin: 0 auto;
} 
.description i 
{
    width: 6%;
    height: 1px;
    background: #999;
    position: absolute;
    left: 47%;
    bottom: 21%;
}
/*-- //banner-txt --*/
/*about us*/
.grids
{
	overflow:hidden;
}
.col_about_r
{
	float:left;
	width:65%;
}
.col_about_l
{
	float:left;
	width:35%;
}
.about-grid1
{
    text-align: right;
}
.about-grid1 img
{
    max-width: 400px;
    width: 100%;
    background-size: cover;
}
.about-grid2 
{
    padding:1em 2em 3em 2em;
}
.about-grid2 h4
{
	color:#000;
	font-size:2.5em;
	text-transform: uppercase;
   
}
.about-grid2 h2
{
	color:#000;
	font-size:3.5em;
	font-weight:normal;
	font-family: 'Alex Brush', cursive;
	
}
.about-grid2 p
{
	color:#333;
	font-size:12pt;
	line-height:24px;
	padding-top:1em;
	letter-spacing:1px;
}
div#service
{
	padding:3em 0;
}
.col-s
{
	width:33%;
	margin-right:5%;
	float:left;
}
.col-center
{
    border:1px solid #674e41;
    min-height:522px;
    background:#674e41;    
}
.col-s:last-child
{
	margin-right:0;
}
/*book*/
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 51px;
    height: 65px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    background: url(../images/top.png)0px 0px no-repeat;

}
.book-bg
{
	background:url(../images/book-bg.jpg) no-repeat center;
	background-size:cover;
}
.book-info
{
	padding:5em 0;
}
.book-button 
{
	margin: 3em 0 1em 0;
	text-align:center;
}
.book-button a 
{
	color: #fff;
	font-size:11pt;
	text-decoration: none;
	padding: 1em 2em;
	background: #787a7b;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	border: solid 1px #787a7b;
}
.book-button a:hover 
{
	border: solid 1px #fff;
	color: #fff;
	background:none;
}
.book-button a:focus 
{
	outline: none;
}
.border-home
{
    
    max-width:216px;
    width:100%;  
    text-align:center;
    margin:0px auto; 
    margin-bottom:30px; 
}
.container h4
{
    text-align:center;
    padding-bottom:30px;    
}
.container h3 a
{
    color:#666; 
}
/*services*/
.col-s
{
	float:left;
	width:30%;
	margin-right:4%;
	
}
.col-s:last-child
{
	margin-right:0;
}
.col-s img
{
	border:none;
	width:100%;
}
.col-info
{
	text-align:center;
	padding-left:1em;
	padding-right:1em;
}
.col-info h3
{
	color:#787a7b;
	font-size:35pt;
    font-family: 'Alex Brush', cursive;
}
.col-info h3 span
{
	color:#000;
	font-size:15pt;
	text-transform:uppercase;
	font-family: 'Archivo Black', sans-serif;
}
.col-info p
{
	color:#5e5e5e;
	font-size:11pt;
	line-height:24px;
	padding-top:.5em;
	letter-spacing:1px;
}
.col-info-2
{
	text-align:center;
}
.col-info-2 h3
{
	color:#787a7b;
	font-size:35pt;
	font-family: 'Alex Brush', cursive;
}
.col-info-2 h3 span
{
	color:#fff;
	font-size:15pt;
	text-transform:uppercase;
	font-family: 'Archivo Black', sans-serif;
}
.col-info-2 p
{
	color:#fff;
	font-size:11pt;
	line-height:24px;
	padding-top:.5em;
	letter-spacing:1px;
}
.more
{
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
}
.more a 
{
	color: #fff;
	font-size:11pt;
	text-decoration: none;
	padding: .8em 1.5em;
	background: #787a7b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	border: solid 1px #787a7b;
}
.more a:hover 
{
	border: solid 1px #000;
	color: #000;
	background:none;
}
.more span a:hover 
{
	border: solid 1px #fff;
	color: #fff;
	background:none;
}
.more a:focus 
{
	outline: none;
}
.col-img2
{
	background: url(../images/img2.jpg) no-repeat center;
    background-size: cover;
	min-height:522px;
}
.col-img3
{
	background: url(../images/gift.jpg) no-repeat center;
    background-size: cover;
	min-height:522px;
}
.col-img4
{
	background: url(../images/img4.jpg) no-repeat center;
    background-size: cover;
	min-height:522px;
}
.col-img5
{
	background: url(../images/img5.jpg) no-repeat center;
    background-size: cover;
	min-height:522px;
}
div.img2
{
	padding:9em 1em 0em 1em;
}
div#img4
{
	padding:9em 1em 0em 1em;
}
div#img5
{
	padding:9em 1em 0em 1em;
}
/*footer*/
.footer
{
	background: url(../images/bg-footer.jpg) no-repeat center;
    background-size: cover;
	padding:2em 0;
}
#col-1-3
{
	padding-top:1em;
}
.col-s h4
{
	color:#787a7b;
	font-size:20pt;
	letter-spacing:2px;
	text-align:left;
}
.col-s h5
{
	color:#666;
	font-size:14pt;
	letter-spacing:2px;
}
.footer-info
{
	padding-top:1em;
}
.footer-info p
{
	font-size:12pt;
	color:#f1f1f1;
	letter-spacing:1px;
	padding-bottom:.5em;
}
.footer-info p span
{
	padding-left:1.5em;
}
.footer-info p span a
{
	color:#787a7b;
}
p#location
{
	background:url(../images/location.png) 0px 4px no-repeat;
}
p#phone
{
	background:url(../images/phone.png) 0px 4px no-repeat;
}
p#email
{
	background:url(../images/email.png) 0px 4px no-repeat;
}
.mid-row
{
    text-align: center;
	background:#f1f1f1;
}
#mid-info
{
	padding:1em;
	border: 4px solid #787a7b;
}
#mid-info h4
{
	text-align:center;
	color:#666;
	font-size:20pt;
	letter-spacing:2px;
}
.hour-list
{
	margin-top:1em;
}
.hour-list ul
{
    margin: 0 auto;
}
.hour-list ul li
{
	display: block;
    margin-bottom: .5em;
    padding-bottom: .5em;
    color: #5e5e5e;
    font-size: 12pt;
    border-bottom: 1px dotted #999;
    text-transform: uppercase;
}
.hour-list ul li span 
{
    display: inline-block;
}
.social-icon
{
	margin-top:1em;
	position:relative;
}
.social-icon ul
{
	padding:0;
	margin:0;
}
.social-icon ul li
{
    display: inline-block;
	padding-right:0.5em;
}
.social-icon ul li a
{
	display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #666;
	padding:.4em .5em .6em .5em;
	background:rgba(255,255,255,0);
}
.social-icon ul li a:hover
{
	background:#fff;
	border: 1px solid #fff;
}
.img_footer img
{
    with:20%;
}
.copyright
{
	background:#000;
	padding:1em 0;
	text-align:center;
}
.copyright p
{
	color:#f1f1f1;
	font-size:11pt;
	letter-spacing:2px;
}
.copyright p span
{
	color:#787a7b;
	font-size:13pt;
	
}
#titleadd
{
    font-size: 11pt;
    color: #af2727;
    
}
.title
{
    margin-top: 60px;
    color: #333;
}
/*-- //Service Page --*/
h3.title
{
	font-size:4em;
	font-family: 'Alex Brush', cursive;
	font-weight:400;
	text-align:center;
	padding-top:50px;
}

.services
{
	width:100%;
	height:auto;
	padding-bottom:50px;
	padding-top:50px;
}
.contentservices
{
	width:70%;
	height:auto;
	padding:10px;
	margin:auto;
	margin-top:20px;
	overflow:hidden;
	
}
.servicesbox
{
	overflow: hidden;
	margin-bottom:50px;
}
.servicesbox h2
{
	font-size: 30pt;
	text-transform:uppercase;
	text-align:center;
	color: #333;
	margin-bottom:30px;
}
.servicesbox h3
{
    font-size: 20pt;
	text-align:center;
}
.groupservicesimg
{
	overflow:hidden;
	width:100%;
	text-align:center;
	margin-top:15px;
}
.servicesimg
{   
    margin-bottom:20px;    
}
.servicesimg img
{
	border-width:4px;
	border-style: double;
	color:#ccc;
	box-shadow:2px 4px 6px #cecece;
}
.servicesimg1 img
{
	border-width:4px;
	width:95%;
	border-style: double;
	color:#ccc;
	box-shadow:2px 4px 6px #cecece;
}
.row
{
   
    padding-top:5px;
    padding-bottom:6px;
    margin-bottom:5px;
    border-bottom:1px dotted #ccc;
    overflow:hidden;
    font-size:12pt;
    color:#000;
    text-transform:uppercase;
   
}
.row_note
{
    color:#666;  
    font-size:10pt;
    font-weight:300;      
    margin-top:5px;
	line-height: 15pt;
	text-transform:capitalize;
}
.price
{
    float:right;
    color:#333;
    font-weight:bold;
}
.service_note
{
    text-align:center;
    margin:20px 0px;
    color:#333;
    font-weight:bold;
}
.borderservices
{
	text-align:center;
}
.bg_border
{
    text-align:center;
}
.bg_border img
{
    max-width:1030px;
    width:100%;
}
.fullset
{
     overflow:hidden;
     margin-bottom:20px;
     text-align:right;
    
}


.fullset-r
{
    float:right;
    color:#333;   
    font-weight:bold;
    font-size:14pt;
}
.fullset-l
{
    float:right;
    color:#333;
    margin-left:25px;
    font-weight:bold;
    font-size:14pt;
}
.price-r
{
    float:right;
    color:#333;
    font-weight:bold;
}
.price-r-125
{
    margin-right:125px;
}
.price-l
{
    float:right;
    color:#333;   
    font-weight:bold; 
}
.price-l-55
{
    margin-left:65px;
}
.price-l-110
{
    margin-left:110px;
}
.price-l-35
{
    margin-left:35px;
}
.service-group-l
{
    width:48%;
	float:left;
	
}
.service-group-r
{
    width:48%;
	float:right;
}
.col
{    
	width:100%;
	margin-bottom:10px;
}
.col:last-child
{
	margin-right:0;
}
.col_desc
{
	padding:1em;
}
.col_desc img
{
	border: 1px solid #F1F1F1;
}
.col_desc h4
{
	color:#787a7b;
	text-align:center;
	font-size:20pt;
	text-transform:uppercase;
}
.service_desc
{
	padding-top:10px;
}
.service_desc h6
{
	font-size:12pt;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}
.service_desc p
{
	color: #252525;
	font-size:11pt;
	line-height:1.6em;
}
/*-- //Service Page --*/

/* Gallery */
#groupgallery
{
    max-width:1200px;
    width:100%;
    text-align: center;
    margin:0px auto;
    margin-top:40px;
}
#groupgallery img
{
    margin-left:5px;
    margin-right:3px;
    margin-bottom:8px;
    border:1px solid #fff;  
    box-shadow:0px 0px 2px 2px #888888;  
}
#groupgallery img:hover
{
    opacity:0.8;
     
}
/* Gallery */

/*Egift*/
.error a
{
    color:#fde49d;
}
.card_m
{
    max-width: 650px;
    width: 98%;
    border: 1px dashed #ccc;
    background: #f1f1f1;
}

#egifttopnote
{
	font-weight: bold;	
	color: #000000;
}

.egiftrow
{
	text-align: left;
	margin-top: 20px;
}

#egiftlibrary
{
	text-align: left;
	margin-top: 20px;
}

#egiftlibrary img
{
	margin: 5px;
	border: 2px solid #e5e5e5;
	padding: 2px;
	cursor: pointer;
}

#egiftlibrary img:hover
{
	border: 2px solid #dbc37d;
}

.egiftbox
{
	float: left;
	width: 208px;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 20px;
}

#cardimg img
{
	width: 100%;
}

#egiftmessagegroup
{
	font-family: Arial;
	font-size: 10pt;
	line-height: 140%;
	overflow: hidden;
	background: #f1f1f1;
	color: #000;
}

.calendar
{
	position: relative;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

.searchbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-bottom:22px;
	cursor: pointer;
}.searchbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.searchbutton:active {
	position:relative;
	top:1px;
}

.textbox
{
	width: 150px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 25px;
	border: 1px solid #cccccc;
}

#productcart
{
	text-align: center;
	width: 350px;
	border: 1px dashed #e5e5e5;
	margin-bottom: 30px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	float: right;
	margin-right: 10px;
}

#productcart img
{
	border: none;
}

#egifttabbar
{
	margin-bottom: 20px;
	overflow: hidden;
}

.egifttab
{
	float: left;
	height: 35px;
	margin-right: 10px;
	width: 200px;
	font-size: 12pt;
	color: #fff;
	background: #f2c781;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

.egifttab a
{
	height: 35px;
	width: 200px;
	display: block;
	color: #fff;
	text-decoration: none;
}

.egifttab a:hover
{
	background: #666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

.giftselect
{
	background: #666;
}
#dragguide
{
	width: 195;
	height: 19px;
	background: url(../images/dragguide.jpg) 0px 0px no-repeat;
	display: none;
}

.gifttextarea
{
    width: 90%;
	max-width: 500px; 
	height: 80px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
/*Egift*/

/*Promotion*/
.promotionrow
{
	margin-bottom: 20px;
	text-align:center;
}
.promotionimg img
{
    width:100%;
    max-width:650px;    
}
/*Promotion*/

/* Reviews */
.reviewsgroup
{
    overflow:hidden;
    padding:10px 10px 30px 10px;
    margin-bottom:40px;
    background:#fff;
    color:#3a4556;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: #f1f1f1;
    text-align:left;
}
.reviews
{
    overflow:hidden;
}
.reviewsimg
{
    width:60px;
    height:60px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.reviewsname
{
    display:inline-block;
    float:left;    
    font-size:12pt;
}
.reviewsname span
{
    font-weight:bold;
}
.reviewsyelp
{
    width:60px;
    float:right;
    text-align:center;
    padding-top:2px;
}
.reviewsyelp img
{
    border:none;
}
.reviewsstar
{
    margin-bottom:20px;
}

.reviewstxt
{
    font-size:12pt;
}

.groupreviews_bt
{
    overflow:hidden;
    margin-bottom:20px;
}
.reviewsus
{
    display:inline-block;
    float:left;
    font-weight:bold;
    margin-right:5px;
    margin-top:10px;
}

.groupreviews_bt .review_bt
{
    display:block;
    width:120px;
    height:40px;
    line-height:40px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#fff;
    color:#fff;
    margin-bottom:5px;
    float:left;
    margin-right:10px;
    border:1px solid #f1f1f1;
}
.groupreviews_bt .review_bt:hover
{
    background-color:#ccc;   
}

.yelp
{
    background: url(../images/reviews/yelp.png) 34px 6px no-repeat;
}
.google
{
     background: url(../images/reviews/google.png) 45px 10px no-repeat;
}
.pages
{
    background: url(../images/reviews/logo-yp.png) center 0px no-repeat;
}
.face_review
{
    background: url(../images/reviews/fb.png) center 5px no-repeat;
}
/* Reviews */

/* Contact */
.groupcontact
{
    overflow:hidden;
    padding-bottom:5px;
    text-align:left;
}
.contact_l
{
    width:40%;
    float:left;
     padding:10px;
     padding-top:50px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}
.contact_r
{
    width:55%;
    float:right;
}
.contact_l
{
    margin-bottom:20px;
}
.contact_l a
{
    color:#7a5819;
    text-decoration:none;    
}
.contact_l a:hover
{
    color:#000;    
}

.maps
{
    overflow:hidden;
    border:1px solid #fff;
}
.streetview
{
     border:1px solid #fff;
}
.contact_from
{
    margin-top:10px;
}
.contact_frombox
{
    margin-bottom:10px;
}
.contactname
{
}
.contactname span
{
    color:#ff0000;
}
.textbox
{
    max-width:350px;
    height:22px;
    width:96%;
    border:1px solid #ccc;
}
.textbox2
{
    max-width:420px;
    height:100px;
    width:96%;
    border:1px solid #ccc;
}
.submit
{
    width:140px;
    height:40px;    
    background:#166605;
    float:left;   
    display:block;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    font-size:15pt;    
    line-height:38px;
    margin-top:18px;
    cursor:pointer;
}
.submit:hover
{
    background:#000;
}
/*Contact form*/
.contact_from_title
{
    text-align:center;
    font-size:18pt;
    text-transform:uppercase;
}
#form
{
    width:80%;
    margin:0px auto;  
}
.txtbox
{
    border: 1px solid #ccc;
    height: 30px;
    width: 90%;
}
.textarea
{
    min-height: 100px;
}
.formrowtop
{
    font-weight: bold;
}
.formrow
{
    margin-bottom: 10px;
}
.buttonrow
{
    text-align: center;
}
#bSend
{
    width: 100%;
    max-width: 250px;
    background: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0px auto;
    height: 35px;
    line-height: 35px;
    margin-bottom:30px;
}
#bSend:hover
{
    color: #fff;
    background: #787a7b;
}
#formnotify
{
	width: 90%;
	max-width: 400px;
	min-height: 160px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -200px;
	padding: 10px;
	text-align: center;
	box-shadow: 2px 2px 5px #666;
	z-index: 99999;
	display: none;
}
#formnotifycontent
{
	font-size: 12pt;
	color: #666;
	margin-top: 30px;
}
#formnotifyok
{
	margin: 0px auto;
	margin-top: 20px;
	width: 100px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #df811e;
	cursor: pointer;
}
#formnotifyok:hover
{
	background: #be3024;
}
#formpwait
{
	float: left;
	margin-left: 20px;
	display: none;
}
#formwait
{
    display: none;
}
/*Contact form*/
/* Contact */


/*Sign In*/

.sign
{
    overflow:hidden;
    width:40%;
    margin:0px auto;
}
.sign_title
{
    text-align:center;
    font-size:14pt;
    font-weight:bold;    
}
#bSubmit
{
    width: 100%;
    max-width: 100px;
    background: #38b44a;
    border-radius:5px;
    -moz-border-radius:5px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0px auto;
    height: 35px;
    line-height: 35px;
}
#bSubmit:hover
{
    opacity:0.8;
}
#formsign
{
    margin-top:30px;
}
.txtboxsign
{
    width:99%;
    border: 1px solid #ccc;
    height: 30px;
}
/*Sign In*/


.groupfbye
{
    background:#ccc;
    height:135px;
    width:35px;   
    top:25%;
    left:0px;
    position: fixed;
    z-index:999999;
    padding:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-top-right-radius:10px;
    -moz-border-bottom-right-radius:10px;
   
}
.line
{
    border-bottom:1px solid rgba(255,255,255,0.2);
    height:5px;
    width:33px;
    text-align:center;
    margin-bottom:10px;
}


#subbar
{
   width: 130px;
    height: 40px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 35%;
    border-top-left-radius: 4px;
    -mox-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    background: url(../images/subbar.png) 0px 0px no-repeat;
    background-color: #787a7b;
    cursor: pointer;
    opacity: 1.0;
}
#subbar:hover
{
    opacity:0.8;
}

.color_drink
{
    max-width: 370px;
    width:100%;
    margin:0px auto;   
}
.reviewsgroup2
{
    overflow:hidden;
    padding:10px 10px 20px 10px;
    min-height:200px;
    margin-bottom:40px;
    background:#fff;
    color:#3a4556;
    border-radius: 10px;
    -moz-border-radius: 10px;
    /*background: #f1f1f1;*/
    text-align:left;
    font-size:11pt;
}
.reviews2
{
        
}


/*  1440px hoac nho hon */
@media screen and (max-width: 1440px) 
{
    
}

/*  1366px hoac nho hon */
@media screen and (max-width: 1366px) 
{
	.container
	{
		margin-left:5%;
		margin-right:5%;
	}
	.banner-text-info
	{
		top:40%;
	}
}

/*  1280px hoac nho hon */
@media screen and (max-width: 1280px) 
{
	#menu ul li
	{
		margin:0 0.5em;
	}
	.banner-text-info
	{
		top:35%;
	}
	.description h2
	{
		font-size:6em;
	}
	.description h5 
	{
		font-size:4em;
	}
	.description p
	{
		width:70%;
	} 
}

/*  1170px hoac nho hon */
@media screen and (max-width: 1170px) 
{
	.banner-text-info
	{
		top:30%;
	}
	/*-- //Service Page --*/
	.contentservices
	{
	    width: 90%;
	    margin: 0px auto;
	}
	.groupservicesimg
	{
	    width: 100%;
	}
    /*-- //Service Page --*/
}


/*  1080px hoac nho hon */
@media screen and (max-width: 1080px) 
{
	.container
	{
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.description h2
	{
		font-size:5em;
	}
	.description h5 
	{
		font-size:3em;
	}
	.col-img2
	{
		min-height:470px;
	}
	div.img2
	{
		padding:7em 1em 0em 1em;
	}
	.top
	{
	    font-size:15pt;    
	}
}

/* 991px hoac nho hon */
@media screen and (max-width: 991px) 
{  
    #menu ul li
	{
		margin:0 0.3em;
	}
	
	.container
	{
		margin-left:2%;
		margin-right:2%;
	}
	.col-s h4
	{
		font-size:15pt;
	}
	#mid-info h4
	{
		font-size:15pt;
	}
	.footer-info p
	{
		font-size:10pt;
	}
	.hour-list ul li
	{
		font-size:10pt;
	}
	.copyright p
	{
		font-size:10pt;
	}
	/* Services*/
	.contentservices
	{
	    width: 85%;
	    margin: 0px auto;
	}
	.groupservicesimg
	{
	    width: 100%;
	}
    /* Services*/
}

/*  900px hoac nho hon */
@media screen and (max-width: 900px) 
{
    #menu ul li
	{
		margin:0 0.2em;
	}
	#menu ul li a
	{
	    font-size:11pt;
	}
	.banner-text-info
	{
		top:25%;
	}
	.description h2
	{
		font-size:4em;
	}
	.description h5 
	{
		font-size:3em;
	}
	.description p
	{
		width:90%;
		font-size:12pt;
	} 
	
	
	.contentservices
	{
	    width: 85%;
	    margin: 0px auto;
	}
	.groupservicesimg
	{
	    width: 100%;
	}
	.servicesbox h3
	{
	    font-size: 20pt;
	}
	.service-group-l
	{
	    float:none;
	    max-width:95%;
	    width:100%;
	    margin:0px auto;   
	}
	.service-group-r
	{
	    float:none;
	    max-width:95%;
	    width:100%;
	    margin:0px auto;
	    margin-top:10px;  
	}
	#subbar
    {
        margin:0px auto;
        position:relative;
        left:0px;
    }   
    /* Contact */
    .groupcontact
    {
        overflow:hidden;
        padding-bottom:5px;
    }  
    .contact_l
    {
        width:92%;
        float:none;
    }
    .contact_r
    {
        width:100%;
        float:none;
    }
    /* Contact */
    
    .sign
    {
        width:60%;
    }
    .top
	{
	    font-size:12pt;    
	}
}

/*  800px hoac nho hon */
@media screen and (max-width: 800px) 
{ 
	.groupheader
	{
		width:100%;
		float:none;
		margin:0px auto;
		padding:0px;
		text-align:center;
		height:auto;
		padding-bottom:0.5em;
	}
	.top-header
	{
		width:100%;
		float:none;
		margin:0px auto;
		padding:0px;
		text-align:center;
	}
	ul.menu_m
	{
		text-align:center;
	}
	
	
	#menu ul li
	{
		margin:0 1em;
		padding-bottom:0px;
		padding-top:20px;
	}
	.description h2
	{
		font-size:3em;
	}
	.description h5 
	{
		font-size:2.5em;
	}
	.col_about
	{
		float:none;
		width:100%;
		margin:0px auto;
		padding:0;
		text-align:center;
	}
	.col_about_r
    {
	    float:none;
		width:100%;
		margin:0px auto;
		padding:0;
		text-align:center;
    }
    .col_about_l
    {
	    float:none;
		width:100%;
		margin:0px auto;
		padding:0;
		text-align:center;
    }
	.about-grid2 
	{
		margin-top:2em;
		padding:0;
	}
	.col_desc h4
	{
	    font-size:14pt;    
	}
	.row
	{
	      font-size:11pt;    
	}
	.col-s
	{
		float:none;
		width:50%;
		margin:0px auto;
		padding:0;
		margin-bottom:3em;
	}
	.col-s:last-child
	{
		margin:0px auto;
		padding:0;
	}
	.col-img2
	{
		min-height:522px;
	}
	div.img2
	{
		padding:9em 1em 0em 1em;
	}
	#col-1-3
	{
		padding:0;
	}
	.col-s h4
	{
		text-align:center;
	}
	.social-icon
	{
		text-align:center;
	}
	.banner-info
	{
		padding:10em 0 5em 0;
	}
	/*.top-header
	{
	    margin-top:50px;    
	}*/
	
	
	
	
}

@media screen and (min-width: 769px)
{
	.clearfix_mobile
	{
		display: none;
	}
}

@media screen and (min-width: 768px)
{
	.menu_right #menu
	{
		margin-top: 2em;
	}
	
   
}

/*  768px hoac nho hon */
@media screen and (max-width: 768px) 
{
    .about-grid1 img
    {
        max-width: 200px;
    }
    .menu_right #menu
    {
	    float: right;
	    padding-top: 0.4em;
	    width: 10%;
	    margin-right: 57px;
    }
	.clearfix_mobile
	{
		padding-top: 7.33em;
	}
	#notification
	{
	    font-size:9pt;    
	}
	.notificationtop a
	{
	        font-size:9pt; 
	}
    .groupheader
	{
		display: none;
	}
	
	.groupfbye
    {
        display:none;
    }
	.container
	{
		width:100%;
		margin:0px auto;
		padding:0px;
	}
	.header
	{
		padding:0;
	}
	
	.hidden-sm
	{
		display: none;
	}
	
	.logo-sm img
	{
		width: 26%;
		margin-left:-327px;
	}
	
	.logo h1
	{
		padding:0;
		width: 60%;
	}
	/*menu*/
	#menu ul
	{
		width:100%;
		height:50px;
		/*border-top:1px solid #666;
		border-bottom:1px solid #666;
		background:rgba(25,25,26,0.85);*/
		background: transparent;
		
	}
	#menu ul li
	{
		height:40px;
		float:none;
		text-align:center;
		width:100%;
		margin: 0;
		padding: 0;
	}
	
	#menu ul li a
	{
		padding:0;
		font-size: 12pt;
	}
	
	#menu .menu_m > li > a 
	{
		font-size: 12pt;
		display: inline-block;
	}

	#menu ul .menuimg
	{
		/*padding: 30px 0px 10px 0px;
		display:block;
		text-transform:uppercase;        
		color:#666;
		font-size:14pt;
		line-height:42px;        
		background:url(../images/iconmenu_m.png)right 0px no-repeat;
		cursor:pointer;
		font-weight:400;*/
		/*background: url(../images/iconmenu_m.png)center 10px no-repeat;*/
		/*line-height:42px;*/
		colorfff;
		font-size:13pt;
		background-color: transparent;
		cursor:pointer;
		font-weight:400;
		display: block;
		padding: 8px 0px 15px 0px;
	}

	#menu ul .menuimg1
	{
		padding:30px 0px 10px 0px;
		display:block;
		text-transform:uppercase;        
		color:#666;
		font-size:14pt;
		line-height:42px;        
		background:url(../images/iconmenu_m.png)right 0px no-repeat;
		cursor:pointer;
		font-weight:400;
	}

	#menu_m1 span
	{
		display:block;
		background:url(../images/iconmenu_m.png)center 4px no-repeat;
		padding:30px 0px 10px 0px;
	}
	
	/*menu*/
	.header_m
	{
		display:block;
		overflow:hidden;
	}			
	.groupmenu_m
	{
		width:100%; 
		overflow:hidden; 
		/*padding-bottom:5px;*/
		margin-top: 5px;
	}
	.groupmenu_m ul
	{
		margin:0px;
		padding:0px;
	}			
	.groupmenu_m ul li
	{
		width:15.6%;
		margin-left:0.2%;
		margin-right:0.2%;
		float:left;
		/*background:#666;*/
		background: transparent;
		text-align:center;    
		list-style-type:none;    
	}
	.menugroup ul li:hover a,.menugroup ul li .selected
	{   
		background: none;
	}
	.groupmenu_m ul li a
	{
		color:#666;
		text-decoration:none;
		font-size: 11pt;
	}
	#call_m span
	{
		display:block;
		background:url(../images/phone_m.png)center 4px no-repeat;
		padding:30px 0px 10px 0px;
	}
	#services_m span
	{
		display:block;
		background:url(../images/services_m.png)center 4px no-repeat;
		padding:30px 0px 10px 0px;
	}
	#direction_m
	{
		cursor:pointer;
	}
	#direction_m span
	{
		display:block;
		background:url(../images/location_m.png)center 4px no-repeat;
		padding:30px 0px 10px 0px;
	}
	/*#book_m
	{
        width:99.6%;
        margin:0px auto;
        margin-top:5px;
        margin-left:0.2%;
        margin-right:0.2%;
    }*/
	
	/*#promotion_m, #e-gift
    {
        width:49.6%;
        margin:0px auto;
        margin-top:5px;
        margin-left:0.2%;
        margin-right:0.2%;
    }*/
    #e-gift span
    {
        display:block;
        background:url(../images/gift2.png)center 4px no-repeat;
        padding:30px 0px 10px 0px;
    }
   #promotion_m span
    {
        display:block;
        background:url(../images/promotions.png)center 4px no-repeat;
        padding:30px 0px 10px 0px;
    }
    #book_m span
    {
        display:block;
        background:url(../images/bookonline_m.png)center 4px no-repeat;
        padding:30px 0px 10px 0px;
    }
	#subbar_m
	{
		cursor:pointer;
		display:block;
	}
	#subbar_m span
	{
		display:block;
		background:url(../images/stay_m.png)center 4px no-repeat;
		padding:30px 0px 10px 0px;
	}
	.banner-text-info
	{
		display:none;
	}
	.about-grid2 
	{
		padding:0em 2em 0em 2em;
	}
	.banner-info
	{
		padding:20em 0 5em 0;
	}
	h3.title
	{
		font-size:2em;
	}
	.servicesimg2
	{
		display:none;
	}
	#subbar
    {
        display:none;
    }  
    .top
    {
        width:100%;
        height:auto;
        display: inline-block;
    }
    .top span
    {
       display: inline-block;
    }
    .top span span
    {
        display: inline-block;     
    }
    /*.top-header
	{
	    margin-top:80px;    
	}*/
	#groupnoti
    {
        top:120px;
    }
}

/*  650px hoac nho hon */
@media screen and (max-width: 650px) 
{
	#noti
	{
	    width: 90%;
	}
	/*.top-nav nav.navScroll
	{
	    background:#000!important;    
	}
	.top-nav nav
	{
	      background:#000!important;  
	}*/
	.col-s
	{
		width:60%;
	}
	.description h2
	{
		font-size:2.5em;
	}
	.description h5 
	{
		font-size:1em;
	}
	.description p
	{
		width:90%;
		font-size:11pt;
	} 
	.banner-info
	{
	}
	h3.title
	{
		font-size: 3.5em;
        margin-top: -30px;
        margin-bottom:20px;
	}
	
	.clearfix_mobile
	{
		padding-top: 11em;
	}
	.about-grid2 h2
	{
	    font-size:2em;    
	}
	.description h3
	{
	     font-size:3em;      
	}
}

/*  500px hoac nho hon */
@media screen and (max-width: 500px) 
{
    .groupmenu_m ul li a
	{
		font-size:9pt;
	}
	.col-s
	{
		width:70%;
	}
	.logo-sm img
	{
	    margin-left:-164px;    
	}
	.menu_right #menu {
       margin-right: 29px;
    }
	.col-img2
	{
		min-height:470px;
	}
	
	 /*Promotion*/
    .promotionimg img
    {
        width:100%;
       
    }
    /*Promotion*/
    
    /* Reviews */
    .reviewsus
    {
        display:block;
        float:none;
        margin-bottom:10px;
    }
    /* Reviews */
    .sign
    {
        width:80%;
    }
    .top-header
	{
	    /*margin-top:110px;    */
	}
	#noti img
    {
        width:100%;
    }
	
	.clearfix_mobile
	{
		padding-top: 7.5em;
	}
}

/*  400px hoac nho hon */
@media screen and (max-width: 400px) 
{
	.col-s
	{
		width:80%;
	}
	.groupmenu_m ul li a
	{
		font-size:8pt;
	}
	/* Services */
	.contentservices
	{
	    width: 90%;
	}
	.servicesimg
	{
	     margin: 0px auto;
	     width: 90%;
	}
	.servicesimg img
	{
	    width: 100%;
	}
	.servicesimg2
	{
	     margin: 0px auto;
	     width: 90%;
	}
	.servicesimg2 img
	{
	    width: 100%;
	}
	
	.clearfix_mobile
	{
		padding-top: 7.1em;
		
	}

}


.step-list
{
	text-indent: 10px;
}

.step-list span
{
	font-weight: bold;
}

.benefits ul
{
	font-size: 10pt;
	list-style: none;
	color: #666;
}

/* New Stuffs */



.groupmenu_m_new
{
	background: url(../images/bg_menu.jpg) 0px 0px no-repeat;
    background-size: cover;
	padding: 5px 0 0 5px;
	display: none;
	margin-top: 5px;
	
}

.groupmenu_m_new ul li a
{
   color: #fff;
   padding:7px;   
   
}

.clearfix_mobile
{
	background: #666;
}

