@charset "UTF-8";

p {
	margin-bottom: 0;
}

a {
	text-decoration: none !important;
}

:root {
	--color-red: #057EC0;
	--color-main: #057EC0;
}

div.login-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: none;
	width: 90%;
	min-width: 250px;
	max-width: 800px;
}

div.close-popup {
	cursor: pointer;
	z-index: 999;
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	right: -30px;
	top: -30px;
	z-index: 999999;
	-webkit-transition: all .5s ease-in-out;
	background-size: 40% 40%;
	-moz-transition: all .5s ease-in-out;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	display: block;
	box-shadow: 0 0 60px rgba(0, 0, 0, .4);
	border: 1px solid rgba(255, 255, 255, .5);
	background-color: rgba(255, 255, 255, .2);
	content: 'x';
	font-size: 29px;
	color: #cbcbcb;
}

div.close-popup:hover {
	background-color: rgba(255, 255, 255, .3);
	box-shadow: 0 0 20px rgba(255, 255, 255, .8);
}

div#baophu {
	background: #000;
	opacity: 0.8;
	z-index: 998;
	left: 0px;
	top: 0px;
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
}

.box_container {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

.box_container .content {
	padding: 10px 0px;
}

/*.tt_lh{width: 49%;float: left;}
.bando{width: 49%;float: right;}*/
.dangky {
	width: 49%;
	float: left;
}

.dangky_frm {
	padding: 10px 20px;
	position: relative;
	border: 1px solid #D6D6D6;
	margin-top: 10px;
	box-sizing: border-box;
}

div.dangnhap {
	float: right;
	width: 49%;
	position: relative;
}

div.tieude_dangky {
	position: absolute;
	background: #F7F7F7;
	padding: 3px 15px;
	top: -16px;
	left: 20px;
	border: 1px solid #D6D6D6;
	font-size: 13px;
}

div.tieude_dangnhap {
	border-bottom: 1px solid #D6D6D6;
	line-height: 35px;
	margin-bottom: 10px;
	font-size: 13px;
}

.popup_thongbao {
	width: 300px;
	background: #fff;
	text-align: center;
	border: 1px solid #D0CFCF;
	font-size: 13px;
}

.popup_thongbao .tieude_tb {
	background: #E80019;
	padding: 7px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.popup_thongbao .popup_kq {
	padding: 10px;
	font-weight: bold;
	color: #4C4C4C;
	min-height: 70px;
	align-items: center;
	font-size: 13px;
}

/*Form liên hệ*/
div.frm_lienhe {
	margin: 10px auto;
	font-size: 13px;
	position: relative;
	max-width: 600px;
}

.thongbao {
	font-size: 20px;
	color: red;
	position: absolute;
	top: 35%;
	width: 100%;
	text-align: center;
}

.thongbao p {
	text-align: center;
}

div.frm_lienhe .item_lienhe {
	margin: 8px 0px;
	font-family: RobotoCondensed;
	font-size: 15px;
}

div.frm_lienhe .item_lienhe_b {
	text-align: center;
}

div.frm_lienhe .item_lienhe p {
	float: left;
	width: 120px;
}

div.dangky .item_lienhe p {
	clear: both;
	float: none;
}

.baove {
	float: left !important;
}

div.frm_lienhe .item_lienhe span {
	color: red;
	margin-left: 3px;
}

div.frm_lienhe .item_lienhe input[type='text'],
div.frm_lienhe .item_lienhe textarea,
div.frm_lienhe .item_lienhe input[type='password'],
div.frm_lienhe .item_lienhe select {
	width: calc(100% - 120px);
	padding: 5px 10px;
	border: 1px solid #D6D6D6;
	box-sizing: border-box;
	background: #F7F7F7;
}

div.dangky_frm .item_lienhe input[type='text'],
div.dangky_frm .item_lienhe textarea,
div.dangky_frm .item_lienhe input[type='password'],
div.dangky_frm .item_lienhe select {
	width: 100%;
}

div.frm_lienhe .item_lienhe input[type='button'],
div.frm_lienhe .item_lienhe input[type='reset'],
div.frm_lienhe .item_lienhe input[type='submit'] {
	padding: 7px 25px;
	background: #ee0303;
	border: none;
	color: #fff;
	border-radius: 3px;
	margin: 10px 0px;
	font-size: 12px;
	cursor: pointer;
	box-sizing: border-box;
	text-transform: uppercase;
}

.btn_dangnhap {
	padding: 7px 25px;
	background: #ee0303;
	border: none;
	display: block;
	color: #fff;
	border-radius: 3px;
	margin: 10px 0px;
	cursor: pointer;
	box-sizing: border-box;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin-right: 5px;
}

.date {
	background: #F7F7F7 url(../images/i_date.png) 98% center no-repeat !important;
	padding-right: 8%;
	cursor: pointer;
}

#tendangnhap {
	background: #F7F7F7 url(../images/i_user.png) 2% center no-repeat !important;
	padding-left: 8%;
}

#matkhau,
#nhaplaimatkhau,
#matkhaucu {
	background: #F7F7F7 url(../images/i_pass.png) 2% center no-repeat !important;
	padding-left: 8%;
}

/*Form liên hệ*/

.item_lienhe2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.item_lienhe2 .songuoi {
	width: 25%;
	padding: 5px;
}

.item_lienhe2 .songuoi .input_sl {
	width: 100%;
	padding: 4px;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
}

/*css tin tức*/
.box_news {
	width: calc(50% - 10px);
	text-align: justify;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	box-sizing: border-box;
	font-family: OpenSans_R;
	margin: 4px;
	font-size: 15px;
	line-height: 20px;
	position: relative;
}

.box_news .ten a {
	font-size: 17px;
	color: #000000;
	transition: 0.4s;
	text-decoration: none;
	display: block;
	font-weight: normal;
	line-height: 22px;
	padding-bottom: 5px;
	font-family: Roboto_M
}

.box_news .ten a:hover {
	color: #F00;
	transition: 0.4s;
}

.box_news a.chitiet {
	color: #00F;
}

.box_news a img {
	width: calc(35% - 10px);
	transition: 1s;
	margin-bottom: 0px;
	float: left;
	margin-right: 10px;
}

.box_news a img:hover {
	opacity: 0.4;
	transition: 1s;
}

.box_news .mota {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 5;
}

.box_news.n_index {
	font-size: 13px;
	line-height: 18px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.box_news.n_index .ten a {
	font-size: 14px;
	line-height: 20px;
}


.box_news .news_ngaythang {
	width: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 5px;
	text-align: center;
	background: rgba(51, 153, 71, 0.7);
	color: #FFF;
	font-family: RobotoCondensed;
	font-size: 13px;
}


.othernews {
	border: 1px solid #DEDEDE;
	padding: 5px;
	background: #F7F7F7;
}

.othernews .cactinkhac {
	font-size: 20px;
	color: #0066FF;
}

.othernews ul.phantrang {
	list-style: none;
	margin-left: 15px;
}

.othernews ul.phantrang li {
	background: url(../images/i_tinkhac.png) left 3px no-repeat;
	padding: 3px 5px 3px 18px;
	color: #AAAAAA;
}

.othernews ul.phantrang li a {
	color: #4A4A4A;
	text-decoration: none;
	transition: 0.4s;
}

.othernews ul.phantrang li a:hover {
	color: red;
	padding-left: 10px;
	transition: 0.4s;
}

/*css tin tức*/



.box_first_news {
	width: calc(45% - 20px);
	float: left;

}

.box_first_news img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.box_first_news .ten a {
	font-size: 19px;
	color: #000000;
	font-weight: normal;
	font-family: RobotoCondensed;
	text-decoration: none;
	line-height: 22px;

}

.box_first_news .ten a:hover {
	color: #F00;
}

.box_first_news .mota {
	font-size: 15px;
	color: #333333;
	font-family: RobotoCondensed;
	line-height: 20px;
	padding-top: 10px;
}

.box_first_news .ten .ngaydang {
	padding: 15px 5px;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
	background: #060;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
}

.box_first_news .ngaydang span {
	font-size: 18px;
}


.list_news_nb {
	width: 55%;
	float: right;
}

.ten_tintuc_i {
	width: 100%;
	display: inline-block;
	margin-bottom: 3px;
}

.ten_tintuc_i a {
	font-family: RobotoBold;
	font-size: 15px;
	color: #333;
	line-height: 22px;
}

.ten_tintuc_i a:hover {
	color: #F00;
}

#content_khachhang {
	width: 100%;
	max-width: 1366px;
	margin: 0px auto;
}

