/*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; top: 0 !important }
.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_home img{width: 100%}
.mar20{margin-top: 20px;}


/*=======================================*/
#full {margin: 0px auto;/* overflow-x: hidden; */position: relative;background: #fff;}
.box_breadcrumb.fix { position: fixed !important; top: 70px; 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: 98; -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: #F5F5F5;margin-top: 0}
.box_breadcrumb.fix #breadcrumb{margin-bottom: 0}
.box_breadcrumb{margin-top: 20px;}
.head.fix { position: fixed !important; top: 0px; 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: 99;border-bottom: 1px solid #ccc}
.logo img {height: 108px;transition: all 1s;}
.head.fix .logo img {height: 70px;transition: all 1s;}
.head.fix .box_img{margin-top: 10px;transition: all 1s;}
.head.fix .social_header{margin-top: 5px;transition: all 1s;}
.head.fix #menu{margin-top: 0}
.head.fix .sub_left{padding-bottom: 10px;transition: all 1s;}


.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); }


/*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; }
.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; }
.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; }

/*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 { margin-top: 20px; }
.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; }
.max1050 { max-width: 1050px; margin: 0 auto; position: relative; }

/*header*/
.background { padding: 0px 10px; }
#header { position: relative; margin: 0px auto; }
#languages { position: absolute; top: 0px; right: 0px; }
#user_header { position: absolute; right: 0px; top: 40px; }
.social_header{float: right;margin-top: 10px;transition: all 1s;}
.box_img{margin-top: 30px;transition: all 1s;}

