﻿body{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:26px;
	background: url('../images/bg05.png');
}
.body-website{
}
.header{

}
.container{
	padding-top:0px;
}
.banner{
	width:1000px;
	margin:0px auto 8px;
	padding-top:5px;
}
.logo img{
	display:block;
}
.right-banner{
	width:70%;
	text-align:right;
}
.right-banner .block-banner{
	float:left;
}
.row-header02{
	margin-bottom:4px;
	font-size:13px;
	font-weight:bold;
	color:#ed1c24;
}
.row-header01{
	margin-bottom:4px;
	font-size:13px;
	color:#0096da;
}

.list-language{
	float:right;
	margin:3px 0px 0px 20px;
}
.list-language li{
	float:left;
	margin-left:5px;
}
.list-language li a{
	color:#52a2b2;
	display:block;
	line-height:22px;
	padding:0px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.list-language li a:hover,
.list-language li a.active{
	color:#fff;
	background:#233a7b;
}
.list-share{
	float:right;
	margin-left:10px;
}
.list-share li{
	float:left;
	margin-left:13px;
}
.list-share li a:hover{
	opacity:0.8;
	display:block;
}
.box-search{
	width:32%;
	height:26px;
	padding-left:36px;
	background:#ffffff url('../images/icon-search.png') no-repeat 9px 4px;
	float:right;
	border:2px #a8d3db solid;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.box-search input{
	height:26px;
	line-height:26px;
	background:transparent;
	border:none;
}
.main-banner{
	margin:0px auto 0px;
	position:relative;
}
.box-introdution{
	padding:77px 0px 64px 0px;
	background:#fff;
}
.summary-page{
	width:100%;
	height:200px;
	padding:25px 0px;
	background:url('../images/bg-summary-page.png') no-repeat;
	color:#fff;
	font-size:17px;
	font-weight:lighter;
	text-align:center;
	line-height:26px;
	position:absolute;
	bottom:-52px;
	right:0px;
	z-index:100;
	text-align:right;
}
.wrapper{
	width:1140px;
	margin:auto;
}
.left-introdution{
	width:49%;
}
.title-website{
	color:#233a7b;
	font-size:28px;
	margin-bottom:10px;
	line-height:36px;
}
.summary-home{
	color:#636363;
	font-size:14px;
	margin-bottom:10px;
}
.link-video{
	color:#233a7b;
	padding-right:35px;
	background:url('../images/bg-video.png') no-repeat center right;
}
.link-video:hover{
	color:#f58e32;
}
.right-introdution{
	width:49%;
}


/* list product */
.block-product{
	background:#fff;
}
.header-block-product{
	padding:40px 0px 40px 0px;
	text-align:center;
	background:#233a7b;
	margin-bottom:100px;
	position:relative;
}
.header-block-product h2{
	color:#fefefe;
	font-weight: normal;
	font-size:32px;
	font-family: 'Alegreya Sans', sans-serif;
}
.arrow01{
	position:absolute;
	left:50%;
	bottom:-21px;
	width:40px;
	margin-left:-20px;
	height:21px;
	display:block;
	z-index:2;
	background:url('../images/arrow01.png') no-repeat;
}
.list-product{

}
.product-item{
	width:26.2%;
	padding:20px 1%;
	border:1px #e6e6e6 solid;
	float:left;
	margin:0px 2% 75px 2%;
	text-align:center;
}
.image-product-item{
	display:block;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
.image-product-item:hover{
	opacity:0.8;
}

.image-product-item img{
	display:block;
	margin:auto;
}
.title-product-item{
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
	height:40px;
}
.title-product-item a{
	color:#0b823e;
	font-size:18px;
	font-weight:lighter;
	text-align:center;
}
.title-product-item a:hover{
	color:#f58e32;
}

.product-item p{
	height:60px;
	margin-bottom:15px;
	color:#505050;
	text-align:justify;
	font-size:13px;
}

.view-detail{
	color:#525252;
	font-size:14px;
	background:#e9e9e9;
	line-height:20px;
	padding:6px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:auto;
}
.view-detail:hover{
	background:#dcdcdc;
}


.box-introdution02{
	padding:1px 0px 0px 0px;
	background:#c3eeeb;
}
.left-introdution02{
	width:45%;
	margin-top:70px;
}
.title02{
	color:#233a7b;
	font-size:32px;
	line-height:36px;
	font-weight:normal;
	margin-bottom:10px;
}
.summary-home{
	color:#636363;
	font-size:14px;
	margin-bottom:10px;
}
.right-introdution02{
	width:45%;
}
.right-introdution02 img{
	width:100%;
}
.list-introdution li{
	float:left;
	margin-right:10px;
	padding-left:10px;
	border-left:1px #233a7b solid;
	line-height:14px;
}
.list-introdution li:first-child{
	padding-left:0px;
	border-left:none;
}
.list-introdution a{
	color:#233a7b;
}
.list-introdution a:hover{
	color:#f58e32;
}
.group-news{
	padding:50px 0px 60px 0px;
	width:1000px;
	margin:auto;
}
.box-news-home{
	width:47%;
}
.box-news-home h3{
	color:#233a7b;
	font-size:26px;
	font-weight:normal;
	margin-bottom:40px;
}
.item-news-home{
	width:46%;
	margin-bottom:10px;
}
.image-item-box-group01{
	display:block;
	margin-bottom:10px;
}
.image-item-box-group01 img{
	width:100%;
	display:block;
}
.title-item-box-group01{
	color:#565656;
}
.title-item-box-group01:hover{
	color:#f58e32;
}
.item-list-news-home{
	margin-bottom:5px;
	clear:both;
}
.item-list-news-home a{
	color:#233a7b;
}
.item-list-news-home a:hover{
	color:#f58e32;
}
.footer{
	background:#1e2842;
	padding:16px 0px 140px 0px;
	border-top:1px #fff solid;
}
.bottom-footer{
	width:100%;
	height:88px;
	display:block;
	background:url(../images/image-footer.png) no-repeat top center;
}


.list-footer{
	margin-top:5px;
	color:#6d6d6d;
	font-size:12px;
	padding:16px 0px;
}
.list-footer li{
	float:left;
	margin-right:12px;
	padding-left:12px;
	border-left:1px #233a7b solid;
	line-height:10px;
}
.list-footer li:first-child{
	padding-left:0px;
	border-left:none;
}
.list-footer a{
	color:#233a7b;
	font-size:14px;
	font-weight:bold;
}
.list-footer a:hover{
	color:#f58e32;
}
.header-footer{
	margin-bottom:20px;
}
.body-dieuhuong{
	margin:0px 0px 0px 0px;
}
.body-dieuhuong ul li{
	float:left;
	color:#434343;
	line-height:33px;
	font-size:13px;
}
.body-dieuhuong ul li a{
	color:#434343;
	line-height:33px;
	margin-right:3px;
}
.body-dieuhuong ul li a:hover{
	text-decoration:underline;
}
.primary{
	width:70%;
	float:left;
	margin-bottom:30px;
}
.sidebar{
	width:26%;
	float:right;
	margin-bottom:30px;
}
.height10{
	display:block;
	height:20px;
}
.group-products{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.box-product{
	width:110%;
}
.product-list{
	width:29%;
	margin:0px 2% 22px 0%;
	float:left;
	background:#eff3f6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom:2px #ededed solid;
}
.attr-duan{
	height:80px;
	overflow:hidden;
}
.title-product-list{
	color:#d43342;
	font-size:15px;
	font-weight:bold;
	display:block;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	margin:0px 10px 5px 10px;
}
.title-product-list:hover{
	color:#0090ff;
}
.address-duan{
	display:block;
	text-align:center;
	line-height:16px;
	overflow:hidden;
	color:#505050;
	font-size:13px;
	margin:0px 10px;
}
.sumary-list{
	margin-bottom:8px;
}
.read-more-list{
	color:#525252;
	background:#e9e9e9;
	font-size:14px;
	display:block;
	height:32px;
	line-height:32px;
	float:left;
	padding:0px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.read-more-list:hover{
	color:#fff;
	background:#233a7b;
}
.body-fix-main-nav .list-language{
	display:none;
}
.body-wrapper{

}

.box-main-menu{
	height:72px;
	background-color:#064ab2;
	top:0px;
	left:0px;
	width:100%;
	z-index:99;
	border-bottom:1px #0762ec solid;
}
.box-primary{
	margin-bottom:10px;
}
.image-list-product{
	display:block;
	margin-bottom:5px;
}
.image-list-product img{
	display:block;
	width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.box-map{
	width:1000px;
	margin:0px auto 30px;
}
.header02{
	height:30px;
	line-height:30px;
	color:#ee2526;
	font-size:16px;
	border-bottom:2px #cecece solid;
	margin-bottom:20px;

}
.margin30{
	margin-bottom:30px;
}


.group-image{
	margin:30px 0px;
}
.box-image{
	text-align:center;
	padding:20px 0px;
}
.background-image{
	background:#f8f7f7;
}
.box-image img{
	margin:0px auto 6px;
	display:block;
	max-width:80%;
}
.box-image span{
	margin:auto;
	display:block;
	font-size:14px;
}

/* group-support */
.group-support{
    padding: 20px 0px 30px 0px;    
    background: url(../images/bg-thuoctinh.png);
    border: 1px #f1f2f2 solid;
    -webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	margin-bottom:40px;
}
.group-support h4{
	color: #666;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: MyriadPro-SemiboldCond;
    text-transform:uppercase;
    text-align:center;
    margin:5px auto 10px;
}
.group-support h3 {
    text-align: center;
    color: #777676;
    font-size: 17px;
    font-weight:lighter;
    margin-bottom:30px;
}
.group-support h5{
	color: #595959;
    font-size: 20px;
    font-family:MyriadPro-Light;
    font-weight:lighter;
    text-transform:uppercase;
    text-align:center;
	margin-bottom:35px;
}
.list-support{
	width:100%;
	margin:auto;
	text-align:center;
}

.list-support li{
	width:20%;
	margin:0px 2% 0px 2%;
	display:inline-block;
	text-align:center;
}



.list-support li img{
	display:block;
	margin:0px auto 10px;
	max-width:100%;
}
.list-support li span{
	display:block;
	margin-bottom:5px;
}
.support-name{
	color: #72bf44;
    font-size: 20px;
    font-family: MyriadPro-Light;
}
.phone-support{
	color: #ed1c24;
    font-size: 18px;
    font-weight: bold;
}
.boxvideo{
	width:100%;
	padding:20px 0px;
	border-top:1px #ccc solid;
	position:relative;
}
.video-duan{
	width:100px;
	height:100px;
	display:block;
	margin:auto;
	background:url('../images/icon-video.png') no-repeat top center;
	z-index:2;
}
.video-duan:hover{
	opacity:0.5;
}

/* banner */
.banner-left{
	position:fixed;
	top:155px;
	left:0px;
	z-index:13;
}
.banner-right{
	position:fixed;
	top:155px;
	right:0px;
	z-index:13;
}


/* banner du an */
.banner-left-duan{
	position:fixed;
	top:47px;
	left:0px;
	z-index:13;
}
.banner-right-duan{
	position:fixed;
	top:47px;
	right:0px;
	z-index:13;
}


/* paging */
.web-pagination{
	text-align:center;
	padding:20px 0px 50px 0px;
}
.web-pagination a{
	padding:5px 9px;
	margin-left:6px;
	font-size: 12px;
	color: #333333;
	font-weight:bold;
	background: #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#f4f4f4;
	border:1px #dadada solid;
}
.current{
	padding:5px 9px;
	margin-left:6px;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	background: #df242a;
	border:1px #df242a solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Tag */
.tags{
    line-height: 25px;
    padding: 12px 0;
}
.tags a,
.tags span{
    display: inline-block;
    line-height: 25px;
    padding: 0 7px;
    background-color: #f1f1f1;
    color:#565656;
    margin-bottom:6px;
}
.tags span{
    font-weight: bold;
    background: #f1f1f1 url(../images/tags.png) 6px 6px no-repeat;
    padding-left: 30px;
}
.content-footer{
	color:#fff;
	line-height: 24px!important;
	float:left;
	width:66%;
}
.copyright-otit{
	width:30%;
	text-align:right;
	float:right;
}

.copyright-otit a{
	color:#fff!important;
	font-size:13px;
}

.copyright-otit a:hover{
	text-decoration:underline;
}
#hide{
	display:none;
	height:0px;
}
.header-video{
    color: #777676;
    font-size: 24px;
    text-transform: uppercase;
    font-family: MyriadPro-SemiboldCond;
    text-align: center;
    margin: 5px auto 20px;
}
.list-social{
	list-style:none;
	text-align:right;
}
.list-social li{
	display:inline-block;
	margin-left:15px;
}
.list-social li a{
	width:40px;
	height:40px;
	display:block;
	background-color:#a4c7db;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.list-social li a.icon-social01{
	background:#a4cc4e url('../images/social-normal.png') no-repeat 2px -35px;
}
.list-social li a.icon-social01:hover{
	background:#0090ff url('../images/social-normal.png') no-repeat 2px -35px;
}

.list-social li a.icon-social02{
	background:#a4cc4e url('../images/social-normal.png') no-repeat 2px -72px;
}
.list-social li a.icon-social02:hover{
	background:#0090ff url('../images/social-normal.png') no-repeat 2px -72px;
}


.list-social li a.icon-social03{
	background:#a4cc4e url('../images/social-normal.png') no-repeat 2px -181px;
}
.list-social li a.icon-social03:hover{
	background:#0090ff url('../images/social-normal.png') no-repeat 2px -181px;
}


.list-social li a.icon-social04{
	background:#a4cc4e url('../images/social-normal.png') no-repeat 2px -252px;
}
.list-social li a.icon-social04:hover{
	background:#0090ff url('../images/social-normal.png') no-repeat 2px -252px;
}
.box-share{
	border-top:1px #ddd solid;
	padding-top:10px;
}
.bg-group-products{
	background:url('../images/bg05.png');
	border-bottom:1px #ddd solid;
}

.hotline-mainmenu{
	position:absolute;
	top:15px;
	right:0px;
	color: #fff;
    background:#ffc111;
    height:40px;
    width:170px;
    padding-left:15px;
    line-height:40px;
    font-size:20px;
    -webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-family: 'Lobster', cursive;
}
.box-main-menu-duan .hotline-mainmenu{
	top:0px;
}

.hotline-menufix{
	color: #fff;
    background:#ffc111;
    height:30px;
    width:150px;
    padding-left:20px;
    line-height:30px;
    font-size:17px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: 'Lobster', cursive;
	float:right;
	margin:3px 50px 0px 0px;
}
.hotline-footer{
	color: #fff;
    background:#0072bd;
    height:40px;
    width:130px;
    display:block;
    padding-left:10px;
    line-height:40px;
    font-size:17px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: 'Lobster', cursive;
	position:fixed;
	bottom:30px;
	left:10px;
	z-index:23;
	display:none;
}

.box-video-home{
	-webkit-border-top-right-radius: 60px;
	-webkit-border-bottom-left-radius: 60px;
	-moz-border-radius-topright: 60px;
	-moz-border-radius-bottomleft: 60px;
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;
	padding:50px 5%;
	margin-bottom:50px;
	background: url('../images/bg-thuoctinh.png');
	border:1px #ddd solid;
}

.content-home{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 15px!important;
    line-height: 24px;
    margin:0px 30px 30px 30px;
}
.group-thuoctinh{
}
.item-thuoctinh{
	padding:40px 0px;
}

.bg1{
	background:#fff;
}
.bg2{
	background: rgb(233,233,233);
	background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(250,250,250,1) 100%);
}

.bg3{
	background:#015788;
}
.bg3 *{
	color:#fff!important;
}
.bg4{
	background:#00cdd5;
	background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}
.bg4 *{
	color:#fff!important;
}
.bg5{
	background: rgb(240,100,0);
	background: linear-gradient(-135deg, rgba(240,100,0,1) 0%, rgba(253,186,0,1) 48%, rgba(238,0,233,1) 100%);
}
.bg5 *{
	color:#fff!important;
}
.bg6{
	background: rgb(0,240,68);
	background: linear-gradient(-35deg, rgba(0,240,68,1) 0%, rgba(0,175,253,1) 42%, rgba(238,0,233,1) 100%);
}
.bg6 *{
	color:#fff!important;
}
.bg7{
	background: rgb(0,240,68);
	background: linear-gradient(140deg, rgba(0,240,68,1) 0%, rgba(0,175,253,1) 53%, rgba(238,0,233,1) 100%);
}
.bg7 *{
	color:#fff!important;
}
.bg8{
	background:#f4c300;
}
.bg8 *{
	color:#fff!important;
}



.item-thuoctinh *{
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	line-height:26px;
}
.item-thuoctinh p{
	margin-bottom:6px;
}
.item-thuoctinh img{
	margin-top:6px;
	margin-bottom:6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.item-thuoctinh h2{
	font-size:30px;
	line-height:34px;
	text-align:center;
	display:block;
	margin-bottom:25px;
	color:#333;
	padding-bottom:20px;
    background:url(../images/bg-hoavan.png) center bottom no-repeat;
}
.item-thuoctinh h2 *{
	font-size:30px!important;
	line-height:34px;
	text-align:center;
	display:block;
	color:#333;
}

.item-thuoctinh h3{
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	margin:10px 0px 15px 0px;
}
.item-thuoctinh h2 *{
	font-size:30px;
	font-weight:bold;
	line-height:28px;
}

.item-thuoctinh  table{
	border:1px #ccc solid;
	background:#fff;
	width:100%;
}
.item-thuoctinh  table td{
	border:1px #ccc solid;
	padding:7px 10px;
}
.item-thuoctinh  table th{
	border:1px #ccc solid;
	padding:7px 10px;
	background:#ffeeac;
	font-weight:bold;
	text-align:center;
}

.header-table{
	background:#ffeeac;
	font-weight:bold;
}
.item-thuoctinh  table *{
	color:#000!important;
}
.item-thuoctinh .col-md-6 a{
	padding:10px 20px;
	background:#ea0e03;
	color:#fff;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.item-thuoctinh .col-md-6 a:hover{
	background:#fc2015;
}


.bg3 h2,.bg4 h2,.bg5 h2,.bg6 h2,.bg7 h2,.bg8 h2{
    background:url(../images/bg-hoavan2.png) center bottom no-repeat;
}


strong{
	font-weight:bold;
}
.mota-thuoctinh p{
	margin-bottom:12px;
}
.content-home p {
    margin-bottom: 8px;
}
.padding-top{
	padding-top:10px;
}
.title-page{
    color: #1e2842;
    font-size: 26px;
    line-height:30px;
    text-align: center;
    display:block;
    margin: 20px auto 20px;
    padding-bottom:20px;
    background:url(../images/bg-hoavan.png) center bottom no-repeat;
}
.header01{
	height:32px;
	line-height:32px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px #bfbfbf solid;
}
.category-parent{
	color:#1e2842;
	display:block;
	float:left;
	font-size:24px;
	text-transform:uppercase;
	line-height:36px;
}
.header03{
	line-height:26px;
	text-align:center;
	color:#444;
	font-size:22px;
	text-transform:uppercase;
	font-family:MyriadPro-Regular;
	margin:20px auto 15px;
	font-weight:normal;
}
.header03 a{
	line-height:26px;
	text-align:center;
	color:#444;
	font-size:22px;
	text-transform:uppercase;
	font-family:MyriadPro-Regular;
	font-weight:normal;
}
.header03 a:hover{
	color:#0090ff;
}




.header04{
	height:34px;
	line-height:34px;
	width:250px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:lighter;
	font-family: MyriadPro-Light;
	background:#65d82b;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:0px auto 20px;
	clear:both;
}
.header04 a{
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	font-size:18px;
	text-transform:capitalize;
	font-weight:lighter;
	font-family: MyriadPro-Light;
}
.header04 a:hover{
	opacity:0.8;
}
.nen_vang{
	padding:15px 20px;
	background:#f9bb00;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	line-height:42px!important;
	font-weight:bold;
}
.nen_vang *{
	color:#083a91!important;
}


/* post detail */
.content-post{
	margin-bottom: 50px;
    background: url('../images/bg-thuoctinh.png');
    border: 1px #f1f2f2 solid;
	-webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright:380px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding:10px 20px 10px 20px;
}
.regular{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    padding-bottom:6px;
    color: #1e2842;
    border-bottom:1px #1e2842 dashed;
}
.box-video{
	margin-bottom:30px;
	-webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background: url('../images/bg-thuoctinh.png');
    border: 1px #ddd solid;
    padding:20px;
    width:560px;
}
.box-fanpage{
	margin-bottom:30px;
	-webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background: url('../images/bg-thuoctinh.png');
    border: 1px #ddd solid;
    padding:20px;
    width:300px;
}
.title-fanpage {
    color: #e8b011;
    font-size: 28px;
    margin-bottom: 10px;
    font-family: 'Cormorant Upright', serif;
    font-weight: lighter;
    text-align: center;
    margin: 10px auto 30px;
    padding-bottom: 40px;
    background: url(../images/bg-hoavan.png) center bottom no-repeat;
}

.hotline-home{
	position:fixed;
	bottom:-10px;
	left:0px;
	z-index:397;
	width:140px;
	height:68px;
	padding:37px 0px;
	display:table;
	background: url(../images/hotline.png) center center no-repeat;
	-webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.hotline-home p{
	display:table-cell;
	vertical-align:middle;
}
.hotline-home p span{
	display:block;
	line-height:34px;
	text-align:center;
	color:#fff;
    font-family: MyriadPro-SemiboldCond;
    font-size:24px;
}
.item-row-home{
	width:548px;
}

.overlay{
	width:100%!important;
	height:100%!important;
	top:0px;
	left:0px;
	position:fixed;
	opacity:0.9;
	background:url('../images/overlay.png');
	z-index:498;
	display:none;
}
.button-baogia{
	position:fixed;
	bottom:10px;
	left:150px;
	z-index:501px;
	cursor:pointer;
}
.hotline-menufix span{
	width:30px;
	height:30px;
	display:block;
	float:right;
	background-image:url('../images/phone-hotline.png');
	background-size:30px 30px;
	background-position:top left;
	background-repeat:no-repeat;
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;	
	margin:0px 1px 0px 5px;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(0px) rotate(20deg);
    transform: translateX(0px) rotate(20deg);
  }

  100% {
    -webkit-transform: translateX(0px) rotate(-20deg);
    transform: translateX(0px) rotate(-20deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(0px) rotate(20deg);
    transform: translateX(0px) rotate(20deg);
  }

  100% {
    -webkit-transform: translateX(0px) rotate(-20deg);
    transform: translateX(0px) rotate(-20deg);
  }
}

.button-dangky{
	display:block;
	width:200px;
	height:40px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);
	transition: all 0.3s ease;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	position:fixed;
	z-index:10;
	right:10px;
	bottom:8px;
	cursor:pointer;
}

.button-dangky:hover{
	background: #e4212a;
    background: -webkit-linear-gradient(left, #d40000, #e88a25);
    background: -o-linear-gradient(right, #d40000,#e88a25);
    background: -moz-linear-gradient(right, #d40000,#e88a25);
    background: linear-gradient(to right, #d40000, #e88a25);
}


/* bootrap */
.container {
    margin-right: auto;
    margin-left: auto;
    /*padding: 0px 10px;*/
}
table { 
	 max-width: 100%; 
	 background-color: transparent;
}
th { 
 text-align: left;
}
.table { 
	 width: 100%; 
	 margin-bottom: 17px;
}
.table thead > tr > th,
.table thead > tr > td,
.table tbody > tr > th,
.table tbody > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td { 
	 padding: 8px; 
	 line-height: 1.428571429; 
	 vertical-align: top; 
	 border-top: 1px solid #ddd;
}
.table thead > tr > th { 
	 vertical-align: bottom; 
	 border-bottom: 2px solid #ddd;
}
.table-condensed thead > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > th,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td { 
 	padding: 5px;
}
.table-bordered { 
 	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td { 
 border: 1px solid #ddd;
}
.form-control { 
	 display: block; 
	 width: 100%; 
	 height: 30px; 
	 padding: 0px 0px; 
	 font-size: 12px; 
	 line-height: 1.428571429; 
	 color: #292929; 
	 vertical-align: middle; 
	 background-color: #fff; 
	 border: 1px solid #ccc; 
	 border-radius: 4px; 
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); 
	 box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); 
	 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	 text-indent:10px;
}
select[multiple], select[size] {
    height: auto;
}
textarea.form-control {
    height: auto;
}




.row { 
 margin-left: -10px; 
 margin-right: -10px;
}
.row-ct{ 
 margin-left: -5px; 
 margin-right: -5px;
}
.row:before,
.row:after,
.row-ct:before,
.row-ct:after,
.row-cl:before,
.row-cl:after { 
 content: " "; 
 display: table;
}
.row:after , .row-ct:after , .row-cl:after{ 
 clear: both;
}

.col-xs-1,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-4-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-2-4,
.col-sm-3,
.col-sm-4,
.col-sm-4-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2-4,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-4-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-2-4,
.col-lg-3,
.col-lg-4,
.col-lg-4-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 { 
 position: relative; 
 min-height: 1px; 
 padding-left: 10px; 
 padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-4-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 { 
 float: left;
}
.col-xs-1 { 
 width: 8.3333333333333%;
}
.col-xs-2 { 
 width: 16.666666666667%;
}
.col-xs-2-4{ 
   width: 20%;
}
.col-xs-3 { 
 width: 25%;
}
.col-xs-4 { 
 width: 33.333333333333%;
}
.col-xs-4-4{ 
 width: 40%;
}
.col-xs-5 { 
 width: 41.666666666667%;
}
.col-xs-6 { 
 width: 50%;
}
.col-xs-7 { 
 width: 58.333333333333%;
}
.col-xs-8 { 
 width: 66.666666666667%;
}
.col-xs-9 { 
 width: 75%;
}
.col-xs-10 { 
 width: 83.333333333333%;
}
.col-xs-11 { 
 width: 91.666666666667%;
}
.col-xs-12 { 
 width: 100%;
}
@media (min-width: 768px) {   
 .col-sm-1, 
 .col-sm-2, 
 .col-sm-2-4, 
 .col-sm-3, 
 .col-sm-4, 
 .col-sm-4-4, 
 .col-sm-5, 
 .col-sm-6, 
 .col-sm-7, 
 .col-sm-8, 
 .col-sm-9, 
 .col-sm-10, 
 .col-sm-11 { 
   float: left; 
 } 
 .col-sm-1 { 
   width: 8.3333333333333%; 
 } 
 .col-sm-2 { 
   width: 16.666666666667%; 
 } 
 .col-sm-2-4{ 
   width: 20%; 
 } 
 .col-sm-3 { 
   width: 25%; 
 } 
 .col-sm-4 { 
   width: 33.333333333333%; 
 } 
 .col-sm-4-4{ 
   width: 40%; 
 } 
 .col-sm-5 { 
   width: 41.666666666667%; 
 } 
 .col-sm-6 { 
   width: 50%; 
 } 
 .col-sm-7 { 
   width: 58.333333333333%; 
 } 
 .col-sm-8 { 
   width: 66.666666666667%; 
 } 
 .col-sm-9 { 
   width: 75%; 
 } 
 .col-sm-10 { 
   width: 83.333333333333%; 
 } 
 .col-sm-11 { 
   width: 91.666666666667%; 
 } 
 .col-sm-12 { 
   width: 100%; 
 } 
 .col-sm-push-1 { 
   left: 8.3333333333333%; 
 } 
 .col-sm-push-2 { 
   left: 16.666666666667%; 
 } 
 .col-sm-push-3 { 
   left: 25%; 
 } 
 .col-sm-push-4 { 
   left: 33.333333333333%; 
 } 
 .col-sm-push-5 { 
   left: 41.666666666667%; 
 } 
 .col-sm-push-6 { 
   left: 50%; 
 } 
 .col-sm-push-7 { 
   left: 58.333333333333%; 
 } 
 .col-sm-push-8 { 
   left: 66.666666666667%; 
 } 
 .col-sm-push-9 { 
   left: 75%; 
 } 
 .col-sm-push-10 { 
   left: 83.333333333333%; 
 } 
 .col-sm-push-11 { 
   left: 91.666666666667%; 
 } 
 .col-sm-pull-1 { 
   right: 8.3333333333333%; 
 } 
 .col-sm-pull-2 { 
   right: 16.666666666667%; 
 } 
 .col-sm-pull-3 { 
   right: 25%; 
 } 
 .col-sm-pull-4 { 
   right: 33.333333333333%; 
 } 
 .col-sm-pull-5 { 
   right: 41.666666666667%; 
 } 
 .col-sm-pull-6 { 
   right: 50%; 
 } 
 .col-sm-pull-7 { 
   right: 58.333333333333%; 
 } 
 .col-sm-pull-8 { 
   right: 66.666666666667%; 
 } 
 .col-sm-pull-9 { 
   right: 75%; 
 } 
 .col-sm-pull-10 { 
   right: 83.333333333333%; 
 } 
 .col-sm-pull-11 { 
   right: 91.666666666667%; 
 } 
 .col-sm-offset-1 { 
   margin-left: 8.3333333333333%; 
 } 
 .col-sm-offset-2 { 
   margin-left: 16.666666666667%; 
 } 
 .col-sm-offset-3 { 
   margin-left: 25%; 
 } 
 .col-sm-offset-4 { 
   margin-left: 33.333333333333%; 
 } 
 .col-sm-offset-5 { 
   margin-left: 41.666666666667%; 
 } 
 .col-sm-offset-6 { 
   margin-left: 50%; 
 } 
 .col-sm-offset-7 { 
   margin-left: 58.333333333333%; 
 } 
 .col-sm-offset-8 { 
   margin-left: 66.666666666667%; 
 } 
 .col-sm-offset-9 { 
   margin-left: 75%; 
 } 
 .col-sm-offset-10 { 
   margin-left: 83.333333333333%; 
 } 
 .col-sm-offset-11 { 
   margin-left: 91.666666666667%; 
 }
}
@media (min-width: 992px) {   
 .col-md-1, 
 .col-md-2, 
 .col-md-2-4, 
 .col-md-3, 
 .col-md-4, 
 .col-md-4-4, 
 .col-md-5, 
 .col-md-6, 
 .col-md-7, 
 .col-md-8, 
 .col-md-9, 
 .col-md-10, 
 .col-md-11 { 
   float: left; 
 } 
 .col-md-1 { 
   width: 8.3333333333333%; 
 } 
 .col-md-2 { 
   width: 16.666666666667%; 
 } 
 .col-md-2-4{ 
   width: 20%; 
 } 
 .col-md-3 { 
   width: 25%; 
 } 
 .col-md-4 { 
   width: 30.8%; 
 } 
 .col-md-4-4{ 
   width: 40%; 
 } 
 .col-md-5 { 
   width: 41.666666666667%; 
 } 
 .col-md-6 { 
   width: 48%;  } 
 .col-md-7 { 
   width: 58.333333333333%; 
 } 
 .col-md-8 { 
   width: 66.666666666667%; 
 } 
 .col-md-9 { 
   width: 75%; 
 } 
 .col-md-10 { 
   width: 83.333333333333%; 
 } 
 .col-md-11 { 
   width: 91.666666666667%; 
 } 
 .col-md-12 { 
   width: 100%; 
 } 
 .col-md-push-0 { 
   left: auto; 
 } 
 .col-md-push-1 { 
   left: 8.3333333333333%; 
 } 
 .col-md-push-2 { 
   left: 16.666666666667%; 
 } 
 .col-md-push-3 { 
   left: 25%; 
 } 
 .col-md-push-4 { 
   left: 33.333333333333%; 
 } 
 .col-md-push-5 { 
   left: 41.666666666667%; 
 } 
 .col-md-push-6 { 
   left: 50%; 
 } 
 .col-md-push-7 { 
   left: 58.333333333333%; 
 } 
 .col-md-push-8 { 
   left: 66.666666666667%; 
 } 
 .col-md-push-9 { 
   left: 75%; 
 } 
 .col-md-push-10 { 
   left: 83.333333333333%; 
 } 
 .col-md-push-11 { 
   left: 91.666666666667%; 
 } 
 .col-md-pull-0 { 
   right: auto; 
 } 
 .col-md-pull-1 { 
   right: 8.3333333333333%; 
 } 
 .col-md-pull-2 { 
   right: 16.666666666667%; 
 } 
 .col-md-pull-3 { 
   right: 25%; 
 } 
 .col-md-pull-4 { 
   right: 33.333333333333%; 
 } 
 .col-md-pull-5 { 
   right: 41.666666666667%; 
 } 
 .col-md-pull-6 { 
   right: 50%; 
 } 
 .col-md-pull-7 { 
   right: 58.333333333333%; 
 } 
 .col-md-pull-8 { 
   right: 66.666666666667%; 
 } 
 .col-md-pull-9 { 
   right: 75%; 
 } 
 .col-md-pull-10 { 
   right: 83.333333333333%; 
 } 
 .col-md-pull-11 { 
   right: 91.666666666667%; 
 } 
 .col-md-offset-0 { 
   margin-left: 0; 
 } 
 .col-md-offset-1 { 
   margin-left: 8.3333333333333%; 
 } 
 .col-md-offset-2 { 
   margin-left: 16.666666666667%; 
 } 
 .col-md-offset-3 { 
   margin-left: 25%; 
 } 
 .col-md-offset-4 { 
   margin-left: 33.333333333333%; 
 } 
 .col-md-offset-5 { 
   margin-left: 41.666666666667%; 
 } 
 .col-md-offset-6 { 
   margin-left: 50%; 
 } 
 .col-md-offset-7 { 
   margin-left: 58.333333333333%; 
 } 
 .col-md-offset-8 { 
   margin-left: 66.666666666667%; 
 } 
 .col-md-offset-9 { 
   margin-left: 75%; 
 } 
 .col-md-offset-10 { 
   margin-left: 83.333333333333%; 
 } 
 .col-md-offset-11 { 
   margin-left: 91.666666666667%; 
 }
}
@media (min-width: 1200px) {   
 .col-lg-1, 
 .col-lg-2, 
 .col-lg-2_4, 
 .col-lg-3, 
 .col-lg-4, 
 .col-lg-4-4, 
 .col-lg-5, 
 .col-lg-6, 
 .col-lg-7, 
 .col-lg-8, 
 .col-lg-9, 
 .col-lg-10, 
 .col-lg-11 { 
   float: left; 
 } 
 .col-lg-1 { 
   width: 8.3333333333333%; 
 } 
 .col-lg-2 { 
   width: 16.666666666667%; 
 } 
.col-lg-2_4 { 
   width: 20%; 
 } 
 .col-lg-3 { 
   width: 25%; 
 } 
 .col-lg-4 { 
   width: 33.333333333333%; 
 } 
 .col-lg-4-4 { 
   width: 40%; 
 } 
 .col-lg-5 { 
   width: 41.666666666667%; 
 } 
 .col-lg-6 { 
   width: 50%; 
 } 
 .col-lg-7 { 
   width: 58.333333333333%; 
 } 
 .col-lg-8 { 
   width: 66.666666666667%; 
 } 
 .col-lg-9 { 
   width: 75%; 
 } 
 .col-lg-10 { 
   width: 83.333333333333%; 
 } 
 .col-lg-11 { 
   width: 91.666666666667%; 
 } 
 .col-lg-12 { 
   width: 100%; 
 } 
 .col-lg-push-0 { 
   left: auto; 
 } 
 .col-lg-push-1 { 
   left: 8.3333333333333%; 
 } 
 .col-lg-push-2 { 
   left: 16.666666666667%; 
 } 
 .col-lg-push-3 { 
   left: 25%; 
 } 
 .col-lg-push-4 { 
   left: 33.333333333333%; 
 } 
 .col-lg-push-5 { 
   left: 41.666666666667%; 
 } 
 .col-lg-push-6 { 
   left: 50%; 
 } 
 .col-lg-push-7 { 
   left: 58.333333333333%; 
 } 
 .col-lg-push-8 { 
   left: 66.666666666667%; 
 } 
 .col-lg-push-9 { 
   left: 75%; 
 } 
 .col-lg-push-10 { 
   left: 83.333333333333%; 
 } 
 .col-lg-push-11 { 
   left: 91.666666666667%; 
 } 
 .col-lg-pull-0 { 
   right: auto; 
 } 
 .col-lg-pull-1 { 
   right: 8.3333333333333%; 
 } 
 .col-lg-pull-2 { 
   right: 16.666666666667%; 
 } 
 .col-lg-pull-3 { 
   right: 25%; 
 } 
 .col-lg-pull-4 { 
   right: 33.333333333333%; 
 } 
 .col-lg-pull-5 { 
   right: 41.666666666667%; 
 } 
 .col-lg-pull-6 { 
   right: 50%; 
 } 
 .col-lg-pull-7 { 
   right: 58.333333333333%; 
 } 
 .col-lg-pull-8 { 
   right: 66.666666666667%; 
 } 
 .col-lg-pull-9 { 
   right: 75%; 
 } 
 .col-lg-pull-10 { 
   right: 83.333333333333%; 
 } 
 .col-lg-pull-11 { 
   right: 91.666666666667%; 
 } 
 .col-lg-offset-0 { 
   margin-left: 0; 
 } 
 .col-lg-offset-1 { 
   margin-left: 8.3333333333333%; 
 } 
 .col-lg-offset-2 { 
   margin-left: 16.666666666667%; 
 } 
 .col-lg-offset-3 { 
   margin-left: 25%; 
 } 
 .col-lg-offset-4 { 
   margin-left: 33.333333333333%; 
 } 
 .col-lg-offset-5 { 
   margin-left: 41.666666666667%; 
 } 
 .col-lg-offset-6 { 
   margin-left: 50%; 
 } 
 .col-lg-offset-7 { 
   margin-left: 58.333333333333%; 
 } 
 .col-lg-offset-8 { 
   margin-left: 66.666666666667%; 
 } 
 .col-lg-offset-9 { 
   margin-left: 75%; 
 } 
 .col-lg-offset-10 { 
   margin-left: 83.333333333333%; 
 } 
 .col-lg-offset-11 { 
   margin-left: 91.666666666667%; 
 }
}
/* End bootrap */