.box-video {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 10px 1%;
	box-sizing: border-box;
	padding: 10px;
	border: solid 1px #EEEEEE;
	text-align: left;
}

.box-video .sp_img {
	width: 45%;
	float: left;
	margin-right: 20px;
}

.box-video .sp_name a {
	font-size: 20px;
	color: #333;
	font-family: RobotoCondensed;
	font-weight: normal;
}

.box-video .sp_name a:hover {
	color: #F00;
}

/*----------css bản đồ-------------*/
#map_canvas {
	height: 450px;
	width: 100%;
	margin: 0px auto;
	border: 1px solid #BBB;
	box-sizing: border-box;
}

.map_description {
	color: #000000;
	overflow: auto;
	max-width: 300px;
}

.map_title {
	color: #30A602;
	font-weight: bold;
}

/*----------css bản đồ-------------*/

/*----------Phân trang-------------*/
.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}

.pagination .pages li.prev {
	margin-right: 15px;
}

.pagination .pages li.next {
	margin-left: 15px;
}

.pagination .pages li {
	display: inline-block;
	margin: 5px 2px;
}

.pagination .pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	border: 1px solid #d5d5d5;
	font-size: 11px;
}

.pagination .pages li a:hover {
	background: #f6f6f6;
}

.pagination .pages li .active {
	background: #424852;
	color: #fff;
	border-color: #424852;
}

.pagination .pages li .active:hover {
	background: #2a313d;
}

/*----------Phân trang-------------*/

/*----------Phân trang ajax-------------*/
.pages_ajax {
	display: inline-block;
}

.pages_ajax li {
	display: inline-block;
	margin: 5px 2px;
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	border: 1px solid #d5d5d5;
	font-size: 11px;
	box-sizing: border-box;
	min-width: 30px;
	cursor: pointer;
}

.pages_ajax li.actived,
.pages_ajax li:hover {
	background: #2a313d;
	color: #fff;
}

span.total {
	display: none;
}

/*----------Phân trang ajax-------------*/

/*----------Đánh giá sao-------------*/
.danhgiasao {
	cursor: pointer;
}

.danhgiasao span {
	background: url(../images/star.gif) center top no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.danhgiasao span.active {
	background: url(../images/star.gif) center -48px no-repeat;
}

.danhgiasao span.hover,
.danhgiasao span.default {
	background: url(../images/star.gif) center -32px no-repeat;
}

/*----------Đánh giá sao-------------*/

/*----------Loading-------------*/
#pre-loader {
	background: #F5F5F5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.loader {
	position: relative;
	width: 2.5em;
	height: 2.5em;
	transform: rotate(165deg);
	position: absolute;
	top: calc(50% - 1.25em);
	left: calc(50% - 1.25em);
}

.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-radius: 0.25em;
	transform: translate(-50%, -50%);
}

.loader:before {
	animation: before 2s infinite;
}

.loader:after {
	animation: after 2s infinite;
}

@keyframes before {
	0% {
		width: 0.5em;
		box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
	}

	35% {
		width: 2.5em;
		box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
	}

	70% {
		width: 0.5em;
		box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
	}

	100% {
		box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
	}
}

@keyframes after {
	0% {
		height: 0.5em;
		box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
	}

	35% {
		height: 2.5em;
		box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
	}

	70% {
		height: 0.5em;
		box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
	}

	100% {
		box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
	}
}

/*----------Loading-------------*/

/*----------css hiệu ứng-------------*/
.hover_sang1 {
	position: relative;
	overflow: hidden;
}

.hover_sang1:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	z-index: 10;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
	transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}

.hover_sang1:hover:before {
	webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
	transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}

.hover_sang2 {
	position: relative;
	overflow: hidden;
}

.hover_sang2:before {
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 10;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.hover_sang2:hover:before {
	transition: 1s;
	left: 100%;
}

.hinh_mo {
	position: relative;
	z-index: 2;
}

.hinh_mo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.trang_den {
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.trang_den:hover {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.zoom_hinh {
	overflow: hidden;
}

.zoom_hinh img {
	transition: all 1s ease 0s;
}

.zoom_hinh:hover img {
	transform: scale(1.1);
}

.xoay_hinh {
	overflow: hidden;
}

.xoay_hinh img {
	transition: all 1s ease 0s;
}

.xoay_hinh:hover img {
	transform: rotate(360deg);
}

.zoom_mo {
	position: relative;
}

.zoom_mo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: ease-in-out 500ms;
	-o-transition: ease-in-out 500ms;
	transition: ease-in-out 500ms;
	z-index: 1;
}

.zoom_mo:hover:before {
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	opacity: 1;
}

.hover_sang3 {
	overflow: hidden;
	position: relative;
}

.hover_sang3:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(67, 69, 113, 0.1);
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
}

.hover_sang3:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(67, 69, 113, 0.1);
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
}

.hover_sang3:hover:before {
	right: 50%;
	left: 50%;
	width: 0;
	background: rgba(255, 255, 255, 0.5);
}

.hover_sang3:hover:after {
	height: 0;
	top: 50%;
	bottom: 50%;
	background: rgba(255, 255, 255, 0.5);
}

/*----------css hiệu ứng-------------*/
div#tags {
	margin-top: 10px;
}

div#tags a {
	display: inline-block;
	border: 1px solid #DDD;
	padding: 3px 5px;
	text-decoration: none;
	color: #222222;
}

div#tags a:hover {
	color: red;
}

div#tags span {
	display: inline-block;
	border: 1px solid #DDD;
	padding: 3px 5px;
	text-decoration: none;
	color: #222222;
	background: #DDDDDD;
}

/*div.left_gh{width:65%;float:left;}
div.right_gh{width:33%;float:right;}*/
div.td_gh {
	font-size: 18px;
	margin: 10px 0;
	text-transform: uppercase;
}

::-webkit-scrollbar {
	background: #fff;
	width: 10px;
	height: 11px
}

::-webkit-scrollbar-thumb {
	background: #BBB
}

* {
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	width: 100% !important
}

.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
	width: 100% !important
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
	width: 100% !important
}

#clickvideo {
	width: 100%;
	padding: 4px 0;
	margin: 3px 0;
	border: 1px solid #DDD;
	box-sizing: border-box
}

.addthis_native_toolbox {
	margin: 10px 0;
	width: 100%;
	clear: both;
	border: 1px solid #ededed;
	padding: 10px;
	margin-bottom: 10px;
	background: #f7f6f6;
	box-sizing: border-box
}

.addthis_native_toolbox b {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 10px
}

#toptop {
	width: 37px;
	height: 37px;
	position: fixed;
	bottom: 40px;
	left: 5px;
	text-indent: -99999px;
	cursor: pointer;
	background: url(../images/back_to_top.png) top center no-repeat;
	transition: .5s;
	z-index: 200
}

#toptop:hover {
	background: url(../images/back_to_top.png) bottom center no-repeat;
	transition: .5s
}

.clear {
	clear: both
}

img {
	max-width: 100%;
	height: auto
}

div.bando img {
	max-width: none !important
}

a {
	text-decoration: none
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	background-color: #FFF;
}