/*banner*/
#banner {height: auto;background: #fff;}
#header .vcard { width: 0px; height: 0px; text-indent: -9999px; position: absolute; }
#language { position: absolute; top: 10px; right: 0px; }
.logo {position: relative;text-align: center;display: inline-block;}
.slogan { margin-top: 7px; display: inline-block; }
.hotline{background: url('../images/hotline.png') no-repeat left center;padding-left: 42px;display: inline-block;border-right: 1px solid #A5A5A5;padding-right: 20px;float: left;}
.hotline span{color: #4A4A4A;font-family: 'RobotoBold';font-size: 15px;}
.hotline p{color: #01316D;margin-bottom: 0;font-size: 20px;font-family: 'UTMHelvetIns';}
.social_top { position: absolute; right: 0; top: 10px; }

/*menu left*/
.menu_left {position: absolute;top: 100%;width: 245px;z-index: 9;display: none;}
.menu_left > ul {list-style: none;text-align: left;display: block;width: 100%;border-top: none;position: absolute;top: 100%;background: #00000054;left: 0;}
.menu_left > ul > li {border-bottom: 1px dashed #666666;width: 100%;padding-left: 10px;position: relative}
.menu_left > ul > li:last-child{border-bottom: none}
.menu_left > ul > li > a img{margin-right: 8px;}
.menu_left > ul > li > a:hover { color: yellow; }
.menu_left > ul > li > a {color: #fff;display: block;padding: 10px 0;font-size: 17px;line-height: 30px;font-family: 'RobotoMedium';text-transform: capitalize;}
.menu_left ul li ul {display: none;width: 250px;position: absolute;left: 100%;z-index: 99;top: 0;background: #012f6d;}
.menu_left > ul > li:hover > ul { display: block }
.menu_left ul li ul li {position: relative;background: none;margin-top: 0;width: 100%;border: none;list-style: none;line-height: 30px;}
.menu_left ul li ul li a{color: #fff;font-family: 'RobotoMedium';display: block;border-bottom: 1px dashed #23569a;padding: 7px 15px;font-size: 17px;text-transform: capitalize;}
.menu_left ul li ul li:last-child a{border-bottom: none}
.menu_left ul li ul li ul {display: none}
.menu_left ul li ul li:hover ul{display: block}
.menu_left ul li ul li a:hover{color: yellow;}

.sub_left{display: inline-block;margin-right: 20px;float: left;padding-bottom: 28px;transition: all 1s;}
.sub_left:hover .menu_left{display: block}

/*menu top*/
#menu {height: 35px;margin-top: 10px;transition: all 1s;}
#menu ul {list-style: none;float: right;}
#menu ul li {float: left;}
#menu ul li:nth-child(2) {position: relative;z-index: 9999}

#menu ul li a {line-height: 35px;font-size: 15px;padding: 0px 23px;color: #363636;display: block;font-family: 'RobotoRegular';position: relative;}
#menu ul li.menu_active a, #menu ul li:hover a {background: url('../images/line_menu.png') no-repeat center bottom;}
#menu ul li:nth-child(2) ul { width: 250px; position: absolute; top: 100%; left: 0; display: none; z-index: 9999; }
#menu ul li:nth-child(2) ul li {background: #012f6d;display: block !important;float: none;border-bottom: 1px solid #11448a;}
#menu ul li:nth-child(2) ul li:last-child { border-bottom: none; }
#menu ul li:nth-child(2) ul li a { background: none !important; color: #fff !important; line-height: normal !important; padding: 10px 25px; text-transform: capitalize; }
#menu ul li:nth-child(2) ul li a:hover { color: #ff0 !important; }
#menu ul li:nth-child(2) ul li ul { top: 0; left: 100%; }
.contain_menu { position: relative; height: 51px; }

.menu_cat{width: 950px;right: 0;position: absolute;top: 100%;background: #012f6d;z-index: 99;padding: 10px 5px;display: none;}
.menu_cat li{width: calc(100%/7);float: left;padding: 0 5px 5px;}
.menu_cat li a{padding: 0 !important;color: #fff !important;font-family: 'RobotoRegular';text-align: center;font-size: 14px !important;}
.menu_cat li a:hover{color: yellow !important}
.menu_cat li a span{display: block;line-height: 20px;height: 40px;overflow: hidden;margin-top: 5px;}

/*menu bootstrap*/
#btn_menu_bootstrap {z-index: 999;position: absolute;right: 0px;top: 10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span {background: #012f6d;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: #012f6d;top: 0;left: 0;}
#btn_menu_bootstrap:after {content: "";position: absolute;width: 100%;height: 2px;background: #012f6d;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: #01316D;line-height: 38px;font-size: 18px;width: 38px;text-align: center;border-radius: 50%;margin-top: 3px;}
.frm_timkiem { display: none; position: absolute; top: 8px; background: #fff; width: 250px; z-index: 999; left: 100%; line-height: 30px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden;transition: all 1s;}
#timkiem {cursor: pointer;position: relative;font-family: 'RobotoRegular';display: inline-block;}
#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: #012f6d;color: #fff;font-size: 17px;}

/*slider*/
#slider { margin: auto; position: relative; box-shadow: none; }
.contain_slider { position: relative; }


/*main*/
#container { margin-top: 20px; }
#main { float: right; }
.sub_main { margin-bottom: 20px; }
.title_main { text-align: center; margin-bottom: 25px; background: url('../images/title.png') no-repeat center bottom; padding-bottom: 15px; }
.title_main span, .title_main h2 { color: #363636; font-family: 'UTMAvo'; display: inline-block; font-size: 30px; text-transform: uppercase; padding: 0 20px; position: relative; }
.list_product { padding: 30px 0; }

/*product*/
.box_product_hot .col_sanpham { width: 100%; padding: 0 }
.box_sanpham { margin-bottom: 25px; }
.img_sanpham {text-align: center;overflow: hidden;border: 1px solid #E6E6E6;padding: 3px;background: #fff;position: relative;}

.img_sanpham:after{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-left:2px solid #012F6D;border-right:2px solid #012F6D;right:0;left:0;top:50%;bottom:50%;pointer-events:none}
.img_sanpham:before{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-bottom:2px solid #012F6D;border-top:2px solid #012F6D;top:0;bottom:0;left:50%;right:50%;pointer-events:none}
.img_sanpham:hover:before, .img_sanpham:hover:after { left: 0; right: 0; bottom: 0; top: 0; }


.img_sanpham img { transition: 0.7s; }
.img_sanpham a { display: block; overflow: hidden }
.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: 7px; }
.info_product h2 {text-transform: uppercase;line-height: 30px;height: 30px;overflow: hidden;font-size: 15px;font-family: 'RobotoRegular';text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.info_product h2 a {color: #363636;}
.info_product h2:hover a { color: red }
.gia_sanpham {text-align: center;font-family: 'RobotoRegular';font-size: 15px;color: #7C7C7C;}
.gia_sanpham span {color: #DB0000;font-size: 15px;}
.gia_sanpham .price_old {color: #a7a2a2;font-size: 14px;text-decoration: line-through;font-family: 'RobotoRegular';margin-left: 15px;text-transform: none;}

.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; }

.sale_product{position: absolute;width: 50px;height: 50px;top: 10px;left: 10px;background: url('../images/sale.png') no-repeat;color: #fff;font-family: 'RobotoMedium';font-size: 16px;line-height: 50px;text-align: center;}

/*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: 15px; line-height: 20px; font-family: 'RobotoRegular'; padding: 5px 0px; border-bottom: 1px solid #eee; }
.item_info_detail.name_detail {font-size: 22px;color: #012F6D;font-family: 'RobotoBlack';line-height: 25px;}
.item_info_detail.gia_detail span { font-size: 18px; color: #f00; }

/*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: 23px;text-align: left;height: 46px;overflow: hidden;font-family: 'RobotoMedium';}
.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: 23px;height: 92px;text-align: justify;margin: 0px;margin-top: 5px;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; }

/*footer*/
#footer {padding: 45px 0px;margin: 0px auto;background: #01316D;}
.title_ft {color: #FFFFFF;font-size: 15px;font-family: 'RobotoBold';margin-bottom: 20px;text-transform: uppercase;position: relative;padding-bottom: 15px;}
.title_ft::after{position: absolute;content: "";width: 40px;height: 3px;background: #FFFFFF;left: 0;bottom: 0;}
.content_footer {color: #fff;font-family: 'RobotoLight';font-size: 15px;}
.mid_footer li {list-style: none;line-height: 23px;margin-bottom: 5px;font-size: 14px;font-family: 'RobotoRegular';text-transform: capitalize;}
.mid_footer li a { color: #fff; }
.mid_footer li:hover a { color: yellow }
.maps_ft iframe { width: 100%; height: 200px; overflow: hidden }
.footer_end {line-height: 29px;background: #01316D;text-align: center;font-family: 'RobotoMedium';font-size: 13px;padding: 10px 0;border-top: 1px solid #024BA6;color: #fff;}

.title_newsletter{text-transform: uppercase;font-size: 15px;font-family: 'RobotoBold';color: #fff;margin-bottom: 10px;}
.des_newsletter{color: #fff;font-family: 'RobotoLight';font-size: 15px;line-height: 25px;margin-bottom: 15px;}
.dangkymail input{width: calc(50% - 5px);margin-right: 10px;float: left;line-height: 40px;height: 40px;margin-bottom: 25px;background: none;border: none;outline: none;border-bottom: 1px solid #999999;font-family: 'RobotoRegular';font-size: 14px;font-style: italic;color: #CCCCCC}
.dangkymail input:nth-child(2){margin-right: 0}
.dangkymail input::-webkit-input-placeholder { color: #CCCCCC; }
.dangkymail input::-moz-placeholder { color: #CCCCCC; }
.dangkymail input:-ms-input-placeholder { color: #CCCCCC; }
.dangkymail input:-moz-placeholder { color: #CCCCCC; }
.dangkymail button{line-height: 40px;height: 40px;text-align: center;width: 100%;background: #011C43;font-size: 15px;text-transform: uppercase;font-family: 'RobotoBold';color: #fff;border: none;outline: none;}
.dangkymail button:hover{color: yellow}


.footer_top{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #01418C}
.social_footer {margin-top: 30px; }
.social_footer a{padding: 0 3px;}
.title_footer{color: #FFFFFF;font-size: 20px;font-family: 'RobotoBold';text-transform: uppercase;margin-bottom: 10px;}

/*pagination*/
.paging, .pagination { text-align: center; display: block; margin: 0px; clear: both; }
.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; }

/*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); }

/*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; }

/*doitac*/
#doitac {padding: 40px 0px;}
.item_doitac { border: 1px solid #E5E5E5; }
.contain_owl_doitac {position: relative;}
.next_doitac { position: absolute; right: -25px; top: 50%; z-index: 100;transform: translateY(-50%) }
.prev_doitac { position: absolute; left: -25px; top: 50%; z-index: 100;transform: translateY(-50%) }


/*---------------------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; }

.map_footer iframe { width: 100% !important; }
.contain_map_lienhe iframe { width: 100% !important; }
.breadcrumb-item a { color: #000; font-family: 'RobotoRegular'; font-size: 14px; }
.breadcrumb-item:last-child a { color: red }
.breadcrumb-item a:hover { color: red }


.title_product {padding: 0;width: 100%;margin-bottom: 25px;line-height: 45px;border-bottom: 1px solid #D9D9D9;position: relative;}
.title_product > a { display: inline-block; position: relative; float: left; color: #fff; font-size: 20px; padding: 0 30px 0 15px; font-family: 'RobotoRegular'; background: #01316D; text-transform: uppercase; min-width: 200px; }
.title_product > a::before { position: absolute; left: 100%; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 45px 0; border-color: transparent transparent #01316d transparent; content: ""; }
.title_product > a img { float: left; margin-top: 5px; margin-right: 10px; }
.nav-pills {display: inline-block;position: relative;width: 100%;float: right;max-width: 65%;text-align: right;padding: 0 10px;}
.nav-pills a {display: block;color: #666666;font-size: 15px;padding: 0 25px !important;font-family: 'RobotoRegular';line-height: 35px;height: 35px;border-radius: 0 !important;background: #E6E6E6;transform: skewX(30deg);}
.nav-pills a span { transform: skewX(-30deg); display: block; }
.nav-pills > li { display: inline-block; float: none; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #012F6D; color: #fff;font-weight: bold }
.nav > li > a:hover, .nav > li > a:focus { background: #012f6d; color: #fff;font-weight: bold }
.nav-pills > a { display: inline-block; color: #C60407; font-size: 13px; font-family: 'MuliRegular'; font-style: italic; text-transform: none; float: right; }
.nav-pills > a:hover { color: #0A78E2 }
.product_top { padding: 35px 0; }
.box_product_top { padding-bottom: 50px; position: relative }
.box_product_main { padding: 10px 0 }
.nav-pills::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.nav-pills::-webkit-scrollbar { height: 3px; background-color: #F5F5F5; }
.nav-pills::-webkit-scrollbar-thumb { background-color: #01316D; }


/* center */
.center{padding: 60px 0;background: url('../images/bg_center.png') no-repeat center;background-size: cover}
.item_center a{display: block;}
.item_center a span{background: url('../images/more.png') no-repeat right center;padding-right: 15px;position: absolute;left: 20px;bottom: 20px;color: #fff;font-family: 'RobotoRegular';font-size: 15px;}
.item_center a:hover span{color: yellow}
.title_center{position: relative;margin-bottom: 10px;padding-left: 60px;}
.title_center::before{position: absolute;content: "";width: 50px;height: 4px;background: #01316D;left: 0;bottom: 14px;}
.title_center span{color: #363636;font-size: 30px;font-family: 'UTMAvo';text-transform: uppercase}
.title_about{color: #363636;font-size: 20px;font-family: 'RobotoRegular';text-transform: uppercase;margin-bottom: 10px;}
.des_about{color: #656565;font-size: 14px;font-family: 'RobotoRegular';line-height: 25px;}
.more_about{margin: 15px 0;}
.more_about a{display: inline-block;width: 140px;line-height: 45px;height: 45px;text-align: center;color: #fff;background: #01316D;font-size: 15px;text-transform: capitalize;font-family: 'RobotoRegular';}
.more_about a:hover{color: yellow}

.item_center{position: relative;padding: 2px 0}
.item_center:after{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-left:2px solid #012F6D;border-right:2px solid #012F6D;right:0;left:0;top:50%;bottom:50%;pointer-events:none}
.item_center:before{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-bottom:2px solid #012F6D;border-top:2px solid #012F6D;top:0;bottom:0;left:50%;right:50%;pointer-events:none}
.item_center:hover:before, .item_center:hover:after { left: 0; right: 0; bottom: 0; top: 0; }

/* album_index */
.album_index{padding: 50px 0 30px;}
.item_album{background: url('../images/bg_album.png') no-repeat center;background-size: cover;margin-top: 25px;margin-bottom: 20px;position: relative;}
.item_album .img_album{width: calc(100% - 15px);margin-left: 15px;margin-top: -21px;display: inline-block;}
.more_album{margin: 15px 0;margin-right: 20px;float: right;}
.more_album a{color: #999999;width: 115px;line-height: 32px;height: 38px;border: 3px solid #CCCCCC;font-family: 'OswaldMedium';text-transform: uppercase;display: inline-block;text-align: center;font-size: 15px;}
.item_album h3{width: 210px;height: 110px;background: url('../images/item_album.png') no-repeat center;background-size: cover;float: left;margin-top: -85px;position: relative;text-align: center;padding: 15px;display: flex;justify-content: center;align-items: center;z-index: 99}
.item_album h3 a{color: #FFFFFF;font-family: 'RobotoBold';font-size: 16px;position: relative;display: block;text-align: left;padding-bottom: 8px;width: 100%;}
.item_album h3 a::after{position: absolute;content: "";width: 110px;height: 1px;background: #3C5985;left: 0;bottom: 0}
.item_album:hover h3 a{color: yellow}
.item_album h3 a span {line-height: 25px;max-height: 50px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}


.img_album:after{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-left:2px solid #012F6D;border-right:2px solid #012F6D;right:0;left:0;top:50%;bottom:50%;pointer-events:none}
.img_album:before{content:'';position:absolute;display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;border-bottom:2px solid #012F6D;border-top:2px solid #012F6D;top:0;bottom:0;left:50%;right:50%;pointer-events:none}
.img_album:hover:before, .img_album:hover:after { left: 0; right: 0; bottom: 0; top: 0; }



.view_album{right: 100%;transition: 0.7s;}
.item_links{left: 100%;transition: 0.7s;}
.btn_album{position: absolute;top: calc(50% - 25px);z-index: 9;color: #012F6D;cursor: pointer;font-size: 20px;}
.btn_album img{width: auto !important;display: inline-block !important;}
.btn_album:hover{color: red;}
.item_album:hover .view_album{right: calc(50% + 2px);}
.item_album:hover .item_links{left: calc(50% + 2px);}

.box_sanpham:hover .view_album{right: calc(50% + 2px);}
.box_sanpham:hover .item_links{left: calc(50% + 2px);}

.frm_timkiem_m { display: block; padding: 5px 15px; }
.frm_timkiem_m input {background: #fff;border: solid 1px #ffffff;height: 30px;padding: 0px 10px;box-sizing: border-box;color: #666;border-radius: 0;width: calc(100% - 77px);float: left;outline: none;}
.frm_timkiem_m button { border: solid 1px #d60101; background: #d60101; color: #fff; height: 30px; box-sizing: border-box; padding: 0px 16px; position: relative; }


/*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;}
.product_hot.section {padding-top:0 !important}
.product_hot.section .inner{}
.product_hot.section .nav-pills{width:auto !important}
.product_hot.section .title_product{position:sticky;top: 112px;z-index: 12;background: #fff;}
/*header,body{overflow:inherit !important}
body *{overflow:inherit !important}*/