@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot');
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans.woff2') format('woff2'),
       url('fonts/OpenSans.woff') format('woff'),
       url('fonts/OpenSans.ttf') format('truetype'),
       url('fonts/OpenSans.svg#Hel') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Bold.woff2') format('woff2'),
       url('fonts/OpenSans-Bold.woff') format('woff'),
       url('fonts/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,body{
	padding:0px;
	margin:0px;	
	font-family:OpenSans, sans-serif;
	background:#ebebeb;
	font-size:14px;
	line-height:20px;
}
h1,h2,h3,h4,h5,h6{
	line-height:normal;	
}
a{
	text-decoration:none;	
}
img{
	max-width:100%;
	height:auto !important
}

.toppage{
	background:#055698;	
	height:30px;
	line-height:30px;
}
.menubar{
	height:88px;	
	background:#FFF;
}
.logo{
	float:left;	
	width:270px;
	padding-right:20px;
}
.nav{
	padding:0px;
	margin:0px;
	width:calc(100% - 560px);	
	float:left;
	font-family:OpenSans-Bold, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#333;
	text-align:right;
}

.nav li{
	list-style:none;
	display:inline-block;
	line-height:88px;
	margin:0px 20px;
}
.nav li a{
	color:#333;	
}
.nav li ul{
	position:absolute;
	top:100%;
	left:0px;
	display:none;
	margin:0px;
	padding:0px;	
}
.box-search-bar{
	width:270px;
	float:right;
	border:solid 1px #c2c2c2;
	height:38px;	
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	margin-top:25px;
}
.box-search-bar input{
	width:calc(100% - 30px);
	height:36px;
	border:none;
	padding:0px 10px;
	outline:none;
}
.box-search-bar .fa{
	line-height:36px;
	text-align:center;
	width:30px;
	color:#535353;
	border-radius:5px;	
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2,.c40,.c50,.c120,.c200 {
    clear: both;
}

.c2 {
    height: 2px;
}
.c3 {
    height: 3px;
}
.c5 {
    height: 5px;
}
.c10 {
    height: 10px;
}
.c15 {
    height: 15px;
}
.c20 {
    height: 20px;
}
.c30 {
    height: 30px;
}
.c35 {
    height: 35px;
}
.c40 {
    height: 40px;
}
.c50 {
    height: 50px;
}
.c120{
	height:120px;	
}
.c200{
	height:200px;	
}
.box-pro-slide{
	background:#FFF;	
}
.box-pro-slide .image img{
	display:block;	
}
.product-name{
	font-family:OpenSans-Bold, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#333;	
	padding:0px;
	margin:0px;
}
.product-name a{
	color:#333;
	text-decoration:none;	
}
.product-name a:hover{
	color:#999
}
.item-attr-pro{
	border-bottom:solid 1px #dbdbdb;
	padding:10px 0px;
}
.line-flower{
	background:url(../images/line-flower.png) no-repeat center;
	height:27px;	
}
.box-pro-home{
	background:#FFF;
		
}
.box-info-cel-pro{
	padding:20px;	
}
.btn-viewall{
	font-family:OpenSans-Bold, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;	
	color:#333;
	border:solid 1px #b9b9b9;
	display:inline-block;
	background:#FFF;
	padding:10px 20px;
}
.btn-viewall .fa{
	font-size:12px;
	margin-left:10px;	
}
.btn-viewall:hover{
	background:#1778c7;
	color:#FFF;	
	border:solid 1px #1778c7;
}
.box-about-home{
	background:#FFF;	
}
.title-home-blue{
	font-family:OpenSans, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#055698;
	text-transform:uppercase;
}
.title-home-blue a{
	color:#055698;
}
.footer-page{
	background:#1d1d1d;
	min-height:150px;	
	color:#787878;
}
.copyright{
	background:#141414;
	min-height:49px;	
	padding:10px 0px;
	color:#787878;
}
.lang-smo-top{
	float:right;		
}
.flag_en{
	background:url(../images/lang_en.png)	;
	width:22px;
	height:16px;
	display:inline-block;
}
.flag_vn{
	background:url(../images/lang_vn.png);
	width:22px;
	height:16px;
	display:inline-block;	
}
.lang-smo-top .fa{
	margin-right:20px;
	color:#fff;	
}
.hotline-email{
	float:left;
	color:#FFF;	
}
.hotline-email a{
	color:#FFF;	
}
.hotline-email .fa-envelope-o{
	margin-left:40px;	
}
.slide-next,.slide-prev{
	width:55px;
	height:64px;
	position:absolute;
	top:45%;
	z-index:99;
}
.slide-next {
	background:url(../images/arrow-slide-right.png) no-repeat;	
	right:0px;
}
.slide-prev {
	background:url(../images/arrow-slide-left.png) no-repeat;	
	left:0px;
}
.margin-bottom-20{
	margin-bottom:20px;	
}
.bg-about-home{
	background:url(../images/bg-about-home.png) no-repeat bottom left;
	padding-bottom:287px;	
}
.price-cel{
	width:calc(100% - 118px);
	float:left;
	font-weight:bold;
}
.btn-pro-detail{
	display:block;
	float:right;
	width:108px;
	background:#1778c7;
	color:#FFF;
	line-height:39px;
	text-align:center;	
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.price-number{
	font-size:24px;	
	color:#1778c7;
	font-family:OpenSans-Bold, Arial, Helvetica, sans-serif;
}
.title-page{
	font-family:OpenSans,sans-serif;	
	font-size:26px;
	color:#1778c7;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}
.item-product-list{
	background:#FFF;
	min-height:200px;	
}
.page{
	border:solid 1px #CCC;
	background:#FFF;
	padding:5px 7px;
	margin:	3px;	
}
.clicked{
	border:solid 1px #1778c7;
	background:#1778c7;
	padding:5px 7px;
	margin:	3px;	
	color:#FFF;
}
.page-product-detail{
	padding:20px;
	background:#FFF;	
}
.box-booking{
	padding:20px;
	border:solid 1px #d8d8d8;
	background-color:#f7f7f7;	
}
.item-booking input{
	width:100%;
	border:solid 1px #CCC;
	
	height:30px;
	padding:0px 5px;
}

.item-booking select{
	width:100%;
	border:solid 1px #CCC;
	height:30px;
	padding:0px 5px;
}

.datepicker{
	background:#FFF url(../images/icon-date-picker.png) no-repeat right;	
}
.bg-w
{
	background-color:#FFF;
	margin-bottom:30px !important;
}
.content-page
{
	padding:30px;
}
.page-name
{
	margin:0;
	padding:0;
	font-size:26px;
	text-transform:uppercase;
	color:#055698;
}
.crumb
{
	padding-top:20px;
	padding-bottom:20px;
}
.crumb a
{
	color:#2a2a2a;
}
.crumb a:hover
{
	text-decoration:underline;
}
.image-news-cel
{
}
.intro-news-cel
{
	background-color:#FFF;
	padding:15px;
}
.news-name
{
	margin:0;
}
.news-name a
{
	font-size:14px;
	color:#1778c7;
	font-family:Arial, Helvetica, sans-serif;
}
.news-name a:hover
{
	color:#104f83;
}
.date
{
	color:#727272;
}
.intro-cat
{
	margin-top:15px;
	margin-bottom:15px;
}
.line-gray
{
	border-bottom:solid 1px #c0c0c0;
	margin-bottom:20px;
}
.news-name-detail
{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:15px;
	color:#1e1e1e;
}
.contact_label
{
	color:#222;
	font-weight:bold;
	text-transform:uppercase;
}
.frm .contact_input
{
	margin-top:5px;
}
.frm .contact_input .txt-contact
{
	width:100%;
	padding:5px;
	border:solid 1px #bbbbbb;
}
.mes
{
	color:#F00;
}
.btn-send
{
	background-color:#1778c7;
	border:solid 1px #1778c7;
	padding:12px 40px;
	font-size:14px;
	font-weight:bold;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:28px;
}
.error
{
	border:solid 1px #F00 !important;
}
.page-product-detail .gallery-thumbs .swiper-slide-active
{
	-webkit-box-shadow:inset 0px 0px 0px 10px #f00 !important;
    -moz-box-shadow:inset 0px 0px 0px 10px #f00 !important;
    box-shadow:inset 0px 0px 0px 10px #f00 !important;
}
.page-product-detail .gallery-thumbs .swiper-slide img
{
	display:block;

	
}
.tab-view
{
	border-bottom:solid 1px #d9d9d9;
}
.tab-view span
{
	display:inline-block;
	border:solid 1px #d9d9d9;
	border-bottom:none;
	margin-bottom:-1px;
	background-color:#FFF;
	padding:10px 20px;
}
.content-view
{
	margin-top:30px;
}
.contactinfo
{
}
.contactinfo .title-contactinfo
{
	font-size:14px;
	color:#1778c7;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
.content-contact
{
	line-height:20px;
	color:#292929;
}
.footer-name
{
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
.conent-footer
{
	font-size:12px;
	color:#787878;
}

.link-smo-footer {
	padding: 0 !important;
	text-align:left;
}
.link-smo-footer a {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 2px;
	font-weight: normal;
	color: #ccc;
	;
}
.link-smo-footer i {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 16px;
	text-decoration: none;
	font-size: 16px;
	margin-right: 5px;
	color: #fff;
	margin-top: 5px;
	background: #999;
	text-shadow: none;
	padding: 4px;
}
.link-smo-footer a:last-child {
	margin-right: 0px;
}
.link-smo-footer .fa-facebook {
	background: #204185;
}
.link-smo-footer .fa-google-plus {
	background: #d4482b;
}
.link-smo-footer a i.fa-youtube {
	background: #e72625;
}
.link-smo-footer .fa-twitter {
	background: #2ca8e0;
}
.link-smo-footer .fa-linkedin {
	background: #026697;
}
.link-smo-footer .fa-pinterest {
	background: #c2242c;
}
.link-smo-footer a:hover i {
	color: #FFF;
}
.nav-mobile
{
	float:right;
	display:block;
	margin-top:15px;
	margin-left:10px;
	display:none;
}
.btn-search-mobile
{
	float:right;
	display:block;
	margin-top:15px;
	margin-left:10px;
	display:none;
}
.pn-saerch-mobile
{
	width:100%;
	padding:5px;
	background-color:#FFF;
	border-bottom:solid 1px #d7d7d7;
	border-top:solid 1px #d7d7d7;
	position:relative;
	display:none;
}
.pn-saerch-mobile .txt-saerch-m
{
	width:100%;
	border:solid 1px #fff;
	padding:5px;
	
}
.btn-saerch-m
{
	position:absolute;
	right:10px;
	top:8px;
	font-size:20px;
}


.txt-contact {
	width: 100%;
    height: 30px;
    border-radius: 2px;
    border: solid 1px #CCC;
    margin: 5px 0px 10px 0px;
	padding-left:3px;
}

.frm-book
{
	background:#FFF; padding:30px; border-radius:10px;
}


.tab-detail-pro{
	background:#f7f7f7;
	border:solid 1px #e0e0e0;
	border-bottom:none;
	overflow:hidden;
	
}
.tab-detail-pro a{
	padding:10px 20px;	
	
	display:block;
	float:left;
	color:#272727;
	text-decoration:none;
	border-left:solid 1px #e0e0e0;
	
}
.tab-detail-pro a:first-child{
	border-left:none;	
}
.tab-detail-pro a.active{
	background:#FFF;
		
}


#button-btt
{
	position:fixed;
	right:20px;
	bottom:40px;
}