@font-face {
	font-family: 'myFont';
	src: url(../fonts/Roboto-Regular.ttf)
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url(../fonts/RobotoCondensed.ttf);
	src: url(../fonts/RobotoCondensedd41d.ttf?#iefix) format("embedded-opentype"), url(../fonts/RobotoCondensed.ttf) format("woff"), url(../fonts/RobotoCondensed.ttf) format("truetype"), url(../fonts/RobotoCondensed.ttf#utm_caviarregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'OpenSans_R';
	src: url(../fonts/OpenSans_R.ttf);
	src: url(../fonts/OpenSans_Rd41d.ttf?#iefix) format("embedded-opentype"), url(../fonts/OpenSans_R.ttf) format("woff"), url(../fonts/OpenSans_R.ttf) format("truetype"), url(../fonts/OpenSans_R.ttf#utm_caviarregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'SFUFuturaBook';
	src: url(../fonts/SFUFuturaBook.ttf);
	src: url(../fonts/SFUFuturaBookd41d.ttf?#iefix) format("embedded-opentype"), url(../fonts/SFUFuturaBook.ttf) format("woff"), url(../fonts/SFUFuturaBook.ttf) format("truetype"), url(../fonts/SFUFuturaBook.ttf#utm_caviarregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Roboto_M';
	src: url(../fonts/Roboto_M.ttf);
	src: url(../fonts/Roboto_Md41d.ttf?#iefix) format("embedded-opentype"), url(../fonts/Roboto_M.ttf) format("woff"), url(../fonts/Roboto_M.ttf) format("truetype"), url(../fonts/Roboto_M.ttf#utm_caviarregular) format("svg");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'UTM_Androgyne';
	src: url(../fonts/UTM_Androgyne.ttf);
	src: url(../fonts/UTM_Androgyned41d.ttf?#iefix) format("embedded-opentype"), url(../fonts/UTM_Androgyne.ttf) format("woff"), url(../fonts/UTM_Androgyne.ttf) format("truetype"), url(../fonts/UTM_Androgyne.ttf#utm_caviarregular) format("svg");
	font-weight: 700;
	font-style: normal
}

/* Like Share */
.social-plugin {
	display: flex;
	justify-content: flex-start;
	margin-top: 0px;
	gap: 9px;
}

.social-plugin .at-share-btn {
	margin-bottom: 0px !important;
}

.social-plugin .zalo-share-button {
	margin-left: 3px;
}

.social-product ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 0px;
	padding-left: 0px;
	list-style: none;
	margin-bottom: 0px;
}

.addthis_inline_share_toolbox_dc09 {
	display: none
}

.social-product li {
	margin-top: 0px;
	margin-right: 8px;
}

.social-product button {
	width: 30px;
	display: flex;
	height: 30px;
	border: none;
	cursor: pointer;
	color: #ffffff;
	border-radius: 3px;
	padding: 0px;
	font-size: 15px;
	transition: all 0.3s;
	justify-content: center;
	align-items: center;
}

.social-product button:hover {
	transform: translateY(-5px);
}

.social-product .sharer1 {
	background: #1c96e8;
}

.social-product .sharer2 {
	background: #3d548e;
}

.social-product .sharer3 {
	background: #3294bd;
}

.social-product .sharer4 {
	background: #cb362d;
}

.social-product .sharer5 {
	background: #df0022;
}

.nodisplay {
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -99;
	position: fixed;
	top: -500px
}

.sp_cart_top {
	height: 32px;
	position: absolute;
	top: 35px;
	right: 20px;
	background: url(../images/giohang.png) no-repeat left;
	padding-left: 38px;
	line-height: 32px;
	color: #333;
	font-family: Roboto_M;
	font-size: 15px;
	z-index: 999;
}


.sp_cart_top span {
	font-family: OpenSans_R;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	width: 20px;
	height: 20px;
	background-color: #8C1B21;
	border: solid 1px #8C1B21;
	border-radius: 50%;
	position: absolute;
	;
	top: -8px;
	left: 20px;
	text-align: center;
}

div#wapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1366px;
	/* overflow-x: hidden; */
}

div#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1366px;
	top: 0px;
	z-index: 10;
	background: url(../images/bg_top.jpg) no-repeat bottom right;
}


.top_header {
	width: 100%;
	margin: 0px auto;
}

.top_header .content {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	color: #000;
	padding: 5px;
	background: #333333;
	float: right;
	position: relative;
}

.top_header .content:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 0px;
	width: 0;
	height: 0;
	border-top: 40px solid #333333;
	border-left: 20px solid transparent;
}

.flex_3 {
	width: calc(100% / 3)
}


.slogan_top {
	font-family: RobotoCondensed;
	font-size: 16px;
	color: #000;
	display: inline-block;
	vertical-align: top;
	line-height: 25px;
	margin-top: 7px;
}

.top_header .email {
	padding-left: 25px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon-email.png) no-repeat left;
	font-family: OpenSans_R;
	font-size: 14px;
	line-height: 30px;
	color: #EEE;
	margin-left: 120px;
}

.top_header .diachi {
	padding-left: 22px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	background: url(../images/icon-diachi.png) no-repeat left;
	text-align: left;
	font-family: OpenSans_R;
	font-size: 14px;
	line-height: 30px;
	color: #EEE;
	margin-left: 20px;
}

div#header .content_bn {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	box-sizing: border-box;
}


.hotline_top {
	padding-left: 70px;
	position: absolute;
	bottom: 15px;
	right: 0px;
	background: url(../images/phone.png) no-repeat left top;
	text-align: left;
	font-family: OpenSans_R;
	font-size: 17px;
	line-height: 26px;
	min-height: 65px;
	text-shadow: -2px 0 #FFF, 0 2px #FFF,
		2px 0 #FFF, 0 -2px #FFF
}

.hotline_top span {
	color: #FF0000;
	font-family: Roboto_M;
	font-size: 24px;
}


div#header .logo {
	position: absolute;
	left: 20px;
	top: 0px;
	line-height: 0;
	max-width: 100%;
	max-height: 140px;
}

div#header .banner {
	display: inline-block;
	vertical-align: top;
	line-height: 0;
	max-width: 100%;
	max-height: 100px;
	margin-left: 270px;
}


.slide_dmsp_i {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px
}



div#lang {
	float: right;
	margin-top: 7px;
	margin-left: 30px;
}

div#lang a {
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	color: #666;
	text-decoration: none
}

div#lang a:hover {
	color: red
}

div#lang a img {
	display: inline-block;
	vertical-align: top;
	height: 20px;
	width: 30px
}

div.link_lienket {
	width: 20%;
	float: right;
	padding: 10px;
	margin-top: 17px;
}

div.link_lienket a {
	color: #FFF;
	font-size: 20px;
	height: 35px;
	width: 35px;
	display: inline-block;
	vertical-align: top;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	margin: 5px 4px;
	transition: 1s;
	border: solid 1px #FFF;
	border-radius: 50%;
}

div.link_lienket a:hover {
	transition: 1s;
	transform: rotate(360deg);
	color: red
}


div.link_lienket2 {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	text-align: left;
}

div.link_lienket2 a {
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	font-size: 20px;
	height: 40px;
	line-height: 36px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	margin: 0 6px;
	transition: 1s;
	font-weight: 700;
	border-radius: 50%;
	border: solid 2px #F6F6F6;
	background: none;
}

.col_w50 {
	width: 50%;
	float: left;
	padding: 10px
}

.col_w60 {
	width: 60%;
	float: left;
	padding: 10px
}

.col_w40 {
	width: 40%;
	float: left;
	padding: 10px
}

.col_w30 {
	width: 30%;
	float: left;
	padding: 10px
}

.col_w70 {
	width: 70%;
	float: left;
	padding: 10px
}

.col_w20 {
	width: 20%;
	float: left;
	padding: 10px
}

div#right {
	width: calc(100% - 270px);
	float: right;
	margin-bottom: 20px
}

div#left {
	width: 252px;
	float: left;
	background: #FFF;
	margin-bottom: 20px
}

