@import url("fonts.css");
body { font-family: arial, tahoma, "segoe ui", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
@font-face { font-family: OpenSans-Bold; src: url('../fonts/OpenSans-Bold.ttf'); }
@font-face { font-family: OpenSans-Semibold; src: url('../fonts/OpenSans-Semibold.ttf'); }
@font-face { font-family: Roboto-Regular; src: url('../fonts/Roboto-Regular.ttf'); }
@font-face { font-family: Roboto-Medium; src: url('../fonts/Roboto-Medium.ttf'); }
@font-face { font-family: Roboto-LightItalic; src: url('../fonts/Roboto-LightItalic.ttf'); }
@font-face { font-family: Roboto-Bold; src: url('../fonts/Roboto-Bold.ttf'); }
@font-face { font-family: RobotoSlab-Bold; src: url('../fonts/RobotoSlab-Bold.ttf'); }
@font-face { font-family: RobotoSlab-Regular; src: url('../fonts/RobotoSlab-Regular.ttf'); }
@font-face { font-family: UTM Hanzel; src: url('../fonts/UTM Hanzel.ttf'); }
@font-face { font-family: SVN-Avo bold; src: url('../fonts/SVN-Avo bold.ttf'); }
@font-face { font-family: Roboto-MediumItalic; src: url('../fonts/Roboto-MediumItalic.ttf'); }
@font-face { font-family: RobotoCondensed-Bold; src: url('../fonts/RobotoCondensed-Bold.ttf'); }
@font-face { font-family: Roboto-Italic; src: url('../fonts/Roboto-Italic.ttf'); }
ul#main-nav a { font-family: OpenSans-Semibold; }
.rel { position: relative }
.red { color: red }
.over-hide { overflow: hidden }
.desc .view { margin: 10px 0; background-color: #fff; border-radius: 50px; bottom: 0; padding: 3px 7px; display: inline-block; }
.desc .view i { -webkit-transform: rotate(0deg); position: relative; top: 2px; left: 0px; }
.desc .view:hover i { -webkit-transform: rotate(-180deg); }
.blue { color: blue }
.btn-effect { background: #35414D; color: #fff; padding: 10px 18px; font-family: Avo; padding-top: 11px; font-size: 17px; }
.btn-effect:hover { background: #1BBC9B; color: #fff; text-decoration: none; }
.back-to-top { position: fixed; z-index: 123; right: -60px; bottom: -60px; text-align: center; color: #EC000A !Important; text-decoration: none !Important; font-weight: bold; font-size: 14px; box-shadow: chartreuse; }
.phantrang { margin-left: 15px; text-align: center; }
.pagination>li>a.current { background: #ddd }
.anim-05 { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.link-transpare-border { position: relative; width: 100%; height: 100%; float: left; overflow: hidden; }
.link-transpare-border:hover:before { border: 5px solid rgba(255, 255, 255, 0.4); }
.tooltip-inner { border-radius: 0 !important }
.link-transpare-border:before { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; height: 100%; border: 5px solid rgba(255, 255, 255, 0.6); content: ""; position: absolute; left: 0px; top: 0; }
.empty-content { margin: auto; padding: 10px; border: 1px solid #ccc; text-align: center; }
.title-child { font-family: Alter-gothic; font-size: 21px; border-bottom: 1px solid #ccc; }
.global-title h2:after, .title-global h2:after, .global-title h2:before, .title-global h2:before { content: ""; position: absolute; width: 37px; left: -35px; height: 44px; top: -1px; z-index: 1; background: url(../img/fix-title-left.png) no-repeat; opacity: 0; }
#contact .global-title:after, #contact .title-global:after { display: none }
#contact .global-title h2, #contact .title-global h2 { background: transparent }
.global-title:after, .title-global:after, .global-title:before { content: ""; width: 100%; background-color: #DCDCDC; height: 2px; bottom: 15px; position: absolute; z-index: 1; }
.global-title h2:after, .title-global h2:after { background: url(../img/fix-title-right.png) no-repeat; left: auto; right: -70px; width: 72px; }
.global-title h2, .title-global h2 { margin: 0; font-family: Avo_bold; text-align: left; text-transform: uppercase; color: #000000; font-size: 21px; float: left; z-index: 2; position: relative; margin-bottom: 2px; padding: 0; padding-bottom: 6px; background-color: #fff; padding-right: 10px; }
.title-global, .global-title { margin-top: 16px; margin-bottom: 0px; position: relative; }
.inner-website .global-title, .inner-website .title-global { }
.inner-max-width img { max-width: 100%; height: auto; margin: auto; }
.videoWrapper { position: relative; padding-bottom: 56.25%;	/* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* fb rp */
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }

/* fb rp */

/* end global */

/*header */
header { top: 0; z-index: 123; width: 100%; background: white;    /* -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.4);  -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.4);  
	    box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.4); */ }
	header .wrap-top { padding: 10px 0; background: url(../img/bgbanner.png) no-repeat; }
	header #lang-bar { text-align: right; margin-bottom: 5px; }
	header #form-xsearch { padding: 5px 0px 5px 35px; position: relative; }
	header #form-xsearch input { padding: 8px 3px 2px 0; background-color: white; outline: none; border-top: 1px solid white; border-left: 1px solid white; box-shadow: 2px 4px 6px 0px #b9b7b7 inset; border-radius: 5px; width: 98%; text-indent: 10px; color: gray; margin: 0 1%; }
	header #form-xsearch button { position: absolute; background-color: transparent; border: 0; color: #797979; font-size: 17px; top: 14px; right: 15px; }
	header .logo img {	/* margin:auto */
	float: left; }
	header nav { z-index: 12; width: 100%; position: relative; background-color: #E00000; }
	ul#main-nav { list-style: none; padding: 0; margin-bottom: 0; position: relative; margin-top: 0; z-index: 2; display: table; width: 100%; float: left; }
	ul#main-nav li.last { min-width: 142px; max-height: 20px; position: relative; max-width: 203px; padding: 0; margin: 0; display: block; float: right; }
	ul#main-nav li.last form { margin: 0; padding: 0; background-color: red; top: 8px; position: absolute; }
	ul#main-nav li.last form input { width: 100%; }
	ul#main-nav li.last form button { position: absolute; right: 0; }
	ul#main-nav>li:hover>div>a, ul#main-nav li.active>div>a { color: #fff; }
	ul#main-nav>li:hover, ul#main-nav li.active, ul#main-nav>li ul li:hover { background-color: #242D68; }
	ul#main-nav>li { position: relative; z-index: 1; overflow: hidden; text-align: center; display: table-cell; padding: 0; padding: 0; margin: 0; }
	ul#main-nav>li:after, ul#main-nav>li:before { width: 1px; height: 50%; background: #ad0000; content: ""; right: 0px; bottom: 0px; top: 0; margin: auto; position: absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
	ul#main-nav>li:last-child:after, ul#main-nav>li:last-child:before { display: none }
	ul#main-nav>li:after { right: -1px; background-color: #f84545; }
	ul#main-nav>li:hover:after, ul#main-nav>li:hover:before, ul#main-nav>li.active:after, ul#main-nav>li.active:before { width: 0px; }
	ul#main-nav li { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

	/* icon */
	ul#main-nav li a:hover { color: rgb(253, 253, 253) !important; }
	ul#main-nav>li a { color: #F9F9F9; font-size: 15px; position: relative; font-weight: normal; padding: 11px 0px; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; float: left; width: 100%; text-transform: uppercase; }
	ul#main-nav li:hover>a { color: #fff; }
	ul#main-nav>li a:hover, ul#main-nav>li.active>a { text-decoration: none; color: #fff; }
	ul#main-nav>li ul { list-style: none; padding: 0; position: absolute; top: 100%; width: 1000px; left: 0; max-width: 300px; z-index: 2; text-align: left; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
	ul#main-nav>li ul ul { left: 100%; top: 0; }
	ul#main-nav>li ul li { padding: 10px 5px; min-width: 150px; position: relative; background-color: #E00000; border-bottom: 1px solid rgba(0, 106, 165, 0.11); }
	ul#main-nav>li ul li a { line-height: 16px; padding-left: 5px; text-transform: inherit; color: #F5F5F5; padding: 5px !important; font-size: 17px; text-transform: capitalize; float: none; }
	ul#main-nav>li:hover>ul { display: block !important; opacity: 1; }
	ul#main-nav li:hover>ul { display: block !important; }

	/*header */

	/* main */
	#page-wrapper { position: relative; z-index: 23; }

	/* cart */
	table#giohang input { margin: 5px 0px; font-size: 19px; }
	table#giohang input.btn, .xbtn { background: #075992; color: #ffffff; padding: 3px 10px; border: none; margin: 5px 3px; border-radius: 0; padding: 7px 15px; background: #000000; line-height: 15px; text-transform: uppercase; font-size: 12px; position: relative; }
	.source-cart { background: url(../img/shop-cart.png) no-repeat; width: 50px; height: 50px; background-size: 50px; position: absolute; right: 20px; top: 30px; position: fixed; }
	.source-cart a { font-size: 15px; background: black; border-radius: 50%; width: 20px; height: 20px; float: left; position: relative; left: 37px; text-align: center; color: #fff; font-weight: bold; }
	h3.all-cart-price { margin-left: 10px; font-size: 27px; color: rgb(192, 39, 49); }

	/* end cart */
	#social-air a { position: relative; width: 100%; height: 100%;	/* display: inline-block; */ margin: 0px 3px; text-align: center; }
	#social-air a span { }
	#social-air a:hover span { }

	/* footer */
	footer { padding: 40px 0 30px 0; color: #FFFFFF; position: relative; background-color: #242d68; font-family: Roboto-Regular; }

	/* maps */
	.video-wrapper iframe { width: 100% !Important; left: 0; right: 0; position: absolute; height: 100% !important; border: 0; }
	.video-wrapper { position: relative; padding-bottom: 64%; height: 0; }

	/* maps */
	.zoomContainer { z-index: 120 }

	/* media queue */
	.nav-request { background-color: #3B8AB9;	/* border: 1px solid #ccc; */ margin-top: 5px !Important; -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); }
	.nav-request li { padding: 15px 6px !important; text-align: center; }
	.nav-request li.active a { color: #111 !Important; }
	.nav-request li.active a:hover { }
	.nav-request li.active { background-color: #fff; }
	.nav-request li a p { margin-bottom: 0; }
	.nav-request li a .number { font-size: 13px; text-transform: capitalize; font-weight: normal; text-align: center; }
	.nav-request li a { text-shadow: none !Important; }
	.from.question { display: none; margin-top: 10px; }
	.from.question .inner-form {	/* border: 1px solid rgba(204, 204, 204, 0.45); */

	/* padding: 10px; */ }
	.header-question { font-size: 20px; color: #999; font-style: italic; }
	.inbox-question .info { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 0px; }
	.inbox-question { border-top: 1px solid #ccc; margin-top: 10px; padding: 10px 0; }
	.inbox-question .item-question { margin-bottom: 10px; }
	.inbox-question .item-question .q:hover { background: #EEFFDA url(../img/question_a.png) no-repeat 9px 6px; }
	.inbox-question .item-question .q { background: #E3ECD2 url(../img/question.png) no-repeat 9px 6px; padding: 6px; padding-left: 60px; border-top: 3px solid #CFDEB2; cursor: hand; cursor: pointer; }
	.inbox-question .item-question .a { background: #e9e5d4; padding: 0 10px; display: none; border-bottom: 10px solid #e9e5d4; margin: 10px 0; padding: 10px; }
	.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
	ul#light-gallery { list-style: none; padding: 0; margin: 0; }
	ul#light-gallery li .inner {	/* border: 1px solid rgba(204, 204, 204, 0.43); */
	padding: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); }
	.grid-item { margin-bottom: 16px; }
	.col-8 { padding-left: 8px; padding-right: 8px }
	.row-8 { margin-left: -8px; margin-right: -8px; }
	.news-content .header .date { font-style: italic; font-size: 13px; margin: 5px 2px; color: #8a8888; font-size: 11pt; }
	.titletimkiem { text-align: center; background: url(../img/af1.png) center bottom no-repeat; font-family: OpenSans-Bold; text-transform: uppercase; color: #E00000; font-size: 20pt; padding-bottom: 18px; margin: 15px 0px; }
	.thongbaokqtimk { text-align: center; font-family: Roboto-Regular; color: #353526; font-size: 13pt; text-transform: none; padding-bottom: 12px; }
	.thongbaokqtimk span { color: #242415; font-family: Roboto-Bold; }
	.ttintar123 { text-align: center; background: url(../img/afspmoi.png) center bottom no-repeat; font-family: OpenSans-Bold; text-transform: uppercase; color: #E00000; font-size: 20pt; padding-bottom: 18px; margin: 15px 0px; }
	body a:hover { text-decoration: none; }
	.divsanpham { margin: 15px 0px; text-align: center; }
	.hinhsanpham * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
	.hinhsanpham { position: relative; overflow: hidden; }
	.hinhsanpham img { margin: 0 auto; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; transition: all 0.9s; }
	.hinhsanpham:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
	.tensanpham a { color: black; text-transform: uppercase; font-family: Roboto-Bold; }
	.content_price a, .content_price span { color: #df0000; }
	.content_price { color: #333333; padding: 0px 0px 15px 0; font-family: Roboto-Regular; }
	.titletintuc { font-family: OpenSans-Bold; text-transform: uppercase; color: #000000; font-size: 18pt; margin-bottom: 15px; background: url(../img/gachdup.png) left bottom no-repeat; }
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
	.hinhtintuccroll, .hinhtintucone, .dichvuhinh { position: relative; overflow: hidden; }
	.hinhtintuccroll img, .hinhtintucone img, .dichvuhinh img { margin: 0 auto; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; transition: all 0.9s; }
	.hinhtintuccroll:hover img, .hinhtintucone:hover img, .dichvuhinh:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
	.hinhtintucone img { width: 100%; }
	.tentintucone a { font-family: Roboto-Bold; color: #2F2F2F; font-size: 12pt; display: inline-block; padding: 15px 0 5px 0px; }
	.motatintucone { display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 25px; color: #555555; font-size: 10pt; }
	.xemthemttone a { display: inline-block; padding: 11px 15px; text-transform: uppercase; color: #2F2F2F; background: #fdfdff; border: 2px solid #333333; margin-top: 30px; margin-bottom: 10px; }
	.dvtintuccroll { padding: 18px 0px; border-bottom: 1px dashed  #cacaca; }
	.tintuccroll { padding-left: 0px; }
	.hinhtintuccroll { width: 33%; float: left; }
	.noidungtintuccroll { width: 67%; float: left; padding-left: 15px; }
	.noidungtintuccroll a { font-family: Roboto-Bold; color: #3e3e3e; font-size: 14px; display: inline-block; padding: 0px 0 5px 0px; }
	.motatintuccroll { display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 18px; color: #3e3e3e; font-size: 10pt; }
	.xemthema a { float: right; padding-top: 22px; display: inline-block; font-size: 13px; color: #242d68; text-decoration: underline; font-family: Roboto-Italic; }
	.baovideo .embed-responsive-16by9 { padding-bottom: 73.25%; }
	.ttbaivietkhac { text-transform: uppercase; font-size: 14pt; color: black; font-family: Roboto-Bold; border-bottom: 1px solid #CCCCCC; padding: 3px 0px; margin-bottom: 10px; }
	.baivietkhac a { display: inline-block; width: 100%; color: black; line-height: 25px; padding: 5px 0px; font-size: 11pt; }
	.baivietkhac a:hover { color: red; }
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
	.hinhvideos { position: relative; overflow: hidden; }
	.hinhvideos img { -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; }
	.hinhvideos:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
	.hinhcon { display: none; }
	.tenvideo { background: #0C9CEE; color: white; font-family: Quicksand-Regular; text-align: center; font-size: 12pt; padding: 10px 0px; }
	.logo { width: 18%; float: left; display: flex; align-items: center;	/* justify-content: center; */ height: 110px; }
	.banner { width: 64%; float: left; display: flex; align-items: center; justify-content: center; height: 110px; }
	.hotline { width: 18%; float: left; background: url(../img/hot.png) left center no-repeat; padding: 30px 0px 30px 55px; font-family: UTM Hanzel; color: #df0000; font-size: 20px; line-height: 25px; }
	.hotline span { display: inline-block; width: 100%; }
	.danhmucduoimenu { background: #FFFFFF; }
	#danhmucduoimenu { height: 53px; display: flex; align-items: center; justify-content: center; }
	.danhmucduoimenu a { color: #333333; text-transform: uppercase; font-family: OpenSans-Semibold; font-size: 14px; display: inline-block; line-height: 26px; padding: 0 15px; }
	.danhmucduoimenu a img { float: left; width: auto; padding-right: 10px; }
	.avtdanhmuc { padding: 30px 0; background-color: #EDEDED; }
	.dvprolist_menu { padding: 15px 0; }
	.prolist_menuhinh { text-align: center; }
	.prolist_menuhinh a { display: inline-block; width: 93%; height: 200px; border-radius: 50%; background: white; box-shadow: 0px 3px 4px 1px #c7c7c7; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
	.prolist_menuhinh img { border-radius: 50%; margin: 0 auto;	/* padding: 25px 0; */ width: auto !important; }
	.col2 { width: 20%; float: left; padding: 0 15px; }
	.prolist_menuten a { display: inline-block; width: 100%; text-align: center; text-transform: uppercase; color: #333333; font-family: Roboto-Bold; font-size: 14px; margin: 10px 0; display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.gioithieu { padding: 30px 0; background-color: #EDEDED; }
	.ttdanhmucsp { background: #DE0000; text-align: center; color: #FFFFFF; font-family: SVN-Avo bold; text-transform: uppercase; font-size: 15px; padding: 10px 0; }
	.divlist { border-left: 1px solid #CACACA; border-right: 1px solid #CACACA; background: white; }
	.itemlist { padding: 10px 10px; border-bottom: 1px solid #CACACA; position: relative; }
	.itemlist a { font-family: Roboto-Regular; color: #3e3e3e; text-transform: capitalize; background: url(../img/bgli.png) left center no-repeat, url(../img/bglir.png) right center no-repeat; display: block; padding: 0 15px; }
	.itemcat { position: absolute; left: 100%; top: 0; visibility: hidden; opacity: 0; display: none; width: 100%; background: #ffffff; }
	.itemlist:hover .itemcat { visibility: visible; opacity: 1; display: block; z-index: 99; }
	.itemcat a { font-family: Roboto-Regular; color: #3e3e3e; text-transform: capitalize; display: block; padding: 10px 10px; border-bottom: 1px solid #CACACA; background: #ffffff; }
	.itemlist a:hover, .itemcat a:hover { color: red; }
	.col3 { width: 23%; float: left; padding: 0 15px; }
	.col6 { width: 77%; float: left; padding: 0 15px; }
	.ndgt { width: 50%; float: left; background: white; padding: 20px; }
	.gioithieuname { color: #242d68; font-family: SVN-Avo bold; font-size: 16px; position: relative; }
	.gioithieuname:before { left: -20px; top: 0; bottom: 0; margin: auto; position: absolute; content: ''; width: 3px; background: #DE0000; height: 80%; }
	.gioithieuname span { color: #df0000; font-size: 20px; font-family: Roboto-Bold; text-transform: uppercase; display: inline-block; width: 100%; }
	.gioithieumota { font-family: Roboto-Regular; display: -webkit-box; width: 100%; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; color: #3e3e3e; font-size: 14px; margin: 15px 0; }
	.gioithieuxemthem a { color: #253075; display: inline-block; padding: 10px 0;	/* font-size: 13px; */ font-style: italic; }
	.hinhvideo1 { width: 50%; float: left; }
	.hinhvideo1 select { border-radius: 0; height: 37px; background: #00000091; color: white; border: none; }
	.wrap_sec { padding: 30px 0; position: relative; }
	.ttpro_list { background: #EDEDED; border-bottom: 1px solid #E00000; border-top-left-radius: 25px; border-bottom-left-radius: 25px; margin: 10px 0; position: relative; }
	.ttpro_list span { color: white; font-family: Roboto-Bold; text-transform: uppercase; font-size: 17px; display: inline-block; float: left; background: #E00000; height: 42px; padding: 9px 40px 9px 20px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; position: relative; }
	.ttpro_list span:after { position: absolute; content: ''; left: 100%; top: 0; height: 100%; width: 20px; background: url(../img/afsp.png) no-repeat; }
	.ttpro_list span img { float: left; padding-right: 45px; }
	.ttpro_list span strong { position: relative; padding: 11px 0px; }
	.ttpro_list span strong:after { position: absolute; content: ''; left: -30px; width: 2px; height: 100%; background: white; top: 0; transform: rotate(-25deg); }
	.ttpro_listcenter a { display: inline-block; color: #5f5f5f; font-size: 13px; padding: 12px 20px 10px 20px; text-transform: uppercase; position: relative; font-family: Roboto-Medium;	/* width: 100%; */ text-align: center; }
	.ttpro_listcenter a:before { position: absolute; content: ''; left: 8px; width: 1px; height: 50%; background: #757373; top: 0; margin: auto; bottom: 0; transform: rotate(-25deg); }
	.ttpro_listcenter a:first-child:before {	/* width: 0; */ }
	.colleft { width: 34%; float: left; padding-right: 7px; }
	.colright { width: 66%; float: left; }
	.dvpro { padding: 7px 10px 1px 10px; box-shadow: 1px 0 0 0 #CACACA, 0 0px 0 0 #CACACA, 1px 1px 0 0 #CACACA, /* Just to fix the corner */ 1px 0 0 0 #CACACA   inset, 0 1px 0 0 #CACACA inset, 1px -1px 3px 0px #CACACA inset; background: white; }
	.proten { padding: 5px 0 0px 0; }
	.proten a { margin: 10px 0 2px 0; color: #333333; font-size: 14px; font-family: Roboto-Bold; display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 22px; }
	.rowpro { margin: 0; overflow: hidden; padding-right: 1px; }
	.col-pro { width: 20%; float: left; }
	.col-pro4 { width: 25%; float: left; padding-bottom: 0; }
	.ttpro_listleft { width: 30%; float: left; }
	.ttpro_listcenter { width: 50%; float: left; padding: 0 10px; }
	.ttpro_listright { width: 20%; float: left; }
	.sanpham { text-transform: uppercase; background: url(../img/bgttsp.png) center center no-repeat; font-size: 24px; font-family: SVN-Avo bold; color: #FFFFFF; margin: 10px 0; padding: 5px 10px 25px 10px; text-align: center; }
	.owl-sanphamcat .owl-prev { width: 32px !important; height: 32px !important; background: url(../img/prev.png) no-repeat !important; position: absolute; top: calc(77% - 32px) !important; left: -32px !important; }
	.owl-sanphamcat .owl-next { width: 32px !important; height: 32px !important; background: url(../img/next.png) no-repeat !important; position: absolute; top: calc(77% - 32px) !important; right: -32px !important; }
	.fright { float: right; padding-left: 7px; padding-right: 0; }
	.why { background: url(../img/bgwhy.png)no-repeat; background-size: 100% 100%; padding: 40px 0 70px 0; }
	.ttwhy { text-transform: uppercase; font-size: 23px; color: #FFFFFF; font-family: SVN-Avo bold; text-align: center; margin: 10px 0 30px 0; }
	.dvwhy { padding: 10px 0; text-align: center; }
	.whyhinh img { width: auto !important; margin: 0 auto; border-radius: 50%; }
	.whyten a { display: inline-block; width: 100%; font-family: RobotoCondensed-Bold; color: #FFFFFF; text-transform: uppercase; padding: 20px 0 5px 0; }
	.whymota { font-family: Roboto-Regular; color: #FFFFFF; font-size: 13px; line-height: 23px; display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.ttdv { font-family: SVN-Avo bold; color: #333333; font-size: 30px; text-transform: uppercase; padding-bottom: 20px; }
	.ngayttsk { color: #6f6f6f; font-size: 13px; font-family: Roboto-Regular; padding-bottom: 7px; }
	.ttvd { padding: 30px 0; }
	.duantieubieu { padding: 30px 0; background: #EDEDED; }
	.ttduantieubieu { font-family: SVN-Avo bold; color: #333333; font-size: 30px; text-transform: uppercase; padding-bottom: 20px; text-align: center; }
	.dvduan { padding: 10px 0; }
	.duanten a { display: inline-block; width: 100%; text-align: center; text-transform: uppercase; color: #333333; font-family: Roboto-Bold; font-size: 14px; padding: 10px 0; }
	.quangcao img { margin: auto; }
	.noidungft { width: 40%; float: left; padding-right: 10px; }
	.chinhsachquydinh { width: 30%; float: left; padding: 0 10px; }
	.face { width: 30%; float: left; padding-left: 30px; }
	.ttft1 { text-transform: uppercase; font-family: Roboto-Bold; color: #FFFFFF; font-size: 16px; padding-bottom: 20px; }
	.chinhsachquydinh a { color: #FFFFFF; display: inline-block; width: 100%; padding: 5px 0; font-size: 13px; }
	.logobct { padding: 10px 0; }
	.copppy { background: #0b0d1f; color: #FFFFFF; font-family: Roboto-Regular; padding: 15px 0; font-size: 13px; }
	.thongke { text-align: right; }
	.danhmucduoimenu a:hover, .prolist_menuten a:hover, .gioithieuxemthem a:hover, .ttpro_listcenter a:hover, .proten a:hover, .noidungtintuccroll a:hover, .xemthema a:hover, .duanten a:hover, .probcten a:hover { color: #E00000; }
	.whyten a:hover, .chinhsachquydinh a:hover { color: yellow; }
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
	.prolist_menuhinh, .colleft, .prohinh, .whyhinh, .duanhinh, .probchinh { position: relative; overflow: hidden; text-align: center; }
	.prolist_menuhinh  img, .colleft img, .prohinh img, .whyhinh img, .duanhinh img, .probchinh img { max-width: 100%; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; transition: all 0.9s; margin: 0 auto; }
	.prolist_menuhinh:hover img, .colleft:hover img, .prohinh:hover img, .whyhinh:hover img, .duanhinh:hover img, .probchinh:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
	.paddtop { padding-top: 20px; }
	div.tieude { color: #fff; text-align: center; font-size: 15px; background: #E00000; height: 42px; line-height: 42px; text-transform: uppercase; font-family: Roboto-Medium; margin-top: 20px; }
	.wap_ht { border: 1px solid #E8E8E8; margin-bottom: 15px; background: #F5F5F5; border-top: none; border-left: none; }
	div#hotro .phone { color: #f10b0b; font-size: 20px; padding-top: 62px; padding-bottom: 10px; background: #fff url(../img/bg_hotro.png) no-repeat top left; text-align: right; font-family: Roboto-Medium; padding-right: 20px; }
	div#hotro ul { list-style: none; padding: 7px; margin: 0px 10px; font-size: 13px; }
	div#hotro ul li { clear: both; padding: 6px 0; color: #555555; }
	div#hotro ul li a img { margin-right: 5px; float: left; width: 25px; }
	div#hotro ul li span { color: #f10b0b; font-weight: normal; font-size: 14px; margin-top: 3px; float: left; }
	div#hotro ul li i { font-size: 17px; margin-right: 8px; clear: both; }
	.col-probc { padding: 10px 0; background: #F5F5F5; border: 1px solid #E8E8E8 !important; }
	.probcten a { display: inline-block; width: 100%; text-align: center; text-transform: uppercase; color: #333333; font-family: Roboto-Bold; font-size: 14px; padding: 10px 0; }
	.slickprobc { border: 1px solid #E8E8E8; border-top: none; }
	.titleglobal { font-family: SVN-Avo bold; color: #E00000; font-size: 30px; text-transform: uppercase; margin: 15px 0; padding-bottom: 15px; background: url(../img/af1.png)center bottom no-repeat; text-align: center; }
	#main-detail2 { background: #EDEDED; padding: 15px 0; }
	.wrap-on-image { text-align: center; }
	.wrap-on-image img { margin: 0 auto; }
	.ttmucdichsudung { color: #E00000; font-size: 22px; text-transform: uppercase; margin: 15px 0; font-family: SVN-Avo bold; }
	.tttskt { margin-bottom: 40px; text-transform: uppercase; font-size: 18px; padding: 10px 15px; background: url(../img/bg-1.png) center center; line-height: 25px; margin-top: 15px; }
	
	.dropdown_click { position: absolute; right: 10px; top: 10px; width: 15%; z-index: 99; }
	.dropdown_click i { font-size: 24px; color: #0C3E71; width: 100%; text-align: right; cursor: pointer; }
	.dropdown_click a { display: block; color: #5f5f5f; font-size: 13px; padding: 5px 2px 5px 0px; text-transform: uppercase; position: relative; font-family: Roboto-Medium; text-align: right; background: #EDEDED; border-bottom: 1px solid #fff; min-width: 200px; right: 0; }
	.dropdown_a { display: none; }
	.poabr { position: absolute; right: 0; }
	.toolbar2 { background: #539eff; display: block; padding: 0px 3px; bottom: 0; right: 0; left: 0; position: fixed; z-index: 500; height: auto; border-top: 1px solid #cbcbcb; height: 45px; }
	.toolbar2 ul { list-style: none; }
	.toolbar2 ul li { text-align: center; float: left; width: 33.33%; }
	.toolbar2 ul li a { display: inline-block; width: 100%; padding: 4px 0 0; }
	.toolbar2 ul li a span { font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; font-size: 13px; }
	.icon-m { background: url(../img/icon-m2.png) no-repeat; display: inline-block; }
	.icon-t1 { background-position: -315px -30px; width: 22px; height: 20px; background-size: 680px; }
	.icon-t2 { background-position: -348px -30px; width: 25px; height: 20px; background-size: 680px; }
	.icon-t3 { background-position: -382px -30px; width: 50px; height: 20px; background-size: 680px; }
	.icon-t4 { background-position: -440px -29px; width: 25px; height: 21px; background-size: 680px; }
	.fixeds { position: fixed; left: 0; right: 0; margin: 0 auto; top: 0; z-index: 999; }
	.toolbar2 ul li a i { color: #fff; font-size: 17px; }
	.toolbar2 ul li a .fa-volume-control-phone { transform: rotate(-45deg); }
	.hotline-btn { bottom: 235px; width: auto; height: auto; position: fixed; right: 20px; z-index: 999; }
	.hotline-btn .btn-frame { position: relative; right: unset; left: 0; }
	.hotline-btn:hover span { width: 160px; transition: all 400ms ease-in; }
	.hotline-btn span { width: 0; height: 40px; padding: 7px 2px; font-size: 18px; background: #14c021a6; color: #fff; border-radius: 43px; display: flex; justify-content: center; align-items: center; margin-left: 28px; margin-top: -44px; padding-left: 15px; white-space: nowrap; overflow: hidden; }
	.hotline-btn i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; background: #14c021; border-radius: 50%; position: relative; z-index: 1; }
	span.number-hotline { font-family: 'inter-b'; color: #ff0303; }

	/* Button Frame */
	.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 999; cursor: pointer; }
	.btn-frame i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; background: #DB1E24; width: 50px; height: 50px; border-radius: 50%; position: relative; }
	.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: #1182FC; 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; }
	.btn-framee { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 12; cursor: pointer; z-index: 999; }
	.btn-framee i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px; background: #ff572261; border-radius: 50%; position: relative; z-index: 99; }
	.btn-framee i img { vertical-align: middle; width: 40%; }
	.btn-framee .animated.infinite { animation-iteration-count: infinite; }
	.btn-framee .kenit-alo-circle { width: 60px; height: 60px; top: -5px; right: -5px; position: absolute; background-color: #e00000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(7, 41, 103, 0.8); opacity: .1; border-color: #fff; opacity: .5; }
	.btn-framee .zoomIn { animation-name: zoomIn; }
	.btn-framee .animated { animation-duration: 1s; animation-fill-mode: both; }
	.btn-framee .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: #e00000; opacity: .4; }
	.btn-framee .pulse { animation-name: pulse; }
	.btn-frame1 { display: block; width: 50px; height: 50px; position: fixed; right: 20px; /* z-index: 10; */ cursor: pointer; }
	.btn-frame1 i { display: flex; display: -ms-flex; justify-content: center; align-items: center; -ms-flex-align: center; width: 50px; height: 50px;/* background: #213f99; */ border-radius: 50%; position: relative; z-index: 1; }
	.btn-frame1 i img { vertical-align: middle; width: 70%; }
	.btn-frame1 .animated.infinite { animation-iteration-count: infinite; }
	.btn-frame1 .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: #14c021a6; opacity: .5; }
	.btn-frame1 .zoomIn { animation-name: zoomIn; }
	.btn-frame1 .animated { animation-duration: 1s; animation-fill-mode: both; }
	.btn-frame1 .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: #14c021a6; opacity: .4; }
	.btn-frame1 .pulse { animation-name: pulse; }
	.hotline-btn .btn-frame1 { position: relative; right: unset; left: 0; }

	/* Zalo */
	.btn-zalo { bottom: 315px; }
	.btn-zalo.btn-frame i { background: rgba(0, 175, 242, 0.5); }
	.btn-zalo .animated.infinite.pulse.kenit-alo-circle-fill { background-color: rgba(0, 175, 242, 0.5); }
	.btn-zalo.btn-frame .kenit-alo-circle { border-color: rgba(0, 175, 242, 0.5); }

	/* Maps */
	.btn-maps { bottom: 400px; }

	/* Phone */
	.btn-phone { bottom: 230px; }
	.toolbar { width: 100%; padding: 5px 10px; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; background: #E00000; }
	.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
	.toolbar ul li { text-align: center; width: 25%; }
	.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
	.toolbar ul li a img { height: 5vw; width: auto; }
	.toolbar ul li a span { font-weight: 400; color: #ffffff; font-size: 13px; margin-top: 7px; display: inline-block; }
	#footer-map { position: relative; height: 500px; }
	#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; }

	@media (min-width:1200px) {}
	@media (min-width:992px) and (max-width:1199px) {
		.hotline { font-size: 18px; }
		.col2 { width: 25%; }

	}
	@media (min-width:768px) and (max-width:991px) {
		.col2 { width: 33.33%; }
		.danhmucduoimenu a { font-size: }
		.logo { width: 20%; }
		.banner { width: 80%; }
		.col6 { width: 100%; }
		.ttpro_listleft { width: 65%; }
		.ttpro_listright { width: 35% }
		.colleft { width: 30%; }
		.colright { width: 70%; }
	}
	@media (max-width:768px) {
		.btn-framee,.btn-frame,.hotline-btn,.drag-wrapper{display: none;}
	}
	@media (max-width:767px) {
		.col2 { width: 50%; }
		.row { margin: 0; }
		.logo { width: 20%; }
		.banner { width: 80%; }
		.col6, .ndgt, .hinhvideo1 { width: 100%; }
		.ttpro_listleft { width: 65%; }
		.ttpro_listright { width: 35% }
		.colright { width: 100%; }
		.wrap_sec { padding: 0 0 5px 0; }
		.rowrp { margin: 0 -15px; }
		.noidungft, .chinhsachquydinh, .face { width: 100%; padding: 10px 0; }
		.copppy, .thongke { text-align: center; }
		.copppy { padding-bottom: 50px; }
		.col-pro4 { width: 50%; }
		.prolist_menuhinh a { width: 100%; height: auto }
		.ttpro_listleft { width: 80%; }
		.ttpro_listright { width: 0%; }
		.ttpro_list span { font-size: 15px; }
		.why { padding: 20px 0 30px 0; }
	}