@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
::-webkit-scrollbar { background: #fff; width: 10px; height: 11px }
::-webkit-scrollbar-thumb { background: #BBBBBB }
* { margin: 0; padding: 0; box-sizing: border-box; outline: none !important }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s }
.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 }
.video_popup { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video_popup iframe, .video_popup object, .video_popup embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#clickvideo { width: 100%; padding: 4px 0; margin: 3px 0%; border: 1px solid #DDD; box-sizing: border-box }
.addthis_native_toolbox { margin: 0px; clear: both; max-height: 50px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 4px }
.zalo-share-button { background-color: #03A5FA; width: 75px;/* margin: 0 0px 5px; */ height: 21px !important; display: inline-block; vertical-align: top; background-image: url(https://stc.sp.zdn.vn/share/logo_white_s_2x.png); background-repeat: no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px; background-position: 6px 4px; position: relative; cursor: pointer; border-radius: 2px; }
.zalo-share-button::after { position: absolute; content: "Share"; left: 28px; top: 5px; font-size: 11px; line-height: 11px; height: 16px; color: rgb(255, 255, 255); }
#toptop { width: 45px; height: 45px; position: fixed; bottom: 50px; right: 23px; cursor: pointer; transition: 0.5s; z-index: 200; border: solid 2px #2fab4d; border-radius: 50%; font-size: 0; background: #fff; }
div#toptop:before { position: absolute; content: '^'; top: 0; left: 0; right: 0; bottom: 0; text-align: center; font: normal normal normal 14px/1 FontAwesome; content: "\f106"; font-size: 30px; color: #2fab4d; line-height: 37px; }
#toptop:hover { transition: 0.5s; border: solid 2px #33a1ff }
.clear { clear: both }
img { max-width: 100% !important; vertical-align: middle }
div.bando img { max-width: none !important }
.margin { margin-right: 0px !important }
div.tt_lh { width: 40%; float: left }
div.bando { width: 55%; float: right }
.hidden { visibility: hidden; width: 0; height: 0; overflow: hidden }
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; background: #fff; overflow-x: hidden; -moz-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
@font-face { font-family: 'Glyphicons Halflings'; font-display: block; src: url(fonts/glyphicons-halflings-regular.eot); src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') }
@font-face { font-family: 'FontAwesome'; font-display: block; src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'myFont'; src: url('fonts/Roboto-Regular.ttf') }
@font-face { font-family: 'fonta'; src: url('fonts/RobotoBold.eot'); src: url('fonts/RobotoBold.eot') format('embedded-opentype'), url('fonts/RobotoBold.woff2') format('woff2'), url('fonts/RobotoBold.woff') format('woff'), url('fonts/RobotoBold.ttf') format('truetype'), url('fonts/RobotoBold.svg#RobotoBold') format('svg') }
@font-face { font-family: 'fontc'; src: url('fonts/RobotoCondensedBold.eot'); src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'), url('fonts/RobotoCondensedBold.woff2') format('woff2'), url('fonts/RobotoCondensedBold.woff') format('woff'), url('fonts/RobotoCondensedBold.ttf') format('truetype'), url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg') }
@font-face { font-family: 'opensan'; src: url('fonts/OpenSansRegular.eot'); src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'), url('fonts/OpenSansRegular.woff2') format('woff2'), url('fonts/OpenSansRegular.woff') format('woff'), url('fonts/OpenSansRegular.ttf') format('truetype'), url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg') }
@font-face { font-family: 'opensansb'; src: url('fonts/OpenSansSemibold.eot'); src: url('fonts/OpenSansSemibold.eot') format('embedded-opentype'), url('fonts/OpenSansSemibold.woff2') format('woff2'), url('fonts/OpenSansSemibold.woff') format('woff'), url('fonts/OpenSansSemibold.ttf') format('truetype'), url('fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg') }
@font-face { font-family: 'opensanb'; src: url('fonts/OpenSansBold.eot'); src: url('fonts/OpenSansBold.eot') format('embedded-opentype'), url('fonts/OpenSansBold.woff2') format('woff2'), url('fonts/OpenSansBold.woff') format('woff'), url('fonts/OpenSansBold.ttf') format('truetype'), url('fonts/OpenSansBold.svg#OpenSansBold') format('svg') }
@font-face { font-family: 'muliblack'; src: url('fonts/MuliBlack.eot'); src: url('fonts/MuliBlack.eot') format('embedded-opentype'), url('fonts/MuliBlack.woff2') format('woff2'), url('fonts/MuliBlack.woff') format('woff'), url('fonts/MuliBlack.ttf') format('truetype'), url('fonts/MuliBlack.svg#MuliBlack') format('svg') }
@font-face { font-family: 'MuliBold'; src: url('fonts/MuliBold.eot'); src: url('fonts/MuliBold.eot') format('embedded-opentype'), url('fonts/MuliBold.woff2') format('woff2'), url('fonts/MuliBold.woff') format('woff'), url('fonts/MuliBold.ttf') format('truetype'), url('fonts/MuliBold.svg#MuliBold') format('svg') }
@font-face { font-family: 'RobotoBlack'; src: url('fonts/RobotoBlack.eot'); src: url('fonts/RobotoBlack.eot') format('embedded-opentype'), url('fonts/RobotoBlack.woff2') format('woff2'), url('fonts/RobotoBlack.woff') format('woff'), url('fonts/RobotoBlack.ttf') format('truetype'), url('fonts/RobotoBlack.svg#RobotoBlack') format('svg') }
@font-face { font-family: 'helve'; src: url('fonts/UTMHelvetIns.eot'); src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('fonts/UTMHelvetIns.woff2') format('woff2'), url('fonts/UTMHelvetIns.woff') format('woff'), url('fonts/UTMHelvetIns.ttf') format('truetype'), url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg') }
@font-face { font-family: 'VnCommercial Script'; src: url('fonts/.VnCommercial Script.eot'); src: local('☺'), url('fonts/.VnCommercial Script.woff') format('woff'), url('fonts/.VnCommercial Script.ttf') format('truetype'), url('fonts/.VnCommercial Script.svg') format('svg'); font-weight: normal; font-style: normal }
div.row1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; margin: 0 -15px; }
img:not([src]) { visibility: hidden; opacity: 0 }
img:not(.initial) { transition: opacity 1s }
img.parent_c { transition: all 0.5s ease }
img.initial, img.loaded, img.error, img.slick-lazyload-error { opacity: 1 !important }
img.slick-lazyload-error, img.error { transform: translateY(-50%); top: 50% }
a.lazyload { position: relative }
a.lazyload:before { font: normal normal normal 14px/1 FontAwesome; content: "\f110"; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); position: absolute; left: 44%; top: 46%; font-size: 18px; transform: translate(-50%, -50%); z-index: 1; color: #333; font-size: 12px }
a.lazyload img { z-index: 2; position: absolute }
a.lazyload img.slick-lazyload-error { top: 50%; transform: translateY(-50%) }
div.none, div.grecaptcha-badge { display: none !important }
div.wap { margin: auto; width: 100%; position: relative }
div.wapper { margin: auto; max-width: 1210px; padding: 0px 5px; position: relative }
div#header { position: relative; margin: auto; padding: 15px 0 }
div#header { }
.top { background: #76B14E; color: #fff; font-family: opensan; font-size: 14px }
.top .wapper, div#header .wapper { display: flex; align-items: center; justify-content: space-between }
.logo_head {text-align: center;width: 240px;top: 0;bottom: 0;left: calc((100% - 240px)/2);height: 115px;display: flex;align-items: center;justify-content: center;line-height: 1;}
.logo_head img { max-height: 110px; vertical-align: top; }
.fixmenu .logo_head {
    height: 80px;
}
div#lang a { display: inline-block; vertical-align: top; }
div#lang img { width: 25px; }
div#menu_mobi { display: none }
div#menu { }
.wap_menu {position: relative;height: 115px;line-height: 115px;margin: auto;background: #fff;z-index: 99;transition: all 0.7s;border-bottom: solid 4px #F2F2F2;}

.wap_menu .wapper {
    display: flex;
}
.wap_menu .wapper ul.menu_main {display: flex;align-items: center;justify-content: center;}
.wap_menu.fixmenu {position: fixed;top: 0;left: 0;right: 0;transition: all 0.7s;height: 80px;box-shadow: 0px 0px 6px #6b6b6b;line-height: 80px;}
.wap_menu.fixmenu .logo_head img { max-height: 75px; }
div#menu ul { list-style: none }
div#menu ul.menu_main {width: calc(50% - 120px);height: 115px;}

.wap_menu.fixmenu div#menu ul.menu_main {
    height: 80px;
}
div#menu ul li {/* float: left; *//* position: relative; */z-index: 50;}
div#menu ul li.menu_list { position: relative; }
div#menu ul li.menu_list ul { position: absolute; width: 250px; background: #fff; }
div#menu ul li.menu_list ul li { width: 100%; border-bottom: solid 1px #dcdcdc; }
div#menu ul li.menu_list ul li a { padding: 8px 10px 8px 20px; }
div#menu ul li.line { background: url(images/menu_gach.png) center no-repeat; height: 46px; width: 1px }
div#menu ul.menu_main li a {color: #4d4d4d;font-size: 15px;text-decoration: none;text-transform: uppercase;display: block;padding: 0px 22px;position: relative;}
div#menu ul.menu_main > li > a:after { position: absolute; content: ''; bottom: 0; left: 22px; right: 22px; border-bottom: solid 4px #2fab4d; transition: all 1s; transform: rotateY(90deg); }
div#menu ul.menu_main li a:hover:after, div#menu ul.menu_main li a.active:after { transition: all 1s; transform: rotateY(0deg); }
div#menu ul.menu_main li ul.hover_menu li a:hover { color: #ff0 !important; }
div#menu ul.menu_main li a:hover, div#menu ul.menu_main li a.active, div#menu ul li.menu_main a.active2 { color: #2fab4d; }
div#menu ul li ul, div#menu ul li:hover ul li ul {/* position: absolute; */margin-left: 0px; display: none; box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); }
div#menu ul li ul.hover_menu { left: 0; right: 0; background: #2fab4d; position: absolute; padding: 10px; }
div#menu ul li ul.hover_menu li ul { display: block; }
div#menu ul li ul.hover_menu li { width: calc(100%/3 - 13px); margin: 5px; }
div#menu ul li:hover ul { display: block }
div#menu ul li ul li { line-height: 1.5;/* background: #ffffff; */ }
div#menu ul li ul li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
div#menu ul.menu_main li ul.hover_menu li a { padding: 0; text-transform: none; font-size: 14px; color: #fff; }
div#menu ul.menu_main li a i { font-size: 16px; margin-right: 5px; }
div#menu ul.menu_main li ul li ul li a { padding-left: 10px; }
div#menu ul.menu_main li ul li:hover { }
div#menu ul li ul.hover_menu li ul li { width: 100%; }
.search-page {width: 45px;height: 100%;position: relative;text-align: center;}
.search-btn { cursor: pointer; font-size: 17px; color: #7F7F7F; height: auto; }
.search-btn.active span { color: var(--color-primary); }
.search-layout { position: absolute; top: calc(100% + 15px); z-index: 5000; right: 0px; border-top: 1px solid #d9d9d9; animation: slider_nav_up 0.7s; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; }
.search-layout { width: 418px; padding: 10px; background: #FFF; }
.titleSearch { text-transform: uppercase; color: #0a8507; float: left; width: calc(100% - 40px); height: 40px; line-height: 40px; text-align: left; font-family: fonta; }
.btnCloseSearch { position: absolute; top: 3px; right: 10px; color: #2fab4d; cursor: pointer; height: 40px; line-height: 40px; width: 40px; text-align: center; }
.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; width: 1.125em; overflow: visible; vertical-align: -.125em; }
@-webkit-keyframes slider_nav_up {
    0% { transform: perspective(600px) rotateX(-90deg); }
    100% { transform: perspective(600px) rotateX(0deg); }
}
@keyframes slider_nav_up {
    0% { transform: perspective(600px) rotateX(-90deg); }
    100% { transform: perspective(600px) rotateX(0deg); }
}
#search { width: 100%; border: none; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; background: #FFF; border: 1px solid #d9d9d9; }
div#search i { position: absolute; top: 0; right: 0; width: 40px; height: 33px; line-height: 33px; text-align: center; cursor: p; }
#search input { display: block; width: 100%; height: 33px; background: transparent; outline: none; border: none; padding: 0px 10px; font-size: 13px; color: #888; }
.email { width: 20%; font-size: 15px }
.email img { float: left; margin-right: 8px }
.box_slider { max-width: 1200px; margin: auto; padding-left: 280px; position: relative }
div#slider { margin: auto; width: 100%; position: relative; }
div#left { width: 23%; float: left; margin-top: 20px; }
.tieude { width: 100%; height: 40px; text-align: center; background: #cc8a23; line-height: 40px; color: #fff; text-transform: uppercase; font-family: fonta; font-size: 15px; margin-bottom: 15px }
.danhmuc { border: solid 1px #e6e6e6; margin-bottom: 30px; background: #f9f9f9; overflow: hidden; }
div#danhmuc > ul { padding: 0 10px }
div#danhmuc ul li a { display: block; padding: 8px 0; border-bottom: solid 1px #ccc; color: #cf8f25; text-transform: uppercase }
div#danhmuc ul li i { margin-right: 8px; font-size: 15px }
div#danhmuc ul li ul li a { padding-left: 15px; text-transform: none; color: #6f6f6f }
div#danhmuc ul li a:hover { color: #ca8722 }
div#main_content { padding-top: 40px; }
.item_news { position: relative; }
h2.name_news { position: absolute; top: 40%; width: 42%; text-align: center; left: 29%; background: rgba(255, 255, 255, 0.84); padding: 30px 10px; }
h2.name_news a { color: #2fab4d; font-size: 26px; text-transform: uppercase; font-family: RobotoBlack; }
.zoom_hinh { overflow: hidden; }
.zoom_hinh img { transition: all 1s; }
.zoom_hinh img:hover { transition: all 1s; transform: scale(1.2); }
.wrap_1200 { max-width: 1200px; margin: auto }
div#right { width: 75%; float: right; }
div.tieude_giua { font-size: 26px; text-transform: uppercase; position: relative; text-align: center; color: #2fab4d; margin-bottom: 20px; font-weight: bold; }
.tieude_giua.tt { }
.tieude_giua h3 { font-size: 26px; font-weight: bold; }
div.tieude_giua h1 { font-size: 26px; font-weight: bold }
div.wap_item { }
.goidienthoai { display: none }
.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{bottom:70px;right:15px}.js-facebook-messenger-box{background:#1182fc}.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%;overflow:hidden;-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:30px;height:30px;position:absolute;top:15px;left:15px;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:20px;height:20px;position:absolute;top:20px;left:20px;-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{transform:translateY(50px);bottom:110px;right:35px}.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}.js-facebook-messenger-container{position:fixed;opacity:0;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:300px}.js-facebook-messenger-top-header{color:#fff;background:#1182fc}.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#1182FC;color:#fff;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:#fff;background:#1182fc}.js-facebook-messenger-box{background:#2fab4d}.js-facebook-messenger-top-header{width:300px}.js-facebook-messenger-tooltip{color:#404040;background:#fff}.js-facebook-messenger-box{bottom:175px;right:15px}.js-facebook-messenger-container{transform:translateY(50px);bottom:160px;right:35px}.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}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 180px; z-index: 999; text-decoration: none }
#btn-zalo i { top: 0; right: 0; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #2fab4d; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; width: 40px }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -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(47, 171, 77, 0.53); opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(47, 171, 77, 0.81); opacity: .1; border-color: #2fab4d; opacity: .5; }
#btn-zalo.hotline-call i:before { color: #fff; font-size: 20px; position: relative; left: 12px }
#btn-zalo.hotline-call { bottom: 250px }
.hotline-whats { bottom: 318px !important; color: #fff; font-size: 25px; text-align: center; }
.hotline-whats:hover{color:#fff;}
.hotline-whats i { display: flex; align-items: center; justify-content: center; }
.box_tv { margin: 0 -5px; margin-bottom: 20px; }
.item_h { margin: 5px; border: solid 1px #efebeb; padding: 5px; }
.item_h:hover { border: solid 1px #2fab4d; }
div#wap_footer { margin: auto; color: #fff; }
.footer1 { background: #EFEFEF; padding: 40px 0 }
div#footer { max-width: 1200px; margin: auto; padding: 40px 0 }
.tt_ft { font-size: 17px; text-transform: uppercase; color: #00d233; margin-bottom: 10px; font-weight: bold; }
div#main_footer { width: 35%; float: left; }
div#main_footer table {
    width: 100% !important;
}
.logoft { margin-bottom: 20px; text-align: center;}
.logoft a { display: inline-block; }
.mxh1 img { margin: 0 4px; transition: all 0.7s; }
.mxh1 img:hover { transition: all 0.7s; transform: rotate(45deg) }
.cs { float: left; width: 30%; margin-left: 2%; }
.maps { width: 30%; float: right; height: 325px; position: relative; z-index: 1; }
.maps iframe { width: 100%; height: 100%; }
.fb { float: right; width: 41% }
.dmmenu { float: left; width: 70% }
.mxh1 { }
.menuft { width: calc(100%/4 - 13px); display: inline-block; vertical-align: top; margin-right: 10px }
.menuft ul li { list-style: none; margin-bottom: 6px }
.menuft ul li a { color: #000; font-size: 14px }
div#thongke { width: 21%; float: right }
div#thongke .td_ft { color: #FFFF33; margin-bottom: 7px; font-size: 14px; text-transform: uppercase }
div#thongke ul { list-style: none }
div#thongke ul li { clear: both; padding: 4px 0px }
div#thongke ul li img { float: left; margin-right: 15px; width: 20px; margin-top: 4px }
div#doitac { box-sizing: border-box; background: #F7F7F9; padding: 40px 0; }
div#doitac a { border: solid 1px #e9e9ea; margin: 10px; background: #fff; display: inline-block; width: calc(100%/4 - 25px); }
div#doitac a:hover { border: solid 1px green; }
div#doitac a img { width: 100%; }
div.copy-right { background: #2FAB4D; padding: 16px 0; font-size: 14px; color: #fff; }
.copy-right .wrap_1200 { display: flex; align-items: center; justify-content: space-between; }
.copy-right .wrap_1200 { display: flex; justify-content: space-between; }
div.copy-right .cop-l { width: 50%; }
div.copy-right .cop-r { }
div.copy-right .cop-r { text-align: center; width: 30%; }
div.copy-right .cop-r span { }
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #ccc }
div.breadcrumb i { color: #000; font-size: 13px; margin: 0px 5px }
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: red }
div.pad_tuvan > a { display: block; width: 100%; border-radius: 6px; overflow: hidden; position: relative }
div.pad_tuvan > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -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, -100%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0) }
div.pad_tuvan > a:hover:after { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0) }
div.pad_tuvan > a img { border-radius: 6px }
div.pad_tuvan h2 { line-height: normal; font-size: inherit; margin-top: 13px; margin-bottom: 10px }
div.pad_tuvan h2 a { color: #333; font-size: 15px; text-decoration: none; position: relative; display: block; line-height: 21px; overflow: hidden; transition: all 0.5s ease; font-family: fonta; }
div.pad_tuvan h2 a:hover { color: #ab0707 }
div.pad_tuvan div { line-height: 25px; font-size: 14px }
div.w_tieude_tin { font-size: 20px; color: #333333; margin-bottom: 10px; font-weight: bold; }
div.w_tieude_tin h1 { font-size: inherit; line-height: normal }
div.in_mota { font-size: 14px; font-style: italic; margin-bottom: 10px }
div.col-lq { }
div.col-lq ul { list-style: none }
div.col-lq ul li { }
div.col-lq ul li a { text-decoration: none; color: #333; border-bottom: 1px solid #e2dfdf; padding: 8px 0px; display: block; font-size: 15px }
div.col-lq ul li:last-child a { border-bottom: none }
div.col-lq ul li a:hover { color: #2fab4d }
div.col-tt { margin-bottom: 20px }
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #fff; padding: 15px 0; display: none; }
div.breadcrumb ol { font-size: 0 }
div.breadcrumb ol li { display: inline-block; font-size: 13px }
div.breadcrumb ol li a { color: #838383; font-size: 14px; display: inline-block; }
div.breadcrumb ol li a span { }
div.breadcrumb ol li i { font-size: 11px; }
div.breadcrumb ol li:last-child i { display: none }
div.breadcrumb ol li:last-child a { padding: 2px 5px; color: #777777; padding-bottom: 1px; pointer-events: none; }
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: #ab0707 }
@media screen and (max-width:1285px) { }
@media screen and (max-width:1200px) {
    div#menu ul.menu_main li a { padding: 0 12px; }
    div#footer, .wrap_1200 { width: 95% }
}
@media screen and (max-width:1100px) {
	div#menu ul.menu_main li a { padding: 0px 10px; }
 }
@media screen and (max-width:1024px) {
    div#wapper { width: 99%; margin: auto }
	div#menu ul.menu_main li a { padding: 0 6px; }
    div.frm_lienhe { margin: 10px 0px 0px 0px } 
    #wowslider-container1 .ws-title{left:5vw !important;}  
	p.logo_s img{max-height:180px}
}
@media screen and (max-width:1000px) {
    .logo_head_m img { max-height: 70px; }
    div#footer { width: 97% }
    div#menu_mobi { display: block }
    .fixmenu { position: fixed; z-index: 100; top: 0; left: 0; right: 0; }
    .wap_menu { display: none }
    div#slider { width: 100%; padding: 0; border: none }
    div#danhmuc { display: none }
    div#right { width: 100% }
    div#left { width: 100% }
    .wrap_1200, div.wapper { width: 95% }
    .cs { margin: 0; width: 45% }
    .maps { width: 45%; }
    .fb { width: 45% }
    div.item { width: calc(100%/4 - 15px) }
    .email { width: 30% }
    .box_slider { padding-left: 0 }
    div#main_footer { width: 100%; margin-bottom: 15px }
    div#thongke { width: 100% }
    div.thongke_an { display: none }
    div.tt_lh { width: 100% }
    div.bando { width: 100% }
    a.sp_cart { display: block; text-decoration: none; color: #fff; margin-left: -20px; position: absolute; left: 50% }
    a.sp_cart i { font-size: 30px }
    div.user { position: absolute; right: 10px; top: 0px; font-size: 30px; color: #fff; cursor: pointer }
    .menu_login { display: none } 
	div#lang{width:100px;text-align:right}.mtslider{font-size: 14px !important;} 
	p.logo_s img{max-height:150px}
}
@media screen and (max-width:800px) {
    .w50 { width: 100% !important }
    .copy-right .wrap_1200 { flex-wrap: wrap; }
    div.copy-right .cop-l, div.copy-right .cop-r { width: 100%; text-align: center; margin-bottom: 5px; }
}
@media screen and (max-width:768px) {
    .email { display: none }
    .logo_head { width: 30% }
    div#search { width: 60% }
    .item_tc { width: calc(100%/2 - 23px); margin: 10px }
    .menuft { width: calc(100%/2 - 13px); margin-bottom: 15px }
    .dmmenu, .mxh1 { width: 100% }   
	p.logo_s img{max-height:120px}
     
}
@media screen and (max-width:736px) { }
@media screen and (max-width:700px) { }
@media screen and (max-width:667px) { }
@media screen and (max-width:600px) { }
@media screen and (max-width:603px) {
    div#header a.logo { }
    div#header img.logo_mobi { display: block; margin: auto; width: 100% }
    div.item .sp_name a { font-size: 16px }
    div.item { width: calc(100%/2 - 15px) }
    .zoom_slick { width: 80%; max-width: 400px; float: none; margin: auto }
    .product_info { width: 100%; margin-top: 6px }
    .gh_an { display: none }
    .cs, .maps { width: 100%; margin-bottom: 10px }
    .menuft { width: calc(100%); margin: 0; margin-bottom: 15px }
    .tt_tab { display: block; padding: 10px 0; padding-right: 60px; margin-bottom: 15px }
    .tt_tab ul { margin-top: 6px }
    .top { padding: 10px; text-align: center }
    .top .wapper { display: block }
    .slogan { margin-bottom: 10px }
    div.col-tt { padding: 10px; margin-bottom: 0 }
    div.row1 { margin: 0 -10px; }
    div.copy-right { padding-bottom: 50px; }
    .goidienthoai { display: block; position: relative; z-index: 2; } 
	#wowslider-container1 .ws-title{left:0!important;transform:translateY(-56%)!important}p.logo_s img{max-height:80px}
	/* .mtslider { height: 33px; overflow: hidden; line-height: 11px !important; } */
}
@media screen and (max-width:568px) { }
@media screen and (max-width:480px) { }
@media screen and (max-width:460px) {
    div#wapper { width: 97%; background: #fff; padding: 0; overflow: hidden }
    div.item { width: 46% }
    div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'] { width: 100% }
    div.frm_lienhe .item_lienhe select { width: 100% }
    .map_description { width: 100% }
    .box_news a img { width: 120px }
    div.frm_lienhe .item_lienhe p { width: 100% }
    .othernews ul.phantrang { margin-left: 5px }
    .box_news h3 a { font-size: 14px }
    .item_tc { width: calc(100% - 23px) } 
	#wowslider-container1 .ws-title { left: 0 !important; }
	p.logo_s img { max-height: 70px; }
	.mtslider {font-size: 9px !important;}
	.mtslider { height: 33px; overflow: hidden; line-height: 11px !important; }
}
@media screen and (max-width:414px) { }
@media screen and (max-width:384px) { }
@media screen and (max-width:375px) { }
@media screen and (max-width:360px) {
    .box_news a img { width: 100px }
    div.tieude_giua { font-size: 14px }
}
@media screen and (max-width:320px) { }