div#left .tieude {
	color: #FFF;
	text-align: left;
	font-size: 17px;
	background-size: 100% 100%;
	height: 56px;
	width: 256px;
	line-height: 23px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: UTM_Azuki;
	padding-top: 24px;
	padding-left: 15px;
	margin-top: -5px;
	margin-left: -6px
}

div#danhmuc_left {
	width: 100%;
	margin-bottom: 30px;
	border: solid 1px #CCC
}

.list_news_r {
	list-style: none;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	display: inline-block;
	vertical-align: top
}

.list_news_r li {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	background: url(../images/muiten.png) no-repeat 8px 13px;
	padding-left: 20px
}

.list_news_r li:last-child {
	border: none
}

.list_news_r li a {
	color: #333;
	font-family: 'RobotoCondensed';
	text-decoration: none;
	font-size: 17px;
	transition: .4s;
	display: block;
	line-height: 25px
}

.list_news_r li a:hover {
	color: red;
	transition: .4s
}

.list_news_r li ul {
	width: 100%;
	padding: 0;
	height: 0;
	overflow: hidden;
	transition: .5s
}

.list_news_r li:hover ul {
	height: auto;
	transition: .5s
}

.list_news_r li ul li {
	background: none;
	padding: 2px 0
}

.list_news_r li ul li a {
	font-size: 15px
}

div#danhmuc_left .phone_left {
	background: url(../images/dienthoai.png) no-repeat left top;
	padding-left: 90px;
	height: 80px;
	width: 90%;
	margin: 5%;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	font-family: UTM_Azuki;
	font-size: 18px;
	color: red;
	padding-top: 10px
}

div#danhmuc_left .phone_left span {
	font-size: 25px
}

.hotro_left {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	margin-bottom: 20px
}

.hotro_left li {
	list-style: none;
	font-family: RobotoCondensed;
	font-size: 16px;
	line-height: 30px
}

.hotro_left li img {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.hotro_left li.dienthoai {
	font-family: UTM_Azuki;
	color: red
}

.col_w33 {
	width: calc(100% / 3);
	padding: 10px;
	float: left
}

.load_video {
	width: 100%;
	padding: 5px;
}

#gioithieu_index {
	width: 100%;
	padding: 20px 0px;
	margin-bottom: 20px;
}

#gioithieu_index .title_gioithieu {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-family: SVN_AgudaR;
	position: relative;
	font-size: 32px;
	margin-bottom: 25px;
	text-align: left;
	color: #126CDB;
}


#gioithieu_index .content_gioithieu {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
}

#nguyenlieugo {
	width: 100%;
	padding: 30px 0px;
	background: #FEC045;
}

.box-nguyenlieu {
	width: calc(50% - 20px);
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	background: #EFEFEF;
	text-align: justify;
}

.box-nguyenlieu .img {
	width: 45%;
}

.box-nguyenlieu .info {
	width: 55%;
	padding: 15px;
	font-family: OpenSans_R;
	font-size: 15px;
	line-height: 22px;
}

.box-nguyenlieu .ten {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.box-nguyenlieu .ten a {
	font-family: SFUFuturaBook;
	font-size: 27px;
	color: #CA101B;
}

.item_nguyenlieu {
	margin: 10px 15px
}

.item_nguyenlieu img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.item_nguyenlieu .ten {
	width: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}

.item_nguyenlieu .ten a {
	color: #000;
	font-family: Roboto_M;
	font-size: 16px;
}

.item_nguyenlieu .ten a:hover {
	color: red;
}

#quangcao-top {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 10px
}

#quangcao-top .img {
	width: calc(50% - 5px);
	float: left;
	margin-right: 10px
}

#quangcao-top .img:nth-child(2n) {
	margin-right: 0
}

#menu_login {
	list-style: none;
	position: absolute;
	top: 0px;
	right: 0px
}

#menu_login li {
	display: inline-block;
	padding-left: 20px;
	margin-right: 5px;
}

#menu_login li a {
	text-decoration: none;
	color: #fff;
	padding: 0 5px;
	font-size: 14px;
}

#menu_login li a:hover {
	color: #000;
}

#menu_login li.dk {
	background: url(../images/dangky.png) no-repeat left;
}

#menu_login li.dn {
	background: url(../images/dangnhap.png) no-repeat left;
}

.hotline_m {
	display: none
}

.sang_header {
	top: 15px;
	left: 60px;
	z-index: 99;
}

.img_pop_up {
	width: 100%;
	border: solid 5px #666
}

.mxh_top {
	float: right;
	height: 40px;
	margin-top: 10px
}




div.header {
	display: none
}

div.wap_menu {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	margin: 0 auto;
	max-width: 1366px;
	background: #057EC0;
}

div.wap_menu .menu {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	position: relative;
}

div.menu ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

div.menu ul li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 50;
}

div.menu ul li.line_menu {
	height: 50px;
	width: 2px;
	padding: 0;
	margin: 0px;
	background: url(../images/line_menu.jpg) no-repeat center;
}

div.menu ul li a {
	color: #FFF;
	font-size: 15px;
	line-height: 50px;
	padding: 0px 12px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	font-family: SFUFuturaBook;
	position: relative;
}


div.menu ul li a:hover,
div.menu ul li a.active {
	background: #0C4994;
	color: #FFFF00;
}

div.menu ul li ul,
div.menu ul li:hover ul li ul {
	position: absolute;
	margin-left: 0;
	display: none;
	background: #0D50A2;
	line-height: 1.5;
	height: auto;
	z-index: 9999;
	width: 240px;
}

div.menu ul li ul li {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
}

div.menu ul li ul li a {
	text-transform: none;
	display: block;
	line-height: 25px;
	padding: 5px 10px;
	font-size: 15px;
	font-family: Roboto_M;
}

div.menu ul li ul li ul {
	left: 100%;
	top: 0
}

div.search {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	box-sizing: border-box;
	font-family: RobotoCondensed;
	background: none;
	overflow: hidden;
	transition: 0.5s;
	z-index: 99;
}

div.search input {
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	float: right;
	border: none;
	background: none;
	width: calc(100% - 30px);
	outline: none;
	color: #333;
	box-sizing: border-box;
	font-size: 15px;
	background: #FFF;
	margin-right: 30px;
	border-radius: 20px;
}

div.search .btn_search {
	background: url(../images/i_search2.png) no-repeat center;
	width: 30px;
	border-radius: 0px 4px 4px 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	box-sizing: border-box;
	height: 30px;
	text-transform: uppercase;
	cursor: pointer
}

div.search:hover {
	width: 240px;
	transition: 0.5s;
}

div.search input::-webkit-input-placeholder {
	color: #666
}

div.search input::-moz-placeholder {
	color: #666
}

div.search input:-ms-input-placeholder {
	color: #666
}

div.search input:-moz-placeholder {
	color: #666
}

div#slider {
	margin: 10px auto;
	position: relative;
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
}

div#slider .col_slide {
	width: calc(100% - 315px);
}

div#slider .col_dichvu {
	width: 300px;
	margin-left: 15px;
}

.box_dichvu_i {
	width: 100%;
	height: 120px;
	position: relative;
	margin-bottom: 11px;
}

.box_dichvu_i img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
}

.box_dichvu_i .ten {
	position: absolute;
	width: 100%;
	padding: 7px;
	background: rgba(0, 0, 0, 0.6);
	left: 0px;
	bottom: 0px;
	text-align: center;
}

.box_dichvu_i .ten a {
	color: #FFF;
	font-family: SFUFuturaBook;
	font-size: 15px;
	text-transform: uppercase;
}

.box_dichvu_i .ten a:hover {
	color: #FFFF00;
}


#tintuc_index {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 20px 0;
	background: #FFF
}

.content_noidung {
	width: 100%;
	max-width: 1200px;
	margin: 15px auto
}

