@charset "utf-8";
:root {
	--font-main:'Quicksand', sans-serif;
    --font-r:'Noto Sans', sans-serif;
    --font-f:'Noto Sans', sans-serif;
    --color-r:#fe9c01;
    --color-f:#fff;
}
::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#ccc;}
::-webkit-input-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
:-moz-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
::-moz-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
:-ms-input-placeholder { color:#ccc; font-family: 'GothamNarrowBook';font-size: 14px; }
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:22px; text-rendering: optimizeLegibility;}
h1,h2,h3,h4,h5,h6{ margin: 0px; font-weight: normal;}
p{margin: 0px;}
ul, ol { list-style: none;margin: 0px;padding: 0px;list-style-type: none; }
a,a:focus{ text-decoration: none;outline: none;color: inherit;}
a:focus{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
a:hover{text-decoration: none;}
.breadcrumb{display: block!important;margin-top:60px!important;}
div.breadcrumb {font-family:'SFUFuturaBook';background-color: #fff;margin-top: 20px;padding: 10px 0px; position: relative; border-radius: 0px;color: #000;border:1px solid #e2e2e2;}
#inner{padding-left: 10px;margin-bottom: 0px;}
#inner li:nth-last-child(1) span{display: none;} 
#inner li{display: inline-block;list-style: none;}
#inner a{padding: 0px 10px}
div.breadcrumb a{color:#000;}   
div.breadcrumb a:hover{color: #2486c5;}
.grecaptcha-badge{visibility: hidden;}
.transi06{-webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;}
.fixmenu{position: fixed!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 99!important;max-width: 100%!important}
.transf{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.noidung_ta{padding:10px;}
.p-relative { position: relative }
.visit_hidden{display: none;}
.margin-auto{max-width: 1220px;margin: 0 auto;padding: 0px 10px;}
.div_css{margin:0px -15px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;  }
#info{margin-top: 0px;}
#container{margin: auto;}
.wraper_trangtrong{position: relative;margin-bottom:20px;}
.wraper_trangtrong img{max-width: 100%;height: auto;}
.transition{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.hidden_img{z-index: 9;width: 100%;overflow: hidden;transform:translateZ(0);position: relative;height: 100%;}
.zoom img {border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.zoom:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; }
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*==*/
.proloop {position: relative; }
.proloop:before,.proloop:after {content: ''; position: absolute; top: 4px; left: 4px; bottom: 4px; right: 4px;z-index: 99}
.proloop:before {border-top: 1px solid white; border-bottom: 1px solid white; transform: scale3d(0, 1, 1); }
.proloop:after {border-left: 1px solid white; border-right: 1px solid white; transform: scale3d(1, 0, 1); }
.proloop:hover:before, .proloop:hover:after {transform: scale3d(1, 1, 1); transition: transform 0.5s; }
/*====*/
.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.scale{display: block;overflow: hidden;}
.scale img {max-width: 100%; transition: all 0.6s; }
.scale:hover img {transform: translateX(5px) rotate(5deg) translateY(5px) scale(1.2); }
.button-hover{-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: 3; position: relative; }
.button-hover:before {background:var(--color-r); bottom: 0; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 0; z-index: -1; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; border-radius: 0 2px 2px 0; }
.button-hover:hover:before {width: 100%; }
/*==*/
#loader-wrapper{width: 100%;height: 100%;position: fixed; top: 0%; left: 0%;display: flex;align-items: center;justify-content: center;z-index: 999999999;background: #fff}
.loadingcover{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.75);z-index: 999}
.loader {position: relative; width: 2.5em; height: 2.5em; transform: rotate(165deg); }
.loader:before, .loader:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; transform: translate(-50%, -50%); }
.loader:before {animation: before 2s infinite; }
.loader:after {animation: after 2s infinite; }
@keyframes before {0% {width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% {width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% {width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }
@keyframes after {0% {height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% {height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% {height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }
.loader {position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); }
.pa_rp{padding: 0px 15px}
.ma_rp{margin:0px -15px;}
.pa_rp2{padding: 0px 5px}
.ma_rp2{margin:0px -5px;}
.mgb-40{margin-bottom: 40px;}
.pad-40{padding: 40px 0px}
.flex{display: flex;}
/*==*/
#gotop {cursor: pointer;border-radius: 5px;transition: all 0.6s;position: fixed;z-index: 10; bottom: 65px; width: 45px; height: 45px; text-align: center; background-color:var(--color-r);right: -45px;}
#gotop i.fa {color: white; font-size: 21px; line-height:40px; }
.fixmenu {animation: slide-down 0.5s;}
@keyframes slide-up {0% {opacity: 0; transform: translateY(50%); } 100% {opacity: 1; transform: translateY(0); } } 
@keyframes slide-down {0% {opacity: 0; transform: translateY(-100%); } 100% {opacity: 1; transform: translateY(0); } } 
/*==*/
.qc_1 img{width: 100%}
.thanh_title{margin-bottom: 30px;text-align: center;}
.thanh_title h3{position: relative;font-family:'UTMAvoBold';font-size:35px;color: #621a19;display: inline-block;line-height:45px;padding: 0px 20px;text-transform: uppercase;}
.thanh_title h3:after{content:"";position: absolute;left: 100%;top: calc(50% - 4px);width: 126px;height: 8px;background: url(images/bg_tit.png) no-repeat;}
.thanh_title h3:before{content:"";position: absolute;right: 100%;top: calc(50% - 4px);width: 126px;height: 8px;background: url(images/bg_tit.png) no-repeat;}
.thanh_title p{font-size:14px;color: #4a4a4a;font-family:'RobotoRegular';margin-top:5px;}
/*-------slider------*/
#slide_show{position: relative;max-width: 1366px;margin:auto;}
#slider-top{max-width: 1366px;margin:auto;}
.logo{float: left;margin: 0px 0px 0px 0px;}
.banner{float: left;margin-top:0px;width:600px;text-align: center;}
.hotline{float: right;}
.w_top{background: #fe9c01;font-size: 14px;color: #fff;padding:10px 0px;font-family:'UTMAvo';max-width: 1366px;margin:auto;}
.w_top .flex{justify-content: space-between;}
.w_top .l_top{text-transform: uppercase;width: 40%}
.w_top .r_top{display: flex;align-items:center;}
.w_top .r_top p:nth-child(1){margin-right: 25px;}
.w_top .r_top p{display: flex;align-items:center;}
.w_top .r_top p img{margin-right: 5px;}
.w_top .l_top marquee{display: flex;align-items:center;}
.w_top .r_top p:nth-child(1){padding-left:15px;background: url(images/hotline.png) no-repeat top 3px left;}
.w_top .r_top p:nth-child(2){padding-left:22px;background: url(images/email.png) no-repeat top 0px left;}
/*---------header---------*/
.lienket{margin: 0px 0px 0px 0px;padding-top: 0px;position: relative;}
.lienket p{float: left;font-size: 14px;font-family: "RobotoCondensedRegular";color: #000000;margin-right: 37px;padding-top: 8px;}
.lienket a{padding: 0px 5px 0px 5px;color: #fff;display: inline-block;}
.lienket img:hover{opacity: 0.7;}
/*==============*/
div#menu_mobi {display:none; }
.logo{position: absolute;left: 0px;right: 0px;width:246px;height:126px;z-index: 999;margin:auto;
	top: -1px;background:url(images/bg_logo.png) no-repeat;text-align: center;}
.logo img{margin-top:-15px;}
.flex_menu{display: flex;justify-content:space-between;}
div#menu_mobi {display:none; }
div#menu {height: 80px;}
div#menu > div > .flex_menu > ul{display: flex;}
div#menu{display: flex;align-items: center;}
div#menu > div{width: 100%}
.wrap_banner{margin:auto;max-width: 1200px;background: rgba(98,26,26,0.8);position: absolute;top: 0px;left: 0px;right: 0px;z-index: 99999;}
div#menu ul {list-style:none;}
div#menu ul li {float:left; position:relative; z-index:999; padding: 0px 0px;}
div#menu ul li a {color:#fff; font-size:14px; padding: 10px 17px;display: block; font-family: 'UTMAvo';text-transform: uppercase;}
div#menu > div > div > ul > li:after{content:"";width:1px;height:8px;background:rgba(255,255,255,0.4);position: absolute;right: 0px;top: calc(50% - 4px);}
div#menu div ul li:nth-last-child(1):after{display: none;}
div#menu div ul li.af_none:after{display: none;}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{color:#ff0; }
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
div#menu ul li ul,div#menu ul li:hover ul li ul {position:absolute; margin-left:0px; display:none; }
div#menu ul li:hover ul {display:block; }
div#menu ul li ul li {width:220px; line-height:1.5;background: rgba(98,26,26,0.8); border-top:1px solid #fff; }
div#menu ul li ul li a {padding:8px 10px; text-transform:none;font-size:15px}
div#menu ul li ul li a:hover{color: #ff0}
div#menu ul li ul li ul {left:220px; top:-1px; } 
.fixmenu .flex_top{padding:2px 0px;}
.fixmenu .logo{transform:scale(0.65);top:-10px;background: transparent;}
.fixmenu div#menu{height:70px;background: var(--color-r);}
/*-------meu-danhmucleft-------*/
#timkiem{position: absolute;right:25px;top:50%;transform:translateY(-50%);width: 0;background-color:#cc0000;
	height: 40px;border:none;border-radius:20px;overflow:hidden;transition: all 0.5s;opacity: 0;}
#timkiem input{float: left;width:calc(100% - 40px);height: 40px;outline: none;border: none;background-color:#cc0000;font-size: 14px;color: #fff;padding-left: 10px;}
#timkiem button {float:right;width: 40px; height: 40px; outline: none; border: none; background: transparent;}
#timkiem button i{color: #fff}
#timkiem input::-webkit-input-placeholder {color: #ffff;font-size: 13px;}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timkiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
.pre_search{position: relative;cursor:pointer;z-index: -1;display: flex;align-items: center;}
#timkiem.active{width: 15rem;opacity: 1;}

#search_mobi input::-webkit-input-placeholder {color: #fff;font-size: 13px;}
#search_mobi input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#search_mobi input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timsearch_mobikiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
/*-----sanpham----*/
.item .product_images{position: relative;padding: 0px;}
.item .product_images img {max-width: 100%;border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.ten_item{padding: 10px 0px 0px 0px;text-align: center;}
.ten_item h3 a{font-size:15px;font-family: 'UTMAvoBold';color: #621a19;height: 45px;line-height: 22px;
display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
overflow: hidden; text-overflow: ellipsis; }
.ten_item h3:hover a{color: #FE9C01}
.ten_item .giaban{font-size:15px;font-family: 'RobotoRegular';color: #c22121}
.ten_item .giaban span{color: #ff0000}
.slick-prev{position: absolute;top: -45px;right:40px;width: 20px;height: 20px;background: url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position: absolute;top: -45px;right:16px;width: 20px;height: 20px;background: url(images/prev_s.png);}
/*================Chi tiết sản phẩm======================*/
.chitiet_sanpham {margin-bottom: 10px;margin-top: 50px;display: flex;justify-content: space-between;flex-flow: wrap;}
.imgsp {width:40%;margin-bottom: 20px;text-align: center;}
#hinhcon_mo{margin-top: 10px}
.chayhinhcon{margin: 0px -5px;}
.item_sub_img{padding: 0px 5px}
.main_img_detail{padding-top: 0px;}
.box_des_detail {padding: 0px 0px;width: 100%;}
.item_des_detail {padding: 5px 0px;font-size: 15px;color: #333;font-family:var(--font-main)}
.block-border-botom{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.giaban_detail{color: #ff0000;font-family:var(--font-main);font-weight:700;font-size: 22px;margin-right: 15px;}
.giacu_detail{color: #ddd;font-size: 15px;}
.ten_detail{font-size:20px;text-transform: uppercase;font-family:var(--font-main);font-weight:900;color: #000;padding-bottom:10px;
	margin-bottom: 5px;position: relative;display: block;}
.ten_detail:after{width:100px;height: 2px;background: #333;position: absolute;bottom: 0px;left: 0px;content:""}
.tit-desc-detail{font-size: 15px;font-weight: 700;color: #333;display: block;margin-bottom: 5px;}
.w_chiase{background: #e2e2e2e2;padding: 12px 10px 0px 10px}
.des-soluong{margin-bottom: 10px;}
.item_des_detail .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;font-size: 12px;font-weight: bold;font-family: 'RobotoBold';}
.item_des_detail .controls button{outline: none;background-color:#fff;border: 1px solid #eaeaea;border-radius: 5px;color: #909090;}
.item_des_detail .controls button:nth-of-type(1),.item_des_detail button:nth-of-type(2){padding: 15px 15px}
.item_des_detail .controls button:hover{color: #fff;background: #04a71f;}
.item_des_detail input{padding:5px;border: 1px #eee solid;text-align: center;margin: 0px 5px;width: 100px;
	color: #333;border-radius: 5px;outline: none;}
#add-cart{font-size: 13px; color: #fff; text-decoration: none; padding: 0 30px; background:var(--color-r);
 border: 1px solid;  background:var(--color-r);display: inline-block; border-radius: 50px; text-transform: uppercase; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.product-qty .cart {display: flex;}
.product-qty .show{margin-bottom: 5px;}
.row-add-cart{display: flex;flex-flow: wrap;}
.row-add-cart .controls{display:flex;margin-right: 10px;}
/*================albumhinhanh======================*/
.item_album{margin-bottom:30px;width: calc(100% / 4);padding:0px 15px;}
.img_album img{width: 100%}
.ten_album{padding:10px 10px;}
.ten_album h3{font-family:'RobotoBold';font-size: 15px;color: #000;text-align: center;}
.tieude_album_detail{font-family:'RobotoBold';font-size: 20px;color: #9e9e9e;text-transform: uppercase;}
.item_album_detail{width: calc(100% / 4);padding:0px 15px;margin-bottom: 30px;}
.noidung_album{margin: 20px 0px}
 /*---------tranglienhe--------*/
.thanh_contact{line-height: 1.8;position: relative;margin-bottom: 15px;color:var(--color-r);font-family:var(--font-r);font-size: 20px;text-transform: uppercase;}
.thanh_contact:after{content: "";position: absolute;left: 0px;bottom: 0px;width: 60px;height: 2px;background: var(--color-r)}
.left_contact{margin-left: 0px;color: #000;}
.right_contact{margin-top: 20px}
.form_contact{float: left;width: 49%;font-family:'RobotoRegular';font-size: 15px;color: #000}
.form_lh{float: right;width: 49%}
.form_lh .left_input{float:left;width: 48.5%;margin-bottom: 10px;}
.form_lh .right_input{float:right;width: 48.5%;margin-bottom: 10px;}
.form_lh input{font-family:'RobotoBold';font-size: 13px;color: #333;float: left;width: 100%;height: 40px;;border: 1px solid #ced4da;outline: none;background: transparent;padding-left: 15px}
.form_lh textarea{font-family:'RobotoBold';font-size: 13px;color: #333;float: left;width: 100%;;border: 1px solid #ced4da;outline: none;background: transparent;resize: none;padding-left: 15px;padding-top: 10px;}
.textarea_noidung{float: left;width: 100%}
.form_lh input:focus, .form_lh textarea:focus { box-shadow: 0 2px var(--color-r); border-bottom: 1px solid var(--color-r); }
.form_lh input:focus::placeholder, .form_lh textarea:focus::placeholder { color: var(--color-r); }
.w_recap,.w_submit{display:inline-block;width: 100%;clear: both;}
.btn_send_lienhe {color: #fff;background: var(--color-r);border:none;float: left;clear: both;padding:8px 30px;font-family:'RobotoBold';font-size: 13px;margin-top: 15px;text-transform: uppercase;}
.w_bando_lh{height: 400px;overflow: hidden;margin-top: 30px}
.w_bando_lh iframe{width:100%;height:400px}
/*========end csstrangtrong======*/
.box_video{width: calc(100% /  4);padding: 0px 15px;;margin-bottom: 30px}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_video img{ max-width: 100%;}
.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{ opacity: 0.8;}
.box_vid{width:70%;float: left;}
.box_vid iframe{height:500px;}
.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}
.other_vid{width:28%;float: right;}
.title_other{color:#003466;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.box_video .luotxem{ font-style: italic; color: #666; font-size: 12px; }
@media(max-width: 800px){.box_vid{width:100%;clear:left;}.other_vid{width:100%;}}
/*===tintuc*/
.box_new{margin-bottom: 15px;width: 50%;padding:0px 15px;}
.border_boxnew{height: 100%;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 10px}
.img_boxnew{float: left; position: relative; z-index: 2; margin-right: 15px; overflow: hidden; }
.img_boxnew img {float: left; box-sizing: border-box; padding: relative; z-index: 2; display: inline-block; max-width: 200px; }
.info_boxnew{overflow: hidden; height: 100%; position: relative; }
.info_boxnew h3 {font-family:'RobotoCondensedBold';font-size: 15px;color: #393939;margin-bottom: 5px;
display: -webkit-box;
width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;line-height: 22px
}
.info_boxnew h3:hover{color: #ea0000}
.date {color: #636363; font-size: 13px; font-family:'RobotoCondensedRegular'; }
.info_boxnew p{text-align: justify; font-family:RobotoCondensedRegular; font-size: 14px;  width: 100%; 
	overflow: hidden; text-overflow: ellipsis; 
	line-height: 25px; -webkit-line-clamp: 3;  display: -webkit-box; -webkit-box-orient: vertical; }
.baiviet_khac {width: calc(100% - 110px); font-family: 'RobotoCondensedBold'; font-size: 14px; line-height: 1.3; }
.xemtintrong{font-family:'RobotoBold';font-size:13px;color: #ea0000}
/*=====footer========*/
#footer{}
#bottom_ft{} 
.ten_cty{font-family:'MyriadProRegular';font-size:22px;color: #fff;text-transform: uppercase;margin-bottom: 20px;line-height:32px}
.title_ft{margin-bottom: 15px;position: relative;color: #fff;font-size:16px;font-family: 'RobotoBold';text-transform: uppercase;}
.title_ft p{padding-bottom: 7px;}
.title_ft:after{content: "";width:100px;height: 2px;background:#f3c946;position: absolute;left: 0px;bottom: 0px;}
.content_ft{padding: 40px 0px 30px;display: flex;justify-content: space-between;flex-flow: wrap;font-size: 14px;color: #fff;font-family:'RobotoRegular';}
.cot1_ft{width:21%;}
.cot2_ft{width:33.33%;}
.cot3_ft{width:15.8%;}
.cot4_ft{width:18.3%;}
.logo_ft img{max-width: 100%}
.w_bando{height: 400px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
#copyright{background:rgba(98,26,25,0.7);font-family:'RobotoRegular';font-size: 13px;color: #fff;padding:17px 0px;}
#copyright .flex{display: flex;justify-content: space-between;}
.bv_ft{font-size:14px;color: #fff;display: table;margin-bottom:10px;padding-left: 15px;position: relative;}
.bv_ft:after{content:"";position: absolute;left: 0px;width: 4px;height: 4px;background: #fff;border-radius: 50%;top: calc(50% - 2px)}
.bv_ft:hover{color:#fff000}
/*=====footer========*/
.lienket_ft {margin-top: 20px;display: flex;align-items: center;}
.lienket_ft p{}
.icon-footer{float: right;padding-left: 15px;}
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin:0px 10px 0px 0px;float: left;}
.lienket_ft img{border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.lienket_ft img:hover{opacity: 0.6;}

/*===*/
.w_list{margin-bottom: 25px;}
.w_list:nth-last-child(1){margin-bottom: 0px;}
.w_list.flex{justify-content: space-between;}
.item_l{width: 47.5%}
.item_r{width: 52.5%}
.w_list:nth-child(even) .item_l{order: 2}
.inner_box4 {display: flex;flex-flow: wrap;}
.inner_box4 .item_tk{width:50%;margin-bottom: 10px;}
.box1{padding-bottom: 10px;}
.box1 .zoom{height: 100%}
.box1 img{height: 100%;object-fit: cover}
.box1{padding-bottom: 10px!important;}
.thanh_cap1 h3{padding: 0px 15px;background: #fff;font-size: 19px;color: #fe9c01;text-transform: uppercase;font-family:'UTMAvoBold';position: relative;display: inline-block;}
.thanh_cap1{background: url(images/bg_tit.png) left center repeat-x;margin-bottom: 10px;}
.thanh_cap1 h3:after{content:"";position: absolute;left: 0px;top:calc(50% - 7px);width:5px;height: 14px;background: #621a19}
.img_tk h3{color:#fff;font-family:'UTMAvoBold';font-size:21px;padding: 12px 10px 8px 10px;line-height: 22px;background: rgba(254,156,1,0.5);text-align: center;width: 100%;left: 0px;position: absolute;left: 0px;z-index: 999;bottom: -100%;transition: all .3s}
.item_tk .img_tk h3{font-size:14px}
.img_tk h3:hover a{color: #fff}
.img_tk:hover h3{bottom: 0px}
/*===*/
.max-670{max-width: 670px;margin:auto;}
.form_dathang .thanh_tit2{text-align:center;}
.form_dathang .thanh_tit2 h3{font-family: 'SFUAGBuchStencilBQMedium';color: #fff;font-size: 35px;line-height:45px;display: inline-block;text-transform: uppercase;position: relative;padding:0px 15px;}
.form_dathang .thanh_tit2 h3:after{content:"";background: url(images/af_tit3.png) no-repeat;width:126px;height:8px;position: absolute;left: 100%;top: calc(50% - 2px)}
.form_dathang .thanh_tit2 h3:before{content:"";background: url(images/af_tit3.png) no-repeat;width:126px;height:8px;position: absolute;right: 100%;top: calc(50% - 2px);}
.form_dathang .tit2_title{font-family: 'RobotoRegular';color: #fff;font-size: 14px;text-align: center;margin-bottom:15px;}
.form_dathang .left_input{float:left;width: 48.5%;margin-bottom: 15px;}
.form_dathang .right_input{float:right;width: 48.5%;margin-bottom: 15px;}
.form_dathang input{font-size: 14px;color: #ffffff;float: left;width: 100%;height: 40px;border: none;outline: none;background:rgba(0,0,0,0.5);padding-left: 15px;border-radius: 5px;line-height: 40px;}
.form_dathang textarea{font-size: 14px;color: #ffffff;float: left;width: 100%;;border: none;outline: none;background:rgba(0,0,0,0.5);resize: none;padding-left: 15px;padding-top: 10px;border-radius: 5px;}
.textarea_noidung{width: 100%}
.btn_send_dathang{color: #fff;background:#621a19;border:none;padding:11px 30px;font-family:'RobotoBold';font-size: 15px;margin-top: 15px;text-transform: uppercase;outline:none;border-radius:5px;}
.btn_send_dathang:hover{background:var(--color-r)}
.row_form{margin-bottom:10px;}
.row_form input{width: 100%}
.row_form select{width: 100%}
.form_dathang select{font-size: 14px;color: #ffffff;float: left;width: 100%;height: 40px;border: none;outline: none;background:rgba(0,0,0,0.5);padding-left: 15px;border-radius: 5px;line-height: 40px;}
.form_dathang select option{font-size: 15px;background: #fff;color: #333;padding: 5px 0px;}
.form_dathang input::-webkit-input-placeholder { color:#fff;font-size: 15px; }
.form_dathang input:-moz-placeholder { color:#fff;font-size: 15px; }
.form_dathang input::-moz-placeholder { color:#fff;font-size: 15px; }
.form_dathang input:-ms-input-placeholder { color:#fff;font-size: 15px; }

.form_dathang textarea::-webkit-input-placeholder { color:#fff;font-size: 15px; }
.form_dathang textarea:-moz-placeholder { color:#fff;font-size: 15px; }
.form_dathang textarea::-moz-placeholder { color:#fff;font-size: 15px; }
.form_dathang textarea:-ms-input-placeholder { color:#fff;font-size: 15px; }
.form_dathang input#ten{padding-left:26px;background:url(images/i1.png) rgba(0,0,0,0.5) left 5px top 10px no-repeat;}
.form_dathang input#dienthoai{padding-left:26px;background:url(images/i2.png) rgba(0,0,0,0.5) left 5px top 10px no-repeat;}
.form_dathang input#email{padding-left:26px;background:url(images/i3.png) rgba(0,0,0,0.5) left 5px top 10px no-repeat;}
/*===*/
.form_baogia2 {font-family:'RobotoRegular'}
.form_baogia2 .left_input{float:left;width: 48.5%;margin-bottom: 15px;}
.form_baogia2 .right_input{float:right;width: 48.5%;margin-bottom: 15px;}
.form_baogia2 input{font-size: 14px;color: #333;float: left;width: 100%;height: 40px;border: 1px solid #ddd;outline: none;
	background:#ffff;padding-left: 15px;border-radius: 5px;line-height: 40px;}
.form_baogia2 textarea{font-size: 14px;color: #333;float: left;width: 100%;;border: 1px solid #ddd;outline: none;
	background:#ffff;resize: none;padding-left: 15px;padding-top: 10px;border-radius: 5px;}
.textarea_noidung{width: 100%}
.btn_send_dathang{color: #fff;background:#621a19;border:none;padding:11px 30px;font-family:'RobotoBold';font-size: 15px;margin-top: 15px;text-transform: uppercase;outline:none;border-radius:5px;}
.btn_send_dathang:hover{background:var(--color-r)}
.form_baogia2 .row_form{margin-bottom:0px;}
.form_baogia2 .row_form input{width: 100%}
.form_baogia2 .row_form select{margin-bottom:10px;}
.row_form select{width: 100%}
.form_baogia2 select{font-size: 14px;color: #333;float: left;width: 100%;height: 40px;border: 1px solid #ddd;outline: none;background:#fff;
	padding-left: 15px;border-radius: 5px;line-height: 40px;}
.form_baogia2 select option{font-size: 15px;background: #fff;color: #333;padding: 5px 0px;}
.form_baogia2 input::-webkit-input-placeholder { color:#333;font-size: 15px; }
.form_baogia2 input:-moz-placeholder { color:#333;font-size: 15px; }
.form_baogia2 input::-moz-placeholder { color:#333;font-size: 15px; }
.form_baogia2 input:-ms-input-placeholder { color:#333;font-size: 15px; }

.form_baogia2 textarea::-webkit-input-placeholder { color:#333;font-size: 15px; }
.form_baogia2 textarea:-moz-placeholder { color:#333;font-size: 15px; }
.form_baogia2 textarea::-moz-placeholder { color:#333;font-size: 15px; }
.form_baogia2 textarea:-ms-input-placeholder { color:#333;font-size: 15px; }
.form_baogia2 .row_form{display: flex;justify-content: space-between;}
.form_baogia2 .row_form input{width:49.5%}
.tit_baogia{font-family:'UTMAvoBold';font-size:20px;text-transform: uppercase;color:#621a19;text-align: center;margin-bottom: 15px;}
.form_baogia2{max-width:600px;display: none;}
.form_baogia2 input{width: 100%;float: none;margin-bottom: 10px;}
.frame_book .coccoc-alo-ph-img-circle{
    background: url(images/book.png) center no-repeat;
    background-size: cover;
}
.form_baogia2.fancybox-content{padding: 15px!important}
.fancybox-container{z-index: 999999999999999999!important}
/*===*/
.tit-web{font-size: 25px;color:#621a19;font-family:'UTMAvoBold';text-transform: uppercase;margin-bottom: 25px;padding-bottom: 15px;position: relative;line-height: 35px;}
.tit-web:before{content:"";background:var(--color-r);width:100px;height:5px;position: absolute;left: 0px;bottom:0px;z-index: 2;}
.botton-web  .flex{justify-content: space-between;}
.col-web{width:calc((100% / 3) - 15px);}
.flex_tintuc{display:flex;transition: all 0.3s;overflow: hidden;}
.img_tintuc{width:150px;margin-right:10px;}
.info_tintuc{width: calc(100% - 160px);}
.img_tintuc img{width: 100%;height:100%;object-fit: cover}
.info_tintuc h3 a{font-size:15px;color: #2f2f2f;line-height:25px;max-height:25px;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;  display: -webkit-box; -webkit-box-orient: vertical;margin-bottom:5px;font-family:'RobotoBold'}
.info_tintuc h3 a{color: #2f2f2f}
.info_tintuc h3 a:hover{color:#621a19}
.info_tintuc p{font-size:14px;color: #4c4c4c;line-height:22px;overflow: hidden;font-family:'RobotoRegular';
 text-overflow: ellipsis;-webkit-line-clamp:3;  display: -webkit-box; -webkit-box-orient: vertical;height:67px;}
.item_tintuc{padding:10px 0px;}
.chay_tintuc {margin:-10px 0px;overflow: hidden;}
.chay_tintuc .slick-list{overflow-y: hidden;max-height: 375px}
.slick_video{margin: 0px -3px;}
.video_item{padding: 0px 3px;}
.video_item img{width: 100%}
/*===*/
div.bb_danhmuc{margin-bottom: 20px;}
div.bb_danhmuc .tt_left{}
div.bb_danhmuc .tt_left h5{text-transform:uppercase;font-size:16px;background:#621a19;color:#fff;line-height:normal;padding:9px 12px;position:relative;font-family:RobotoBold;padding-top:11px}
div.bb_danhmuc .tt_left h5 i{}
div.content_tt{border:1px solid #e6e1e1;border-top:0}
div.content_tt ul{}
div.content_tt ul li{display:block;padding:9px 10px;border-bottom:1px solid #e7e7e7}
div.content_tt ul li:nth-last-child(1){border: none;}
div.content_tt ul li a{font-family:RobotoBold;display:block;text-transform:uppercase;text-decoration:none;color:#333;font-size:14px;background:url(images/dot_mm.png) no-repeat left center;padding-left:14px}
div.content_tt ul ul{display:none;}
div.content_tt ul ul li{border:0;padding:7px 10px;}
div.content_tt ul ul li a{font-family:RobotoMedium;font-size:13px;}
div.slick_hinhanh *{outline:none!important}
div.slick_hinhanh p{padding:3px;margin-bottom:4px}
div.slick_hinhanh{padding-bottom:5px}
div.tt_danhmuc_f{border-bottom:2px solid #621a19;margin-bottom:15px;position:relative}
div.tt_danhmuc_f h2,div.tt_danhmuc_f h1,div.tt_danhmuc_f h3,div.tt_danhmuc_f h4,div.tt_danhmuc_f p{display:inline-block;text-transform:uppercase;font-size:16px;background:#621a19;color:#fff;line-height:normal;padding:10px 12px;position:relative;padding-bottom:7px;font-family:RobotoBold}
div.tt_danhmuc_f h2:after,div.tt_danhmuc_f h1:after,div.tt_danhmuc_f h3:after,div.tt_danhmuc_f h4:after,div.tt_danhmuc_f p:after{content:'';position:absolute;top:0;border-top:36px solid transparent;border-bottom:0px solid transparent;border-left:12px solid #621a19;right:-12px}
div.tt_danhmuc_f h2 i{}
div.tt_danhmuc_f a{position:absolute;right:0;font-family:RobotoBold;color:#1e7eb1;text-transform:uppercase;font-size:11px;top:15px;text-decoration:none}
div.col-pp{margin-bottom:30px}
div.col-ll{padding-bottom:30px;position:sticky;top:50px}
div.httt{background:#f8f8f8;padding:5px;text-align:center}
div.httt > p{}
div.p_ic_phone{padding:1px 14px;background-repeat:no-repeat;padding-left:113px;font-family:RobotoBlack;font-size:21px;color:red;margin-bottom:12px;background-position:left center;margin-top:10px;display:inline-block}
div.bx_hotro{padding:0 12px;font-family:RobotoRegular;margin-bottom:10px;text-align:left;border-bottom:1px solid #333;padding-bottom:10px;}
div.bx_hotro:last-child{}
div.bx_hotro h6{text-transform:uppercase;color:#333;font-family:RobotoBlack;line-height:normal;font-size:15px;margin-bottom:2px}
div.bx_hotro p{color:#333;font-size:14px}
div.bx_hotro p i{}
div.bx_hotro p span{font-family:RobotoBold;color:red;font-size:17px}
div.bx_hotro:last-child{margin-bottom:0;border:0;padding-bottom:0;}
.inner_boxnew{border:1px solid #ccc;padding: 5px;}
/*==*/
.logo_mb{position: absolute;left: 0px;right: 0px;margin: auto;
	width:200px;z-index: 99009;top: 0px;text-align: center;}
.logo_mb img{max-width: 100%}
#left{width:300px;margin-top:0px;}
#right{width: calc(100% - 320px)}
.flex_inner{display: flex;justify-content: space-between;flex-flow: wrap;}
.loaded_pro {
    width: calc(100% / 3);
    padding: 0px 5px 10px 5px;
}
.item{margin-bottom:10px;width: calc(100% / 3)}
.fidex{position: sticky;top: 100px;}
.flex_inner{margin-bottom:20px;}
.chay_duan_nb{margin:-5px 0px;padding: 10px 10px}
.img_duan_nb{padding: 5px 0px;}
.img_duan_nb img{max-width: 100%}
.img_duan_nb span{position: absolute;bottom: 0px;left: 0px;width: 100%;font-size:15px;text-transform: uppercase;color: #fff;padding:10px;text-align: center;opacity: 0;transition: all 0.3s;transform: scale(0);}
.img_duan_nb span{background:var(--color-r);font-size: 700;}
.img_duan_nb:hover span{transform: scale(1);opacity: 1;}

/*===*/
.img_congtrinh img{width: 100%}
.inner_ct{background: #fff;padding: 5px;}
.item_congtrinh h3 a{margin-top: 10px;font-size: 16px;text-align: center;display:block;
	text-transform: uppercase;color: #333;font-family:'RobotoBold'}
.item_congtrinh h3 a:hover{color: #ff0000}
.img_pro .item-left {
    position: absolute;
    height: 0px;
    width: 2px;
    left: -1px;
    top: 0px;
    background: -webkit-linear-gradient(bottom, red, orange, yellow,
        green, blue, indigo, violet);
    background: -o-linear-gradient(bottom, red, orange, yellow, green,
        blue, indigo, violet);
    background: -moz-linear-gradient(bottom, red, orange, yellow,
        green, blue, indigo, violet);
    background: linear-gradient(to top, red, orange, yellow, green,
        blue, indigo, violet);
    transition: all 0.5s ease;
}

.img_pro .item-top {
    position: absolute;
    height: 2px;
    width: 0px;
    right: 0px;
    top: -1px;
    background: -webkit-linear-gradient(left, red, orange, yellow,
        green, blue, indigo, violet);
    background: -o-linear-gradient(left, red, orange, yellow, green,
        blue, indigo, violet);
    background: -moz-linear-gradient(left, red, orange, yellow, green,
        blue, indigo, violet);
    background: linear-gradient(to right, red, orange, yellow, green,
        blue, indigo, violet);
    transition: all 0.5s ease;
}

.img_pro .item-right {
    position: absolute;
    height: 0px;
    width: 2px;
    right: -1px;
    bottom: 0px;
    background: -webkit-linear-gradient(top, red, orange, yellow,
        green, blue, indigo, violet);
    background: -o-linear-gradient(top, red, orange, yellow, green,
        blue, indigo, violet);
    background: -moz-linear-gradient(top, red, orange, yellow, green,
        blue, indigo, violet);
    background: linear-gradient(to bottom, red, orange, yellow, green,
        blue, indigo, violet);
    transition: all 0.5s ease;
}

.img_pro .item-bot {
    position: absolute;
    height: 2px;
    width: 0px;
    left: 0px;
    bottom: -1px;
    background: -webkit-linear-gradient(right, red, orange, yellow,
        green, blue, indigo, violet);
    background: -o-linear-gradient(right, red, orange, yellow, green,
        blue, indigo, violet);
    background: -moz-linear-gradient(right, red, orange, yellow,
        green, blue, indigo, violet);
    background: linear-gradient(to left, red, orange, yellow, green,
        blue, indigo, violet);
    transition: all 0.5s ease;
}

.img_pro:hover .item-left {
    height: 100%;
    bottom: 0px;
    top: inherit;
}

.img_pro:hover .item-top {
    width: 100%;
    left: 0px;
}

.img_pro:hover .item-right {
    height: 100%;
    top: 0px;
    bottom: inherit;
}

.img_pro:hover .item-bot {
    width: 100%;
    right: 0px;
    left: inherit;
}
.img_pro {
    position: relative;
    padding: 5px;
    background: #fff;
    
}

@media screen and (max-width:1248px) {
.pa_rp{padding: 0px 10px}
.ma_rp{margin:0px -10px;}
.pa_rp2{padding: 0px 5px}
.ma_rp2{margin:0px -5px;}
.mgb-40{margin-bottom: 20px;}
.pad-40{padding: 20px 0px}
.flex{display: flex;flex-flow: wrap;}	
}
@media screen and  (max-width:1180px) {
div#menu ul li a{padding: 10px 13px;font-size: 14px}
}
@media screen and  (max-width:1120px) {

}
@media screen and (max-width:1070px) {

}
@media screen and  (max-width:1024px) {
div#menu_mobi {display:block; }
.wrap_banner{display: none;}
#header{display: none;}
.thanh_cap1 h3{font-size: 16px;}
#left{display: none;}
#right{width: 100%;}
}
@media screen and  (max-width:992px) {
.pa_rp{padding: 0px 5px}
.ma_rp{margin:0px -5px;}
.cot1_ft{width: 50%;margin-bottom: 20px;}
.cot2_ft{width: 50%;margin-bottom: 20px;}
.cot3_ft{width: 50%;}
.cot4_ft{width: 50%;}
.col-web{width:50%}
.col-web:nth-child(3){width: 100%;margin-top: 10px}
.tit-web{font-size: 20px;line-height:30px;}
.form_dathang .thanh_tit2 h3{font-size: 22px;line-height: 32px;}
.form_dathang .thanh_tit2 h3:before,.form_dathang .thanh_tit2 h3:after{display: none;}
.thanh_title h3:before,.thanh_title h3:after{display: none;}
.thanh_title h3{font-size: 22px;line-height: 32px;}
.img_tk h3{font-size:0.7em}
.item_tk .img_tk h3{font-size:0.7em}
.logo_ft{text-align: center;}

}
@media screen and  (max-width:918px) {
}
@media screen and  (max-width:768px) {
.btn-zalo{display: none!important;}
}
@media screen and  (max-width:725px) {
.cot1_ft{width: 100%;margin-bottom: 20px;}
.cot2_ft{width: 100%;margin-bottom: 20px;}
.cot3_ft{width: 100%;margin-bottom: 20px;}
.cot4_ft{width: 100%;}
.col-web{width:100%;margin-bottom: 20px;}
.col-web:nth-child(3){width: 100%;margin-bottom: 0px}
}
@media screen and  (max-width:680px) {
.item_l,.item_r{width: 100%;}
.w_list:nth-child(even) .item_l {order: 0; }
.thanh_title{margin-bottom: 10px;}
}
@media screen and  (max-width:600px) {

}
@media screen and  (max-width:520px) {
.item{margin-bottom:10px;width: calc(100% / 2)}
}
@media screen and  (max-width:480px) {
.form_dathang .left_input{width: 100%}
.form_dathang .right_input{width: 100%}
.form_baogia2 .row_form input{width:100%}
.form_baogia2 .row_form{flex-flow: wrap;}
.ngaydang{flex-direction: column;justify-content: center;}
}
@media screen and  (max-width:382px) {
.logo_mb{width: 120px;display: block;}
.loaded_pro {
    width: calc(100% / 2);
}
}