@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline: none;margin: 0;}
body{font-family: 'Roboto', sans-serif;line-height:1.5;padding: 0;font-weight: 400;}
img{max-width: 100%;height: auto;vertical-align: middle;}
iframe{max-width: 100%; }
.grecaptcha-badge{display: none !important;}
a{text-decoration: none;outline: none;} a:hover,a:focus{color: unset;outline: none;}
ul{visibility: visible;}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive {width: 100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
.dev_mobile{display:none;}
#main{width:100%;position: relative;}
#info{width:100%;position:  relative;padding: 20px 0;}
.noidung_detail{display: inline-block;width: 100%;}
.box_fotorama {margin: auto;text-align: center;width: 90%;}
#info .noidung_detail .ngaydang{font-size: 14px;font-weight: 400;font-style: italic;background: url(images/calender.png) no-repeat left center;padding: 0 0 0 20px;}
#info .noidung_detail .noidung *{max-width: 100%;height: auto;}
#info .noidung_detail > .noidung{margin: 10px 0;}
.addthis_inline_share_toolbox{width: 100%;display: flex;align-items: center;margin: 20px 0 0 0;}
.margin_auto{width: 1188px;margin: 0 auto;}
#container{position: relative;transition: 0.5s all;background: #ffffff;margin: 0 auto;width: 100%;max-width: 1920px;}
main{position: relative;}
.bando iframe{width: 100%;display: block;max-height: 60vw;}
#popup{display: none;padding: 0;max-width: 95%;position: relative;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 1;}
.updating{width: 100%;text-align:center;color: #000000;font-weight: 400;font-size: 15px;text-transform:uppercase;padding: 10px 0;}
.updating.white{color: #ffffff;}
.khung_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.khung_flex.flex_center{align-items: center;}
.khung_flex.flex_end{align-items: flex-end;}
.khung_flex.flex_star{align-items: flex-start;}
.khung_flex.justify_star{justify-content: start;}
.khung_detail{display: flex; flex-wrap: wrap; justify-content: space-between;}
#info .khung_detail .noidung_detail{width: calc(100% - 330px);}
#info  .khung_detail .bvlienquan{width: 300px;}
#info  .khung_detail .bvlienquan h4{background: #0983b7;padding: 10px;text-align: center;color: #ffffff;text-transform: uppercase;font-size: 15px;}
#info  .khung_detail .bvlienquan ul{list-style: none; padding: 0;}
#info  .khung_detail .bvlienquan ul li{border-bottom: 1px dashed #dddddd;padding: 10px 0;}
#info  .khung_detail .bvlienquan ul li a{font-size: 15px; color: #000000; font-weight: 400; }
#info  .khung_detail .bvlienquan ul li:hover a{color: #0983b7;}
/* Zalo */
.zalo{display: block;width: 41px;height: 41px;position: fixed;right: 20px;bottom: 200px;z-index: 99;}
.zalo img{position: relative; z-index: 1;}
.kenit-alo-circle-fill {width: 60px;height: 60px;top: -10px;position: absolute;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: #0294e0;opacity: .75;right: -10px;}
.kenit-alo-circle {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid #0294e0;opacity: .1;opacity: .5;}
/* Facebook */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box{bottom:70px;right:10px}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%;overflow:hidden;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:20px;left:20px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-container{transform:translateY(50px);bottom:110px;right:35px}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0; display: none; width: 300px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:300px;line-height: 25px;}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc}
.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box{bottom: 120px;right: 10px;}
.js-facebook-messenger-container{transform:translateY(50px);bottom: 160px;right: 50px;}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all; display: block;}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
/* Goi dien */
.toolbar{display: inline-block;width: 100%;padding: 10px 0;left: 0;bottom: 0;position: fixed;z-index: 9999999;height: auto;display: none;height: 50px;background: #76426B;}
.toolbar ul{list-style: none; padding: 0;}
.toolbar ul li{position: relative;text-align: center;float: left;width: calc(100% / 3);line-height: 1;}
.toolbar ul li a{display: block; width: 100%;}
.toolbar ul li a span {font-weight: 500;color: #ffffff;font-size: 15px;display: block;font-family: Muli, sans-serif;text-transform: capitalize;display: inline-block;}
.toolbar ul li a img {height: 25px;width: auto;margin-right: 5px;}
.toolbar ul li.actived .wrap_multiphone{display: block;}
.wrap_multiphone {width: 180px;display: none;position:  absolute;bottom: 60px;left: 10px;border-radius: 10px;border: 1px solid #ddd;padding: 5px 20px;background: #fff;}
.wrap_multiphone a {color: #333 !important;display: block;line-height: 25px !important;}
/* MXH */
.mangxh{display: flex;flex-wrap: wrap;align-items: center;margin-top: 30px;}
.mangxh label{font-size: 12px;text-transform: uppercase;}
.mangxh a{margin: 0 0 0 10px;}
.lienket{display: flex;flex-wrap: wrap;justify-content: space-between;}
.lienket p{background: url(images/phone.png) no-repeat left center;padding: 0 0 0 20px;margin: 0 50px 0 0;}
.lienket a{display: block;margin: 0 5px 0 0;}
.lienket a:last-child{margin: 0;}
.lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* Header */
#header{width: 100%;position: relative;z-index: 2;}
.head_t{padding: 5px 0;font-size: 14px;font-weight: 400;color: #333333;border-bottom: 1px solid #E6E6E6;}
.head_t p{background: url(images/maps.png) no-repeat left center;padding-left: 20px;font-family: 'Quicksand', sans-serif;}
#logo{display: block;}
.header{width: 100%;position: relative;background: url(images/bghead.png) no-repeat top center;background-size: cover;}
.hotline{font-family: 'Roboto', sans-serif;background: url(images/hotline.png) no-repeat left center;padding: 0 0 0 60px;min-height: 50px;}
.hotline label{font-size: 14px; color: #333333; font-weight: 400;}
.hotline span{display: block; font-size: 16px; color: #ff0000; font-weight: 700;}
.email{font-size: 14px;color: #333333;font-weight: 400;font-family: 'Roboto', sans-serif;background: url(images/email.png) no-repeat left center;padding: 0 0 0 60px;min-height: 50px;max-width: 230px;word-wrap: break-word;}
.dangkykh{font-size: 14px;color: #fff;font-weight: 700;background-image: linear-gradient(to right, #EC90A5 , #CC7B95);font-family: Roboto, sans-serif;text-transform: uppercase;padding: 10px 20px;border-radius: 5px;}
/* Main menu */
#mainmenu{width: 100%;background: #76426B;font-family: Roboto, sans-serif;}
#mainmenu.fixed{position: fixed;top: 0;left: 0;z-index: 99;}
#mainmenu nav.menu_top{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
nav.menu_top  > ul{width: 100%;display: flex;flex-wrap: wrap;align-items: center;list-style: none;margin: 0;padding: 0;}
nav.menu_top > ul > li.icon > a {font-size: 14px;position:  relative;display: block;z-index: 1;font-weight: 700;color: #ffffff;line-height: 45px;text-transform: uppercase;font-family: 'Roboto',sans-serif;}
nav.menu_top > ul > li.icon.active > a,nav.menu_top > ul > li.icon:hover > a{background: #ffffff1a;}
nav.menu_top > ul > li.icon > a:after{position: absolute; content: ''; height: 20px; right: -1px; top: calc(50% - 10px); border-left: 1px dotted #ffffff29; border-right: 1px dotted #fff;}
nav.menu_top > ul > li.icon:last-child > a:after{display: none;}
nav.menu_top > ul > li.icon > a img{display: inline-block;vertical-align: middle;margin: -5px 10px 0 0;}
nav.menu_top > ul > li.icon{position: relative;list-style: none;text-align: center;flex: auto;}
nav.menu_top > ul > li ul li a, nav.menu_top > ul > li ul li{-webkit-transition:all 0.25s linear;   -moz-transition:all 0.25s linear;   -ms-transition:all 0.25s linear;   -o-transition:all 0.25s linear;   transition:all 0.25s linear;}
nav.menu_top  > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li > ul > li:hover>a{background: #76426b;color: #fff;}
nav.menu_top > ul > li ul{visibility:hidden;list-style:outside none none;margin:0;min-width: 230px;padding:0;position:absolute;z-index: 999;top: 100%;left: 0;text-indent: 0;font-weight: 400;}
nav.menu_top > ul > li ul li ul{left: calc(100% - 1px);top: 0;}
nav.menu_top  > ul > li:hover > ul,
nav.menu_top  > ul > li ul li:hover > ul{visibility:visible}
nav.menu_top > ul > li ul li{display:table;padding:0;width:100%;opacity:0;z-index: 999;line-height: 20px;position:relative;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
nav.menu_top  > ul li:hover > ul > li,
nav.menu_top  > ul > li ul li:hover > ul li{   opacity:1;       -webkit-transform:translateY(0);   -moz-transform:translateY(0);   -ms-transform:translateY(0);   -o-transform:translateY(0);   transform:translateY(0);}
nav.menu_top  > ul > li ul li a{color: #000;font-size: 14px;height: auto;margin: 0px;text-align: left;width: 100%;font-weight: 400;padding: 8px 10px;display: inline-block;border: 1px solid #0003;background: #ffffff;border-bottom: 0;}
nav.menu_top  > ul > li ul li:last-child > a{border-bottom: 1px solid #0003;}
nav.menu_top  > ul > li:hover ul li{color:#fff;}
/* Title */
.title{width: 100%;position: relative;text-align: center;margin: 0 0 30px 0;}
.title h2:after,.title h4:after{position: absolute; content: ''; width: 65px; height: 2px; background: #F596A9; bottom: 0; left: calc(50% - 30px);}
.title h4,.title h2{font-size: 30px;position: relative;font-weight: 700;text-align: center;text-transform: uppercase;z-index: 1;color: #76426b;font-family: 'Roboto',sans-serif;padding: 0 0 10px 0;}
.tab_album{list-style: none; padding: 0; margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; font-family: Roboto,sans-serif;}
.tab_album li{font-size: 25px;color: #f596a9;font-weight: 700;text-transform: uppercase;background: #F0F0F0;padding: 3px 20px;border-radius: 10px;margin: 0 20px 5px 0;cursor: pointer;}
.tab_album li:last-child{margin: 0;}
.tab_album li.active,.tab_album li:hover{color: #76426b;}
.tab_lichtap{list-style: none;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.tab_lichtap li{font-size: 15px;color: #f596a9;font-weight: 700;text-transform: uppercase;background: #f0f0f0;padding: 8px 20px;border-radius: 10px;margin: 0 10px 5px 0;cursor: pointer;}
.tab_lichtap li.active,.tab_lichtap li:hover{color: #76426b;}
.tab_sp{list-style: none;padding: 10px 0 0 0;margin: 10px 0 0 0;background: #F0F0F0;}
.tab_sp ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;font-family: 'Roboto',sans-serif;}
.tab_sp li{font-size: 25px;color: #f596a9;font-weight: 700;cursor: pointer;text-transform: uppercase;line-height: 1;border-right: 2px solid #F596A9;padding: 0 20px 0 0;margin: 0 20px 10px 0;}
.tab_sp li.active,.tab_sp li:hover{color: #76426b;text-decoration: underline;}
.tab_sp li:last-child{padding: 0; margin-right: 0; border: none;}
/* Slider */
#slider{width: 100%;position: relative;}
#amazingslider-wrapper-1{display: none;}
/* Quang Cao */
#quangcao{margin: 0;}
.slick_qc{display: none;}
.slick_qc img{width: 100%;}
.slick_quangcao{display: none;margin: 20px 0 0 0;}
.slick_quangcao img{width: 100%;}
/*  */
#sp_info{display: flex;flex-wrap: wrap;justify-content: space-between;}
.frame_images{padding: 0;width: 50%;position: relative;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.selectors{width: 100%;margin: 4px 0 0 0;}
.list_carousel {width: 100%;position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
#foo3{margin: 0 -2px;width: 100%;}
.list_carousel .slick-slide{margin: 0 2px;}
.foo3_l{position: absolute;top: calc(50% - 15px);left: 0;z-index: 99;cursor: pointer;background: #ffffff7a;padding: 5px;width: 20px;}
.foo3_r{position: absolute;top: calc(50% - 15px);right: 0;z-index: 99;cursor: pointer;background: #ffffff7a;padding: 5px;width: 20px;}
.list_carousel li {display: none;border: 1px solid #dddddd !important;}
.list_carousel li img{display: block;}
.list_carousel li a{ text-decoration:none;}
.list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.list_carousel.responsive {width: auto; margin-left: 0;}
.pager {width: 320px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}
.prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
.next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
.caroufredsel_wrapper{width: 100% !important;}
/* Khung thong tin */
.title_detail{font-size: 25px;color: #f58220;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;position: relative;text-transform: uppercase;}
.title_detail:after{position: absolute;content: '';width: 100px;height: 1px;background: #f58220;bottom: -1px;left: 0;}
.product_ct{width: 100%;}
.khung_product_detail{margin-bottom: 30px;}
#container_product{/* margin: 20px 0 0 0; */width: 100%;}
#container_product .noidung_tab{width: 100%;display: block;}
div#container_product #tabs {overflow: hidden;display: flex;border: 1px solid #ebebeb;position: relative;list-style: none;margin: 0;padding: 0;width: 100%;background: #ffffff;}
div#container_product #tabs.fixed{position: fixed;top: 40px;left: 50%;transform: translateX(-50%);z-index: 2;max-width: 1200px;}
div#container_product #tabs li {text-transform: uppercase;}
div#container_product #tabs li.active {background: #ffffff;border-bottom: none;position: relative;border-top: 2px solid #d70000;top: 0px;}
div#container_product #tabs li {padding: 8px 20px;list-style: none;text-align: center;border-right: 1px solid #dddddd;font-weight: 600;}
div#container_product #tabs li a {color: #000000;font-size: 14px;text-decoration:none;cursor: pointer;font-weight: 700;}
.noidung_ta{padding: 10px;}
.khung_thongtin{width: calc(50% - 20px);}
.khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;text-transform: uppercase;cursor: pointer;}
.khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
.khung_thongtin > .it_detail{font-weight: 400;font-size: 14px;padding: 10px 0;width: 100%;border-top: 1px dashed #dddddd;position: relative;}
.khung_thongtin > .it_detail label{color: #333333;font-weight: 400;}
.khung_thongtin h2{font-size: 20px;color: #cc0000;padding: 0 0 10px 0;text-transform: uppercase;font-weight: 900;}
.khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-weight: 500;}
.khung_thongtin span.giacu{text-decoration: line-through;color: #808080;margin: 0 0 0 10px;font-weight: 400;}
.khung_thongtin span.giaban,.khung_thongtin span.giaban a{color: #d70000;font-size: 17px;font-weight: 700;}
.khung_thongtin .dathang{color: #fff;display: inline-block;font-family: 'Lato', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
.khung_thongtin .dathang img{width: 300px;}
.zalo-share-button{position: relative;margin: -3px 5px 0 0;}
.zalo-share-button img{width: 30px !important;}
.product_color span{display: inline-block;padding: 3px 10px;color: #fff;font-weight: 400;font-size: 13px;border-radius: 3px;margin: 0 0 3px 0;}
.it_detail.csbanhang{border: 1px solid #ddd;padding: 15px;border-radius: 5px;}
.it_detail.csbanhang label{display: block;text-transform: uppercase;font-weight: 700;color: #000;margin-bottom: 10px;font-size: 15px;}
/* buy product detail */
.input-number{padding: 5px 8px;border: 1px solid #c9c9c9;width: 50px;margin: 0 0 0 7px;}
.add_to_cart{width: 100%;margin: 5px 0 0 0;}
.add_to_cart a{display: inline-block;font-family: 'Quicksand', sans-serif;font-size: 13px;color: #ffffff;border-radius: 3px;cursor: pointer;font-weight: 400;line-height: 38px;text-transform: uppercase;}
.add_to_cart a.buy{background: #db2121  url(images/buyicon.png) no-repeat left center;padding: 0 20px 0 60px;}
.add_to_cart a.lienhe{background: #db2121  url(images/cicon.png) no-repeat left center;padding: 0 30px 0 60px;}
.add_to_cart a.linkzalo{background: #db2121  url(images/cicon.png) no-repeat left center;padding: 0 30px 0 60px;}
.add_to_cart a:hover{background-color: #af1a1a;}
/* .add_to_cart a.muangay{background: #ff6600 url(images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
.add_to_cart a.tragop{background: #d60c0c url(images/tragop.png) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;} */
/* Search */
.frm_timkiem{width: 40px;height: 40px;position: relative;}
.frm_timkiem input{color: #fff;padding: 10px 10px;transition: opacity 0.5s, width 0.5s;outline: none;font-family: 'Quicksand', sans-serif;font-weight: 400;font-size: 13px;border: none;background: transparent;width: 40px;border-radius: 30px;position: absolute;right: 0;top: 0;text-indent: 50px;}
.frm_timkiem input.show{width: 200px;z-index: 1;visibility: visible;background: #000;text-indent: 0;}
.frm_timkiem button{cursor:pointer;outline:none;border:  none;display: inline-block;background: url('images/search.png') no-repeat center;z-index: 1;position: absolute;padding: 10px;top: 10px;right: 10px;}
.frm_timkiem input::-webkit-input-placeholder {color: #fff;}
.frm_timkiem input:-moz-placeholder {color: #fff;}
.frm_timkiem input::-moz-placeholder { color: #fff;}
.frm_timkiem input:-ms-input-placeholder {  color: #fff;  }
/* Menu left */
.isfixed {position: -webkit-sticky !important;position: sticky !important;top: 60px;}
#left h4{position: relative;z-index: 2;text-transform: uppercase;display: block;color: #ffffff;background: #032590;padding: 0;font-size: 24px;line-height: 50px;font-weight: 700;text-align: center;}
#left h4 a{color: #ffffff; }
.danhmuc_l{width: 100%;display: block;margin: 0 0 30px 0;position: relative;}
.danhmuc_l:last-child{margin: 0;}
.danhmuc_l .xemthem{display: block;padding: 10px 8px 10px 35px;background: #F6F6F6;font-size: 15px;color: #d62632;font-family: UTMAvoBold;cursor: pointer;}
.danhmuc_l .title_dm{line-height: 45px;background: #3188ef url(images/danhmuc.png) no-repeat 20px center;text-align: center;font-size: 15px;color: #ffffff;font-weight: 700;text-transform: uppercase;}
.danhmuc_l ul{list-style: none; padding: 0;}
.danhmuc_l > ul.sanpham_l{list-style: none;padding: 0;border: 1px solid #ddd;border-top: 0;max-height: 485px;overflow: auto;}
.danhmuc_l > ul.sanpham_l::-webkit-scrollbar {width: 2px; background: #eee;}
.danhmuc_l > ul.sanpham_l::-webkit-scrollbar-thumb { background-color: #ddd;}
.danhmuc_l > ul.sanpham_l li{position: relative;}
.danhmuc_l > ul.sanpham_l li > a{font-size: 14px;color: #666666;display: block;font-weight: 400;}
/* --dm1-- */
.danhmuc_l > ul.sanpham_l > li > i{position: absolute;right: 10px;top: 10px;cursor: pointer;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;color: #1E1E1E;}
.danhmuc_l > ul.sanpham_l > li > a{padding: 10px 10px 10px 30px;position: relative;border-bottom: 1px solid #ddd;}
.danhmuc_l > ul.sanpham_l > li > a:before{position: absolute;content: '';width: 3px;height: 3px;background: #7f7f7f;border-radius: 50%;left: 15px;top: calc(50% - (3px / 2));}
.danhmuc_l > ul.sanpham_l > li:last-child > a{border: none;}
.danhmuc_l > ul.sanpham_l > li:hover > a,.danhmuc_l > ul.sanpham_l > li.active > a{background: #117700; color: #fff;}
.danhmuc_l > ul.sanpham_l > li:hover > a:before,.danhmuc_l > ul.sanpham_l > li.active > a:before{background: #fff;}
.danhmuc_l > ul.sanpham_l > li:hover > i,.danhmuc_l > ul.sanpham_l > li.active > i{color: #fff;}
/* --dm2-- */
.danhmuc_l > ul.sanpham_l > li > ul{display: none;border-bottom: 1px solid #ddd;}
.danhmuc_l > ul.sanpham_l > li > ul > li > a{font-weight: 400;background: #fff;padding: 5px 10px 5px 20px;}
.danhmuc_l > ul.sanpham_l > li > ul > li:hover > a{color: #117700;}
.danhmuc_l > ul.sanpham_l > li > ul > li:last-child > a{border: none;}
/* --dm3-- */
.danhmuc_l > ul.sanpham_l > li > ul > li > ul{display: none;}
.danhmuc_l > ul.sanpham_l > li > ul > li > ul > li > a{padding: 5px 10px 5px 30px;}
/* Menu danh muc */
#menu_danhmuc:hover .list_danhmuc{display: block !important;}
#menu_danhmuc{width: 270px;position: relative;}
#menu_danhmuc h4 a{font-size: 14px;color: #ffffff;line-height: 47px;font-weight: 700;display: block;text-transform: uppercase;background: url(images/dm.png) no-repeat 20px center, url(images/arrow.png) no-repeat calc(100% - 20px) center;background-color: #1975D2;text-align: center;}
#menu_danhmuc .list_danhmuc{position: absolute;top: 100%;left: 0;width: 100%;z-index: 2;}
#mainmenu.fixed .list_danhmuc,#mainmenu.no-index .list_danhmuc{display: none;}
#menu_danhmuc .list_danhmuc > ul{list-style: none;padding: 0;border: 1px solid #E6E6E6;max-height: 445px;overflow: auto;background: #fff;}
#menu_danhmuc .list_danhmuc > ul::-webkit-scrollbar {width: 3px;}
#menu_danhmuc .list_danhmuc > ul::-webkit-scrollbar-thumb { background-color: darkgrey;}
#menu_danhmuc .list_danhmuc > ul > li > a{font-size: 14px;color: #232323;font-weight: 700;background: #F5F5F5 url(images/right.png) no-repeat calc(100% - 10px) center;display: block;padding: 10px 20px;}
#menu_danhmuc .list_danhmuc > ul > li > a:hover{color: #e80000;}
#menu_danhmuc .list_danhmuc > ul > li > p{padding: 5px 15px;}
#menu_danhmuc .list_danhmuc > ul > li > p > a{font-size: 13px;color: #808080;font-weight: 400;display: inline-block;}
#menu_danhmuc .list_danhmuc > ul > li > p > a:hover{color: #e80000;}
#menu_danhmuc .list_danhmuc > ul > li:hover .sub_menu{visibility: visible;opacity: 1;z-index: 1;display: grid;}
#menu_danhmuc .list_danhmuc .sub_menu{width: calc(1200px - 270px);height: 445px;position: absolute;left: 100%;top: 0;background: #fff;padding: 20px;border: 1px solid #E6E6E6;grid-template-columns: repeat(3,1fr);grid-gap: 20px;display: none;opacity: 0;z-index: -1;visibility: hidden;}
#menu_danhmuc .list_danhmuc .sub_menu > ul{list-style: none; padding: 0;}
#menu_danhmuc .list_danhmuc .sub_menu > ul > li{margin-bottom: 5px;}
#menu_danhmuc .list_danhmuc .sub_menu > ul > li:last-child{margin: 0;}
#menu_danhmuc .list_danhmuc .sub_menu > ul > li a{font-size: 14px;color: #000;font-weight: 400;}
#menu_danhmuc .list_danhmuc .sub_menu > ul > li:hover a{color: #e80000;}
/* Tin khac */
.visit_hidden{visibility: hidden;height: 0; font-size: 0; position: fixed; top:0;left: 0; width: 0; overflow: hidden;}
.tinkhac{width: 100%;margin: 0;}
.tinkhac ul{margin: 0;padding: 0;}
.tinkhac ul li{width: 100%;list-style: none;display: inline-flex;align-items: baseline;}
.tinkhac li a{color: #000000;font-size: 15px;font-weight: 400;text-indent: 0px;display: inline-block;transition: all 0.5s;}
.tinkhac li a img:hover{ opacity: 0.5;}
.tinkhac li a i{margin-right: 10px;}
.tinkhac li:hover a{color: #b20000;text-indent: 10px;} 
ul.pagination {text-align:center;color:#829994;}
ul.pagination li {display:inline; padding:0 3px;}
ul.pagination a {color:#fff;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;background: #333333;font-size: 12px;}
ul.pagination a:hover, 
ul.pagination a.current {background:#0d7963;color:#fff; }
.page_info{ display: none !important; }
/* ========== Content pagination ========== */
.paging{width: 100%;text-align: center;margin: 20px 0px 0px 0px;}
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 0;padding: 0;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {display: inline-block;margin: 5px 2px;}
.pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
.pages li a:hover {background: #f6f6f6;}
.pages li .active {background: url(../images/backgrounds/sideGradient.png) repeat-x;color: #fff;border-color: #424852;}
.pages li .active:hover {background: #2a313d;}
/* Thong ke */
.thongke{list-style: none;padding: 0;display: block;width: 250px;}
.thongke ul{list-style: none;font-size: 14px;color: #ffffff;font-weight: 400;background: url(images/thongke.png) no-repeat left center;padding: 0 0 0 30px;line-height: 30px;}
/* Thanh title */
.thanh_title{width: 100%;position: relative;margin: 0 0 30px 0;text-align: center;font-family: 'Barlow Semi Condensed', sans-serif;padding: 0 0 20px 0;} 
.thanh_title h2,.thanh_title h4{font-size: 36px;font-weight: 700;display: block;color: #333333;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;}
.thanh_title p{font-size: 15px;color: #5c5c5c;font-weight: 400;}
.thanh_title:after{position: absolute; content: ''; width: 80px; height: 3px; background: #0068BD; bottom: 0; left: 50%; transform: translateX(-50%);}
/*Tin tức*/
.box_news{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;}
.box_news .news{display: flex;flex-wrap: wrap;justify-content: space-between;}
.box_news .news .noidung{width: calc(100% - 180px);}
.box_news .news:hover h3 a{color: #cc0000;}
.box_news .news h3{margin-bottom: 10px;}
.box_news .news h3 a{font-size: 15px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.box_news .news p.mota{font-size: 14px;color: #000;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
/*Điều hướng*/
#banner_detail img{width: 100%;}
.dieuhuong{width: 100%;padding: 10px 0;position:  relative;border-bottom: 1px solid #ddd;}
.dieuhuong a{color: #000;font-size: 15px;padding:0px 10px;position:  relative;font-weight: 400;display: inline-block;text-transform: capitalize;font-family: Roboto,sans-serif;}
.dieuhuong a:first-child{padding: 0 10px 0 0;}
.dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
.dieuhuong a:before{/* font-family: FontAwesome; */position: absolute;content: '/';right: -5px;top: 0;}
.dieuhuong a:last-child,.dieuhuong a:hover{color: #76426B;}
.dieuhuong a:last-child:before{display: none;}
.noidung_tt{width: calc(100% - 380px);}
.noidung_tt .hinhanh{margin-bottom: 20px;}
/*Tab*/
.khung_tab{ width: 100%;  display: none; }
.khung_tab.active{ display: block; }
.tags_sp a{display: inline-block;font-size: 14px;color: #333333;padding: 5px 10px;border: 1px solid #dddddd;margin: 0 0 5px 0;}
.tags_sp a:hover{color: #ed1c24; border-color: #ed1c24;}
/* sp noi bat  */
.khung_other{margin: 30px 0;width: 100%;}
.slick_sp{display: none;margin: 0  calc(-18px / 2);}
.slick_sp .slick-slide{margin: 0 calc(18px / 2);}
/* Nhận tin */
#nhantin{padding: 30px;background-size: cover;overflow: hidden;width: 500px;display: none;background: #fff url(images/pattern-grudge.png) center;position: relative;max-width: 90%;}
.nhantin{display: block;}
.dknhantin{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.dknhantin .input{width: 100%;padding: 10px;font-size: 13px;color: #333;font-family: 'Quicksand', sans-serif;font-weight: 400;background: transparent;border: 1px solid #ddd;margin: 0 0 10px 0;}
.dknhantin textarea.input{width: 100%;}
.dknhantin input[type=submit]{cursor: pointer;border: none;display: table;margin: 0 auto;padding: 10px 30px;font-size: 14px;font-weight: 700;text-transform: uppercase;background: #76426b;color: #ffffff;font-family: 'Quicksand', sans-serif;}
.dknhantin input[type=submit]:hover{background: #d90000;}
.dknhantin .input::-webkit-input-placeholder{color: #333;}
.dknhantin .input:-moz-placeholder{color: #333;  }
.dknhantin .input::-moz-placeholder{  color: #333; }
.dknhantin .input:-ms-input-placeholder{  color: #333;  }
/* Dang ky khoa hoc */
#dkkhoahoc{width: 600px;max-width: 90%;padding: 30px;background: #fff url(images/pattern-grudge.png) center; display: none; position: relative;}
#dkkhoahoc .input{width: 100%;padding: 10px;border: 1px solid #ddd;margin-bottom: 10px;font-size: 14px;font-family: Roboto,sans-serif;font-weight: 400;background: transparent;}
#dkkhoahoc input[type=submit]{cursor: pointer;border: none;display: table;margin: 0 auto;padding: 10px 30px;font-size: 14px;font-weight: 700;text-transform: uppercase;background: #76426b;color: #ffffff;font-family: 'Roboto', sans-serif;}
#dkkhoahoc input[type=submit]:hover{background: #d90000;}
#dkkhoahoc .input::-webkit-input-placeholder{color: #333;}
#dkkhoahoc .input:-moz-placeholder{color: #333;  }
#dkkhoahoc .input::-moz-placeholder{  color: #333; }
#dkkhoahoc .input:-ms-input-placeholder{  color: #333;  }
/* Footer */
#footer{width:100%;position: relative;}
#footer .footer{padding: 40px 0;background: url(images/bgfooter.png) no-repeat center;background-size: cover;}
#footer .footer .tieude_f{position: relative;font-weight: 700;font-size: 16px;color: #ffffff;text-transform: uppercase;margin-bottom: 20px;padding: 0 0 10px 0;font-family: Roboto,sans-serif;border-bottom: 1px solid #ffffff3d;}
#footer .thongtin_ct{width: 450px;color: #fff;}
.footer .facebook{width: 380px;}
/* Chinh sach */
.chinhsach{width: 250px;color: #ffffff;}
.chinhsach ul{width: 100%;list-style: none;padding: 0;}
.chinhsach ul li{font-weight: 400;margin-bottom: 10px;position: relative;}
.chinhsach ul li a{font-size: 14px;color: #ffffff;font-weight: 400;display: block;font-family: Roboto, sans-serif;}
.chinhsach ul li:hover a{text-decoration: underline;} 
/* coppy */
.coppy{font-weight: 400;font-size: 13px;color: #ffffff;position: relative;width: 100%;padding: 15px 0;background: #45263E;font-family: Roboto,sans-serif;}
.coppy span{color: #f596a9;}
.coppy ul{list-style: none;padding: 0;font-weight: 400;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 0 0 20px;}
.coppy ul li{padding: 0 5px;line-height: 1;border-left: 1px solid #fff;padding-left: 10px;margin-left: 10px;}
.coppy ul li:first-child{border: none;padding: 0;margin: 0;}
/* back to top  */
#back-to-top {width: 55px;height: 55px;cursor: pointer;z-index: 2;position: fixed;bottom: 55px;right: 12px;background: #76426B;border-radius: 50%;box-shadow: 0 0 5px #00000087;}
#back-to-top:before{position: absolute;font-family: FontAwesome;content: "\f102";top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 25px;color: #ffffff;}
/* Mang XH*/
.social{width: 250px;text-align: center;}
.mang_xh{display: flex;flex-wrap: wrap;margin: 30px 0 0 0;align-items: center;font-size: 13px;font-weight: 400;}
.mang_xh a{margin-right: 10px;}
.mang_xh a:last-child{margin: 0;}
.mang_xh a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* contact */
.khung_contact{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.khung_contact .noidung_detail{margin-bottom: 20px;}
.khung_contact .bando{width: 100%;margin-top: 20px;}
.khung_trai{width: 450px;}
.khung_phai{width: calc(100% - 500px);}
.title_contact{position: relative; padding: 0 0 10px 0; margin-bottom: 20px;}
.title_contact:after{position: absolute;content: '';width: 55px;height: 2px;background: #76426B;bottom: 0;left: 0;}
.title_contact h4{font-size: 20px;color: #76426B;font-weight: 700;text-transform: uppercase;}
.contact-form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-form input,.contact-form textarea{padding: 10px;width: 100%;border: none;border: 1px solid #dddddd;font-size: 14px;font-weight: 400;border-radius: unset;font-family: 'Quicksand', sans-serif;border-radius: 2px;margin-bottom: 10px;}
.contact-form input{width: calc(50% - 5px);}
.contact-form button{border: 0px;background: #76426B;padding: 10px 35px;border-radius: 40px;margin: 0;color: #ffffff;cursor: pointer;text-transform:  uppercase;font-weight: 700;font-family: 'Quicksand', sans-serif;display: table;margin: 0 auto;}
.contact-form button:hover{background: #d90000;}
.box_map{width: 100%;position: relative;margin-top: 30px;}
.tab_map{list-style: none;position: absolute;bottom: 10px;left: 10px;padding: 10px;z-index: 1;}
.iframe_map .iframe{display: none;width: 100%;}
.iframe_map .iframe iframe{display: block; width: 100%;}
.iframe_map .iframe.active{display: block;}
/*++++++++++LEFT+++++++++++*/
.sp_index{display: flex;flex-wrap: wrap;justify-content: space-between;}
div#left {width: 308px;position:  relative;z-index: 1;}
.product_detail{width: calc(100% - 330px);position: relative;z-index: 0;}
.product_detail .box_sp{margin-bottom: 30px;}
.product_detail .box_sp:last-child{margin: 0;}
/* product */
#sanpham{padding: 30px 0;position: relative;overflow: hidden;}
.sanpham{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 30px;}
.item .img{position: relative;-webkit-backface-visibility:a hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);z-index: 0;display: block;border: 1px solid #E6E6E6;}
.item .img img{display: table;margin: 0 auto;}
.item {position: relative;display: inline-block;background: #fff;font-family: 'Quicksand', sans-serif;}
.item .noidung{background-size: 100%;position: relative;text-align: center;display: inline-block;width: 100%;font-size: 14px;color: #333333;font-weight: 400;margin: 10px 0 0 0;}
.item h3{position: relative;width: 100%;}
.item h3 a{color: #4c4c4c;font-size: 14px;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;}
.item .gia{position: relative;display: inline-block;color: #4c4c4c;font-weight: 400;font-size: 14px;width: 100%;line-height: 1;}
.item .giaban{color: #ff0000;font-weight: 700;}
.item .giacu{text-decoration: line-through;margin: 0 0 0 5px;}
.item:hover h3 a{color: #ff0000;}
/* Tab product */
.tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;background: #ffffff;position: relative;z-index: 1;}
.tab_hidden{ display: none; }
.tabct{border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;background: #ffffff;position: relative;padding: 0;}
.tabct h4{padding: 10px;border-bottom: 1px solid #dddddd;font-size: 15px;font-weight: 500;text-transform: uppercase;}
.tabct .noidung_ta{padding: 10px;display: inline-block;width: 100%;}
/*.tab_hidden{}*/
/*Hover images*/
.hover_img {overflow: hidden;position: relative;}
.hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
/* Zoom In #1 */
.hover_zoom{/* position: relative; */overflow:  hidden;display: block;}
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;}
.hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}
.hover1{display: block; position: relative;}
.hover1:before {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:hover:before, .hover1:hover:after {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); }
/* Service detail */
.box_service{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 20px;}
.service{display: block;}
.service .img{overflow: hidden;display: block;}
.service img{display: inline-block;}
.service .noidung{border-top: 0;}
.service h3{width:  100%;position:  relative;margin: 5px 0;}
.service h3 a{font-size: 15px;color: #000000;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 700;}
.service:hover h3 a{color: #327700;}
.service p{font-size: 14px;color: #000000;font-weight: 400;width:  100%;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;max-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.owl_tinkhac{margin: 0 -10px;}
.owl_tinkhac .slick-slide{margin: 0 10px;}
.owl_tinkhac .service{display: none;}
/* Video */
.box_video{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}
.video h3{text-align: center;margin-top: 10px;}
.video h3 a{font-size: 14px;color: #000;font-weight: 500;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.video:hover h3 a{color: #b20000;}
/* bottom */
#bottom{padding: 30px 0;overflow: hidden;}
.title_bot{font-size: 30px;color: #76426b;font-weight: 700;text-transform: uppercase;position: relative;padding: 0 0 20px 0;margin: 0 0 30px 0;font-family: Roboto, sans-serif;line-height: 1;}
.title_bot:after{position: absolute; content: ''; width: 77px; height: 3px; background: #F596A9; bottom: 0; left: 0;}
#tintuc{padding: 30px 0;overflow: hidden;}
.slick_tintuc{display: none; margin: 0 -15px;}
.slick_tintuc .slick-slide{margin: 0 15px;}
.box_tintuc{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin: 0 0 30px 0;}
.tintuc{display: block;}
.tintuc .img{display: block;}
.tintuc .img img{width:100%;}
.tintuc .noidung{position: relative;padding: 15px;box-shadow: 0 0 5px #00000045;margin: 0 0 5px 0;font-family: 'Mulish', sans-serif;}
.tintuc h3{border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; margin-bottom: 10px;}
.tintuc h3 a{font-size: 17px;color: #1a1a1a;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;height: 50px;}
.tintuc .mota{font-size: 13px;color: #333333;font-weight: 400;text-align: justify;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;height: 60px;}
.tintuc:hover h3 a{color: #d90000;}
.box_tintuc .tintuc .noidung{margin: 0;}
/* He Thong */
#hethong{width: calc(100% - 475px);font-family: Roboto,sans-serif;}
.box_hethong{display: block; position: relative;}
.box_hethong ul{list-style: none;position: absolute;left: 0;top: 0;background: #000000ba;height: 100%;width: 290px;padding: 20px;max-height: 100%;overflow: auto;}
.box_hethong ul::-webkit-scrollbar {width: 2px; background: #eee;}
.box_hethong ul::-webkit-scrollbar-thumb { background-color: #000;}
.box_hethong ul li{border-bottom: 1px dotted #B5B5B5;padding-bottom: 20px;margin-bottom: 20px;cursor: pointer;}
.box_hethong ul li label{font-size: 14px;color: #f596a9;font-weight: 700;text-transform: uppercase;display: block;margin-bottom: 20px;position: relative;}
.box_hethong ul li label:before{position: relative;content: '';width: 13px;height: 13px;border-radius: 50%;background: #f596a9;display: inline-block;margin: 0 10px 0 0;top: 2px;}
.box_hethong ul li.active label{color: #fff000;}
.box_hethong ul li.active label:before{background: #fff000;}
.box_hethong ul li p{font-size: 14px; color: #ffffff; font-weight: 400;}
.box_hethong ul li:last-child{margin: 0; padding: 0; border: none;}
.box_iframe .iframe{display: none;width: 100%;}
.box_iframe .iframe iframe{display: block;width: 100%;height: 440px;}
.box_iframe .iframe.active{display: block;}
/* Video */
#video{width: 445px;}
#video iframe{display: block; width: 100%; margin-bottom: 10px;}
.slick_video{margin: 0 -5px;display: none;width: 100%;}
.slick_video .slick-slide{margin: 0 5px;}
.slick_video .slick-slide img{height: 100px;}
/* Hotline */
.blink_me {-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;
	animation-name: blinker;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
	@-moz-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
	@-webkit-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
	@keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
	/*phone*/
	.quick-alo-phone.quick-alo-show {visibility: visible;}
	.quick-alo-phone {position: fixed;visibility: hidden;background-color: transparent;/* width: 200px;height: 200px;*/width: 100px;height: 100px;cursor: pointer;z-index: 200000 !important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;right: -10px;bottom: 240px;}
	.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {border-color: #1182fc;border-color: #1182fc;opacity: .5;}
	.quick-alo-ph-circle {width: 100px;height: 100px;top: 0;left: 0;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid rgba(30,30,30,0.4);border: 2px solid #bfebfc 9;opacity: .1;-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
	.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {background-color: #1182fc;background-color: #1182fc;opacity: .75 !important;}
	.quick-alo-ph-circle-fill {width: 80px;height: 80px;top: 10px;left: 10px;position: absolute;background-color: #000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .1;-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {/*background-color: #00aff2;background-color: #00aff2;*/}
.quick-alo-ph-img-circle {width: 50px;height: 50px;top: 25px;color: #1182fc;font-size: 20px;font-family: Roboto,sans-serif;left: 25px;position: absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: none;/*opacity: .7;*/-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.ui-slider-horizontal {height: 3px !important;background:#fff;}
.ui-slider .ui-slider-handle{width:8px  !important;height:8px  !important;border-radius:50%  !important;}
.ui-slider-horizontal .ui-slider-handle{top:-3px !important;margin-left:0px !important;}
.contain_slider_number{padding:7px 0px;position:relative;}
.num_before{position:absolute;right:100%;margin-right:5px;font-size:13px;color:#fff;line-height:20px;top:0px;font-weight:bold;}
.num_after{position:absolute;left:100%;margin-left:5px;font-size:13px;color:#fff;line-height:20px;top:0px;font-weight:bold;}
.ui-slider-handle{}
.tooltip_slider{position:absolute;bottom:100%;white-space:nowrap;padding:3px;display:block;color:#fff;background:rgba(0,0,0,0.5);margin-bottom:5px;left:50%;margin-left:-7px;display:none;}
.quick-alo-phone > img{position: absolute;top: 25px;left: 25px;z-index: 2;}
.quick-alo-phone > p{position: absolute;background: #FF0400;padding: 8px 30px 8px 40px;min-width: 160px;line-height: 25px;border-radius: 30px;left: 50px;top: 50%;transform: translateY(-50%);}
.quick-alo-phone > p a{font-size: 22px;color: #ffffff;font-weight: 700;display: block;}
/* support */
.support-online {position: fixed;z-index: 999;right: 10px;bottom: 50px;}
.support-online .support-content a {position: relative;text-align: left;}
.support-online .support-content a {display: block;text-align: center;margin: 10px 0;}
.support-online .btn-support {cursor: pointer;width: 80px;height: 80px;}
.support-online a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* VI Sao */
#visao{display: block;padding: 100px 0 150px 0;background: url(images/bgvisao.png) no-repeat center;background-size: cover;position: relative;}
#visao .img{position: absolute; bottom: 0; left: calc(50% - 150px);}
.box_visao{display: grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 350px;grid-row-gap: 50px;margin: 100px 0 0 0;}
.visao{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.visao img{display: inline-block !important;}
.visao .noidung{width: calc(100% - 100px);}
.visao label{display: block;font-size: 20px;color: #ffffff;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;margin: 0 0 10px 0;}
.visao .noidung p{font-size: 14px;color: #ffffff;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.visao:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/* Gioi Thieu */
#gioithieu{padding: 30px 0;overflow: hidden;}
.title_gt{text-align: center;font-family: SVNZaraElyse;font-size: 60px;color: #f596a9;font-weight: 100;}
.gioithieu{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.gioithieu .noidung{width: 600px;text-align: center;margin: 0 auto;max-width: 100%;}
.gioithieu .noidung .mota{margin: 20px 0;font-family: 'Quicksand', sans-serif;}
.gioithieu .noidung a.xemthem{font-size: 14px;color: #ffffff;font-weight: 700;background: #f596a9cc;padding: 10px 30px;display: table;margin: 0 auto;text-transform: uppercase;font-family: Roboto,sans-serif;}
.gioithieu .noidung a.xemthem:hover{background: #76426b;}
/* Hinh Anh */
#hinhanh{padding: 40px 0;}
.box_album{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px; max-height: 550px; overflow: auto;}
.box_album::-webkit-scrollbar {width: 2px; background: #eee;}
.box_album::-webkit-scrollbar-thumb { background-color: #333;}
.album{display: block; min-height: 270px;}
.album:nth-child(1){grid-row: 1 / 3;}
.box_album_detail {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 20px;}
.album_detail {text-align: center;}
.album_detail h3 {margin-top: 5px;}
.album_detail h3 a {font-size: 15px;color: #000;font-weight: 700;}
.album_detail:hover h3 a{color: #cc0000;}
/* Danh Muc */
#danhmuc{padding: 20px 0;overflow: hidden;}
.slick_danhmuc{display: none; margin: 0 -10px;}
.slick_danhmuc .slick-slide{margin: 0 10px;}
.danhmuc{position: relative;}
.danhmuc h3{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;text-align: center;background: #f596a9a8;}
.danhmuc h3 a{font-size: 22px; color: #ffffff; font-weight: 700; font-family: Roboto, sans-serif; }
/* Dich Vu */
#dichvu{padding: 40px 0;}
.khung_dichvu{margin-bottom: 30px;}
.khung_dichvu:last-child{margin: 0;}
.box_dichvu{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px;}
.dichvu{text-align: center;font-family: 'Quicksand', sans-serif;}
.dichvu h3{margin: 10px 0;}
.dichvu h3 a{font-size: 16px;color: #1a1a1a;font-weight: 700;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.dichvu p{font-size: 14px;color: #4c4c4c;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.dichvu:hover h3 a{color: #d90000;}
.tags_dichvu{display: flex; flex-wrap: wrap; align-items: center;}
.tags_dichvu label{}
.tags_dichvu a{font-size: 14px;color: #333;font-weight: 400;padding: 0 0;background: #F0F0F0;padding: 2px 10px;border-radius: 5px;margin: 0 0 0 10px;}
.tags_dichvu a:hover{background: #76426b; color: #fff;}
/* Giao Vien */
#giaovien{padding: 40px 0;overflow: hidden;}
.slick_giaovien{display: none; margin: 0 -15px;}
.slick_giaovien .slick-slide{margin: 0 15px;}
.box_giaovien{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px;}
.giaovien{display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; font-family: Roboto,sans-serif;}
.giaovien .img{width: 305px;}
.giaovien .noidung{width: calc(100% - 255px);margin-left: -50px;padding: 15px;background: #fff;box-shadow: 0 0 5px 0px #0000003d;position: relative;z-index: 1;}
.giaovien .noidung label{font-size: 18px;color: #333333;font-weight: 700;text-transform: uppercase;display: block;}
.giaovien .noidung p{font-size: 14px; color: #333333; font-weight: 700; text-transform: uppercase;}
.giaovien .noidung .mota{display: block;margin-top: 20px;max-height: 100px;overflow: auto;padding: 0 5px 0 0;overflow-x: hidden;}
.giaovien .noidung .mota::-webkit-scrollbar {width: 2px; background: #eee;}
.giaovien .noidung .mota::-webkit-scrollbar-thumb { background-color: #333;}
/* Lich Tap */
#lichtap{padding: 30px 0;}
.table_lichtap{width: 100%;border: none;margin-top: 20px;border: none;background: url(images/pattern-grudge.png) center;}
.table_lichtap thead{background: #76426B;text-transform: uppercase;color: #fff;}
.table_lichtap thead th{font-size: 15px; font-weight: 500; padding: 10px;}
.table_lichtap tbody tr{display: none;width: 100%;text-align: center;}
.table_lichtap tbody tr.active{display: table-row;}
.table_lichtap tbody tr td{padding: 15px 20px;font-size: 14px;color: #606266;font-weight: 400; position: relative;}
.table_lichtap tbody tr:nth-child(odd){background: #76426b45 !important;}
.table_lichtap tbody tr:nth-child(odd):hover,.table_lichtap tbody tr:hover{background: #ed49d0 !important;}
.table_lichtap tbody tr:nth-child(odd):hover,.table_lichtap tbody tr:hover td{
	color : #fff;
}
.table_lichtap tbody tr:hover .dangky{opacity: 1;}
.dangky{position: absolute;right: 10px;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #76426B;color: #fff;text-align: center;border: none;padding: 5px 20px;width: fit-content;border-radius: 30px;cursor: pointer;text-transform: uppercase;opacity: 0;}
.dangky:hover{background: #EC90A5;color: #fff;}
/* sticky */
#sticky-nav {display: block;position: fixed;right: 0;z-index: 997;bottom: 275px;transform: translateY(-50%);}
#sticky-nav .sticky-item {background: #232323;overflow: hidden;border-bottom: 2px solid #161616;position: relative;display: block;width: 50px;margin: 0;outline-offset: -1px;-webkit-transition: width .15s ease-in-out;transition: width .15s ease-in-out;cursor: pointer;float: right;clear: both;}
#sticky-nav .icon-sticky {vertical-align: middle;display: inline-block;text-align: center;width: 50px;}
#sticky-nav .info-expanded {display: none;-webkit-transition: display .15s ease-in-out;transition: display .15s ease-in-out;color: #fff;font-size: 17px;}
#sticky-nav .icon-sticky img {width: 30px !important;height: 30px;margin: 10px;display: inline-block;}
#sticky-nav .sticky-item.active,
#sticky-nav .sticky-item:hover {width: 200px;background: #db2128;border-color: #961015;}
#sticky-nav .sticky-item.active .info-expanded,
#sticky-nav .sticky-item:hover .info-expanded {display: block;position: absolute;width: 100%;height: 50px;top: 0;line-height: 50px;padding-left: 50px;color: #fff;text-decoration: none;}
#sticky-nav .sticky-item.dkkhoahoc_fix{display: none;}
#sticky-nav .sticky-item.dkkhoahoc_fix.fixed{display: block;}
/* Responsive */
@media (max-width:1200px){
	.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom: 1em;}
	.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
	#info{padding: 10px !important;margin: 0;border: none;}
	div#left,#menu_left,#menu_danhmuc,#right{display: none;}
	.product_detail,.service_detail{width: 100%;display: block;}
	.margin_auto{width: 100%;padding: 0 10px;}
	#header .hotline,#header .email,.dangkykh{display: none;}
	.head_t p{margin-right: 10px;}
	.head_t .khung_flex, .head_b .khung_flex{justify-content: center;}
	#footer .thongtin_ct{width: 100%; margin-bottom: 30px;}
	#footer .chinhsach,#footer .facebook{width: calc(50% - 20px);}
}
@media(max-width: 1000px){
	.margin_auto{padding: 0;}
	.toolbar{display: block;}
	/*.quick-alo-phone,.zalo,.js-facebook-messenger-box,.js-facebook-messenger-container{display: none;}*/
	.head_t{padding: 5px 10px;}
	#mainmenu{width: 100%; height: 50px; position: relative;}
	#mainmenu nav.menu_top > ul > li.icon{display: none;}
	#mainmenu .header_mm a{display: block;top: 50%;left: 10px !important;left: unset;z-index: 99;transform: translateY(-50%);}
	#gioithieu{padding: 30px 10px;}
	#sticky-nav .sticky-item.dkkhoahoc_fix{display: block;}
	#danhmuc{padding: 30px 10px;}
	.slick_danhmuc{margin: 0 -5px;}
	.slick_danhmuc .slick-slide{margin: 0 5px;}
	.khung_dichvu{padding: 0 10px;}
	.box_dichvu{grid-gap: 10px;}
	#giaovien{padding: 30px 10px;}
	.slick_giaovien{margin: 0 -5px;}
	.slick_giaovien .slick-slide{margin: 0 5px;}
	#bottom{padding: 30px 10px;}
	#hethong,#video{width: 100%;}
	#hethong{margin-bottom: 30px;}    
	.slick_video .slick-slide img{height: auto;}
	.box_video{grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
	#hinhanh{padding: 30px 10px;}
	.box_album{grid-gap: 5px; max-height: calc(40vw + 5px);}
	.box_album .album{min-height: 20vw;}
	.box_giaovien{grid-template-columns: 1fr; grid-gap: 20px;}
	#tintuc{padding: 30px 10px;}
	.slick_tintuc {margin: 0 -5px;}
	.slick_tintuc .slick-slide{margin: 0 5px;}
	.box_tintuc{grid-gap: 10px;}
	#sanpham{padding: 30px 10px;}
	.sanpham{grid-gap: 10px;grid-template-columns: repeat(3,1fr);}
	.dieuhuong{padding: 10px;border-bottom: 1px solid #ddd;margin: 0;background: #fff;}    
	.dieuhuong a{color: #000;}
	.khung_product_detail{justify-content: space-between;}
	.box_album_detail{grid-gap: 10px; grid-template-columns: repeat(3,1fr);}
	.app-figure{width: 100%; margin: 0;}
	.selectors{position: relative; width: 100%;}
	.foo3_l{left: 0;transform: translate(0);top: calc(50% - 20px);}
	.foo3_r{right: 0;transform: translate(0);top: calc(50% - 20px);left: unset;bottom: unset;}
	#footer{margin-bottom: 50px;}
	#footer .footer{padding: 70px 20px 30px 20px;}
	#footer .thongtin_ct{width: 100%; margin-bottom: 20px;}
	#footer .chinhsach,#footer .facebook{width: calc(50% - 10px);}   
	#footer .bando{margin: 0;}
}
@media(max-width: 980px){
	#footer .thongtin_ct ul{grid-template-columns: repeat(2,1fr);}
	.box_service{grid-gap: 10px;}
	.dev_mobile{display:block;}.dev_mobile img{max-width:100%;}
	.dev_desk{display:none!important;}
}
@media(max-width: 850px){
	.box_news{grid-gap: 15px; grid-template-columns: 1fr;} 
	#face, #video{width: 100%;}
	#video iframe{max-height: 60vw;}
	.khung_product_detail{display: block !important;}
	.khung_thongtin, .frame_images{width: 100% !important;padding: 0;margin-bottom: 20px;}
}
@media(max-width: 750px){
	#sp_info .khung .img{width: 100%;}  
	.khung_trai, .khung_phai{width: 100%;margin: 10px 0;}
	.sanpham,.product_detail .sanpham{grid-template-columns: repeat(2,1fr);}
	.box_tintuc{grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 650px){
	#footer .chinhsach, #footer .facebook, #footer .thongtin_ct{width: 100%;}
	#footer .chinhsach{margin-bottom: 20px;}
	#banner{display: none;}
}
@media(max-width: 600px){
	.mang_xh:before, .mang_xh:after{display: none;}
	.dichvu h3 a{-webkit-line-clamp: 2;font-size: 15px;line-height: 20px;}
	.service h3 a{line-height: 20px;}
	.box_service,.box_dichvu,.box_album_detail,.box_video{grid-template-columns: repeat(2,1fr);}
	.item{box-shadow: none;}
	.item h3 a{-webkit-line-clamp: 2;line-height: 20px;}
	.item .noidung{margin-top: 10px;}
	.box_giaovien{grid-template-columns: repeat(2,1fr); grid-gap: 10px;}
	.giaovien{display: block;}
	.giaovien .img, .giaovien .noidung{width: 100%; margin: 0;}
	.tab_album li{font-size: 15px;margin: 0 10px 5px 0;}
	.tab_sp li{font-size: 15px;}
	.box_hethong ul{position: relative; width: 100%;}
	.box_iframe .iframe iframe{height: 50vw;}
	.tintuc .noidung{padding: 10px;}
}
@media(max-width: 500px){
	.table_lichtap tbody tr td {
    padding: 15px 15px;
}
}
@media(max-width: 450px){
	.box_giaovien{grid-template-columns: 1fr;}
}  
@media(max-width: 400px){}
.tenlophox{
	position: relative;
	padding: 0 0 30px;
	text-align: center;
}
.tenlophox span{
	display: block;
	height: 21px;
}
.search_box{
	margin: 10px 0;
	background: #76426b;
	padding: 20px;
}
.flex_row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.row_search{
	align-items: center;
	justify-content: space-between;
}
.col_field{
	width: calc(100%/3 - 14px);
}
.col_field label{
	font: 15px Quicksand;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}
.col_field select{
	margin: 0 0 10px 0;
	width: 100%;
	height: 36px;
	box-shadow: none;
	border: 0;
	border-radius: 3px;
}
body{
	top: 0 !important;
}
#google_language_translator {
    width: auto !important;
}
.goog-te-gadget .goog-te-combo {
    margin: 4px 0px !important;
}
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
p.hello {
    font-size: 12px;
    color: darkgray;
}
#google_language_translator {
    clear: both;
    width: auto !important;
    text-align: right;
    display: none;
}
#flags {
    text-align: left;
}
p.hello {
    text-align: right;
    float: right;
    clear: both;
    color: #666;
}
.glt-clear {
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
}
#flags a {
    display: inline-block;
    width: 30px;
    height: 19px;
    margin-left: 2px;
}
#flags a img{
    width: 25px;
    height: 25px;
}
.goog-te-banner-frame {
    height: 0 !important;
}
.fancybox-is-open .fancybox-bg{opacity: 0.3 !important;}
.tiktok_link{
	position: fixed;
    right: 5px;
    bottom: 250px;
    z-index: 111;
    display: block;
}