.content_fanpage {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.content_fanpage .fb-page {
	width: 50% !important;
	padding: 10px;
}

.title_tintuc {
	width: 100%;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-family: SFUFuturaBook;
	font-size: 26px;
	color: #1268D1;
	background: url(../images/title_tintuc.jpg) repeat-x center;
	line-height: 40px;
}

.title_tintuc span {
	display: inline-block;
	vertical-align: top;
	background: #FFF;
	padding: 5px;
	margin-bottom: 5px;
	padding-right: 10px;
}


#slick_tintuc_i .slick-list {
	padding-left: 120px;
}

#slick_tintuc_i .slick-track {
	padding-left: 20px;
	border-left: solid 1px #CCCCCC;
	width: 100%;
	box-sizing: border-box;
}

.box_news_index {
	font-family: RobotoCondensed;
	font-size: 15px;
	line-height: 22px;
	border: solid 1px #DDD;
	margin-bottom: 15px;
	border-radius: 55px 0px 0px 55px;
	position: relative;
	width: 100% !important;
}

.box_news_index:before {
	width: 20px;
	height: 20px;
	content: "";
	position: absolute;
	left: -32px;
	top: calc(50% - 10px);
	background: #186FDB;
	border-radius: 50%;
}

.box_news_index .info {
	width: calc(100% - 125px);
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}

.box_news_index .img {
	width: 110px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	margin-right: 10px;
}

.box_news_index .ten {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 5px;
	width: 100%;
}

.box_news_index .ten a {
	font-family: Roboto_M;
	color: #000;
	font-size: 14px;
}

.box_news_index .ten a:hover {
	color: red;
}

.box_news_index .news_ngaythang {
	width: 110px;
	position: absolute;
	left: -140px;
	top: 30px;
	font-family: Roboto_M;
}

.box_news_index .news_ngaythang span {
	font-family: RobotoCondensed;
	color: #186FDB;
	font-size: 17px;
}

.content_tintuc_i {
	padding: 20px;
	background: #F3F3F3
}



#tab_noibat {
	width: 100%;
	padding: 5px;
	text-align: center;
}

#tab_noibat li {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	border: solid 1px #D0D0D0;
	border-radius: 4px;
	padding: 5px 20px;
	line-height: 25px;
	color: #333;
	font-family: Roboto_M;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px 3px;
}

#tab_noibat li:hover,
#tab_noibat li.active {
	background: #F4D52B;
	border-color: #F4D52B;
}

#content_noibat {
	padding-bottom: 30px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}

.col_50 {
	width: 50%;
	float: left;
	padding: 10px;
	box-sizing: border-box
}

.col_33 {
	width: calc(100% /3);
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: center
}

.col_30 {
	width: 30%;
	float: left;
	padding: 10px;
	box-sizing: border-box
}

.col_40 {
	width: 40%;
	float: left;
	padding: 10px;
	box-sizing: border-box
}

.col_60 {
	width: 60%;
	float: left;
	padding: 10px;
	box-sizing: border-box
}

.link-xemthem {
	float: right;
	font-size: 16px;
	color: #CA101B;
}

.link-xemthem:hover {
	color: #880B11;
	transition: .5s
}

.link-xemthem2 {
	padding: 6px 25px;
	border: solid 1px #126CDB;
	color: #0E54A9;
	font-family: OpenSans_R;
	font-size: 15px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	transition: .5s;
	background: #FFF;
	float: right
}

.link-xemthem2:hover {
	color: red;
	transition: .5s
}

.bando_ft {
	width: 100%;
	position: relative
}

.frm_lienhe_index {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 10px auto;
	padding: 20px;
	text-align: center
}

.frm_lienhe_index .input_lh {
	padding: 4px;
	border: solid 1px #CCC;
	background: #FFF;
	border-radius: 5px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	line-height: 22px
}

.frm_lienhe_index #hinh_captcha {
	height: 30px;
	display: inline-block;
	vertical-align: top
}

.frm_lienhe_index .title_frm {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	font-family: Roboto_M;
	color: #333;
	font-size: 20px;
}

#div_dangkynhantin {
	width: 100%;
	padding: 10px;
	background: #057EC0;
}

#dknt {
	width: 50%;
	float: left;
	padding: 10px;
}

#dknt .col_nhantin {
	width: 205px;
	display: inline-block;
	vertical-align: top;
}

#dknt .col_nhantin.cap_char {
	border-radius: 8px;
	overflow: hidden;
	height: 72px;
	margin-top: 3px;
}

#dknt .col_nhantin .g-recaptcha {
	display: inline-block;
	vertical-align: top;
}

#dknt .title_dknt {
	width: 100%;
	color: #FFF;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

#dknt .mota_dknt {
	width: 100%;
	color: #FFF;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}

form#frm_dknt .txt_input {
	width: 100%;
	padding: 3px 10px;
	line-height: 25px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 0px;
	border: none;
	background: none;
	outline: none;
	color: #000;
	outline: none;
	background: #FFF
}

form#frm_dknt .txt_input2 {
	width: 100%;
	padding: 6px 10px;
	line-height: 25px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	height: 93px;
	border: none;
	background: none;
	outline: none;
	color: #000;
	outline: none;
	background: #FFF
}

form#frm_dknt input[type='submit'] {
	background: #B20002;
	color: #FFF;
	width: 100px;
	height: 38px;
	line-height: 32px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	font-family: Roboto_M;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: normal;
	margin: 10px;
	border: solid 3px #FFF;
}

.dknt_left {
	width: 30%;
	float: left;
	padding: 10px;
	padding-left: 92px;
	min-height: 65px;
	background: url(../images/email.png) no-repeat left;
	font-family: OpenSans_R;
	font-size: 15px;
	color: #FFF;
	line-height: 24px;
}

.dknt_left p {
	font-size: 20px;
	padding-bottom: 5px;
}

#duan_noibat {
	width: 100%;
	position: relative;
	padding: 30px 0;
	background: url(../images/title_tintuc.jpg) repeat-x bottom center;
}


#visao_index {
	width: 100%;
	padding: 45px 0px;
	background: url(../images/bg-visao.jpg) repeat-y top center;
}

#visao_index .mota_vs {
	padding: 10px;
	text-align: center;
	color: #EEE;
	font-family: OpenSans_R;
	font-size: 16px;
	width: 100%;
	max-width: 800px;
	margin: 0px auto;
}

.box-visao {
	margin: 5px auto;
	position: relative;
	font-family: RobotoCondensed;
	text-align: justify;
	color: #333333;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	width: 220px;
	height: 220px;
	background: #FFF;
	padding: 30px;
	border-radius: 50%;
}

.box-visao .img {
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: top;
}

.box-visao .ten {
	width: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 25px;
	margin: 5px 0px;
	font-family: Roboto_M;
}

.box-visao .ten a {
	font-size: 17px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.box-visao .ten a:hover {
	color: #FF5400
}


.box_thongtin_tour {
	width: 100%;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
}

.box_thongtin_tour .img {
	width: 300px;
}

.box_thongtin_tour .img img {
	width: 100%;
	display: block;
}

.box_thongtin_tour .gia {
	width: 100%;
	text-align: center;
	background: #057EC0;
	padding: 5px;
	color: #FFF;
	font-family: Roboto_M;
	font-size: 20px;
	margin: 4px 0px;
}

.box_thongtin_tour .info_tour {
	width: calc(100% - 300px);
	padding: 10px;
	padding-left: 20px;
	background: #EBEBEB;
}

.box_thongtin_tour .info_tour .ten {
	font-family: Roboto_M;
	font-size: 22px;
	color: #046599;
}

.box_thongtin_tour .info2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.box_thongtin_tour .info2 p {
	width: 50%;
	padding: 5px;
	font-family: OpenSans_R;
	font-size: 16px;
}

.box_thongtin_tour .ghichu {
	width: 100%;
	display: block;
}

#show_httt {
	width: 100%;
	margin: 10px auto;
	max-width: 840px;
}

div#main_content {
	width: 100%;
	max-width: 1200px;
	margin: 20px auto
}

