.mobile{display:none}
header{position:relative;}
.topheadopa{position:absolute;background:rgba(0, 0, 0, 0.7);width:100%;z-index:2;border-top:4px solid #fff;}
.top-header .container{height: 41px;}
.top-header .right{border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:5px 0}
.hotline{font-size:15px;margin-top: 5px;}
.sdt{color:#f8b911;position:relative;padding-left: 25px;}
.sdt:before{content:"";background:url(/Design/ic-phone.png);width:19px;height:19px;left:0;position:absolute;animation:tada 1.5s infinite}
.mail{color:#bbbbbb;margin-left:20px}
.mail:before{content:"\f674";font-family:fontawesome;margin-right: 6px;font-weight:300;}
.timkiem{position:relative;margin-left:20px;}
.icontim{position:relative;display:flex;padding: 6px 8.5px;background-color:#f8b911;border-radius:50%;color:#fff;}
.icontim:before{content:"\f002";font-family:fontawesome;font-weight:500;margin:auto;font-size: 13px;}
.searchbox{position:absolute;top: calc(100% + 6px);background: #000000;padding: 11.5px 20px;box-sizing:border-box;right:0;z-index:1001;border-radius:3px;width:300px;display:none;}
.txttk{padding: 6px 10px;border-radius:4px;width:200px;float:left;color:#000}
.btntk{float:right;display:flex;padding: 6px 8.5px;background-color:#f8b911;border-radius:50%;color:#fff;}
.btntk i{margin:auto;font-size: 13px;}
/*nav*/
.logo{width:158px;height:59px;top: -27px;float:left;position:absolute;animation-name:slideInLeft;animation-delay: 0s;animation-duration: 1s;}
.logo img{height:100%}
.logo:before{content:"";width:333px;height:104px;background:url(/Design/bglogo.png) no-repeat;position:absolute;left: -108px;top: -18px;}
nav{transition:all .3s ease-in-out;}
nav .container{height:59px;position:relative}
.menu_main{animation:bounceInRight 2s}
.mnlic1{float:left;font-size: 15px;color: #fff;text-transform:uppercase;}
.mnliac1{display: block;position: relative;padding:0 14px}
.mnlic1:last-child .mnliac1{padding-right:0}
.mnlic1+.mnlic1 .mnliac1:before{content:"";border-left:1px solid rgba(255, 255, 255, .3);position:absolute;left:0;height:10px;margin:auto;bottom:0;top:0;}
.mnliac1 span,.home i{display:block;position:relative;z-index:2;padding: 19px 0;transition:all .3s ease-in-out;}
.mnliac1 span:after,.homea:after{content:"";width:0;border-top:2px solid #f8a911;position:absolute;left:0;right:0;margin:auto;bottom:0;transition:width .5s}
.mnliac1:hover span:after,.homea:hover:after{width:100%;}
.mnliac1:hover span,.mnliac1:hover i{color:#f8a911;}
.home span{display:none}
.menusub{position:absolute;z-index:8;list-style: none;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition:transform .5s;opacity:0;text-transform:none;width:220px;}
.mnlic1:hover > .menusubf1 {transform:rotateX(0deg);opacity:1;}
.menusubf1:before{content:"";position:absolute;left:20px;top:-10px;z-index:5;border:5px solid transparent;border-bottom-color:#f8a911}
.mnlic2{position:relative;background:rgba(0, 0, 0, 0.7);color:#fff;font-size:14px;z-index:1;border-top:1px solid #d1d1d1;transition:all .1s linear}
.mnlic2:hover{color:#f8a911}
.mnliac2{display: block;position: relative;padding:12px 15px;padding-left:25px;}
.mnliac2:before{position: absolute;top:30%;left:13px;content:"\f0da";font-family: fontawesome;font-size:13px;}
nav.scroll-to-fixed-fixed .logo{position:relative;height: 59px;top:0;}
nav.scroll-to-fixed-fixed .logo canvas{height:59px;}
nav.scroll-to-fixed-fixed .logo:before{bottom:0;top:auto;height: 59px;}
nav.scroll-to-fixed-fixed{background-color:rgba(0, 0, 0, 0.7)}

/*slideshow*/
.slideshow {position:relative;height:628px;width:100%;overflow:hidden;z-index:1;}
.slideshow img{width:100%;height:100%;position:absolute;top:0;}
.slideshow .photo{height: 100%;margin: 0;padding: 0;}
.slideshow .photo li{height: 100%;position:absolute;display:none;width:100%;top:0;left:0;}
.slideshow .photo li:nth-child(2n+1) img{transform:scale(1.2);animation:zoomSlide 10s linear}
.slideshow .photo li:nth-child(2n) img{transform:scale(1);animation:zoomSlide1 10s linear}
.slideshow .next{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;right:20px;opacity:.5}
.slideshow .prev{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;left:20px;opacity:.5}
.slideshow .prev:hover,.slideshow .next:hover{opacity:1;}
.slideshow .prev:before{content:"\f104";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .next:before{content:"\f105";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .caption-over{position:absolute;width:100%;height:100%;display:table;position:relative;z-index:5;} 
.slideshow .caption{margin:auto;transform:translateY(10%);display:table-cell;vertical-align:middle;text-align:center;color:#fff;}
.slideshow .caption h4{font-size:63px;text-transform:uppercase;}.slideshow .caption p{font-size:23px;margin-top:10px;}
.slideshow .caption a{background:#ffe302;padding:12px 35px;display:inline-block;color:#fff;border-radius:4px;text-transform:uppercase;margin-top:25px;font-weight:bold;box-sizing:border-box;}
.slideshow .caption a+a{margin-left:10px;border:2px solid #fff;background:transparent;}
.slideshow .caption a:hover{background:#e98727;}.slideshow .caption a+a:hover{border-color:#fff;color:#313131;background:#fff;}
.slideshow .caption .child{visibility:hidden;}
.slideshow svg{position:absolute;z-index:5;bottom:10px;left:49%;animation:Continue 1s infinite;}
/*about-default*/
.about-default{text-align:center}
.about-default .container{padding:50px 0}
.text-about{text-align:center}
.title-about{position:relative;}
.title-about h2{font-size:35px;font-family:avo;color:#484848;font-weight:normal;text-transform:uppercase}
.title-about h5{font-size: 34px;color:#f8a911;font-family:mulib;text-transform:uppercase;}
.title-about h6{background:url(/Design/ic-bo.png) no-repeat center;height:14px;margin:10px 0 5px}
.ttgt{color:#787878;font-size:17px;margin: 20px auto 0;line-height:1.5;width: 93%;}
.linkgt{color:#fff;display:inline-block;margin-top: 17px;font-size:14px}
.linkgt a{position:relative;z-index:1;display:block;border-radius:20px;overflow:hidden;padding: 10px 20px;box-sizing:border-box;transition: color 0.5s ease-in-out;border:1px solid;}
.linkgt a i{transition:font-weight 0.5s ease-in-out;}
.linkgt a:before{content:"";position: absolute;z-index: -1;background: #f8a911;transition: height 0.5s ease-in-out;height:300%;width: 100%;left:0;right:0;bottom: 0;
border-radius: 50% 50% 0 0/75% 75% 0 0;}
.linkgt a:hover{color:#f8a911}
.linkgt a:hover:before{height:0}
.linkgt a:hover i{font-weight:900;}
/*thebest*/
.thebest{overflow:hidden}
.thebest p{width:25%;float:left;box-sizing:border-box;position:relative;padding:20px 0;text-align:center}
.thebest p strong{font-family:avo;font-size: 70px;display:block;line-height:1;color:#f8a911;font-weight:normal}
.thebest p strong:after{content:"+"}
.thebest p span{font-size: 18px;color:#787878;position:relative;padding-top: 25px;display:block;}
.thebest p span:before{content:"";background:url(/Design/ic-bo.png);height:14px;width: 98px;top:0;position:absolute;left:0;right:0;margin:auto}
.thebest p:nth-child(1) span:nth-child(1):before{
    content:none;
}
.thebest p:nth-child(1) span:nth-child(1){
    padding-top:0;
}
/*product-default*/
.product-default{padding:50px 0;}
.td-product{overflow:hidden;text-align:center;margin-bottom:30px}
.title-default {position:relative;}
.title-default h2{font-family:avo;color:#484848;text-transform:uppercase;font-size:35px;font-weight:normal}
.title-default h6{background:url(/Design/ic-bo.png) no-repeat center;height:14px;margin:10px 0 5px}
.tttdsp{color:#474747;font-size:17px;width: 95%;margin:auto;}
.ulsp{overflow:hidden}
.lisp{position:relative;margin-bottom:20px;cursor:pointer}
.lisp:nth-child(4n+4){}
.imgsp{height:303px;position:relative}
.imgsp img{width:auto !important}
.imgsp >a{display:block;position:absolute;width:100%;height:100%;z-index:2}
.imgsp >a:before{content:"";width:100%;bottom:0;height:100px;background:linear-gradient(to top,#0000008f 0%,#fff0 100%);position:absolute;z-index:1;}
.ndsp{position:absolute;bottom:10px;transition:bottom .5s ease-in-out;z-index: 3;text-align:center;width:100%;}
.ndsp h2{font-family:mulib;font-weight:normal;color:#fff;font-size:14px;text-transform:uppercase}
.ndsp h4{font-weight:normal;color:#f8a911;font-size:11px;text-transform:uppercase;opacity:0;transition:opacity .5s ease-in-out}
.lisp:hover .ndsp{bottom:20px}
.lisp:hover .ndsp h4{opacity:1}
.lisp:hover .imgsp >a:before{opacity:1}
/*dichvu-default*/
.dichvu-default{background:linear-gradient(#145898e6 0%, #145898e6 100%) ,url(/Design/bgdv.png) no-repeat;background-size:cover}
.dichvu-default .container{padding: 68.5px 0;}
.title-dichvu{text-align:center;position:relative;padding:10px 0 40px}
.title-dichvu h2{color:#f8a911;font-size:30px;font-family:mulib;text-transform:uppercase}
.title-dichvu h5{font-size:17px;color:#fff;font-weight:normal;width:70%;margin:auto;margin-top:10px}
.title-dichvu h6{position:absolute;top:0;width:55px;border-top:2px solid #f8a911;left:0;right:0;margin:auto}
.uldv{}
.lidv{}
.imgdv{height:309px}
.nddv h4{font-family:mulib;text-transform:uppercase;color:#f8a911;font-size:20px;margin-top:20px}
.ttdv{font-size:15px;color:#fff;margin:15px 0 25px}
.linkdv{}
.linkdv a{font-size:13px;color:#f8a911;border:1px solid #f8a911;padding: 7.5px 12px;transition:all .3s ease-in-out;display:inline-block}
.linkdv a:hover{background:#f8a911;color:#fff}
/*tuvan-default*/
.tuvan-default{padding-top:50px;background: linear-gradient(to bottom,#f1f1f1 0%,#f1f1f1 calc(100% - 27px),#fff calc(100% - 27px),#fff 100%);}
.title-tuvan{text-align:center}
.title-tuvan h2{font-size:23px;color:#f8a911;font-weight:normal;text-transform:uppercase}
.title-tuvan h5{font-size:30px;text-transform:uppercase;color:#145898;font-family:mulib}
.ultv{margin-top:40px}
.ultv li{position:relative;width: 30.783%;float:left;margin-left:1.91275%;color:#fff;border-radius:20px;font-size: 21px;font-family:mulil}
.ultv li:before{content:"";background:url(/Design/iclh1.png) no-repeat;position:absolute;width:98px;height:67px;bottom:0}
.ultv li:nth-child(2):before{background-image:url(/Design/iclh2.png)}
.ultv li:nth-child(3):before{background-image:url(/Design/iclh3.png)}
.ultv li a{display:inline-block;padding: 12.5px 10px;background:#145898;float:right;width:90%;border-radius:0 12px 0 0;box-sizing:border-box;padding-left:50px;}
.bntuvan{position:relative;margin-top:30px}
.bntuvan:before{content:"";width:100%;height: 20px;position:absolute;background:url(/Design/ibnl.png)no-repeat right;right:100%;bottom: 5px;border-top:1px solid #124370;}
.bntuvan:after{content:"";width:100%;height:20px;position:absolute;background:url(/Design/ibnr.png) no-repeat left;left:100%;bottom: 5px;border-top:1px solid #124370;}
.bntuvan img{width:100%}
/*tintuc-default*/
.tintuc-default{background:linear-gradient(rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 100%),url(/Design/bgtt.png);background-size:cover}
.tintuc-default .container{padding: 72px 0;}
.toptthome{overflow:hidden}
.title-tintuc{float:left}
.botittt div{float:left;position:relative;}
.title-tintuc h2{font-size:35px;font-family:avo;color:#f8a911;text-transform:uppercase;font-weight:normal;line-height:1}
.title-tintuc h5{font-size:17px;color:#fff;font-weight:normal;display:inline-block;margin-top:10px}
.title-tintuc h6{position:absolute;border-bottom:1px solid #fff;width:34px;left:100%;bottom:0}
.tabtl{float:right;color:#fff;font-family:avo;text-transform:uppercase;margin-top: 17px;}
.tabtl a+a:before{content:"/";margin-right:5px}
.tabtl a.is-active{color:#f8a911}
.tabtt{display:none;overflow:hidden}
.tabtt.is-active{display:block}
.littto{width: 49.566%;float:left;border-radius:3px;overflow:hidden;position:relative}
.imgttto{height: 439.985px;}
.ndttto{background-color:#fff;padding:10px 10px;padding-left:16px;bottom:0;position:absolute;width:100%;box-sizing:border-box;color:#393939;transition:all .3s ease-in-out}
.ndttto h4{font-weight:normal;font-size:18px}
.ndttto >a{color:#f8a911;font-size:13px;text-transform:uppercase}
.ndttto >a:before{content:"\f1ea";font-family:fontawesome;font-size:15px;font-weight:300}
.littto:hover .ndttto{background:#00000054;color:#fff}
.showtab{margin-top:30px}
.ultt{width: 49.044%;float:right;}
.ultt li{float:left;width: 48.582%;position:relative;margin-bottom:2.836%;opacity:0}
.ultt li:nth-child(2n+2){float:right}
.imgtt{height:212px;border-radius:3px}
.imgtt a:before{content:"";width:100%;bottom:0;height:100px;position:absolute;background:linear-gradient(to top,#0000008f 0%,#fff0 100%);z-index:1}
.ndtt{position:absolute;bottom: -10px;padding:0 16px;z-index:1;transition: bottom .3s ease-in-out;}
.ndtt h4{color:#fff;font-size:14px;font-weight:normal;}
.ndtt >a{color:#f8a911;font-size:13px;text-transform:uppercase;transition: opacity .3s ease-in-out;opacity:0}
.ndtt >a:before{content:"\f1ea";font-family:fontawesome;font-size:15px;font-weight:300}
.litt:hover .ndtt{bottom:10px}
.litt:hover .ndtt >a{opacity:1}
.tabtt.is-active .littto{animation:fadeInUp 1s;animation-fill-mode: forwards;}
.tabtt.is-active .ultt li{animation:fadeInUp 1s;animation-fill-mode: forwards;}
.tabtt.is-active .ultt li:nth-child(2){}
.tabtt.is-active .ultt li:nth-child(3){animation-delay:.2s}
.tabtt.is-active .ultt li:nth-child(4){animation-delay:.2s}
/*footer*/
footer {}
.top-footer{background:#f5f5f5}
.top-footer .container{padding: 25px 0;}
.logof{height:85px}
.logof img{height:100%}
.menufoot.left{margin-left: 35px;}
.titlef{font-size:16px;font-family:avo;color:#f8a911;position:relative;padding-bottom:5px}
.titlef:before{content:"";position:absolute;border-bottom:1px solid;bottom:0;width:27px}
.ndmnf{color:#535353;font-size:14px;margin-top:20px}
.mnfdc p{max-width: 241px;}
.ndmnf span{display:block}
.mxh{color:#c9c9c9;font-size:14px;margin-top: 20px;}
.mxh a{cursor:pointer;text-align:center;border:1px solid;border-radius:5px;box-sizing:border-box;position:relative;display:flex;float:left;width:32px;height:32px;}
.mxh a+a{margin-left:5px}
.mxh a:hover{color:#f8a911}
.mxh i{margin:auto;font-size:17px}

.ulmnf{font-size:14px;color:#3e3e3e;margin-top:20px}
.limnf{transition:transform .5s;line-height:1.8;position:relative;padding-left:15px}
.limnf:before{content:"\f111";font-family:fontawesome;font-size:9px;color:#f8a911;font-weight:500;position:absolute;left:0;top: 16%;}
.limnf:hover{transform:translateX(10px);color: #f8a911;}
.spanmail{max-width:270px;display:inline-block;font-size:14px;color:#3e3e3e;margin-top:20px}
.form-leters{width: 270px;position:relative;margin-top: 20px;box-sizing:border-box;}
.form-leters .textbox{width: 228px;color:#000;border:1px solid #e2e2e2;border-right:none;font-size:13px;padding: 6px 13px;box-sizing:border-box;border-radius:4px;background:#fff;outline:none;}
.form-leters .textbox::-webkit-input-placeholder{color:#cbcbcb;}
.form-leters .button{background-color:#f8a911;color:#fff;font-size:15px;padding: 5.5px 15px;cursor:pointer;position:absolute;right:0;z-index:5;top:0;border-radius:3px;}
.form-leters .button:before{content:"\f1d8";font-family:fontawesome;font-weight:900;}
.testmail1,.testmail2,.testmail3{position:absolute;font-size:12px;top:100%;margin-top:5px;left:0}
.fbpage{height:227px}
/*mid-footer*/
.mid-footer{background:#fff}
.mid-footer .container{}
.titparner{float:left;font-family:avo;text-transform:uppercase;color:#f8a911;margin-top: 33px;max-width:20%}
.doitac{width: 78.261%;float:right;border-left:4px solid #f5f5f5}
.logo-item{padding: 13px 0;}
.logo-item a{display:block;height:60px;position:relative}
.logo-item img{margin:auto;left:0;right:0;top:0;bottom:0;}
/*foot*/
.foot{font-size:13px;color: #fff;background:#f8a911;}
.foot .container{padding: 12.5px 0;}
.copyf,.design{float:left}
.design{margin-left:5px}
.design a{color:#484848;}
.rightf{color:#484848}
.dayf{position:relative}
.dayf:before{content:"\f0c0";font-family:fontawesome;font-weight:900;color: #fff}
.totalf{position:relative;margin-left:20px}
.totalf:before{content:"\f643";font-family:fontawesome;font-weight:900;color: #fff}
/*inner-page*/
.inner-page{background:#fff;padding:50px 0 80px}
/*aboutpage*/
.aboutpage{padding-top:90px;/* padding-bottom:70px; */background: #fff;}
.mucgt{display:inline-block;position:relative;color:#f8a911;font-family:avo;padding-left:35px}
.mucgt:before{content:"";background:url(/Design/logoicon.png)no-repeat;height:33px;width:28px;background-size:auto 100%;position:absolute;left:0;}
.aboutpage .detail strong{color:#f8a911;font-family:avo;font-weight:normal;font-size:18px}
.gioithieu2{background-color:#f6f6f6;margin-top:50px !important;padding:20px 0}
.gioithieu4{background-color:#f6f6f6;/* padding-bottom: 70px; */padding-top:20px;}
.midgtp{}
.ulgt ul{overflow:hidden;position:relative}
.imggt50{width: 50%;float:left;}
.imggt50 img{width:100%;float:left}
.gt50{width: 44%;padding: 0 3%;/* float:right; */position: absolute;right: 0;top: 0;bottom: 0;/* display: inline-block; */background-color: #f2f2f2;/* vertical-align: middle; *//* margin: auto; */}
.gt50 *{/* margin:auto; *//* color:#333; *//* display:block */}
.ulgt2 .gt50{left:0;/* text-align:right; *//* float:right; */}
.ulgt2 .imggt50{float:right}
.nganh{position: absolute;top:0;bottom:0;margin:auto;height: fit-content;}
.nganh ul{padding-inline-start: 40px;margin-block-start: 1em;margin-block-end: 1em;}
.nganh li{list-style-type: disc;}

.sdtcgt img{width:100%;height:auto}
/*duanpage*/
.title-duan{color:#454545;font-family:mulib}
.uldap li{float:left;width: 32.174%;margin-right:1.739%;z-index:0}
.uldap li:nth-child(3n+3){margin-right:0}
.conttt {position: relative;}
.conttt ul {}
.conttt ul li {border: 1px solid #d5d5d5;font-size: 13px;padding: 9.5px 5px;overflow: hidden;background-repeat: no-repeat;padding-left: 47px;border-radius: 5px;
box-sizing:border-box;margin-top: 5px;position:relative}
.conttt ul li:before{content:"";background:url(/Design/ida1.png) no-repeat center;width:20px;height:15px;position:absolute;left:0;right: calc(100% - 40px);top:0;bottom:0;margin:auto;}
.conttt ul li:nth-child(2):before{background-image:url(/Design/ida2.png)}
.conttt ul li:nth-child(3):before{background-image:url(/Design/ida3.png)}
.conttt ul li:nth-child(4):before{background-image:url(/Design/ida4.png)}
/*ctduanpage*/
.boxspsame{}
.boxspsame .container{}
.titspsame{text-align:center;color:#145898;font-family:mulib;text-transform:uppercase;font-size:30px;margin:50px 0 30px}
/*tintucpage*/
.ulbv{margin-top:30px}
.imgbv{height:223px;border-radius:3px}
.ndbv h4{color:#145898;font-size:15px;font-family:mulib;height:42px;margin-top:10px}
.libv:hover h4{color:#f20909}
.ttbv{color:#545454;font-size:14px;height:38px;margin-top:10px}
.footbv{background:#f2f2f2;overflow:hidden;box-sizing:border-box;padding: 5.5px 10px;margin-top:10px}
.footbv a{float:left;color:#f20909;text-transform:uppercase;font-size:12px;position:relative}
.footbv a:before{content:"\f1ea";font-family:fontawesome;font-size: 16px;font-weight:300}
.viewbv{float:right}
.ulbvp li{width: 23.653%;float:left;margin-right:1.796%;margin-bottom:10px}
.ulbvp li:nth-child(4n+4){margin-right:0}
/*cttintucpage*/
.ulbvctp li{width:32.5%;margin-right:1.25%}
.ulbvctp li:nth-child(4n+4){margin-right:1.25%}
.ulbvctp li:nth-child(3n+3){margin-right:0}
/*sidebar*/
.uldaside{background: #ffffff;}
.uldaside li{overflow:hidden;background-color:#e9edf3}
.uldaside li+li{margin-top:10px}
.uldaside .imgF{height:80px;width:30%;float:left}
.uldaside h2{font-size:16px;color:#434343;width:68%;float:right;display:flex;height:80px;overflow:hidden}
.uldaside h2:hover{color:#145898}
.uldaside h2 a{margin:auto;}
/*other*/
.linkdutoan{display:none}
.navhover.owl-theme .owl-nav button,.navhover.owl-theme .owl-nav button:hover{background:none;border:none;outline:none}
.navhover.owl-theme .owl-nav button span{display:none}
.navhover .owl-nav button.owl-prev{position: absolute;width: 7%;background-color: transparent;height: 100%;top: 0;left: 0;cursor: url(/Design/back.png), auto !important;margin:0;}
.navhover .owl-nav button.owl-next{position: absolute;width: 7%;background-color: transparent;height: 100%;top: 0;right: 0;cursor: url(/Design/next.png), auto !important;margin:0}
.button-phone{position:fixed;bottom:20px;left:15px;width:60px;height:60px;text-indent:-1000px;background:#ffffff url(/Design/icon-mphone.png) no-repeat center 16px;background-size:50%;border-radius:100%;z-index: 134;box-shadow:0 0 5px rgba(0,0,0,.5);}
.button-phone:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgb(220, 31, 38);border-radius: 100%;
position:absolute;content:""; }
.button-phone:after{top: 0;left: 0;width: 100%;height:100%;background-color: #ffffff;border-radius: 100%;position:absolute;
content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}

.title-default .link{position:absolute;right:0;top:20%;}
.title-default .link a{font-size:15px;color:#145898;padding-bottom:5px;}.title-default .link a+a{margin-left:20px;}
.title-default .link a:hover,.title-default .link .active{color:#ffe302;border-bottom:1px solid #ffe302;}.title-default .link .active:hover{color:#145898;border-bottom:1px solid #145898;}

@media only screen
and (max-width :1279px){
.slideshow{height:409px;}
.mnliac1 span, .home i{padding: 17px 4px;}
.mnliac1{padding: 0px 2px;}
.ultv li{font-size: 16px;}
.logof{display:none}
.menufoot.mnfdc{margin-left:0}
}
@media only screen
and (max-width :1023px){
.slideshow{height:306px;}
.thebest p{}
.thebest p+p{}
.thebest p strong{font-size: 32px;}
.thebest p span{font-size: 16px;}
.ulbvp li{width:33%;margin-right: 0.5%}
.ulbvp li:nth-child(4n+4){margin-right: 0.5%}
.ulbvp li:nth-child(3n+3){margin-right: 0}

.lisp{/* width:33%; *//* margin-left: 0.25%; *//* margin-bottom: 0.25%; */}

.ultv li{width:33%;margin-left:0}
.ultv li+li{margin-left:.5%}
.gt50{width:100%;padding:3%;position:relative;display:flex;box-sizing:border-box}
.imggt50{width:100%;height:300px;overflow:hidden;position:relative}
.imggt50 img{position:absolute;height:100%;min-width:100%;width:auto}
.nganh{position:relative}

.mnfht{display:none}
.infof{float:none;display:block}
.mxh{float:none;display:block;text-align:center;margin-top:20px;}
.leftf{float:none;display:block;text-align:center}
.copyf,.design{float:none}
.rightf{float:none;display:block;text-align:center;overflow:hidden}
.dayf,.totalf{float:none}
.tabtl{margin-top:0}
.tabtl a{display:block}
.tabtl a:before{display:none}
.dktt{display:none}
.titparner{float:none;display:block;max-width: unset;margin:0;padding:10px 0;text-align:center;border-bottom: 4px solid #f5f5f5;}
.doitac{border:0;width:100%;float:none}
} 
@media only screen
and (max-width :467px){
.slideshow .prev,.slideshow .next{width:20px;height:20px;}
.slideshow{height:170px;}.slideshow .prev:before,.slideshow .next:before{font-size:40px;}
.linkdutoan{display:block;position:fixed;left:10px;top:60px;background:#fff;color:#f8a911;border-radius:5px;width:40px;height:40px;box-sizing:border-box;font-size:20px;text-align:center;padding-top: 7px;box-shadow:0 0 3px rgba(0,0,0,.6);}
.imggt50{width:100%;}
.gt50{/* width:94%; *//* position:relative; *//* padding:3% */}
.ulbvp li{width:49.5%;margin-right:0 !important}
.ulbvp li:nth-child(2n+2){float:right}
.footbv a{display:none}
.inner-page{padding-top:10px;padding-bottom:30px}
}   



.mobile{display:none;}
/*article default*/
.feature-category {width:32%;float:left;margin-right:2%}
.feature-category:nth-child(n+3){margin-top:20px;}
.feature-category .postImg{height:240px;}
.feature-category .text{border:1px solid #e0e0e0;border-top:0;padding:15px 10px;background:#fff;}
.feature-category h4{color:#145898;font-weight:bold;font-size:17px;height:48px;overflow:hidden;}
.feature-category h4:hover{color:#ffe302}.feature-category .desc{margin-top:10px;}
.feature-category:hover {outline:1px solid #145898;outline-offset:-1px;}
.nth-feature{width:32%;float:right;overflow:hidden;}
.nth-feature .item{overflow:hidden;}
.nth-feature .item+.item{margin-top:10px;}
.nth-feature .item .postImg{height:75px;width:30%;float:left;}.nth-feature .item .postImg a:before{display:block;width:100%;height:100%;outline:2px solid #145898;outline-offset:-2px;position:absolute;z-index:2;}
.nth-feature .item:hover .postImg a:before{content:"";}
.nth-feature .item .text{float:right;width:67%;}
.nth-feature .item h4{font-size:14px;color:#4f4f4f;height:42px;overflow:hidden;}
.nth-feature .item h4:hover{color:#145898;}
.nth-feature .link{text-align:right;font-size:14px;color:#e90000;margin-top:5px;}
.nth-feature .link a:after{content:"\f101";font-family: fontawesome;display:inline-block;width:14px;}
.nth-feature .link:hover{color:#000}

@media only screen
and (max-width :1023px){

.dangtin{display:block;background:#ffe302;float:none;text-align:center;width:100%;}
.dangtin a{display:block;background:#ffe302;color:#3f3f3f;}
.logo{position:relative;top:0;margin-top:0;margin-bottom:20px;width: 125px;height: 90px;display:none;}
nav {height:100%;position: fixed;top:0;left:0;width: 240px;overflow: auto;z-index:999;background-color: #145898;
display:none;transition:auto}
.menu_main{animation: inherit;float:none;margin-left:0;margin-top:10px;}
.mnlic1{color: #fff;float:none;position: relative;padding: 0;z-index:9;border-left:0;border-right:0 !important;background:no-repeat;}
.mnlic1:before{display:none;}
.mnlic1:hover{color:#fff;}
.mnliac1{border-bottom:1px solid #ffffff6b;display:block;/* padding-left:10px; */border-left:none !important;}
.mnliac1:before{display:none;}
.mnliac1 span:before{display:none;}
.home span{display:block}
.home i{display:none;}
.mnlic1.havesub:after{content: "\f107";font-family: FontAwesome;line-height: 2;text-indent: 4px;position:absolute;right:0;top:0;padding-top:3%;width:40px;
text-align:right;padding-right:10px;}
.menusub{font-size: 12px;position: static;padding:0 5px;margin:0;padding:0;display:none;transform:none;margin:0;width:100%;}
.menusub:before{display: none;}
.mnlic2{background:#fdfdfd;line-height:1.5;width: 100%;border: none !important;}
.mnlic2:before{color: #333}
.mnliac2{color: #333;padding:6px 0;padding-left: 30px;border-bottom:1px solid #bdbdbd;}
.mnliac2:hover{background: none}
.topheadopa{z-index:auto;border:none}
.top-header{z-index:9;position:relative;background: rgba(0, 0, 0, 0.7);}
.mobile{display:block;position:absolute;z-index:9;width:100%;top:0;}
.logo-mobile{position:absolute;width: 100px;/* height:90px; */top: 63px;left:0;right:0;margin:auto;z-index: -1;}
.logo-mobile img{width:100%;height:auto;position:relative;z-index:2;}

.search-link,#ShowMenu{position:fixed;left:10px;top:60px;background:#145898;color:#fff;border-radius:100%;width:40px;height:40px;box-sizing:border-box;font-size:20px;text-align:center;padding-top:5px;box-shadow:0 0 3px rgba(0,0,0,.6);}
#ShowMenu{top: 26px;padding-top:8px;border-radius:3px;background:#ffe302;}
#ShowMenu.close:after{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;left:0;content:"";z-index: 998;}  	  
.booking-button{position:fixed;bottom:20px;left:15px;width:50px;height:50px;background:#ffe302;background-size:50%;border-radius:100%;z-index:8;box-shadow:0 0 5px rgba(0,0,0,.5);display:block;text-align:center;font-size:30px;color:#fff;box-sizing:border-box;padding-top:7px;}
.booking-button i{position:relative;z-index:7;animation:phone-icon 3s infinite;}
.booking-button:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgba(255,255,255,.6);border-radius: 100%;position:absolute;content:"";z-index:1;}
.booking-button:after{top: 0;left: 0;width: 100%;height:100%;background-color: #ffe302;border-radius: 100%;position:absolute;content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}  
.search-box{display:none;}
footer .middle-footer .col-1,footer .middle-footer .col-2{width:100%;float:none;margin-left:0;}
footer .middle-footer .col-3{float:none;}footer .middle-footer .col-2{margin-top:20px;}

footer .sub-footer .social-footer{float:none;text-align:center;}
.feature-category{width:49%;margin-right:0;}.feature-category+.feature-category{float:right;}.nth-feature{clear:both;width:100%;margin-top:20px;}
.nth-feature .item .postImg{height:100px;width:20%;}.nth-feature .item .text{width:78%;}
}
@media only screen
and (max-width :467px){
.top-header{/* display:none; */}
.top-header .container{height:26px}
.top-header .right{border:none;padding:5px 0}
.hotline{font-size:11px;margin:0}
.sdt{padding-left:16px}
.sdt:before{width: 14px;height: 14px;background-size:cover;bottom:0}
.timkiem{display:none}
.banner-header{border-width:27px;}
.banner-header .logo .title{width:100px;height:17px;margin-top:13px;margin-left:5px;}
.banner-header .header-title span{font-size:18px;}  	
.banner-header .container {height:66px;padding:10px;z-index:7;}
.banner-header .logo{width:50px;height:50px;top:8px;margin-left:30px;}
.banner-header .header-title {margin-left:115px;margin-top:3px;}
.banner-header .header-title small{font-size:12px;}
.banner-header .dangtin{bottom:-26px;z-index:10;}
.banner-header .dangtin a{padding:3px 10px;}
.logo-mobile{width: 90px;height:58px;top: 26px;}
.logo-mobile img{padding:5px;box-sizing:border-box;background-color:#ffffff94;border-radius:5px}
footer .middle-footer .logo-footer{display:none;}
footer .middle-footer .company-name{padding-left:0;font-size:16px;margin-top:30px;}
.infocompany{margin-top:10px;}
.infocompany p{font-size:13px;line-height:1.4;}.infocompany p:before{display:none;}
footer .middle-footer .col-3{width:100%;padding-top:0;}		
footer .middle-footer{border-top:1px solid #ffe302;}
.feature-category{width:100%;float:none !important;}.feature-category+.feature-category{margin-top:20px;}
.nth-feature .item .postImg{height:80px;width:30%;}.nth-feature .item .text{width:67%;}	
}
.feature-default{margin-top:50px;}

.register-boxes{background: url(/Design/bg-footer.JPG);position:relative;padding-bottom:70px;}
.register-boxes:before{content:"";position:absolute;width:100%;height:100%;z-index:0;background: #145898a1;top:0;}
.boxes-product-default:last-of-type{background:#f4f4f4;padding-bottom:60px;}
.boxes > .contain{margin-top:20px;}
.boxes .link-all{text-align:center;color:#145898;font-size:15px;font-weight:bold;margin-top:20px;}.boxes .link-all:hover{color:#ffe302;}
.title-cat{font-size:25px;text-transform:uppercase;font-family:segoe ui;color:#145898;font-weight:500;text-align:center;margin:0;}
.title-cat:before{content:"";display:block;height:21px;background:url(/Design/icon-title.png) center no-repeat;margin-bottom:10px;display:none;}
.title-cat:after{content:"";width:80px;border-top:2px solid #ffe302;display:block;margin:auto;margin-top:10px;}
.description{text-align:center;color:#3f3f3f;font-size:18px;margin-top:5px;}

.news-feature .item{width:32%;float:left;margin-right:2%;overflow:hidden;height:129px;}.news-feature .item:nth-child(3n+3){margin-right:0;}.news-feature .item:nth-child(n+4){margin-top:20px;}
.news-feature .item .postImg{height:100%;width:40%;float:left;background:#fff;}
.news-feature .item .text{background:#fff;width:60%;box-sizing:border-box;float:right;height:100%;padding:10px 8px;}
.news-feature .item h4{font-size:15px;color:#ffe302;height:42px;overflow:hidden;}.news-feature .item h4:hover{color:#145898;}
.quymo-default{overflow:hidden;margin-top:70px;}
.quymo-default p{width:25%;float:left;color:#fff;text-align:center;font-size:17px;padding:20px 0;}
.quymo-default p strong{font-size:30px;}.quymo-default p strong:after{content:"+"}
.quymo-default p:first-child{background:#51bf10;}
.quymo-default p:nth-child(2){background:#ffe302;}
.quymo-default p:nth-child(3){background:#6ce327;}
.quymo-default p:nth-child(4){background:#7af533;}
.feature-default-2{margin-top:70px;margin-bottom:70px;}
.button-show{margin-top:20px;text-align:center;font-size:14px;text-transform:uppercase;color:#145898;font-weight:bold;font-family:segoe ui;}
.button-show a:hover{color:#ffe302;}
.boxes-product-default .form-control{max-width:700px;margin:auto;overflow:hidden;margin-top:20px;}
.boxes-product-default .form-control .txt{display:block;float:left;border:1px solid #cad3df;border-radius:3px;padding:8px 13px;background:#f5f7f9;font-size:14px;margin-right:1%;width:35.5%}
.boxes-product-default .form-control .btn{display:block;float:left;border:0;border-radius:3px;padding:10px 13px 8px;background:#ffe302;font-size:14px;width:15%;text-align:center;color:#3f3f3f;text-transform:uppercase;}
.boxes-product-default .form-control .btn:active{background:#145898;color:#fff;}
.title-register{text-align:center;}
.title-register span{display:block;font-size:30px;color:#fff;}
.title-register i{font-size:17px;color:#fff;font-style:normal;}

@media only screen
and (max-width :1023px){
.title-default i{display:none;}
.title-default .link{position:relative;}
.quymo-default p{width:50%;}
.bds-feature .bds,.bds-feature .bds:nth-child(4n+4){width:32%;margin-right:2%;}
.bds-feature .bds:nth-child(3n+3){margin-right:0;}.bds-feature .bds:nth-child(n+4){margin-top:20px;}
.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){width:24%;margin-right:1.33%;}.bds-feature-2 .bds:nth-child(4n+4){margin-right:0;}
.bds-feature-2 .bds:nth-child(n+5){margin-top:20px;}
.news-feature .item,.news-feature .item:nth-child(3n+3){width:49%;margin-right:2%}.news-feature .item:nth-child(2n+2){margin-right:0;}.news-feature .item:nth-child(n+3){margin-top:10px;}
}
@media only screen
and (max-width :467px){  
.title-default .link	{margin-top:10px;}
.title-default .link a{display:block;margin-left:0 !important;}
.boxes-product-default{padding:30px 0;}
.boxes-product-default:last-of-type{padding-bottom:40px;}
.description{display:none;}
.info_contain .description{display:block;}
.bds-feature .bds, .bds-feature .bds:nth-child(4n+4),.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){width:49%;float:left;margin-right:0;}
.bds-feature .bds .postImg{height:120px;}
.bds-feature .postImg .price, .bds-feature-2 .postImg .price{background:#f41b1b;}
.bds-feature .bds:nth-child(2n+2),.bds-feature-2 .bds:nth-child(2n+2){float:right;}
.bds-feature .bds:nth-child(n+3){margin-top:10px;}
.bds-feature h4, .bds-feature-2 h4{font-size:14px;height:60px;}
.bds-feature .postImg .price{font-size:15px;}
/*.bds-feature .bds:first-child,.bds-feature .bds:nth-child(2){width:100%;margin-right:0;}
.bds-feature .bds:nth-child(n+2){margin-top:20px;}
.bds-feature .bds:first-child h4,.bds-feature .bds:nth-child(2) h4{font-size:16px;height:48px;}
.bds-feature .bds:first-child .price,.bds-feature .bds:nth-child(2) .price{font-size:17px;}
.bds-feature .bds:first-child .postImg,.bds-feature .bds:nth-child(2) .postImg{height:220px;}*/
.bds-feature .bottom .dientich,.bds-feature .bottom .khuvuc:before, .bds-feature-2 .bottom .khuvuc:before{display:none;}
.bds-feature .bottom .price{float:left;}
.bds-feature .bottom .khuvuc, .bds-feature-2 .bottom .khuvuc{font-size:12px;}
.news-feature .item,.news-feature .item:nth-child(3n+3),.news-feature .item:nth-child(2n+2){float:none;width:100%;margin-right:0;}
.news-feature .item:nth-child(n+2){margin-top:10px;}	
.about-default{padding:30px 0 50px;padding-bottom: 0;}
.title-cat{font-size:20px;}
    .about-default .container{
        padding-top:0;
    }
    .title-default h2{
        font-size:23px;
    }
    .product-default{
         padding-top:0;
    }
    .title-tintuc h2{
        font-size:25px;
    }
.quymo-default,.feature-default-2 {margin-top:40px;}
.feature-default-2{margin-bottom:40px;}
.quymo-default p{font-size:12px;}
.quymo-default p strong{font-size:22px;display:block;}	
}
.content-inner .container{overflow:hidden;}  
.col-section{width:68%;float:left;box-sizing:border-box;}.col-side{width:29%;float:right;box-sizing:border-box;}
.content-inner{padding-top:70px;padding-bottom:70px;background:#fff;}
.content-inner .box-side:first-child{/* padding-top:70px; */position:relative;}
.content-inner .box-side:first-child:before{content:"";position:absolute;height:70px;border-right:1px solid #e1e1e1;left:0;top:0;display:none;}
.content-inner .box-side:last-child{/* padding-bottom:70px; *//* position:relative; */}
.content-inner .box-side:last-child:before{content:"";position:absolute;height:70px;border-right:1px solid #e1e1e1;left:0;bottom:0;display:none;}
.title-side{background-color:#145898;color:#fff;font-size:15px;padding: 1px 1px 1px;position:relative;}
.title-side span{background:#fff;display:block;color:#145898;text-transform:uppercase;padding:10px 15px 8px;position:relative;}
.title-side span:before{content:"";border:5px solid transparent;border-left-color:#145898;position:absolute;transform:rotate(-135deg);top:-5px;left:-5px;}
.title-side span:after{content:"";border:5px solid transparent;border-left-color:#145898;position:absolute;transform:rotate(45deg);bottom:-5px;right:-5px;}
.box-side .contain{padding:10px 17px;border: 1px solid #1458983b;border-top:0;}
.khuvuc li{color:#5f5f5f;font-size:15px;}.khuvuc li a{display:block;padding:10px 0;}
.khuvuc li+li{border-top:1px dashed #dfdfdf;}.khuvuc li:hover{color:#145898;}
.khuvuc li a:before{content:"";display:inline-block;width:22px;height:16px;background:url(/Design/icon-khuvuc.png);position:relative;top:2px;margin-right:3px;}
.title-inner{color:#145898;text-transform:uppercase;margin:0;padding-bottom:15px;position:relative;font-size:25px;}
.title-inner:after{content:"";width:111px;height:2px;background:url(/Design/border-title.png);position:absolute;bottom:0;left:0;}
.list-article-notice li{color:#0058b3;font-size:10px;list-style:square;margin-left:20px;}
.list-article-notice strong{color:#3f3f3f;}
.list-article-notice li a{font-size:16px;}
.list-article-notice li a:hover{color:#ef0707;}
.list-article-notice li .date{font-size:13px;color:#5f5f5f}
.list-article-notice li+li{margin-top:10px;}
.product-list .item{overflow:hidden;position:relative;height:140px;background:#fff;}
.product-list .item .edit-link{position:absolute;right:0;bottom:15px;border:1px solid #145898;padding:4px 15px;color:#145898;}
.product-list .item .edit-link:hover{border-color:#ea0c0c;color:#ea0c0c;}
.product-list .item .postImg{width:22%;float:left;height:100%;}.product-list .item .postImg img{/* margin-top:0 !important; */}
.product-list .item .postImg .hot,.bds-feature .postImg .hot{position:absolute;z-index:2;width:70px;height:70px;background:url(/Design/new1.gif);background-size:100% 100%;right:0;top:0;}
.product-list .item .text{width:78%;float:right;box-sizing:border-box;height:100%;border:1px solid #e2e2e2;border-left:0;padding:10px 15px;}
.product-list .item h4{font-size:20px;color:#ffe302;height:56px;display:flex;}.product-list .item h4 a{display:block;margin:auto;width:100%;}.product-list .item h4:hover{color:#145898;}
.product-list .item h4:hover{color:#145898;}
.product-list .item .desc{height:38px;font-size:14px;color:#6f6f6f;}.product-list .item .diachi{/* margin-top:5px; */;height:20px;overflow:hidden;}
.product-list .item .diachi:before{content:"\f041";font-family:fontawesome;color:#3f3f3f;display:inline-block;margin-right:5px;font-size:15px;}
.product-list .item p{color:#333;font-size:14px;margin-top:10px;line-height:1.6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.bds-feature .text li a,.product-list .item p a{color:#145898;font-weight:500;font-family:segoe ui;}
.product-list .item .bottom{border-top:1px solid #e2e2e2;margin-top:8px;padding-top:10px;overflow:hidden;}
.bds-feature .text li a:hover,.product-list .item p a:hover{color:#ea0c0c;}
.product-list .item .left{width:55%;padding:0 20px;box-sizing:border-box;border-right:1px solid #dbdbdb;}
.product-list .item .right{width:15%;margin-right:10px;}
.product-list .item .price{font-size:18px;color:#f53232;}
.product-list .item .dientich{color:#ffe302;font-size:13px;display:inline-block;margin-left:30px;}
.product-list .item .dientich:before{content:"";display:inline-block;width:12px;height:12px;background:url(/Design/icon-area2.png);display:inline-block}
.product-list .item .khuvuc,.bds-feature .item .khuvuc,.bds-feature-2 .item .khuvuc{float:right;color:#145898;font-size:13px;display:inline-block;margin-top:3px;}
.product-list .item .khuvuc:before,.bds-feature .item .khuvuc:before,.bds-feature-2 .item .khuvuc:before{content:"";display:inline-block;width:22px;height:16px;background:url(/Design/icon-khuvuc.png);display:inline-block;margin-right:5px;}
.bds-feature .item .khuvuc,.bds-feature-2 .item .khuvuc{float:none;font-size:14px;/* white-space:nowrap; */text-overflow:ellipsis;height: 38px;overflow: hidden;}
.product-list .item+.item{margin-top:20px;}

.list-article-category .item{float:left;width:32%;overflow:hidden;margin-right:2%;}
.list-article-category .item:nth-child(3n+3){margin-right:0;}
.list-article-category .item:nth-child(n+4){margin-top:30px;}
.list-article-category .item .postImg{height:180px;}
.list-article-category .postImg:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6) url(/Design/bg-products.png) center;z-index:2;opacity:0;transition:opacity .5s;}
.list-article-category .postImg:after{content:"\f002";font-family:fontawesome;color:#fff;position:absolute;z-index:5;font-size:30px;padding:4px 0;width:50px;border:1px solid #fff;
border-radius:100%;text-align:center;left:0;right:0;margin:auto;top:35%;transform:translateX(500px);transition:transform .2s;}
.list-article-category .postImg:hover:before{opacity:1;}
.list-article-category .postImg:hover:after{transform:translateX(0);}
.list-article-category .item h4{margin:10px 0;color:#145898;font-size:17px;height:46px;overflow:hidden;font-weight:normal;}
.list-article-category .item .desc{border-top:1px solid #e1e1e1;padding-top:10px;}
.list-article-category h4:hover,.nth-article h4:hover{color:#145898;}
.title-post{font-size:25px;color:#ffe302;border-bottom:1px solid #ffe302;padding-bottom:10px;margin:0;}
.title-sub{margin-top:20px;font-size:16px;font-weight:bold;color:#145898;text-transform:uppercase;border-bottom:1px solid #145898;}
.title-sub span{display:inline-block;padding:6px 0;padding-right:20px;}
.list-same-post {overflow:hidden;margin-top:18px;}
.list-same-post .item{width:32%;margin-right:2%;float:left;overflow:hidden}
.list-same-post .item:nth-child(3n+3){margin-right:0}
.list-same-post .item:nth-child(n+4){margin-top:20px;}
.list-same-post .postImg{height:180px;}
.list-same-post h4{color:#3f3f3f;font-size:16px;font-weight:normal;height:48px;margin-top:6px;overflow:hidden;}
.list-same-post h4:hover{color:#145898;}
.list-same-post .item .desc{font-family:segoe ui;}
.slider_contain {overflow: hidden;width:100%;float:left;}
.slider_contain .sliderPhotos {position:relative;height:500px;background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;}
.slider_contain .productPhotos {height: 500px;background:#fff;}
.slider_contain .sliderPhotos .next{cursor:pointer;background:url(../Design/icon_next.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;right:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos .prev{cursor:pointer;background:url(../Design/icon_prev.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;left:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos ul{overflow: hidden;margin: 0;padding:0;list-style:none;}
.slider_contain .sliderPhotos li{width:100%;height: 100%;position: absolute;top:0;left:0;display:none;text-align:center;}
.slider_contain .sliderPhotos li img{min-width:auto;}
.slider_contain .thumbnail{margin-top:5px;text-align:center}
.slider_contain .thumbnail img{width:auto;height:30px;cursor:pointer;border:1px solid transparent;opacity:.8;border:1px solid #d1d1d1;padding:3px;background:#fff;}
.slider_contain .thumbnail .active{opacity: 1;border:1px solid #145898;}
#carousel {margin-top:5px;}
#carousel .slides > li{height: 100px;}
#carousel .slides > li img{min-width:100%}
.info_contain{width:53%;float:right;}
.title-promotion{font-size:17px;font-family:segoe ui;color:#145898;margin:0;margin-bottom:15px;}
.title-product {font-size:22px;color:#145898;font-family:segoe ui;margin:0;margin-bottom:8px;}
.title-post {font-size:25px;color:#145898;margin:0;/* margin-bottom:20px; */}
.tacgia,.nhaxuatban{font-size:14px;color:#8f8f8f;font-family:segoe ui;display:inline-block;}
.tacgia{margin-right:20px;}
.tacgia:before{content:"\f007";font-family:fontawesome;display:inline-block;margin-right:5px;}
.nhaxuatban:before{content:"\f02e";font-family:fontawesome;display:inline-block;margin-right:5px;}
.info_contain .contain{border-top:1px solid #dedede;overflow:hidden;}
.info_contain .left-content{float:left;width:50%;text-align:justify;}
.info_contain .description{font-size:15px;color:#222;margin-top:20px;}.info_contain .description a{color:#145898;}.info_contain .description a:hover{color:#ef0707;}
.info_contain .percent{position:absolute;right:20px;width:62px;padding-top:30px;padding-bottom:10px;background:url(/Design/sale-icon.png) no-repeat;color:#fff;text-align:center;top:0;}
.info_contain .price,.info_contain .link-order{margin-top:20px;position:relative;padding:20px 15px;text-align:center;border-radius:4px;border-radius:5px;background:#f1f1f1;display:block;}
.info_contain .link-order{background:#ffe302;border:0;}
.info_contain .contact-user{font-size:14px;color:#3f3f3f;margin-top:10px;}
.info_contain .contact-user .user-name{display:block;font-size:17px;color:#145898;}
.info_contain .contact-user .sdt{display:block;font-size:22px;color:#ffe302;}
.info_contain .price-old{color:#8f8f8f;font-size:18px;text-decoration:line-through;font-family:segoe ui;color:#145898;}
.info_contain .price-new{font-size:30px;color:#e50000;}.info_contain .link-order{color:#fff;text-transform:uppercase;font-size:20px;}
.info_contain .contact-us{margin-top:15px;font-size:18px;display:block;padding:10px 0;
color:#fff;border-radius:5px;position:relative;background:linear-gradient(#145898,#145898);font-weight:500;font-family:segoe ui;text-align:center;}
.info_contain .contact-us span{}
.info_contain .contact-us a{display:block;font-size:22px;position:relative;margin-top:5px;}.info_contain .contact-us a+a{}    
/*.info_contain .contact-us a:before{content:"\f095";display:inline-block;font-family:fontawesome;border-radius:100%;position:absolute;color:#fff;margin-left:-35px;width:25px;height:25px;border:1px solid #fff;font-size:16px;box-sizing:border-box;padding-top:1px;top:3px;}*/
.info_contain .right-content{width:46%;float:right;}
.info_contain .promotion{border:1px solid #145898;border-radius:20px;margin-top:10px;padding:30px 20px;}
.info_contain li{font-size:15px;color:#1e1e1e;padding-left:20px;position:relative;}
.info_contain li+li{margin-top:8px;}
.info_contain li:before{content:"\f00c";font-family:fontawesome;color:#2bca08;position:absolute;left:0;font-size:13px;top:3px;}
.info_contain li a:hover{color:#145898;}
.boxes-tab{position:absolute;top:0;left:0;width:100%;}
.boxes-tab .contain{display:none;position:relative;}.boxes-tab .contain:before{position:absolute;width:100%;content:"";left:0;z-index:1;top:-1px;}
.title-tab a{width:200px;text-align:center;display:inline-block;font-size:16px;color:#fff;background:#00a1dc;position:relative;z-index:3;padding:8px 0;border-radius:4px;text-transform:uppercase;}
.title-tab a.active{background:#fff;color:#145898;border:1px solid #145898;border-bottom:0;padding:10px 0;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;}
.boxes-tab:nth-child(2) .title-tab{margin-left:205px;}
.content-single .boxes+.boxes{margin-top:30px;}
.content-single.background{background:url(/Design/background.jpg) fixed center;}

@media only screen
and (max-width :1023px){
.slider_contain{/* width:45%; */}
.info_contain{width:52%;}      
.col-section,.col-side{float:none;width:100%;margin-top:20px;}
.content-inner .col-section{padding-bottom:0;}
.content-inner .box-side:first-child{padding-top:0;margin-top:50px;}
.content-inner .box-side:first-child:before,.content-inner .box-side:last-child:before{display:none;}
.box-side .contain{border:1px solid #e1e1e1;background:#fff;}
.box-side+.box-side{margin-top:30px;}
.title-post{font-size:24px;}  
.title-about, .title-inner{font-size:20px;}
.title-about h1{font-size:20px;}.title-about h4{font-size:14px;}
.list-article-category .item{width:49%;margin-right:2%;}
.list-article-category .item:nth-child(3n+3){margin-right:2%;}
.list-article-category .item:nth-child(2n+2){margin-right:0;}
.list-article-category .item:nth-child(n+3){margin-top:20px;}   
.cat-sub li,.cat-sub li:nth-child(5n+5){width:24%;height:58px;margin-right:1.25%;}
.cat-sub li:nth-child(4n+4){margin-right:0;}
.content-inner .box-side:last-child{padding-bottom:40px;}
.col-section{padding-left:0;}
.content-inner,.content-single{background:#fff;}.content-inner .col-section{padding-left:0;/* padding-top:40px; */}
}
@media only screen
and (max-width :467px){
.content-inner{padding-top:30px;padding-bottom:30px;}
.boxes-product-default:nth-of-type(4){padding-top:30px;padding-bottom:40px;}
.title-register span{font-size:18px;}.title-register i{font-size:12px;}
.boxes-product-default .form-control .btn{width:20%;}.boxes-product-default .form-control .txt{width:27.5%;}.boxes-product-default .form-control .btn i{display:none;}
.product-list .item{padding-top:60px;height:100px;/* background:none; */}
.product-list .item .postImg{height:100px;width:40%;}
.product-list .item{position:relative;}.product-list .item p{margin-top:3px;}
.product-list .item h4{position:absolute;top:0;width:100%;left:0;box-sizing:border-box;font-size:16px;padding:0 8px;}
.product-list .item .diachi{height:42px;}
.product-list .item .right{position:absolute;z-index:7;bottom:10px;right:5px;width:150px;text-align:center;}
.product-list .item .text{width:60%;/* background:#fff; */}	
.product-list .item .desc,.product-list .item .dientich,.product-list .item .khuvuc{display:none;}
.bds-feature-2 .bottom .price{font-size:14px;}
.bds-feature-2 .bds:nth-child(n+3){margin-top:10px;}
.bds-feature-2 .postImg{height:120px;}
.title-project{font-size:20px;}
.list-article-category .item{width:100%;/* float:none !important; */margin-right:0;}
.list-article-category .item:nth-child(2n+2){margin-right:0;}
.list-article-category .item:nth-child(n+3){margin-top:10px;}
.info .share{display:none;}
.slider_contain{width:auto;}
.slider_contain .sliderPhotos{height:200px;}
.cat-sub li,.cat-sub li:nth-child(4n+4),.cat-sub li:nth-child(5n+5){width:32%;height:48px;margin-right:2%;font-size:11px;}
.cat-sub li:nth-child(3n+3){margin-right:0;}
.slider_contain{width:100%;float:none;margin-top:30px;}
.info_contain{width:100%;float:none;}
.info_contain .price-new {font-size:20px;}
.title-product{font-size:20px;}
.title-detail{font-size:20px;}
.info_contain .contact-us{font-size:16px;text-align:center;}
.info_contain .right-content{display:block;width:100%;float:none;box-sizing:border-box;margin-top:20px;}
.list-same-post .postImg{height:80px;}
.khuvuc-list li{width:50%;font-size:13px;}
.slider_contain .productPhotos{height:250px;}	
.content-inner .box-side:first-child{margin-top:20px;}
.content-single{padding-top:30px;padding-bottom:50px;}
}


.album-design{overflow:hidden;}
.album-design li {height:150px;width:24%;float:left;margin-right:1.25%;}
.album-design li:nth-child(4n+4){margin-right:0;}.album-design li:nth-child(n+5){margin-top:15px;}
@media only screen
and (max-width :1023px){
.text-about{width:100%;}
.linkgt{}
.picture-about{width:100%}
.imggt1,.imggt2{width:64%}
.album-design li{height:120px;}
}
@media only screen and (max-width: 467px){
.title-group{padding-bottom:40px;}
.text-about h2{font-size: 19px;}.text-about h5{font-size:16px;}
.picture-about{width:100%;height:250px;}	
.title-group h2{font-size:25px;}
.title-side{text-align:left;font-size:18px;}
.col-side,.col-section{width:100%;float:none;}.col-side{margin-top:20px;}
.title-post{font-size:20px;}
.list-article-category .item,.list-article-category .item:nth-child(3n+3){width:49.5%;margin-right:0;}.list-article-category .item:nth-child(2n+2){float:right;}.list-article-category .item:nth-child(n+3){margin-top:20px;}
.list-article-category .item .postImg{height:130px;}
.bg-bg:after{width:300px;height:300px;background-size:100%;bottom:-150px;right:-150px;}
.album-design li{}
.album-design li{width:49%;margin-right:0;margin-bottom:10px}
.album-design li:nth-child(2n+2){float:right;}
.title-about:after{left:0;right:0;margin:auto;}.title-default span{font-size:18px;}
.imggt1,.imggt2{width: 72%;}
.ttgt{width:100%;}
.thebest p{width:50%;}
.thebest p+p{/* margin:0; *//* margin-top:10px */}
.lisp{/* width:49.5%; *//* margin-left:0.3333333333333% */}
.uldap li{width:49.5%;margin-right:0;margin-bottom:1%}
.uldap li:nth-child(2n+2){float:right}
.imgsp{height:250px}
.ultv li{width:100%;font-size:21px;margin-bottom:25px}
.bntuvan{margin-top:0}
.fbpage{float:none;margin:10px 0;/* margin-left: 13%; */}
.infof{text-align:center;max-width:100%}
.ulttp li{width:49%;margin-right:0}
.ulttp li:nth-child(2n+2){float:right}
.righttopf{float:none;text-align:center;overflow:hidden;display:block;width:100%;margin-top: 20px;}
.title-tintuc h5{display:none}
.tabtl{font-size:13px}
.littto{width:100%}
.imgttto{height:300px}
.ultt{width:100%;margin-top:5px}
.ultt li{width:49.4%}
.menufoot.left{margin-left:0;float:none;text-align:center}
.mnfdc p{max-width:unset}
.mxh{overflow:hidden;text-align:center;display:inline-block}
.mxh a{}
}  
@media only screen and (max-width: 375px){
.lefttopf{float:none;text-align:center;width:100%;overflow:hidden}
.menufoot{float:none}
.limnf:before{display:none}
.menufoot+.menufoot{margin-left:0}
.titlef:before{left:0;right:0;margin:auto}
.ultv li{font-size:16px}
.title-about{padding-left:10px}
.text-about h5{font-size: 18px;}
.title-about h6{height: 47px;width:3px;height: 6px;}
}