@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap');
@font-face { font-family: 'RobotoCondensed-Regular'; src: url('images/fonts/RobotoCondensed-Regular.eot'); src: url('images/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('images/fonts/RobotoCondensed-Regular.ttf'); }
@font-face { font-family: 'RobotoBoldCondensed'; src: url('images/fonts/RobotoBoldCondensed.eot'); src: url('images/fonts/RobotoBoldCondensed.eot?#iefix') format('embedded-opentype'), url('images/fonts/RobotoBoldCondensed.ttf'); }
@font-face { font-family: 'UTMSwiss721BlackCondensed'; src: url('images/fonts/UTMSwiss721BlackCondensed.eot'); src: url('images/fonts/UTMSwiss721BlackCondensed.eot') format('embedded-opentype'), url('images/fonts/UTMSwiss721BlackCondensed.woff2') format('woff2'), url('images/fonts/UTMSwiss721BlackCondensed.woff') format('woff'), url('images/fonts/UTMSwiss721BlackCondensed.ttf') format('truetype'), url('images/fonts/UTMSwiss721BlackCondensed.svg#UTMSwiss721BlackCondensed') format('svg'); }
@font-face { font-family: 'RobotoBold'; src: url('images/fonts/RobotoBold.eot'); src: url('images/fonts/RobotoBold.eot') format('embedded-opentype'), url('images/fonts/RobotoBold.woff2') format('woff2'), url('images/fonts/RobotoBold.woff') format('woff'), url('images/fonts/RobotoBold.ttf') format('truetype'), url('images/fonts/RobotoBold.svg#RobotoBold') format('svg'); }
@font-face { font-family: 'UTMDinhTran'; src: url('images/fonts/UTMDinhTran.eot'); src: url('images/fonts/UTMDinhTran.eot') format('embedded-opentype'), url('images/fonts/UTMDinhTran.woff2') format('woff2'), url('images/fonts/UTMDinhTran.woff') format('woff'), url('images/fonts/UTMDinhTran.ttf') format('truetype'), url('images/fonts/UTMDinhTran.svg#UTMDinhTran') format('svg'); }
@font-face { font-family: 'UTMWeddingK_T'; src: url('images/fonts/UTMWeddingK_T.eot'); src: url('images/fonts/UTMWeddingK_T.eot') format('embedded-opentype'), url('images/fonts/UTMWeddingK_T.woff2') format('woff2'), url('images/fonts/UTMWeddingK_T.woff') format('woff'), url('images/fonts/UTMWeddingK_T.ttf') format('truetype'), url('images/fonts/UTMWeddingK_T.svg#UTMWeddingK_T') format('svg'); }
@font-face { font-family: 'MYRIADPROREGULAR'; src: url('images/fonts/MYRIADPROREGULAR.eot'); src: url('images/fonts/MYRIADPROREGULAR.eot') format('embedded-opentype'), url('images/fonts/MYRIADPROREGULAR.woff2') format('woff2'), url('images/fonts/MYRIADPROREGULAR.woff') format('woff'), url('images/fonts/MYRIADPROREGULAR.ttf') format('truetype'), url('images/fonts/MYRIADPROREGULAR.svg#MYRIADPROREGULAR') format('svg'); }
@font-face { font-family: 'robotoslab_regular'; src: url('images/fonts/robotoslab_regular.eot'); src: url('images/fonts/robotoslab_regular.eot') format('embedded-opentype'), url('images/fonts/robotoslab_regular.woff2') format('woff2'), url('images/fonts/robotoslab_regular.woff') format('woff'), url('images/fonts/robotoslab_regular.ttf') format('truetype'), url('images/fonts/robotoslab_regular.svg#robotoslab_regular') format('svg'); }
@font-face { font-family: 'robotoslab_light'; src: url('images/fonts/robotoslab_light.eot'); src: url('images/fonts/robotoslab_light.eot') format('embedded-opentype'), url('images/fonts/robotoslab_light.woff2') format('woff2'), url('images/fonts/robotoslab_light.woff') format('woff'), url('images/fonts/robotoslab_light.ttf') format('truetype'), url('images/fonts/robotoslab_light.svg#robotoslab_light') format('svg'); }
@font-face { font-family: 'DFVN-Salute-Regular'; src: url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.eot'); src: url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.eot') format('embedded-opentype'), url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.woff2') format('woff2'), url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.woff') format('woff'), url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.ttf') format('truetype'), url('css/font/DFVN-Salute-Regular/DFVN-Salute-Regular.svg#DFVN-Salute-Regular') format('svg'); }

/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { margin: 0; padding: 0; font-size: 100%; background: transparent; text-decoration: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
.f-nav, div#tt-menu-mobile .f-nav {z-index: 10;position: fixed !important;left: 0px;top: 0px;background: #FFF;width: 100%;}
* { margin: 0; padding: 0; }
.container { max-width: 1180px; margin: 0 auto; padding: 0px 0px; position: relative; }
.container.box-tpl{margin:20px auto;}
.clear { clear: both; }
h1.the { font-size: 0px; height: 0px; width: 0px; overflow: hidden; visibility: hidden; text-indent: -99999999px; }
div#tt-full {overflow: hidden;width: 100%;position: relative;}
div#tt-wrapper { width: 100%; }
section#tt-slider {width: 100%;position: relative;overflow: hidden;}
footer#tt-footer {}
footer#tt-footer p {text-align: left;}
section#tt-header { width: 100%; position: relative; }
div#tt-banner { width: 100%; float: left; }
div#banner-left { width: 14%; float: left; }
div#banner-left a, div#banner-middle a { display: block; }
div#banner-left a img, div#banner-middle a img { max-width: 100%; }
div#banner-middle { width: 67.5%; float: left; }
div#banner-right { width: 18.5%; float: left; }
div.tt-banner-top { width: 100%; float: left; margin-top: 60px; }
div.bannertop-left { float: left; width: 76.4%; }
div.bannertop-left a { display: block; }
div.bannertop-left img { float: left; max-width: 100%; transition: all 0.6s; }
div.bannertop-right { float: left; width: 23.6%; }
div.hotline { }
.banner-video { width: 100%; float: left; }
.dangky_dv a { padding: 7px 30px 5px 30px; background: #a2600b; color: #fff; font-weight: 100; text-transform: uppercase; display: inline-block; font-size: 16px; }
div.hotline span { color: #DBA000; font-weight: 300; }
div.lang { margin-top: 4%; float: left; font-size: 15px; color: #FFF; width: 80px; text-align: right; }
section#tt-menu { width: 100%; background: #353535; position: relative; }
div.tt-menu { width: 100%; float: left; background: rgba(255, 255, 255, 0.7); }
div.tt-search { float: left; width: 56px; height: 39px; background: url(images/search.png) no-repeat top center; position: relative; cursor: pointer; }
div.tt-btn-search { width: 100%; float: left; height: 39px; }
input.element-search { width: 100%; background: none; border: none; height: 40px; box-sizing: border-box; outline: none; border: 10px solid transparent; }
div.tt-showsearch { position: absolute; top: 100%; right: 0px; width: 0px; height: 40px; opacity: 0; background: #FFFFFF; z-index: 99999; }
div#tt-nav { }
div#tt-nav ul { width: 100%; list-style: none; text-align: right; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
div#tt-nav > ul > li { }
div#tt-nav > ul > li { cursor: pointer; transition: all 0.6s; position: relative; flex: auto; }
div#tt-nav > ul > li:last-child { background: none; }
div#tt-nav ul li a { position: relative; display: block; font-size: 17px; color: #fff; text-align: center; font-weight: 400; text-transform: uppercase; height: 55px; line-height: 55px; }
div#tt-nav > ul > li > a:after, div#tt-nav > ul > li:last-child > a:before { position: absolute; content: ''; background: rgb(99, 99, 99); background: linear-gradient(90deg, rgba(99, 99, 99, 1) 0%, rgba(99, 99, 99, 1) 50%, rgba(31, 31, 31, 1) 50%, rgba(31, 31, 31, 1) 100%); top: 0; bottom: 0; width: 2px; left: 0; }
div#tt-nav > ul > li:last-child > a:before { left: unset; right: 0; }
div#tt-nav > ul > li:hover > a, div#tt-nav > ul > li.active > a { background: rgb(0 0 0 / 80%); }
div#tt-nav > ul > li:hover > ul { display: block; }
div#tt-nav > ul > li > ul > li:hover > ul { display: block; }
div#tt-nav > ul > li ul { list-style: none; position: absolute; top: 100%; left: 0px; display: none; width: 250px; background: #fff; z-index: 999999999; }
div#tt-nav > ul > li ul ul { list-style: none; position: absolute; top: 0px; left: 100%; display: none; width: 250px; z-index: 999999999; }
div#tt-nav > ul > li ul li { display: block; width: 100%; background: #FFFFFF; text-align: left; transition: all 0.6s; position: relative; padding: 0px 0px !important; }
div#tt-nav > ul > li ul li a { color: #7c7b7b; width: 100%; text-align: left; height: unset; line-height: unset; padding: 10px; font-size: 15px; border-bottom: 1px solid rgb(0 0 0 / 5%); }
div#tt-nav > ul > li ul li ul li a { color: #7c7b7b; }
div#tt-nav > ul > li ul li:hover > a { background: #0b0b0b; color: #fff; }
div#tt-nav > ul > li ul li:hover { }
div#tt-menu-mobile {width: 100%;display: none;position: relative;height: 50px;background: #353535;margin-bottom: 10px;}

/* div#tt-menu-mobile a { display: inline-block; background: #DBA000 url(images/menu1.png) no-repeat center; width: 49px; height: 29px; padding: 5px; } */
div#tt-lang-mobile { cursor: pointer; position: fixed; top: 5px; right: 125px; z-index: 99999; display: none; background: #DBA000 url(images/lang.png) no-repeat center; background-size: 70% 70%; width: 49px; height: 29px; padding: 5px; }
#hamburger {box-sizing: border-box;display: block;height: 50px;width: 40px;position: absolute;top: 50%;left: 10px;z-index: 2;transform: translateY(-50%);}
html:not(.mm-opening):not(.mm-opened) #hamburger { transition: top 0.3s ease; }
#hamburger:before, #hamburger:after, #hamburger span {background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;}
#hamburger:before { top: 12px; }
#hamburger span { top: 22px; }
#hamburger:after { top: 32px; }

/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; }
html.mm-opening #hamburger span { left: -50px; opacity: 0; }
html.mm-opening #hamburger:before { transform: rotate(45deg); }
html.mm-opening #hamburger:after { transform: rotate(-45deg); }
div#tt-lang-show { width: 59px; text-align: center; height: 0px; position: fixed; top: 45px; right: 125px; background: #FFFFFF; z-index: 999999999; opacity: 1; overflow: hidden; }
div#tt-lang-show img { margin-top: 5px; }
section#tt-content {width: 100%;}
div.tt-center {width: 100%;}
div.tt-title { width: 100%; float: left; text-align: center; margin-bottom: 0px; }

/* div.tt-title h2, div.tt-title h1 { position: relative; line-height: 30px; color: #FFF; background: #DBA000; border-radius: 20px; padding: 5px 25px; font-family: 'RobotoBold'; display: inline-block; text-transform: uppercase; font-size: 17px; }
div.tt-title h2:after, div.tt-title h1:after { content: ''; width: 100px; height: 2px; background: #DBA000; position: absolute; top: 50%; left: 100%; }
div.tt-title h2:before, div.tt-title h1:before { content: ''; width: 100px; height: 2px; background: #DBA000; position: absolute; top: 50%; right: 100%; }
 */
div.tt-title { width: 100%; float: left; text-align: center; box-sizing: border-box; border: 10px solid transparent; }
div.tt-title h2, div.tt-title h1 { font-family: 'robotoslab_light'; font-size: 30px; text-transform: uppercase; color: #61330b; font-weight: 300; padding-bottom: 20px; width: 100%; float: left; display: block; }
div.tt-title p { font-family: 'robotoslab_light'; font-size: 30px; text-transform: uppercase; color: #61330b; font-weight: 300; width: 100%; float: left; padding-bottom: 20px; display: block; position: relative; }
div.tt-title p:after { content: ''; width: 40px; height: 1px; background: #61330b; position: absolute; bottom: 7px; left: 48%; }
div.tt-title span { font-family: 'robotoslab_light'; font-size: 30px; text-transform: uppercase; color: #FFFFFF; font-weight: 300; width: 100%; float: left; margin-top: 40px; padding-bottom: 20px; display: block; position: relative; }
div.tt-title span:after { content: ''; width: 40px; height: 1px; background: #FFFFFF; position: absolute; bottom: 7px; left: 48%; }
div.item_news_s {width: 50%;box-sizing: border-box;border: 10px solid transparent;margin-top: 50px;position: relative;}
div.time { position: absolute; top: -44px; left: 0px; width: 105px; height: 36px; background: url('images/time.png') no-repeat top center; }
div.time span { display: inline-block; line-height: 30px; text-align: center; width: 100%; color: #FFF; }
div.img_news_s { float: left; width: 40.3%; }
div.img_news_s img { max-height: 178px; max-width: 100%; float: left; }
div.box_jnh { width: 100%; float: left; background: #fef3e4; }
div.img_news_desc { float: left; box-sizing: border-box; border: 10px solid transparent; width: 59.7%; }
div.img_news_desc h4 {font-size: 15px;color: #553516;line-height: 25px;height: 45px;overflow: hidden;margin-bottom: 10px;}
div.img_news_desc h4 a {color: #553516;display: block;}
div.img_news_desc p {color: #666666;font-family: 'Arial';font-size: 12px;height: 90px;overflow: hidden;}
div.tt-desc {width: 100%;}
div.tt-news-item { width: 33.33%; float: left; box-sizing: border-box; position: relative; margin: 10px 0px 10px 0px; transition: all 0.6s; border: 10px solid transparent; }
div.tt-news-item:hover { background: #FFF; }
div.tt-news-item:nth-child(2n+0) { margin-right: 0px; }
div.tt-news { width: 100%; float: left; box-sizing: border-box; border: 1px solid #CCC; }
div.tt-news-img { width: 100%; float: left; text-align: center; }
div.tt-news-img img { max-width: 100%; transform: scale(1); transition: all 0.6s; }
div.tt-news-title { width: 100%; float: left; box-sizing: border-box; border: 5px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }
div.tt-news-title h4 { width: 100%; float: left; font-size: 18px; font-family: 'robotoslab_regular'; text-transform: uppercase; text-align: center; font-style: italic; font-weight: 300; line-height: 20px; height: 40px; overflow: hidden; }
div.tt-news-title h4 a { color: #61330b; }
div.tt-news-title p { width: 100%; float: left; font-size: 13px; font-family: Arial; font-weight: 300; line-height: 20px; height: 20px; overflow: hidden; text-align: center; }
div.tt-news-item:hover div.tt-news-title a { color: #FF0000; }
div.tt-news-item:hover div.tt-news-img img { transform: scale(1.02); }
div.tt-news-desc { box-sizing: border-box; border: 10px solid transparent; width: 100%; float: left; }
div.tt-news-desc p { text-align: justify; font-size: 15px; color: #333; font-family: 'RobotoCondensed-Regular'; font-weight: 300; }
div.tt-news-desc p:nth-child(1) { font-size: 15px; color: #999; font-family: 'RobotoCondensed-Regular'; }
div.tt-news-desc p:nth-child(1) span { color: #FDC22A; }
div.tt-news-desc p:nth-child(2) { height: 95px; overflow: hidden; }
div.tt-news-desc p:nth-child(3) { text-align: right; }
div.tt-news-desc p:nth-child(3) a { font-family: 'RobotoBold'; font-size: 13px; text-transform: uppercase; color: #cc6666; background: url(images/arrow2.png) no-repeat left center; display: inline-block; padding-left: 10px; }
div.tt-product-item {width: 33.333%;position: relative;transition: all 0.6s;overflow: hidden;}
div.tt-product { width: 100%; float: left; transition: all 0.6s; }
div.tt-product-img { width: 100%; float: left; }
div.tt-product-img img { max-width: 100%; float: left; transform: scale(1); transition: all 0.6s; }
div.tt-product-title { position: absolute; transition: all 0.6s; top: 0px; left: 0px; bottom: 0px; transform: scale(0); right: 0px; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border: 10px solid transparent; }
div.tt-product-title h4 { width: 100%; float: left; font-size: 18px; font-family: 'RobotoBold'; text-transform: uppercase; font-weight: 300; line-height: 20px; height: 20px; overflow: hidden; text-align: center; }
div.tt-product-title a { color: #FFF; display: block; width: 100%; height: 100%; }
div.tt-product-item:hover div.tt-product-title { transform: scale(1); }
div.box_page { box-sizing: border-box; border: 4px solid #FFF; background: #f4f4f4; width: 100%; float: left; }
.support_bt { display: none; }
div.tt-product-desc { width: 100%; float: left; }
div.tt-product-desc p { text-align: center; font-size: 15px; color: #333; font-family: 'RobotoCondensed-Regular'; font-weight: 300; width: 100%; float: left; }
div.tt-product-desc p span.price { color: #FF0000; font-weight: bold; font-size: 22px; }
div.tt-product-desc p span.price-old { color: #333; }
div.tt-product-item:hover img { transform: scale(1); }
div.tt-product-item:hover a { color: #DBA000; }
div.box_tem {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
div.tt-detail-left {width: 45%;box-sizing: border-box;border-left: 20px solid transparent;border-right: 20px solid transparent;text-align: center;}
div.tt-detail-left img { max-width: 100%; }
div.tt-detail-right {width: 55%;box-sizing: border-box;border-left: 20px solid transparent;border-right: 20px solid transparent;}
h1.nameDetail { font-size: 20px; color: #333333; width: 100%; float: left; padding: 5px 0px 10px; }
div.dongThongTin { width: 100%; float: left; padding: 5px 0px 10px; }
div.dongThongTin span.price { color: #FF0000; font-weight: bold; font-size: 22px; }
div.dongThongTin span.price-old { color: #333333; }
ul.tabs_product { width: 100%; float: left; margin-top: 10px; list-style: none; border-bottom: 1px solid #CCCCCC; }
ul.tabs_product li { float: left; cursor: pointer; width: 50%; text-align: center; background: #59A326; transition: all 0.6s; }
ul.tabs_product li span { display: block; padding: 10px 10px; color: #FFF; font-size: 17px; transition: all 0.6s; }
ul.tabs_product li.active, ul.tabs_product li.active span { background: #eba222; }
ul.tabs_product li:hover span { color: #FFF; background: #E27567; }
div.tabs_pad { width: 100%; float: left; display: none; padding: 10px 0px; }
div.tabs_pad.active { display: block; }
div.tabs_pad img { max-width: 100%; }
.h_frame { position: relative; text-align: center; max-width: 50%; margin: 0 auto; }
.h_frame iframe { margin: 0 auto; }
div.red { background: red; }
div.blue { background: blue; }
div.yellow { background: yellow; }
div.pink { background: pink; }
div.gray { background: gray; }
div.green { background: green; }
ul.pagination { text-align: center; color: #829994; padding: 10px 0px; }
ul.pagination li { display: inline; padding: 0 3px; }
ul.pagination a { color: #0d7963; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; }
ul.pagination a:hover, ul.pagination a.current { background: #0d7963; color: #fff; }
div.item-detail-top { width: 100%; float: left; margin-bottom: 10px; }
div.item-detail-top ul {width: 100%;list-style: none;text-align: left;}
div.item-detail-top ul li {width: 20%;box-sizing: border-box;border: 2px solid transparent;display: inline-block;}
div.tt-contact-left { width: 50%; float: left; box-sizing: border-box; border: 10px solid transparent; }
div.tt-contact-right { width: 50%; float: right; box-sizing: border-box; border: 10px solid transparent; }
table.tt-tablelienhe { width: 100%; }
table.tt-tablelienhe tr { width: 100%; height: 30px; text-align: left; }
table.tt-tablelienhe input.input { padding: 6px 10px; outline: none; width: 65%; margin-bottom: 10px; box-shadow: 0px 0px 5px #a2600b inset; background: #FFF; border: none; }
table.tt-tablelienhe textarea.noidung { padding: 5px 10px; height: 100px; outline: none; width: 65%; margin-bottom: 10px; box-shadow: 0px 0px 5px #a2600b inset; background: #FFF; border: none; }
table.tt-tablelienhe input.button { padding: 5px 20px; background: #a2600b; color: #fff; border: none; border-radius: 0px; display: inline-block; outline: none; display: inline-block; cursor: pointer; }
table.tt-tablelienhe input.button:hover { background: #005A89 }
.thongtin_b { border-bottom: 2px solid #a2600b; text-transform: uppercase; width: 100%; float: left; margin-bottom: 20px; }
section#show_product_index { width: 100%; float: left; display: none; }
section#tt-gioithieu { width: 100%; float: left; }
div.gioithieu_left { width: 38.75%; float: left; text-align: justify; }
div.gioithieu_right { width: 59%; float: right; margin-top: 10px; }
div.gioithieu_left img, div.gioithieu_right img, section.tt-quangcao img { max-width: 100%; }
section.tt-quangcao { width: 100%; float: left; padding: 10px 0px; }
div.box_dvnb { width: 100%; float: left; text-align: center; box-sizing: border-box; border: 10px solid transparent; }
div.box_dvnb p:nth-child(1) a { font-family: 'robotoslab_light'; font-size: 30px; text-transform: uppercase; color: #61330b; font-weight: 300; padding-bottom: 20px; width: 100%; float: left; display: block; }
div.box_dvnb p:nth-child(2) a { font-family: 'robotoslab_light'; font-size: 30px; text-transform: uppercase; color: #61330b; font-weight: 300; width: 100%; float: left; padding-bottom: 20px; display: block; position: relative; }
div.box_dvnb p:nth-child(2) a:after { content: ''; width: 40px; height: 1px; background: #61330b; position: absolute; bottom: 7px; left: 45%; }
div.box_hien { display: none; }
section#tt-hinhanh { width: 100%; float: left; }
div.tt-ig-item { width: 100%; float: left; box-sizing: border-box; border: 10px solid transparent; }
div.tt-ig-item2 {width: 25%;box-sizing: border-box;border: 10px solid transparent;}
div.tt-ig { width: 100%; float: left; box-sizing: border-box; border: 3px solid #442103; position: relative; }
div.tt-ig-img { width: 100%; float: left; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; border: 3px solid #FFFFFF; }
div.box_lia { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.3); z-index: 999; display: flex; text-align: center; align-items: center; justify-content: center; transition: all 0.6s; transform: scale(0); }
div.tt-ig:hover div.box_lia { transform: scale(1); }
div.box_lia a { display: block; text-align: center; font-size: 15px; color: #FFF; text-transform: uppercase; }
div.tt-ig-img img { max-width: 100%; float: left; }
section#tt-tintuc { width: 100%; float: left; margin: 10px 0px; background: url('images/bg_tintuc.png') repeat top center; min-height: 659px; }
section#tt-video { width: 100%; float: left; margin: 10px 0px; }
div.video_item { width: 50%; float: left; box-sizing: border-box; border: 10px solid transparent; }
div.video_id { width: 100%; float: left; position: relative; }
div.video_id a { outline: none; }
div.video_id img { max-width: 100%; }
select#clickyoutobe { width: 100%; float: left; margin-top: 10px; height: 30px; background: #FFF; }
div.play { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: url('images/play.png') no-repeat center; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video_load { width: 100%; float: left; }
section#tt-provider { width: 100%; float: left; background: #fff7ec; padding: 20px 0px; }
div.tt-ig-item1 { width: 100%; float: left; box-sizing: border-box; border: 10px solid transparent; }
div.tt-ig1 { width: 100%; float: left; box-sizing: border-box; border: 1px solid #442103; }
div.tt-ig-img1 { width: 100%; float: left; background: #FFF; }
div.tt-ig-img1 img { max-width: 100%; float: left; }
div.tt-copy {width: 100%;background: #714105;text-align: center;}
div.tt-copy p { display: inline-block; padding: 4px 10px; color: #FFF; }
div.tt-footer {width: 100%;padding: 40px 0px;background: #f7f7f7;}
div.item_ft1 {width: 40%;text-align: left;}
div.item_ft2 {width: 30%;box-sizing: border-box;border-left: 20px solid transparent;border-right: 20px solid transparent;}
div.item_ft3 {width: 26%;color: #333;}
div.tt-footer h3 {font-size: 16px;text-transform: uppercase;font-style: italic;font-family: 'robotoslab_regular';padding-bottom: 10px;}
div.tt-footer h4 {font-size: 16px;text-transform: uppercase;font-style: italic;font-family: 'robotoslab_regular';padding-bottom: 10px;padding-left: 50px;}
div.fb-page { border: 3px solid #422602; }
div.thongke { position: absolute; width: 294px; height: 125px; top: 32px; right: 0px; background: url(images/thongke.png) no-repeat 0px 5px; }
div.thongke h4 { font-size: 13px; font-family: Arial; text-transform: uppercase; color: #FFFFFF; text-align: left; padding: 10px 0px 10px; font-style: italic; font-weight: 300; }
div.thongke p { padding: 6px 10px 6px 118px; color: #FFF; }
div.item_ft4 {width: 25%;}
div.item_ft4 p { font-size: 13px; line-height: 20px; color: #FFF; }
.support_bt {position: fixed;bottom: 0px;width: 100%;background: #353535;z-index: 1000;border-top: 1px solid #fff;}
.support_bt * { box-sizing: border-box; }
.support_bt ul { list-style: none; margin: 0px; padding: 0px; }
.support_bt ul li { display: inline-block; }
.goidien {width: 33%;float: left;background: url(images/goidien.png) no-repeat 5px 10px;background-size: 40px 30px;text-align: center;text-align: center;}
.goidien img{width: 32px;display: block;margin: 0px auto;margin-bottom: 5px;}
.support_bt ul li:last-child { border-right: 0px; }
.chop { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
.support_bt ul li a {color: #fff !important;text-decoration: none;font-size: 12px !important;text-align: left;padding: 5px 0px 5px 0px;display: block;text-align: center;}
.chiduong { width: 40%; float: left; background: url(images/chiduong.png) no-repeat 0px 10px; background-size: 40px 30px; }
.sms { width: 30%; float: left; background: url(images/tuvan.png) no-repeat 2px 12px; background-size: 35px 25px; border-right: 1px solid #ccc; }
@-webkit-keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}