.tieude_giua {
	font-family: Roboto_M;
	font-size: 24px;
	color: #046599;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}

.tieude_giua:after {
	width: 120px;
	height: 2px;
	content: "";
	position: absolute;
	left: calc(50% - 60px);
	bottom: 0px;
	background: #046599;
}

.tieude_index {
	font-family: SFUFuturaBook;
	font-size: 30px;
	color: #057EC0;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	text-align: left;
	text-transform: capitalize;
	line-height: 45px;
	padding-left: 45px;
	min-height: 40px;
	background: url(../images/title_main.png) no-repeat left top;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCCCCC;
}

.tieude_index:after {
	width: 160px;
	height: 3px;
	content: "";
	position: absolute;
	left: 0px;
	bottom: -2px;
	background: #057EC0;
	border-radius: 1px;
}


.tieude_index2 {
	font-family: SFUFuturaBook;
	font-size: 34px;
	color: #FFF;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	line-height: 42px;
}

.tieude_dichvu {
	font-family: SFUFuturaBook;
	font-size: 40px;
	color: #FFF;
	width: 100%;
	padding-bottom: 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.tieude_dichvu:after {
	width: 100px;
	height: 3px;
	content: "";
	position: absolute;
	background: #FFF;
	left: calc(50% - 50px);
	bottom: 0px;
}

#ykien_khachhang {
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px;
	background: url(../images/bg-nhanxet.jpg) no-repeat top center;
	background-color: #E8E8EA;
}

#content_ykien {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	z-index: 0;
	width: 100%;
	font-family: OpenSans_R;
	font-size: 15px;
	min-height: 220px;
}

.box_ykien_i {
	width: 80%;
	padding: 20px 30px;
	margin: 5px auto;
	margin-top: 10%;
	transition: 0.5s;
}

.box_ykien_i .img {
	width: 100%;
	border: solid 2px #EEEEEE;
	border-radius: 50%;
}

.slick-center .box_ykien_i {
	width: 100%;
	margin-top: 0px;
	transition: 0.5s;
	padding: 10px 20px;
}

.slider-for {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	text-align: center;
}

.slider-for .box_ykien_info {
	padding: 10px;
	font-family: OpenSans_R;
	font-size: 15px;
}

.slider-for .box_ykien_info .ten {
	font-size: 18px;
	color: #333;
	font-family: Roboto_M;
}

.slider-for .box_ykien_info .ten:hover {
	color: #057EC0;
}

#doitac {
	width: 100%;
	padding: 20px 0;
	background: #F3F3F3;
}

#slick_doitac {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0px;
	text-align: center;
	font-family: RobotoCondensed;
	font-size: 16px;
	color: #FFF
}

#doitac .item_doitac {
	margin: 0 10px;
	box-sizing: border-box
}

#doitac .item_doitac img {
	max-width: 100%;
	height: 100%;
}

div.wap_item {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 25px
}

.item {
	width: calc((100% / 4) - 23px);
	margin: 10px 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	font-family: RobotoCondensed;
	transition: .4s;
	border: solid 1px #DFDFDF;
	background: #FFF;
}

.item .img {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
}

.item .img img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
}

.item .info_tour {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px;
	text-align: left;
	background: rgba(0, 0, 0, 0.6);
	font-family: OpenSans_R;
	color: #FFF;
	font-size: 13px;
	padding-top: 50px;
	opacity: 0;
	z-index: -1;
	transition: 0.5s;

}

.item:hover .info_tour {
	opacity: 1;
	z-index: 10;
	transition: 0.5s;
}

.item .info_tour p {
	width: 100%;
	display: inline-block;
	padding-left: 15px;
	line-height: 20px;
	margin: 2px 0px;
}

.item .info_tour p.thoigian {
	background: url(../images/item_time.png) no-repeat left;
}

.item .info_tour p.phuongtien {
	background: url(../images/item_maybay.png) no-repeat left;
}

.item .info_tour p.khachsan {
	background: url(../images/item_sao.png) no-repeat left;
}

.item .info_tour p.khoihanh {
	background: url(../images/item_khoihanh.png) no-repeat left;
}

.item .info_tour p.hotline {
	background: url(../images/item_phone.png) no-repeat left;
}


.item .ten {
	width: 100%;
	position: relative;
	font-family: Roboto_M;
	font-weight: normal;
	margin-top: 5px;
	line-height: 25px;
	padding: 4px 10px;
	min-height: 58px;
}

.item .ten a {
	color: #000000;
	font-size: 14px
}

.item .mota {
	width: 100%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0;
	font-weight: 400;
	font-size: 15px;
	color: #000
}

.item .ten a:hover {
	color: #F00
}

.item .mota {
	width: 100%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}

.item .sp_gia {
	width: 100%;
	margin: 0;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	padding: 4px 10px;
}

.item .sp_gia span {
	color: #E50000;
	font-family: Roboto_M;
	display: inline-block;
	vertical-align: top;
}

.item .sp_gia .giacu {
	font-family: OpenSans_R;
	color: #666;
	text-decoration: line-through;
	font-size: 15px;
	margin-left: 10px;
	line-height: 22px;
}

.button_order {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}

.button_order .chitiet {
	width: 50%;
	text-align: center;
	line-height: 40px;
	font-family: Roboto_M;
	font-size: 16px;
	color: #D61414;
}

.button_order .dathang {
	height: 40px;
	width: 50%;
	text-align: center;
	line-height: 40px;
	text-align: center;
	background: #057EC0;
	color: #FFF;
	cursor: pointer;
	font-family: Roboto_M;
	background-size: 100% 100%;
	font-size: 16px;
	position: relative;
	transition: 0.4s;
	z-index: 99;
}

.item .dathang:hover {
	background: #D40000;
	transition: 0.6s;
}

.item .box-img:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.6);
	z-index: 10;
	width: 100%;
	height: 100%;
	transition: 0.4s;
	opacity: 0;
}

.item:hover .box-img:after {
	opacity: 1;
	transition: 0.6s;
}

a.btn-chitiet {
	width: 35%;
	float: right;
	text-align: center;
	line-height: 25px;
	background: #EEE;
	font-size: 15px;
	color: #000;
	padding: 5px 0;
	position: relative
}

a.btn-chitiet:before {
	width: 0;
	height: 0;
	border-bottom: 35px solid #EEE;
	border-left: 20px solid transparent;
	content: '';
	position: absolute;
	left: -20px;
	bottom: 0
}

a.btn-chitiet:hover {
	color: red
}

a.btn-addcart {
	padding: 3px 18px;
	border: double 3px #666;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0;
	color: #333;
	font-size: 15px;
	cursor: pointer
}

a.btn-addcart:hover {
	color: red
}

.item .icon_uudai {
	width: 130px;
	height: 40px;
	background: url(../images/icon_uudai.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: -10px;
	top: 5px;
	z-index: 99;
	padding-top: 10px;
	line-height: 27px;
	color: #FFF;
	text-align: center;
	font-family: Roboto_M;
	font-size: 14px;
}


.item_nb {
	width: calc((100% / 2) - 33px);
	display: inline-block;
	vertical-align: top;
	margin: 12px 15px;
	text-align: left
}

.item_nb .img {
	width: calc(50% - 15px);
	float: left;
	margin-right: 15px;
	border: solid 1px #DFDFDF
}

.item_nb .ten {
	padding-bottom: 10px;
}

.item_nb .ten a {
	font-family: RobotoCondensed;
	font-size: 20px;
	color: #000;
	line-height: 24px;
	font-weight: normal;
}

.item_nb .ten a:hover {
	color: red;
}

.item_nb .mota {
	font-family: RobotoCondensed;
	font-size: 15px;
	color: #484848;
	line-height: 22px;
}

.item_nb .btn_xemchitiet {
	display: inline-block;
	vertical-align: top;
	background: #DD0000;
	padding: 4px 18px;
	color: #FFF;
	font-family: RobotoCondensed;
	font-size: 15px;
	margin-top: 10px;
	transition: 0.4s;
}

.item_nb .btn_xemchitiet:hover {
	background: #9F0000;
	transition: 0.4s;
}

.huongdan_thanhtoan {
	width: 100%;
	max-width: 1200px;
	margin: 10px auto;
	padding: 30px 0px;
}
#slick_hd_thanhtoan .slick-track{
    min-width: 100%;
    display: flex;
    justify-content: center;
}
.title_thanhtoan {
	width: 100%;
	text-align: center;
	font-family: Roboto_M;
	font-size: 32px;
	color: #057EC0;
	padding-bottom: 10px;
}

