/*reset*/
* { padding: 0; margin: 0; box-sizing: border-box; }
ul, li { padding: 0px; margin: 0px; }
a { text-decoration: none; }
body { font-family: 'Arial', 'Helvetica', 'sans-serif'; font-size: 13px; position: relative; box-sizing: border-box; overflow-y: scroll; }
.overflow_hidden { overflow: hidden !important; padding-right: 17px; }
/*=======================================*/
a:focus, a:hover { text-decoration: none; }
.clear { display: block; clear: both; }
.h1, .h2, .h3, h1, h2, h3 { margin: 0; }
img{max-width: 100%}
/*=======================================*/
#full {margin: 0px auto;/* overflow-x: hidden; */position: relative;}
.head.fix {position: fixed !important;top: 0px !important;left: 0px;width: 100%;-webkit-animation: fadeInDown 0s ease-in backwards;-moz-animation: fadeInDown 0s ease-in backwards;-o-animation: fadeInDown 0s ease-in backwards;-ms-animation: fadeInDown 0s ease-in backwards;-moz-animation-delay: 0s;-webkit-animation-delay: 0s;-o-animation-delay: 0s;animation-delay: 0s;z-index: 999;-webkit-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);-moz-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);background-size: cover;background: #fff !important;padding-top: 0 !important;transition: all 1s;}
.head.fix .logo{top: 3px;}
.head.fix .logo img{height: 80px;transition: all 1s}
.head.fix #menu1{margin: 10px 0}
/*commont*/
.text { text-align: justify; line-height: 2em; }
.text img { max-width: 100% !important; height: auto !important; }
.clear { display: block; clear: both; }
.left_0 { margin-left: 0px !important; }
.my_table { display: table; }
.my_row { display: table-row; }
.my_cell { display: table-cell; }
.w100 { width: 100%; }
.mw100 { max-width: 100%; vertical-align: middle; }
.pd0 { padding: 0px }
.hid { display: none; }
.pdr0 { padding-right: 0px; }
.pdl0 { padding-left: 0px; }
.l50 { width: 50%; float: left; padding-right: 10px; }
.r50 { width: 50%; float: right; padding-left: 10px; }
.top20 { margin-top: 20px; }
.top15 { margin-top: 15px; }
.top10 { margin-top: 10px; }
.top5 { margin-top: 5px; }
.row_p { margin-left: -15px; margin-right: -15px; }
.row_5 { margin-left: -5px; margin-right: -5px; }
.inline_block { display: inline-block; }
.hvr:hover { color: #f00; }
.hvy:hover { color: #ff0; }
.trs03 { -webkit-transition: all .3s; transition: all .3s; }
.trs1 { -webkit-transition: all 1s; transition: all 1s; }
.center {padding: 30px 0;}
.contain_alert { position: fixed; right: 10px; top: 10px; z-index: 100; }
.my_alert { z-index: 100; line-height: 21px; margin-bottom: 10px; }
.alert a { margin-left: 10px; }
.text_warning { color: #8a6d3b; }
.text_info { color: #31708f; }
.text_success { color: #3c763d; }
.text_danger { color: #a94442; }
.ilb { display: inline-block; }
.effect { display: block; overflow: hidden }
.effect img { transition: 0.7s; }
.effect:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.row_l{float: left;width: calc(50% - 6px);margin-right: 6px;}
.row_r{float: left;width: calc(50% - 6px);margin-left: 6px;}
/*TOP*/
#top { color: #FFF; font-weight: 500; text-align: center; position: fixed; bottom: 4px; right: 10px; display: none; cursor: pointer; z-index: 100; }
#top:hover { }
/*++++++++++Lien he+++++++++++*/
.tablelienhe { }
.tablelienhe span { color: #F00; }
.tablelienhe .my_cell { padding: 5px 0px; vertical-align: top; }
.tablelienhe .my_cell  label { font-size: 12px; color: #404040; font-weight: bold; }
.tablelienhe .cell_title { text-align: right; padding-right: 15px; }
.tablelienhe .input { height: 32px; padding: 5px; border: 1px solid #d1d1d1; line-height: 20px; color: #666; font-size: 12px; box-sizing: border-box; outline: none; background: #fdfdfd; padding-left: 30px; width: 100%; }
.tablelienhe textarea.input { padding: 10px; }
.tablelienhe .input:focus { border-color: #33a3b3 }
.tablelienhe textarea { padding: 5px; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase }
.button { display: inline-block; padding: 5px 20px; border: 1px solid #cdcdcd; cursor: pointer; background: #f0f0f0; color: #000; }
.button:hover { border: 1px solid #3399ff; }
.left_lienhe { width: 49%; box-sizing: border-box; float: left; }
.right_lienhe { width: 49%; box-sizing: border-box; float: right; }
.fa-contact { width: 33px; height: 32px; position: absolute; left: 0px; top: 0px; line-height: 32px !important; font-size: 18px !important; text-align: center; color: #CCC1C1; }
.box_input_contact { position: relative; margin-bottom: 10px; }
.contain_map_lienhe { }
.tablelienhe .box_not_valid .fa-contact { color: #f00; }
/*notify_input*/
.notify_input { width: 13px; height: 13px; display: inline-block; background: url(../images/commont/icon_tip.png) top left no-repeat; position: absolute; top: 50%; right: 5px; margin-top: -6px; cursor: pointer; }
.content_notify_input { position: absolute; right: 100%; white-space: nowrap; background: #F2F2F2; padding: 2px 5px; border: 1px solid #999; top: -5px; display: none; margin-right: 3px; }
.notify_input:hover .content_notify_input { display: block; }
.fa-contact { position: absolute; left: 0px; top: 0px; }
/*inner*/
.inner { max-width: 1200px; margin: 0 auto; position: relative;width: 100%; }
/*header*/
.header_top{line-height: 40px;background: #F6F3F0;background-size: cover;border-bottom: 1px solid #DEDCDC;}
.header_top li{list-style: none;color: #666666;font-family: 'OpenSans';font-size: 14px;}
.header_top li i{font-size: 16px;margin-right: 5px;}
.banner_top{line-height: 40px;background: #31A81A;color: #fff;font-size: 14px;font-family: 'OpenSans';}
.banner_top li{list-style: none;float: left;margin-right: 20px;}
.banner_top li:first-child{margin-left: 200px;}

.banner_top li:nth-child(2){margin-right: 100px}
.banner_top li marquee{font-family: 'helveticaneuecondensedblack';font-size: 18px;text-transform: uppercase;color: #fff;float: left}

.box_email{background: url('../images/mail.png') no-repeat left center;padding-left: 55px;margin-top: 10px;}
.box_email span{font-size: 19px;font-family: 'SheliaVNFRegular';color: #000}
.box_email p{color: #181818;font-size: 18px;font-family: 'MuliBold';}

.box_hotline{background: url('../images/hotline.png') no-repeat left center;padding-left: 55px;margin-top: 10px;}
.box_hotline span{font-size: 19px;font-family: 'SheliaVNFRegular';color: #000}
.box_hotline p{color: #D60000;font-size: 25px;font-family: 'UTMAmericanSans';text-shadow: 1px 2px 0 #fff, 0px 4px 0 #9e9e9e;}

/*banner*/
#banner {height: auto;position: absolute;width: 100%;z-index: 99;background: #ffffffd6;left: 0;top: 40px;}
#header .vcard { width: 0px; height: 0px; text-indent: -9999px; position: absolute; }
#language { position: absolute; top: 10px; right: 0px; }
.logo {position: absolute;top: -35px;left: 0;z-index: 9;}
.logo img {
    height: 127px;
    transition: all 1s;
}
.slogan { }
.hotline_top { font-size: 16px; color: #f00; padding-left: 52px; background: url(../images/icon-phone.png) 0px 0px no-repeat; position: absolute; right: 0; top: 58px; }
.social_top { position: absolute; right: 0; top: 10px; }
/*menu top*/
#menu1 {height: 50px;display: block;position: relative;margin: 18px 0;}
#menu1 ul { list-style: none; }
#menu1 > .inner > ul {text-align: center;display: block;background: #3A930E;float: right;position: relative;height: 48px;}
#menu1 > .inner > ul::before{content: "";width: 85px;height: 50px;right: 100%;top: 0;background: url('../images/af_menu.png') no-repeat;position: absolute}
#menu1 ul li {position: relative;display: inline-block;float: left;padding: 0 22px;}
#menu1 ul li a {line-height: 47px;font-size: 16px;color: #128200;display: block;font-family: 'OpenSansSemibold';text-transform: uppercase;z-index: 999;position: relative;}
#menu1 > ul > li.menu_active > a, #menu1 > ul > li:hover > a{color: #E70608}


#menu1 ul li ul {width: 250px;position: absolute;top: 100%;left: 0;display: none;z-index: 9999;text-align: left;}
#menu1 ul li ul li {background: #31a81a;display: block !important;float: none;border-bottom: 1px solid #54d03c;}
#menu1 ul li ul li:last-child { border-bottom: none; }
#menu1 ul li ul li a {background: none !important;color: #fff !important;line-height: normal !important;padding: 10px 0px;text-transform: capitalize;}
#menu1 ul li ul li a:hover {/* color: #ff0 !important; */}
#menu1 ul li ul li ul { top: 0; left: 100%; }
.contain_menu { position: relative; height: 51px; }
.menu_fixed { position: fixed !important; width: 100% !important; left: auto !important; top: 0px !important; z-index: 300; max-width: 1349px; min-width: 1349px; }

/*menu bootstrap*/
#btn_menu_bootstrap { z-index: 999; position: absolute; left: 10px; top: 10px; height: 24px; width: 30px; display: none; }
#btn_menu_bootstrap span { background: #fff; content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0px; top: 50%; margin-top: -1px; }
#btn_menu_bootstrap:before { content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 0; left: 0; }
#btn_menu_bootstrap:after { content: ""; position: absolute; width: 100%; height: 2px; background: #fff; bottom: 0; left: 0; }
#btn_menu_bootstrap:before, #btn_menu_bootstrap:after { transform-origin: left 1px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.move_btn_bootstrap:before { transform: rotate(45deg); }
.move_btn_bootstrap:after { transform: rotate(-45deg); }
.move_btn_bootstrap span { left: -200% !important; }
/*search*/
.click_search{color: #fff;line-height: 30px;width: 30px;font-size: 16px;background: #009F3C;text-align: center;border-radius: 5px;}
.frm_timkiem{display: none;position:  absolute;top: 85%;background:  #fff;width: 300px;z-index:  999;right:  0;line-height:  30px;border: 1px solid #ccc;border-radius: 3px;overflow: hidden}
#timkiem{cursor:  pointer;position:  relative;float: right;font-family: 'RobotoRegular';margin-top: 10px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height: 30px;width: calc(100% - 40px);padding-left:10px;color: #000;}
#timkiem #btn{height: 30px;width: 40px;cursor:pointer;float:right;right:0;top:0;outline:none;border:none;background: #31a81a;color:  #fff;font-size: 17px;}


/*slider*/
#slider { margin: auto; position: relative; box-shadow: none; }
.contain_slider { position: relative; }
/*css simplycroll*/
.contain_list_news_left .vert, .contain_list_news_left .vert .simply-scroll-clip { height: 500px !important; width: 100% !important; }
.contain_list_news_left .vert .simply-scroll-list li { width: 100% !important; height: 62px !important; padding: 10px 0px; }
.contain_list_news_left .vert .simply-scroll-list li img { max-width: 100% !important; }
/*menu left*/
.menu_left ul { background: #2a8fed; list-style: none; }
.menu_left ul li { position: relative; }
.menu_left ul li a { font-size: 13px; color: #fff; display: block; border-bottom: 1px solid #fff; padding: 10px; position: relative; }
.menu_left ul li ul { display: none; width: 100%; background: red; }
/*main*/
#main { float: right; }
.sub_main { margin-bottom: 20px; }
.title_main {margin-bottom: 20px;text-align: center;padding-bottom: 10px;}
.title_main span, .title_main h2 {color: #2B2B2B;text-transform: uppercase;display: inline-block;font-size: 40px;font-family: 'Lora';position: relative;padding: 0 15px;}
.slogan_title{color: #000;font-family: 'SheliaVNFRegular';font-size: 25px;text-align:center;margin-bottom: 15px;}
.title_main span::before, .title_main h2::before{position: absolute;right: 100%;top: calc(50% - 12px);width: 50px;height: 25px;background:url(../images/bf_title.png) no-repeat;content: ""}
.title_main span::after, .title_main h2::after{position: absolute;left: 100%;top: calc(50% - 12px);width: 50px;height: 25px;background:url(../images/af_title.png) no-repeat;content: ""}

.title_customer {margin-bottom: 30px;text-align: center;}
.title_customer span, .title_customer h2 {color: #fff;text-transform: uppercase;display: inline-block;font-size: 30px;font-family: 'OpenSansExtraBold';position: relative;padding: 0 30px;}
.title_customer span::before, .title_customer h2::before{content: "";position: absolute;width: 100px;height: 11px;right: 100%;top: calc(50% - 6px);background: url('../images/bf_title2.png') no-repeat;}
.title_customer span::after, .title_customer h2::after{content: "";position: absolute;width: 100px;height: 11px;left: 100%;top: calc(50% - 6px);background: url('../images/af_title2.png') no-repeat;}

/*product*/
.box_sanpham {float: left;margin-bottom: 25px;width: calc(100% / 4 - 75px / 4);margin-right: 25px;overflow: hidden;background: #fff;padding-bottom: 10px;}
.item_product {float: left;margin-bottom: 15px;width: calc(100% / 4 - 75px / 4);margin-right: 25px;overflow: hidden;background: #fff;padding-bottom: 10px;}
.item_product:nth-child(4n) { margin-right: 0px; }
.item_product:nth-child(4n+1) { clear: both; }
.item_product .img_product { border-radius: 50%; padding: 15px; overflow: hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(143, 141, 143, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(143, 141, 143, 1); box-shadow: 0px 0px 5px 0px rgba(143, 141, 143, 1);margin: 5px}
.item_product .img_product img{border-radius: 50%;}
.item_product .info_product{margin-top: 15px;}
.more_product{text-align: center}
.more_product a{width: 90px;line-height: 32px;text-align: center;color: #fff;text-transform: uppercase;font-size: 14px;font-family: 'OpenSansSemibold';background: #3AAF23;border-radius: 5px;display: inline-block;margin-top: 8px;}
.more_product:hover a{color: yellow}

.more_index{text-align: center;margin-top: 20px;}
.more_index a{display: inline-block;width: 185px;line-height: 46px;text-align: center;border: 1px solid #3AAF23;border-radius: 5px;color: #299D13;font-size: 14px;font-family: 'OpenSans';}
.more_index:hover a{background: #3AAF23;color: #fff}

.box_sanpham:nth-child(4n) { margin-right: 0px; }
.box_sanpham:nth-child(4n+1) { clear: both; }
.img_sanpham { text-align: center; overflow: hidden; }
.img_sanpham img { transition: 0.7s; }
.img_sanpham:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.info_product {text-align: center;margin-top: 5px;}
.info_product h2 {font-family: 'OpenSans';line-height: 25px;height: 25px;overflow: hidden;font-size: 18px;margin-top: 8px;}
.info_product h2 a {color: #1F1F1F;}
.info_product h2 a:hover {color: red;}
.gia_sanpham {font-family: 'MuliRegular';font-size: 14px;}
.gia_sanpham span {color: #D70000;font-family: 'MuliBold';}
.more_sanpham { text-align: center; margin-top: 5px; }
.more_sanpham a { background: #2A8FED; display: inline-block; padding: 7px 20px; color: #fff; font-weight: bold; }
.more_sanpham a:hover { color: #000; background: #ff0; }
.list_sub_img_detail { position: relative; }
.prev_sub_detail, .next_sub_detail { position: absolute; width: 28px; height: 28px; background: url(../images/icon_next_prev_common_owl.png); z-index: 10; top: 50%; margin-top: -14px; }
.prev_sub_detail { background-position: 0px -28px; left: 0px; }
.prev_sub_detail:hover { background-position: 0px 0px; }
.next_sub_detail { background-position: -28px -28px; right: 0px; }
.next_sub_detail:hover { background-position: -28px 0px; }
#sub_img_detail { margin-top: 5px; }
.item_owl_sub {/* padding: 0px 2px; */ }
.btn_like_p { cursor: pointer; }
/*album*/
.box_album { margin-bottom: 20px; }
.name_album h3 { text-transform: uppercase; font-size: 15px; margin-top: 10px; text-align: center; }
.name_album h3 a { font-size: 15px; color: #0075E2; font-family: 'RobotoBold'; font-weight: normal; }
/*product detail*/
.item_detail { padding: 10px 0px; border-bottom: 1px dashed #cdcdcd; }
.bottom_detail { margin-top: 20px; }
.img_detail { width: 45%; float: left; }
.info_detail { width: 55%; float: left; padding-left: 30px; box-sizing: border-box; }
.item_info_detail { font-size: 14px; line-height: 20px; padding: 10px 0px; border-bottom: 1px solid #eee; font-family: 'RobotoRegular'; }
.item_info_detail.name_detail {font-size: 24px;color: #009f3c;line-height: 25px;font-family: 'OpenSansSemibold';}
.item_info_detail.gia_detail span { font-size: 18px; color: #f00; }
/*p_like*/
.table_p_like { width: 100%; border: 1px solid #F0F0F0; border-collapse: collapse; font-size: 13px; }
.table_p_like .my_cell { border: 1px solid #F0F0F0; padding: 10px; }
.table_p_like .my_row_title .my_cell { background: #F0F0F0; color: #3a4346; font-weight: bold; font-size: 12px; padding: 10px; }
.table_p_like .img_p_like { float: left; margin-right: 10px; }
.table_p_like .name_p_like { color: #199cb7; font-size: 13px; font-weight: bold; }
.table_p_like .remove_p_like { margin-top: 5px; cursor: pointer; }
.table_p_like .remove_p_like .fa { margin-right: 5px; }
.table_p_like .remove_p_like:hover { color: #199cb7; text-decoration: underline; }
/*tab*/
.item_tab { display: inline-block; padding: 10px 14px 10px 10px; color: #000; font-weight: bold; border-bottom: 4px solid #fff; border-top: 4px solid rgb(245, 245, 245); background-color: rgb(245, 245, 245); font-size: 12px; text-transform: capitalize; border-left: 1px solid rgb(245, 245, 245); border-right: 1px solid rgb(245, 245, 245); position: relative; }
.item_tab:hover, .item_tab.active { background: #fff; border-top; border-top: 4px solid #5AB1D0; border-left: 1px solid #5AB1D0; border-right: 1px solid #5AB1D0; bottom: -2px; }
.contain_content_tab { padding: 10px 10px; text-align: justify; line-height: 22px; font-size: 13px; border: 1px solid #c1c1c1; border-top-color: #5AB1D0; }
.content_tab { display: none; }
.content_tab.active { display: block; }
/*news*/
h1.tieude { font-size: 25px; margin-bottom: 10px; }
.box-km { border: 1px solid #EBEBEB; transition: all 0.3s ease; background: #fff; padding: 7px; box-shadow: 4px 4px 8px #ccc; }
.box-km .img { padding-left: 0px !important; padding-right: 0px !important; }
.box-km .img { transform: translateZ(0); overflow: hidden; position: relative; border: 3px solid #fff; }
.box-km .img img { width: 100%; height: auto; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.box-km .img:hover img { transform: scale(1.2); }
.box-km .mota { padding: 5px 10px !important; }
.box-km .mota h3 {font-size: 18px;margin: 0px;line-height: 20px;text-align: left;height: 44px;overflow: hidden;}
.box-km .mota h3 a { font-family: 'RobotoBold'; color: #000; }
.box-km .mota h3 a:hover { color: #f00; }
.box-km .mota p { font-size: 14px; line-height: 20px; height: 80px; text-align: justify; margin: 0px; margin-top: 10px; overflow: hidden; }
.item_news { margin-bottom: 20px }
.item_news:nth-child(2n+3) { clear: both; }
/*news other*/
.title_news_other { font-size: 18px; color: #222; margin: 15px 0px; }
.item_news_other { padding: 10px 0px; border-bottom: 1px dashed #e8e8e8; }
.name_news_other a { font-size: 13px; line-height: 20px; color: #3b3b3b; }
.name_news_other a:hover { color: #1f7ebd; }
.name_news_other .fa { margin-right: 5px; }
.name_news_other:hover { color: #f00; }
.img_news_other { width: 40%; float: left; padding-right: 10px; box-sizing: border-box; }
.img_news_other img { float: left; }
.right_news_other { width: 60%; float: right; }
.hover_sang3 { overflow: hidden; position: relative; display: block }
.hover_sang3:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.hover_sang3:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }
.hover_sang3:hover:before { right: 50%; left: 50%; width: 0; background: rgba(255, 255, 255, 0.5); }
.hover_sang3:hover:after { height: 0; top: 50%; bottom: 50%; background: rgba(255, 255, 255, 0.5); }
/*doitac*/
#doitac {margin: 0 auto;padding: 30px 0;}
.item_doitac {
    border: 1px solid #E6E6E6;
}
.item_doitac img {}
.contain_owl_doitac {position: relative;}
.next_doitac {position: absolute;right: 0px;top: 50%;z-index: 100;transform: translateY(-50%);}
.prev_doitac {position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.partner{padding: 30px 0}
.title_partner{width: 280px;line-height: 130px;background: #42B04A;color: #fff;text-transform: uppercase;font-family: 'UTMAurora';font-size: 36px;text-align: center;float: left;margin-top: 10px;}
.box_partner{width: calc(100% - 300px);float: left;margin-left: 20px;}

/*footer*/
#footer {padding-top: 85px;margin: 0px auto;}
.left_footer{width: 550px;float: left;margin-right: 30px;}
.mid_footer{width: 290px;margin-right: 30px;float: left;}
.right_footer{width: 300px;float: left;}
.content_footer{text-align: left;color: #fff;font-family: 'OpenSans';font-size: 14px;}
.title_ft{color: #fff;font-family: 'RobotoBold';font-size: 18px;text-transform: uppercase;margin-bottom: 15px;text-align: left;position: relative;margin-top: 5px;}
.social_footer{margin-top: 15px;}
.social_footer a{margin: 0 3px;transition: all 1s;display: inline-block}
.social_footer a:hover{transition: all 1s;transform: rotate(360deg)}

.title_footer{color: #1B9300;font-size: 23px;font-family: 'Lora Bold';text-transform: uppercase;margin-bottom: 10px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

.mid_footer li{list-style: none;padding: 5px 0;line-height: 20px;font-size: 14px;font-family: 'OpenSans';background: url(../images/icon_li.png) no-repeat left top 10px;padding-left: 15px;}
.mid_footer li a{color: #fff;}
.mid_footer li:hover a{color: yellow}
.social_footer{color: #fff;font-size: 14px;font-family: 'MuliRegular';text-transform: uppercase}

.maps_ft iframe{height: 215px;width: 100%}

/*thong ke*/
.list_thongke{margin:0px auto;list-style: none;}
.list_thongke li{padding-left: 25px;font-family: 'RobotoRegular';font-size: 14px;color: #fff;float: left;}
.list_thongke li span{float: right;}

.footer_end {line-height: 50px;color: #fff;font-family: 'OpenSans';font-size: 13px;text-align: left;clear: both;margin-top: 30px;}
.copy_left{float: left}
.copy_right{float: right}
/*pagination*/
.paging, .pagination { text-align: center; display: block; margin: 0px; }
.my_pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; clear: both; }
.my_pagination>li { display: inline; cursor: pointer; }
.my_pagination>li:first-child>a, .my_pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.my_pagination>li:last-child>a, .my_pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.my_pagination>li.actived a { background: #eee; }
.my_pagination>li>a, .my_pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; display: block; }
.my_pagination>li>a:focus, .my_pagination>li>a:hover, .my_pagination>li>span:focus, .my_pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.my_pagination>li>a:focus, .my_pagination>li>a:hover, .my_pagination>li>span:focus, .my_pagination>li>span:hover, .my_pagination>li>a.current { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
/*dang ky nhan tin*/
.contain_form_dangkynhanemail { background: url(../images/bg_dknhantin.png); width: 203px; height: 23px; }
.dangkymail {position: relative;border-bottom: 1px solid #E1FEDA;}
.dangkymail i{color: #fff;font-size: 22px;}
.dangkymail input{height: 40px;color: #fff;outline: none;width: calc((100% - 40px));box-sizing: border-box;padding: 0 10px;font-family: 'OpenSans';font-size: 14px;float: left;border: none;background: no-repeat;}
.dangkymail textarea{height: 100px;color: #fff;outline: none;border: 1px solid #EFEEED;width: 100%;box-sizing: border-box;padding: 0 10px;background: #ffffff40;font-family: 'OpenSans';font-size: 14px;padding: 5px 10px;}
.dangkymail input:nth-child(2n){margin-right: 0}
.dangkymail input::-webkit-input-placeholder { color: #fff; }
.dangkymail input::-moz-placeholder { color: #fff; }
.dangkymail input:-ms-input-placeholder { color: #fff; }
.dangkymail input:-moz-placeholder { color: #fff; }

.dangkymail textarea::-webkit-input-placeholder { color: #fff; }
.dangkymail textarea::-moz-placeholder { color: #fff; }
.dangkymail textarea:-ms-input-placeholder { color: #fff; }
.dangkymail textarea:-moz-placeholder { color: #fff; }

#button_dknhantin {width: 40px;outline: none;border: none;text-align: center;height: 40px;line-height: 48px;cursor: pointer;text-transform: uppercase;font-size: 16px;right: 0;bottom: 5px;background: none;}
#button_dknhantin:hover{color: yellow}
/*album*/
.box_fotorama { max-width: 700px; margin: 0px auto; }
/*video*/
.box_video { position: relative; }
#list_video { width: 100%; }
/*video owl*/
#sub_video_owl {position: relative;}
.item_video {cursor: pointer;}
.next_video, .prev_video { position: absolute; top: 50%; width: 22px; height: 42px; z-index: 100; margin-top: -21px; }
.next_video { position: absolute; right: 0px; background: url(../images/next.png); }
.prev_video { position: absolute; left: 0px; background: url(../images/prev.png); }
/*hotrotructuyen popup bottom*/
.hotrotructuyen_popup { position: fixed; width: 250px; z-index: 100; right: 0px; bottom: 0px; }
.title_hotrotructuyen_popup { padding: 5px; background: #ff0; }
.body_hotrotructuyen_popup { background: #f00; height: 0px; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; }
.box_hotrotructuyen_popup { padding: 10px; }
/*hotrotructuyen popup left*/
.hotrotructuyen_popup_left { position: fixed; z-index: 100; right: 0px; top: 100px; }
.title_hotrotructuyen_popup_left { padding: 5px; background: #ff0; width: 30px; height: 250px; float: left; box-sizing: border-box; }
.body_hotrotructuyen_popup_left { background: #f00; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; min-height: 250px; float: left; width: 0px; }
.box_hotrotructuyen_popup_left { padding: 10px; width: 220px; box-sizing: border-box; }
/*facebook popup left*/
.facebook_popup_left { position: fixed; z-index: 100; right: 0px; top: 100px; }
.title_facebook_popup_left { padding: 5px; background: #ff0; width: 30px; height: 250px; float: left; box-sizing: border-box; }
.body_facebook_popup_left { background: #f00; overflow: hidden; box-sizing: border-box; -webkit-transition: all .4s linear; transition: all .4s linear; min-height: 250px; float: left; width: 0px; }
.box_facebook_popup_left { padding: 10px; width: 220px; box-sizing: border-box; }
/*news scroll*/
.img_news_scroll{float: left;margin-right: 15px;position: relative;width: 115px;}
.img_news_scroll a{display: block;position: relative}
.date_news_scroll{color: #474747;font-family: 'RobotoRegular';z-index: 99;}
.date_news_scroll span{font-size: 15px;font-weight: bold;display: block;line-height: 26px;text-decoration: underline;}
.date_news_scroll p{margin-bottom: 0;font-size: 13px;}

.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip{height: 340px !important;width: 100% !important;}
.contain_news_scroll .vert .simply-scroll-list li{width: 100% !important;height: auto !important;padding: 10px 0px;}
.contain_news_scroll .vert .simply-scroll-list li img{max-width: 100% !important; }
.name_news_scroll a{font-size: 15px;color: #1B1B1B;line-height: 20px;font-family: 'OpenSansBold';font-weight: bold;display: block;white-space: normal;text-align: left;height: 40px;overflow: hidden;}
.name_news_scroll a:hover{color: #009f3c;}
.des_news_scroll{color: #5A5A5A;font-size: 14px;line-height: 20px;max-height: 40px;font-family: 'RobotoRegular';overflow: hidden;text-align: justify;margin-top: 5px;}


/*popup*/
#my_popup { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.5); z-index: 9999; overflow: hidden; text-align: center; display: none; }
.my_box_popup { display: inline-block; height: 85%; margin-top: 7%; max-width: 96%; position: relative; }
.content_popup { position: relative; top: 50%; max-height: 100%; }
.inner_content_popup * { max-width: 100%; }
.close_my_popup { position: absolute; width: 53px; height: 18px; background: url(../images/commont/close_popup.png); display: block; top: -25px; right: 0px; cursor: pointer; }
/*social sharethis*/
#share_social * { vertical-align: top; }
#share_social span { margin-top: 0px !important; margin-bottom: 3px !important; }
.stButton .stButton_gradient, .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 21px !important; box-sizing: border-box; vertical-align: top !important; }
/*gioithieu*/
.about_index{padding: 40px 0;position: relative;padding-bottom: 80px;}
.about_left a{display: block;position: relative}
.title_index_about { margin-bottom: 10px; }
.title_index_about h2 { font-size: 18px; }
.title_about {font-size: 45px;color: #181818;font-family: 'UTMBeautifulCaps';margin-bottom: 6px;padding-left: 25%;}
.name_about{color: #3D930D;text-transform: uppercase;font-family: 'UTMAmericanSans';font-size: 35px;padding-left: 35%;}
.about_left img{width: 100%}
.about_right{position: relative;margin-top: 50px;padding: 40px;padding-left: 0;}
.about_right::before{position: absolute;content: "";width: 645px;height: 504px;top: 0;right: 0;border: 5px solid #FFBA00;padding: 40px;padding-left: 0}

.item_about{margin-bottom: 50px;}
.img_about{width: 56px;float: left;background: #1E3DA9;}
.info_about{float: left;width: calc(100% - 56px);padding-left: 15px;}
.info_about h3{font-size: 14px;font-family: 'MuliBold';line-height: 20px;height: 20px;overflow: hidden}
.info_about h3 a{color: #151515}
.info_about h3:hover a{color: red}
.info_about span{color: #5E5E5E;font-size: 13px;font-family: 'MuliRegular';display: block;line-height: 20px;height: 40px;overflow: hidden}

.des_about{color: #282828;font-family: 'MuliRegular';font-size: 14px;line-height: 25px;text-align: justify;margin-bottom: 17px;display: block;}
.img_about_bottom{border: 15px solid #F7F7F7;position: absolute;top: 65px;right: 0}
.more_about{margin-top: 30px;text-align: center}
.more_about a{display: inline-block;width: 150px;line-height: 50px;text-align: center;border-radius: 50px;color: #fff;background: #42B04A;font-family: 'Lato-Regular';font-size: 15px;text-transform: uppercase}
.more_about a:hover{background: #23902B;color: yellow}
/*---------------------Goi dien -----------------------*/
#my_call { width: 100%; background: red; position: fixed; width: 100%; bottom: 0px; left: 0px; text-align: center; z-index: 999; display: none; }
#my_call div { display: inline-block; line-height: 30px; margin: 0px 10px; }
#my_call div a { padding-left: 30px; display: block; background-size: 25px; background-position: left center; background-repeat: no-repeat; font-family: 'Arial'; text-decoration: none; color: #fff; font-size: 13px; }
#my_call div.phone_my_call { opacity: 0; }
#my_call div.phone_my_call a { background-image: url(../images/commont/icon_dt.png); }
#my_call div.sms_my_call a { background-image: url(../images/commont/tn.png) }
#my_call div.sig_my_call a { background-image: url(../images/commont/chiduong.png) }
.op_phone { -webkit-animation-name: op_phone; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: op_phone; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: op_phone; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes op_phone {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}
/*---------------------END Goi dien ------------------*/
#at4-share { display: none; }
.btn_dangnhap { display: inline-block; text-align: left; }
.btn_dangky { display: inline-block; text-align: left; margin-left: 20px; margin-right: 15px; }
.body_form { padding: 10px 0px; }
#rematkhau { padding: 20px 0px; }
.btn_guiemail { background: #9F7828; font-size: 14px; color: #fff; border: none; outline: none; padding: 7px 20px; float: right; border-radius: 5px; }
.btn_guiemail:hover { background: #f00; color: #fff; }
.user { position: relative; cursor: pointer; color: #fff; display: inline-block; }
.user:hover { color: #ff0; }
.user .fa { margin-right: 10px; }
.content_taikhoan { position: absolute; top: calc(100% + 10px); right: 0px; width: 179px; padding: 10px; border: 1px solid #F2F2F2; z-index: 1000; background: #fff; display: none; text-align: left; }
.content_taikhoan a { display: block; padding: 5px 0px; color: #353434; }
.content_taikhoan a:hover { color: #f00; }
.title_lichsu { background: #9F7828; color: #fff; padding: 10px; font-family: 'RobotoRegular'; font-size: 15px; display: flex; justify-content: space-between; }
.bottom { padding: 40px 10px; }
.left_bottom { width: 64%; float: left; }
.right_bottom { width: 32.5%; float: right; }
.title_bottom { background: url(../images/title_bottom.png) left center repeat-x; margin-bottom: 20px; }
.title_bottom span { color: #333333; font-size: 22px; text-transform: uppercase; background: #fff; padding-right: 10px; font-family: 'RobotoBold'; }
.left_tintuc_bottom {width: 41%;float: left;}
.right_tintuc_bottom {width: calc(59% - 20px);float: right;}
.left_tintuc_bottom h3 {font-size: 14px;margin: 10px 0;}
.left_tintuc_bottom h3 a {color: #1B1B1B;line-height: 25px;font-family: 'OpenSansBold';height: 50px;overflow: hidden;display: block;font-size: 15px;text-transform: uppercase;}
.left_tintuc_bottom h3:hover a{color: #009f3c;}
.left_tintuc_bottom p {margin-bottom: 0px;color: #5A5A5A;font-family: 'RobotoRegular';text-align: justify;line-height: 20px;font-size: 14px;height: 60px;overflow: hidden;}
.xemthem_tt { color: #7B7B7B; width: 100px; line-height: 48px; border: 1px solid #B9B9B9; font-family: 'RobotoRegular'; text-transform: uppercase; text-align: center; display: inline-block; margin-top: 30px; }
.xemthem_tt:hover { color: #fff; background: #19357F; }
.map_footer iframe { width: 100% !important; }
.contain_map_lienhe iframe {width: 100% !important;max-height: 380px;}
.breadcrumb-item a { color: #000; font-family: 'RobotoRegular'; font-size: 14px; }
.breadcrumb-item:last-child a { color: red }
.breadcrumb-item a:hover { color: red }

.criteria {padding: 40px 0;background: #F7F5F5;}
.item_criteria img { width: auto !important; margin: 0 auto; }
.item_criteria { text-align: center }
.item_criteria a { text-align: center; overflow: hidden; display: block }
.item_criteria a img { transition: 0.7s; }
.item_criteria a:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.item_criteria h3 {margin: 15px 0 10px;text-transform: uppercase;font-size: 17px;font-family: 'RobotoBold';}
.item_criteria h3 a {color: #1D9208;}
.item_criteria h3 a:hover {color: red;}
.item_criteria span{color: #343434;font-size: 14px;line-height: 20px;}

.product_top {padding: 30px 0}
.banner_hotline{position: relative}
.info_banner{position: absolute;height: 100%;width: 100%;top: 0;left: 0;display: table}
.info_banner .inner{display: table-cell;vertical-align: middle;color: #fff;text-align: center}
.info_banner h3{font-size: 40px;font-family: 'Lora Bold';text-transform: uppercase;margin-bottom: 15px;}
.info_banner p{font-size: 20px;font-family: 'Lora';}
.info_banner span{font-size: 27px;font-family: 'Lora Bold';color: #FFF200}


ul.tab_end { padding: 0; text-align: center; width: 100%; margin-bottom: 20px; }
ul.tab_end li {display: inline-block;position: relative;height: 40px;line-height: 40px;margin: 2px;}
ul.tab_end li a {display: block;color: #2B2B2B;text-align: center;line-height: 34px;border: 1px solid #fff;font-size: 16px;padding: 0 15px;font-family: 'OpenSans';text-transform: capitalize;border-radius: 50px;}
ul.tab_end li a.selected, ul.tab_end li a:hover {border: 1px solid #31A81A;}
ul.tab_end li a span { display: block; }
.tab_hide { position: absolute !important; z-index: -1; opacity: 0; }
.tab_show { position: relative !important; z-index: 9; opacity: 1; }

.service{padding: 20px 0;}
.item_servide{position: relative}
.item_servide span{position: absolute;top: 100%;line-height: 64px;height: 64px;background: #ffffffab;color: #000000;display: inline-block;text-transform: uppercase;font-size: 20px;font-family: 'OpenSansSemibold';width: 100%;text-align: center;padding: 0 15px;overflow: hidden;transition: all 1s}
.item_servide span:hover{color: red}
.item_servide:hover span{top: calc(50% - 32px);transition: all 1s}


.album_index{padding: 30px 0}
.slides{display: none}
.flex-caption h3{font-family: 'OpenSansSemibold' !important;font-size: 18px !important;text-align: center;margin: 0 !important;display: block;padding: 0 15px;line-height: 60px !important;height: 60px;overflow: hidden;}

.newsletter{margin-bottom: -54px;}
.newsletter .inner{background: #23AA03;padding: 25px 55px;border-radius: 500px;overflow: hidden;}
.newsletter_left h3{color: #fff;font-size: 26px;font-family: 'OpenSansBold';}
.newsletter_left span{color: #fff;font-size: 14px;font-family: 'RobotoRegular';margin-top: 10px;display: block;}


.addthis_inline_share_toolbox_br4q { display: inline-block; float: left; margin-right: 5px; }


/* Mmenu */
.menu-res{display:none;z-index:10;background:#31A81A;position:relative;line-height:normal;border: 1px solid #d9d9d9;}
.menu-bar-res{padding:0px 15px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;}
#hamburger{display:block;width:45px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;content:'';display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#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;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}
.mobil_al{display: none;}


@media screen and (max-width:1170px){
	.menu-res.fix {
		position: fixed !important;
		top: 0px !important;
		left: 0px;
		width: 100%;
		-webkit-animation: fadeInDown 0s ease-in backwards;
		-moz-animation: fadeInDown 0s ease-in backwards;
		-o-animation: fadeInDown 0s ease-in backwards;
		-ms-animation: fadeInDown 0s ease-in backwards;
		-moz-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-o-animation-delay: 0s;
		animation-delay: 0s;
		z-index: 999;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);
		-moz-box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);
		box-shadow: 0px 5px 5px 0px rgba(148, 145, 148, 1);
		background-size: cover;
		padding-top: 0 !important;
		transition: all 1s;
	}
	.menu-res{display:block;}
	/*#menu1_bootstrap{display:none !important;}*/
	#banner{display: none;}
	.banner_top li:first-child{margin-left: 0px;}
	.banner_top{padding: 0px 15px;}
	.banner_top li{margin-right: 20px!important;}
	.fa-lg{vertical-align:0%!important}
}
@media screen and (max-width: 850px){
	.box_sanpham:nth-child(4n){margin-right: 25px;}
	.box_sanpham:nth-child(4n+1){clear: unset;}
	.box_sanpham:nth-child(3n){margin-right: 0px;}
	.box_sanpham:nth-child(3n+1){clear: both;}
	.box_sanpham{width: calc(100% / 3 - 50px / 3);}
	.img_logo img{width: 70%;;}
	.img_logo{text-align: center;}
	.inner{padding: 0px 15px;}
	.col_l{width: 100%;margin-bottom: 30px;}
	.col_r{width: 100%;}
	.mobil_al{display: block;padding: 0px 15px;}
	.flexslider{display: none;}

}
@media screen and (max-width: 650px){
	.flex-caption{width: 100%!important;}
	.info_banner h3{font-size: 36px;}
	.sp_pd{margin: 0px 0px;}
	.box_sanpham{max-width: 100%;width: 100%;margin-bottom: 0px;padding-bottom: 0px;width: 100%;float:unset;clear: unset!important;}
	.row::before{display: none;}
	.gird_sp{display: grid;grid-template-columns: repeat(2 ,1fr);grid-gap:20px 20px}
	.box_sanpham{margin-right: 0px;}
	.content_footer{font-size: 13px;}
	.title_footer{font-size: 20px;}
	.newsletter_left{width: 100%;margin-bottom: 20px;text-align: center;}
	.newsletter_right{width: 100%;}

	.left_tintuc_bottom{width: 100%;margin-bottom: 30px;}
	.right_tintuc_bottom{width: 100%;}

	.scroll_giohang{max-width:600px;overflow-x:overlay;overflow-y: hidden;}
	.scroll_giohang table{min-width: 600px !important;}
	/*form*/
	.notify_login{text-align: center;}
	.left_body_form,.right_body_form{width: 100%;}
	.table_form .my_cell{display: block;}
	.table_form .my_cell_title{text-align: left;}
	.copy_left{float: unset;text-align: center;}
	.copy_right{float: unset;}
	.pull-right{display: none;}
	.img_logo img{width: 50%;}
	.menu-res{padding: 5px 0px;}
	.title_main span, .title_main h2{font-size: 25px;}
	.info_product h2{font-size: 15px;}
	.banner_hotline img{width: 100%;height: 350px;object-fit: cover;}
	.info_banner{top: 50%;transform: translateY(-50%);}
	.left_footer{width: 100%;}
	.mid_footer{margin-bottom: 20px;margin-top: 20px;}
	.item_news{width: 100%;}
	.img_detail{width: 100%;margin-bottom: 20px;}
	.info_detail{width: 100%;padding-left: 0px;}

}

@media screen and (max-width: 441px){
	.copy_left{line-height: 2;}
	.list_thongke li{padding-left: 0px;}
	.title_main span, .title_main h2{font-size: 20px;}
	.gird_sp{grid-gap: 10px 10px;}
	.tablelienhe{display: block;}
	.tablelienhe .my_row{display: block;}
	.tablelienhe .my_row .my_cell{display: block;padding: 0px;text-align: left;}
	.notify_check{padding: 0px;}
	.tablelienhe .my_row .my_cell .input,
	.tablelienhe .my_row .my_cell textarea
	{
		width: 100%;
		margin-bottom: 10px;
	}

	
	
}
@media screen and (max-width:370px){
	.contain_search label{display:none;}
	.col_sanpham{width: 100%;}
}