.box_thanhtoan_i {
	width: calc(100% - 30px);
	margin: 10px 15px;
	text-align: center;
	font-family: Roboto_M;
	font-size: 15px;
	color: #333;
}

.box_thanhtoan_i .img {
	width: 160px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	padding: 20px;
	transition: 0.4s;
	border: solid 1px #DDD;
	overflow: hidden;
}

.box_thanhtoan_i .img img {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.box_thanhtoan_i .img:hover {
	border-color: #057EC0;
	transition: 0.4s;
}

.box_thanhtoan_i .ten {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 5px;
}

.box_thanhtoan_i .ten a {
	font-size: 18px;
	color: #333;
}

.box_thanhtoan_i .ten a:hover {
	color: #E50000;
}

#album_index {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 30px 0px;
}

div#wap_footer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	max-width: 1366px;
	background: url(../images/bg_bottom.jpg) no-repeat top center;
	background-color: #1A539A;
	color: #FFF;
	font-family: SFUFuturaBook;
	font-size: 15px;
	padding-top: 30px;
}




.album-item {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 10px);
	margin: 5px;
	position: relative;
}

.album-item img {
	display: block;
	max-width: 100%;
	border: solid 2px #FFF;
}

.album-item .name {
	width: 100%;
	padding: 10px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: 0.5s;
	font-family: SFUFuturaBook;
	font-size: 16px;
}

.album-item:hover .name {
	opacity: 1;
	transition: 0.5s;
}

#facebook_ft {
	padding: 20px 5px;
	background: #FEC045;
}

#main_footer {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0px auto;
}

#main_footer .col_footer {
	width: 25%;
	padding: 10px;
}


.map_ft iframe {
	height: 500px !important;
	display: inline-block;
	vertical-align: top;
}

.g-recaptcha div {
	max-width: 100% !important;
}

.g-recaptcha iframe {
	width: 100% !important;
}

.rc-anchor-normal,
.rc-anchor-normal .rc-anchor-content,
.rc-anchor-normal-footer {
	height: 50px !important;
}

div#wap_footer .ten_cty {
	width: 100%;
	font-size: 35px;
	text-transform: capitalize;
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-family: UTM_Androgyne;
	color: #FFF;
	position: relative;
	color: #FFF;
}


div#wap_footer .title_ft {
	width: 100%;
	font-size: 19px;
	text-transform: uppercase;
	margin-bottom: 12px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-family: SFUFuturaBook;
	color: #FFF;
	position: relative;
}


div#wap_footer .box_noidung_ft {
	padding: 10px 20px;
	background-size: 100% 100%;
	margin-top: -30px;
	width: 45%;
	padding: 30px;
	padding-left: 6%;
}

div#wap_footer .box_noidung_ft .content {
	width: 80%;
}

div#wap_footer .box_noidung_ft2 {
	width: 55%;
	padding: 20px;
	padding-right: 6%;
}


div#wap_footer .info_ft {
	width: 100%;
	display: inline-block;
	line-height: 18px;
	padding: 5px;
	font-family: SFUFuturaBook;
	font-size: 16px;
	color: #FBFBFB;
	padding-left: 14px;
	background: url(../images/muiten.png) no-repeat 0 9px
}

div#wap_footer .info_ft:hover {
	color: #FF0
}

#copy_right {
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	line-height: 25px;
	color: #fff;
	font-family: OpenSans_R;
	font-size: 14px;
	z-index: 99;
	text-align: center;
}

#copy_right .txt1 {
	float: left;
}

#copy_right .txt2 {
	float: right;
}

#copy_right .txt2 img {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 5px;
	vertical-align: top;
}

.thongke_ft {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.thongke_ft img {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	margin-top: 4px
}

.thongke_ft span {
	display: inline-block;
	vertical-align: top;
	margin: 0px 15px;
	width: 100%;
	margin-bottom: 5px;
}



div.wap_pro {
	width: 100%;
	padding: 10px
}

.zoom_slick {
	width: 45%;
	float: left;
	text-align: center
}

.zoom_slick .slick2 {
	border: 1px solid #DDD
}

.zoom_slick .slick {
	margin-top: 5px
}

.zoom_slick .slick img {
	width: 95%;
	margin: auto;
	border: 1px solid #DDD;
	box-sizing: border-box;
	cursor: pointer
}

.zoom_slick .slick img:hover {
	border: 1px solid #F60;
	opacity: .5;
	transition: 1s
}

.product_info {
	float: right;
	list-style: none;
	width: 52%
}

.product_info li {
	font-size: 16px;
	padding: 6px 0;
	font-family: OpenSans_R;
	display: flex;
	align-items: center;
	gap: 10px;
}

.product_info li.ten {
	color: #03F;
	font-size: 18px
}

.product_info li.giacu {
	font-size: 17px;
	text-decoration: line-through
}

.product_info li.gia {
	color: #D40000;
	font-size: 22px
}

.product_info li.loai {
	color: #8C1B21;
	font-size: 18px
}

.product_info li b {
	font-weight: 400;
	font-size: 17px
}

.xemgiohang {
	color: #E80019;
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	cursor: pointer;
	font-size: 13px;
	transition: .4s;
	margin: auto;
	margin-top: 7px
}

.product_info li.info_tour2 {
	width: 100%;

	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: OpenSans_R;
	color: #333;
	font-size: 15px;
	border: solid 1px #DDD;
	border-bottom: none;
	padding: 0px;
}

.info_tour2 p {
	width: 100%;
	display: inline-block;
	line-height: 20px;
	margin: 0px;
	border-bottom: solid 1px #DDD;
	padding: 7px 10px;
}


.txt_hethang {
	display: inline-block;
	vertical-align: top;
	padding: 3px 10px;
	border-radius: 5px;
	background: #E4E4E4;
	color: #8C1B21;
	font-family: Roboto_M;
}

span.size {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 3px;
	cursor: pointer;
	color: #333;
	font-size: 14px;
}

span.mausac {
	display: block;
	float: left;
	border: 1px solid #DDD;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 0
}

span.active_size,
span.size:hover,
span.mausac:hover,
span.active_mausac {
	border: 1px solid #E00
}

input.soluong {
	width: 50px;
	border: 1px solid #C7C6C6;
	padding: 2px 0;
	text-align: center;
	font-size: 15px;
	margin-right: 5px
}

table#giohang input {
	margin: 5px 0
}

table#giohang input.btn,
.click_ajax {
	background: #DC0018;
	color: #fff;
	padding: 7px 15px;
	border: none;
	cursor: pointer;
	margin: 5px 1px;
	border-radius: 3px
}


.box_dientichluy {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	;
	font-size: 14px;
}

.check_giamgia {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	;
	font-size: 14px;
	color: #D94D09;
	font-family: RobotoCondensed;
	font-size: 16px;
	margin-bottom: 10px;
}

.check_giamgia span {
	font-family: Roboto_M
}

.check_giamgia #use_score {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin: 0px;
	margin-right: 6px;
	margin-top: 2px;
}

.btn_click_muahang {
	display: inline-block;
	vertical-align: top;
	font-family: SFUFuturaBook;
	font-size: 18px;
	color: #FFF;
	border: none;
	background: #AE0000;
	padding: 7px 25px;
	margin-top: 10px;
	cursor: pointer;
	min-width: 160px;
	text-align: center;
	transition: 0.4s;
}

.btn_click_muahang:hover {
	color: #FFFF00;
	background: #E60000;
	transition: 0.4s;
}

.hinhthuc_thanhtoan {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.box_httt {
	width: 180px;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	text-align: center;
}

.box_httt .img {
	height: 65px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.box_httt .rdo_btn {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.share-group {
	display: flex;
	align-items: center;
	gap: 10px;
}

table#tt td {
	height: 30px
}

table#tt td input.t {
	width: 300px;
	height: 20px;
	margin: 3px 0 5px;
	border: 1px solid #DDD
}

table#tt td textarea {
	width: 300px
}

table#tt span {
	color: red
}

@-webkit-keyframes star {
	0% {
		-webkit-transform: rotate(0) scale(0)
	}

	50% {
		-webkit-transform: rotate(180deg) scale(1.5)
	}

	100% {
		-webkit-transform: rotate(360deg) scale(0)
	}
}

@-o-keyframes star {
	0% {
		-o-transform: rotate(0) scale(0)
	}

	50% {
		-o-transform: rotate(180deg) scale(1.5)
	}

	100% {
		-o-transform: rotate(360deg) scale(0)
	}
}

@-moz-keyframes star {
	0% {
		-moz-transform: rotate(0) scale(0)
	}

	50% {
		-moz-transform: rotate(180deg) scale(1.5)
	}

	100% {
		-moz-transform: rotate(360deg) scale(0)
	}
}

.start-animate {
	z-index: 1.0E+17 !important;
	position: absolute;
	animation: star linear 1.75s infinite;
	-moz-animation: star linear 1.75s infinite;
	-webkit-animation: star linear 1.75s infinite;
	-o-animation: star linear 1.75s infinite
}

@keyframes star {
	0% {
		transform: rotate(0) scale(0)
	}

	50% {
		transform: rotate(180deg) scale(1.5)
	}

	100% {
		transform: rotate(360deg) scale(0)
	}
}


/* Button Frame */
.btn-frame {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	z-index: 10;
	cursor: pointer;
}

.btn-frame i {
	display: flex;
	display: -ms-flex;
	justify-content: center;
	align-items: center;
	-ms-flex-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #061d62;
	position: relative;
	z-index: 1;
}

.btn-frame i img {
	vertical-align: middle;
	width: 70%;
}

.btn-frame .animated.infinite {
	animation-iteration-count: infinite;
}

.btn-frame .kenit-alo-circle {
	width: 60px;
	height: 60px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(7, 41, 103, 0.8);
	opacity: .1;
	border-color: #34620B;
	opacity: .5;
}

.btn-frame .zoomIn {
	animation-name: zoomIn;
}

.btn-frame .animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.btn-frame .kenit-alo-circle-fill {
	width: 70px;
	height: 70px;
	top: -10px;
	right: -10px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: rgba(7, 41, 103, 0.35);
	opacity: .4;
}

.btn-frame .pulse {
	animation-name: pulse;
}

/* Zalo */
.btn-zalo {
	bottom: 315px;
}

/* Phone */
.btn-phone {
	bottom: 230px;
}

/* Messenger */
.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed {
	display: none !important
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-tooltip {
	display: none;
	position: fixed;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
	z-index: 1.0E+30
}

.js-facebook-messenger-close-tooltip {
	width: 10px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px
}

.js-facebook-messenger-box.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

.js-facebook-messenger-box.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-box {
	display: block;
	position: fixed;
	cursor: pointer;
	bottom: 150px;
	right: 17px;
	width: 56px;
	height: 56px;
	text-align: center;
	background: #061d62;
	border-radius: 100%;
	overflow: hidden;
	z-index: 99;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box svg#fb-msng-icon {
	width: 32px;
	height: 33px;
	position: absolute;
	top: 13px;
	left: 12px;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
	transform: rotate(-45deg)
}

.js-facebook-messenger-box svg#close-icon {
	opacity: 0;
	width: 19px;
	height: 20px;
	position: absolute;
	top: 19px;
	left: 19px;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-container {
	position: fixed;
	opacity: 0;
	transform: translateY(50px);
	bottom: 110px;
	right: 90px;
	border-radius: 10px;
	pointer-events: none;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
	-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	transition: transform 160ms ease-in-out, opacity 160ms ease-in-out
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-top-header {
	color: #ffffff;
	background: #1182FC
}

.js-facebook-messenger-top-header {
	display: block;
	position: relative;
	width: 220px;
	background: #1182FC;
	color: #ffffff;
	text-align: center;
	line-height: 1;
	padding: 10px;
	font-size: 14px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-top-header {
	color: #ffffff;
	background: #1182FC
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-container.open {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
	opacity: 0
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box.open svg#close-icon {
	opacity: 1
}

/* Blink */
.blink {
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blink;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blink;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes blink {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}


/*Go top*/
.progress-wrap {
	position: fixed;
	bottom: 70px;
	right: 16px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.progress-wrap::after {
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	content: '\f0d8';
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-weight: 900;
	color: #061d62;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #061d62;
	stroke-width: 4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.hidden,
.hidden-seoh,
.hidden li,
.hidden li a {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 0;
	overflow: hidden;
}

.map_ft iframe {
	width: 100%;
}

.breadcrumb a {
	color: #000;
}

.breadcrumb .active a {
	font-weight: 500;
}


.gallery-thumb-pro {
	position: relative;
	margin-top: 10px;
}

.owl-pro-detail {
	padding: 0px 30px;
}

.control-pro-detail button {
	background-color: transparent;
	color: #222222;
	opacity: 1;
	width: 25px;
	font-size: 23px;
}

.control-pro-detail button:hover {
	opacity: 0.7;
}

.control-pro-detail button.owl-prev {
	left: 0px;
}

.control-pro-detail button.owl-next {
	right: 0px;
}

.thumb-pro-detail {
	display: block !important;
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 3px;
	cursor: pointer;
	background-color: #ffffff;
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
	border-color: #cecfd2;
}

.thumb-pro-detail img {
	box-shadow: none !important;
	filter: brightness(100%) !important;
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
}


.control-owl {
	position: absolute;
	width: 100%;
	z-index: 2;
	left: 0px;
	top: calc(50% - 45px/2);
}

.control-owl button {
	opacity: 0.5;
	top: 0px;
	position: absolute;
	outline: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	cursor: pointer;
	color: #ffffff;
	width: 80px;
	height: 80px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	margin: 0px;
	/* background-color: #343434ba; */
	border-radius: 3px;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	border-radius: 50%;
	padding: 15px;
}

.control-owl button:hover {
	opacity: 1;
}

.control-owl button.owl-prev {
	left: 20px;
}

.control-owl button.owl-next {
	right: 20px;
}

.wrap-dichvu .control-owl button.owl-prev {
	left: -66px;
}

/* ẩn nút tăng giảm trong input number*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.in4tour {
	font-size: 14px;
    text-transform: uppercase;
    color: var(--color-red);
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 15px;
	margin-top: 20px;
}

/* Paging Ajax */
.pagination-ajax {
	text-align: center;
}

.pagination-ajax a {
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px 3px 3px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	color: #666 !important;
	border: 1px solid #e6e6e6;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none !important;
	background-color: #ffffff;
	border-radius: 8px;
	font-weight: 600;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
	color: #ffffff !important;
	border-color: var(--color-main);
	background-color: var(--color-main);
}

.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {
	text-indent: -9999px;
	position: relative;
	background-color: #ffffff !important;
}

.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

.pagination-ajax a.first:before {
	background-image: url(../images/page-first.png);
}

.pagination-ajax a.last:before {
	background-image: url(../images/page-last.png);
}

.pagination-ajax a.prev:before {
	background-image: url(../images/page-prev.png);
}

.pagination-ajax a.next:before {
	background-image: url(../images/page-next.png);
}