#slideshow {position:relative;width:100%;z-index:1}
#slideshow img{width:100%;height:auto;float:left}
header{position:relative;background:#fff}
.tophead{color:#5f5f5f;font-size:13px;border-bottom:1px solid #dfdfdf;}
.tophead .container{padding: 13px 0;}
.tophl{background:url(/Design/i_diachi.png) no-repeat left center;padding-left:18px}
.tophr{position:relative;padding-left:20px;text-transform:uppercase}
.tophr:before{content:"";position:absolute;left:0;background:url(/Design/i_phone.png) no-repeat;height:15px;width:15px;left:0;top:1px;animation:swing 1s infinite}

.fix-menu{position: fixed;z-index: 9999 !important;width: 100%;top: 0;}
.middle-header{background:#277D8C}
.middle-header .container{padding:28px 0 13px}
.logo{height:76px;}
.logo img{height:100%}
.mxhh{display:flex;margin-top:24px}
.mxhh a{display:flex;height:44px;width:44px;background:#58A9B0;color:#fff;border-radius:50%}
.mxhh a+a{margin-left:11px}
.mxhh i{margin:auto}
.phoneh{float:left}
.phoneh a{font-family:newb;background:#000;color:#fff;padding: 11px 37px 13px;display:inline-block;border-radius:50px;}
.phoneh a:hover{background:#27b118}
.searchbox{position:relative;font-size: 13px;width:291px;margin-top:7px}
.txttk{width: 100%;height:30px;box-sizing:border-box;padding:0 26px;background:transparent;color:#fff;border:none;outline:none;border-radius: 50px;border-bottom:1px solid rgb(255 255 255 / .5)}
.txttk::-webkit-input-placeholder{color:rgb(255 255 255 / .6);}
.btntk{position:absolute;color:rgb(255 255 255 / .6);top: 0;right:20px;height:100%;display:flex;}
.btntk i{margin:auto;font-weight:500;font-size:16px}
.btntk:hover{background:#0EA70B;color:#fff}
.nav_main{font-size:15px;color:#fff;background:#818285}
.mnlic1{float:left;border-right:1px solid #717276}.mnlic1:last-child{border-right:0}
.mnlic1+li{border-left:1px solid #A4A7B1}
.openmn{display:none}
.mnliac1{display:block;padding: 11.1px 19px;}
.mnlic1:hover .mnliac1{background:#58A9B0;color:#fff;}
.menusub{background-color:#277D8C;position:absolute;display: none;z-index:2;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06)}
.menusub li{background-color:#277D8C;border-top: 1px solid #ffffff5e;position:relative}
.menusub li a{display:block;padding:8px 18px;}
.menusub li:hover{color:#fff;background:#58A9B0;}
.middle-header.fix-menu{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.middle-header.fix-menu .logo{margin-top: 2px;height:50px;}
.middle-header.fix-menu .mnliac1{padding: 5px 0;}
.middle-header.fix-menu .container{height:54.8px}
#ShowMenu{display:none;}
@media only screen
and (max-width :1023px){
#ShowMenu{display:flex;float:right;height:35px;position:relative;width:35px;border:1px solid #fff;margin-top: 15px;z-index:998;}
#ShowMenu i{color:#fff;font-size:16px;margin:auto;font-weight:900;position:relative}
#ShowMenu.close i:before{content:"\f00d"}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
.mxhh,.searchbox{display:none}
.middle-header.scroll-to-fixed-fixed{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.nav_main {position:fixed;z-index: 1000;overflow:scroll;top:0;width:100%;height:100%;display:none;left:0;float:none;margin:0;width:250px;}
.menu_main{float:none}
.mnlic1{float:none;position:relative;padding:0 2%;margin:0;border:none !important}
.mnliac1{padding:15px 2%;width:calc(100% - 42.4px)}
.mnliac1 span{display:inline-block;padding:0}
.mnlic1:hover .mnliac1 span{background:none}
.openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;}
.openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.havesub.active .openmn:before{transform:rotate(90deg)}
.menusub{position:relative;padding:0}
.menusub li{padding:15px 0;padding-left:6%;}
.menusub li a{padding:0}
.phoneh{float:none;padding:0 2%;margin-bottom:20px}
.phoneh a{width:100%;padding:11px 0 13px;text-align:center;display:block}
}
@media only screen
and (max-width :467px){
.middle-header .container{padding:10px 0;display:flex;justify-content: space-evenly;}
.tophr,.tophl{float:none;}    
.dkh{margin-right:10px}
.dkh a+a{margin-left:0;padding-left:5px}
.logo{height:50px;margin:5px 0}
#ShowMenu{margin-top:12.5px}
}

footer {color:#000;font-size: 15px;background:#e6ccbb}
.topfooter{border-top:3px solid #a88d78}
.topfooter .container{padding:50px 0;max-width:900px}
.titf{font-size: 14px;font-family:avob;text-transform:uppercase;position:relative;}
.inf{margin-top:10px;font-size:13px}
.topf2{display:flex;justify-content: space-around;}
.ulf{margin-top:15px;}
.inf p,.ulf li{line-height: 1.9;}
.ulf li{position:relative;transition:transform .1s}
.ulf li:before{content:"\2022";}
.ulf li:hover{transform:translateX(10px)}
.topf3{width:100%;max-width:413px}
.foot .container{padding: 21px 0;}
@media only screen
and (max-width :1023px){
.topf3{float:left;margin-top:30px}
.foot .left,.foot .right{float:none;display:block;text-align:center}
}
@media only screen
and (max-width :467px){
.topf2{margin-top:30px;flex-direction: column;}
.fbf{margin-top:20px}
}

.titcat{text-align:center;position:relative;margin-bottom:50px}
.titcat span{background:#277D8C;color:#fff;font-family:new;font-size:45px;padding:20px 30px;min-width:30%;display:inline-block;border-radius:20px;position:relative;}
.titcat:before{content:"";width:100%;border-top:3px solid #000;left:0;position:absolute;top:50%}
.tithome{color:#3f3f3f;display:flex;justify-content: space-between;border-bottom:1px solid #000;padding-bottom:20px;margin-bottom:50px}
.tithome strong{font-family:new;font-weight:normal;font-size:50px;text-transform:capitalize}
.tithome a{font-size: 13px;margin-top: 50px;}
.tithome a:hover{color:#277d8c}
@media only screen
and (max-width :467px){
.titcat span{font-size:30px}
.tithome{font-size:20px;padding-bottom:10px;margin-bottom:30px}
.tithome strong{font-size:35px}
.tithome a{display:none}
}

.texthome{background:#fff}
.texthome .container{padding:70px 0}
.texthome h1{color:#5f5f5f;font-size:26px;font-family:newb;text-transform:uppercase;position:relative;padding-bottom:21px}
.texthome h1:before{content:"";position:absolute;border-bottom:5px solid #27b118;width:74px;left:0;margin:auto;bottom:0}
.texthome ul{overflow:hidden;margin-top:17px}
.texthome ul li{width:50%;font-size:14px;color:#3f3f3f;padding-left:134px;height:94px;margin:auto;float:left;background:url(/Design/icon.png) no-repeat left;background-size:auto 84px;margin-top:23px;}
.texthome ul li strong{color:#000;font-family:avob;font-size:18px;line-height:2}
@media only screen
and (max-width :467px){
.texthome h1{font-size:20px}
.texthome ul li strong{font-size:18px;line-height:1}
.texthome ul li{width:100%;height:auto;padding-left:60px;background-size:auto 50px;font-size:13px}
}

.danhgiahome{background:#fff}
.danhgiahome .container{padding-top:80px}
.lidg{border:1px solid #dfdfdf;border-radius:8px;padding:28px}
.lidg .top{overflow:hidden}
.imgava{height:100px;width:100px;border-radius:50%}
.lidg .top .left{width:calc(100% - 100px);color:#1f1f1f;}
.lidg .top .left h4{font-family:avob;font-size:15px;margin-top:10px}
.lidg .top .left p{font-size:15px;margin:5px 0 15px}
.lidg .top .left img{height:14px;width:auto}
.lidg .nd{font-size:15px;color:#444440;margin-top:30px}
.owlnav .owl-carousel .owl-nav button{position:absolute;top: 26%;left:0;outline:0}
.owlnav .owl-carousel .owl-nav button.owl-next{right:0;left:auto}
.owlnav .owl-carousel .owl-nav button:before{content:"\f053";font-family:fontawesome;font-size: 40px;padding: 22px 23px 22px 16px;background:#fff;opacity:.6}
.owlnav .owl-carousel .owl-nav button.owl-next:before{content:"\f054";padding: 22px 16px 22px 23px}
.owlnav .owl-carousel .owl-nav button:hover:before{opacity:1}
.owlnav .owl-carousel .owl-nav span{display:none}

.dkhome{background:#f7f7f7;}
.dkhome .container{width:100%;max-width:100%;display:flex;flex-direction: row-reverse;}
.dkhome .dkhomet{flex:1}
.dkhome .dkhomeb{flex:1;box-sizing:border-box;padding:50px 0;text-align:center;color:#000;background:#e6ccbb}
.title h2{font-size: 24px;text-transform:uppercase;font-family:avob;position:relative;}
.title p{max-width: 500px;margin:15px auto 25px;font-size: 13px;}
.dkhome .contact{width: 80%;margin:auto;}
.dkhome .form-control {box-sizing:border-box;background:none;display:flex;justify-content: space-between;}
.form-btn{justify-content: flex-end !important}
.form-control p{font-family:ro;font-size:18px;margin-top: 10px;}
.form-control .txt,.form-control .btn{font-size:15px;color:#000;padding: 12px 20px;width: 74%;border-radius: 7px;box-sizing:border-box;outline:0;}
.form-control .txtM{height: 90px;}
.form-control+.form-control{margin-top:15px;}
.form-control .btn{background:#b18f74;display:block;text-transform:uppercase;text-align:center;font-size:13px;padding: 5px 0;}
.form-control .btn:hover{background:#277d8c;color:#fff}
.bgtop{position:absolute;}
@media only screen
and (max-width :1023px){
.dkhome .container{flex-direction: column;}
.dkhomet {height:400px;flex:unset !important}
}
@media only screen and (max-width: 467px){
.dkhome .dkhomeb{padding:30px 0;}
.dkhome .contact{width:100%;max-width:320px}
.dkhome .title{max-width:320px;margin:auto}
.dkhome .form-control{justify-content: unset;flex-direction: column;text-align:left}
.form-control+.form-control{margin-top:0}
.form-control .txt, .form-control .btn{width:100%}
.form-btn{margin-top:15px !important}
}  

.abouthome{padding:80px 0;}
.abouthome .container{position:relative}
.gthomet{width: 52%;position:absolute;right:0;top: 41px;z-index:2}
.gthomeb{width: 52%;position:relative;z-index:1}
.gthomeb img{width:100%}
.gthomet .nd{background:#fff;padding: 60px 45px;}
.gthomet h1{font-family:new;font-size: 52px;}
.gthomet h3{font-size: 13px;font-weight:normal;text-transform:uppercase;position:relative;font-family:avob;margin-bottom:50px}
.gthomet p{color:#3f3f3f;text-align:justify;margin-top:20px;font-size:14px;line-height:1.3}
.gthomet p+p{margin-top: 9px;}
.linkgt{text-align:center;position:relative;top: -27px;}
.linkgt a{background:#222;color:#fff;font-size:16px;display:inline-block;;padding: 15px 0;width:60%;transition:.1s;}
.linkgt i{margin-left:20px}
.linkgt a:hover{background:#277D8C;}
@media only screen 
and (max-width: 467px){
.abouthome{padding:20px 0}
.gthomet{width:100%;position:relative;top:0}
.gthomet .nd{padding:20px 40px;padding-bottom:60px}
.gthomet h3{margin-bottom:20px}
.gthomeb{width:100%;}
}

.dvhome{padding:100px 0;overflow:hidden}
.dvhome .container{overflow:initial}
.itemcat{margin-bottom:180px}
.imgdv{padding: 55% 50%;}
.uldv{position:relative}
.uldv:before{content:"";position:absolute;border-left:1px solid #000;height:100%;left: 32.7%;top:0;z-index: 1;}
.uldv:after{content:"";position:absolute;border-left:1px solid #000;height:100%;left: 67.3%;top:0;z-index: 1;}
.lidv .nd{mcolor:#3f3f3f;text-align:center}
.lidv h4{font-size:20px;font-family:avob;text-transform:uppercase;padding-top:20px}
.lidv h4:hover{color:#277D8C}
.lidv p{font-size:13px;margin:10px 0 20px}
.lidv .link a{font-size:13px}
.lidv .link a:hover{color:#277D8C}
@media only screen 
and (max-width: 467px){
.dvhome{padding:20px 0}
.uldv{max-width:320px;margin:auto}
.uldv:before,.uldv:after{display:none}
.itemcat{margin-bottom:30px}
}

.duanhome{background:#bacecf;margin-top:100px}
.duanhome .container{padding:60px 0}
.ulda{margin:0 -25px}
.ulda >div{padding:25px}
.imgda{padding:40%;border:3px solid #fff}
.lida h4{color:#333;font-size:18px;font-family:avob;text-align:center;margin-top:20px}
.lida h4 a:hover{color:#277D8C}
@media only screen 
and (max-width: 467px){
.duanhome{margin-top:0}
}

.sphome{background:#000;}
.sphome .container{padding:75px 0}
.lisp{background:#fff;text-align:center}
.imgsp{padding: 29.2%;}
.lisp .nd{padding:18px}
.lisp h1{color:#5f5f5f;font-size:15px;font-family:avob;text-transform:uppercase;margin-bottom:12px}
.lisp .price{background:#f1f1f1;font-size:32px;font-family:avob;color:#f50000;padding: 3px 0 5px;}
.lisp .tt{text-align:left;display:inline-block;font-size:15px;color:#4f4f4f;margin-top:12px}
.linksp a{background:#27b118;color:#fff;display:block;font-family:avob;text-transform:uppercase;font-size:18px;padding: 13px 0 15px;}
.lisp:hover .linksp a{background:#f50000}
/*sppage*/
.ulpp{margin-left:-15px;margin-right:-15px}
.ulpp .col-sm-6{padding:15px}
.titproduct{border-bottom: 1px solid #acacac;padding-bottom:10px;margin-bottom: 6px;}
.titproduct2{display:none}
.giadp{color:red;font-family:newb;font-size:25px;margin-bottom:10px}
.thongsosp{font-size:15px;color:#3f3f3f;margin-bottom:20px;}
.thongsosp *{line-height:1.8}
.thongsosp >*:before{content:"\f017";font-family:fontawesome;font-weight:500;font-size:16px;width:20px;display:inline-block}
.thongsosp >*:nth-child(2):before{content:"\f144";font-weight:900}.thongsosp >*:nth-child(3):before{content:"\f1da"}
.thongsosp >*:nth-child(4):before{content:"\f0a3";font-weight:900}.thongsosp >*:nth-child(5):before{content:"\f541";font-weight:300;font-size:18px}
@media only screen 
and (max-width: 467px){
.ulsp{display:block}
.sphome .ulsp li{margin:1%}
.titproduct{display:none}
.titproduct2{display:block}
}

.tintuchome{padding:140px 0 200px;overflow:hidden}
.tintuchome .container{overflow:initial}
.ultt{margin-top: 30px;}
.litt{}
.imgtt{padding:40%}
.litt .nd{padding:40px 20px 30px;position:relative;text-align:center;background:#fff;border:3px solid #bacecd;border-top:6px solid #bacecd;border-bottom:0}
.litt h4{font-family:avob;color:#000;text-transform:uppercase;font-size:15px;margin-bottom:10px;height:41.6px}
.litt h4:hover{color:#277D8C}
.litt .datett{font-size:13px;color:#7f7f7f}
.litt .nd p{color:#3f3f3f;font-size:13px;overflow:hidden;margin-top:10px;text-align:justify;text-align-last: center;height:70.4px;overflow:hidden}
.linktt a{display:block;text-align:center;color:#000;font-size:13px;background:#bacecd;padding: 5.5px 0}
.linktt a:hover{color:#277D8C}
@media only screen 
and (max-width: 467px){
.tintuchome{padding:50px 0}
.tintuchome .container{overflow:initial}
.ultt{max-width:320px;margin-top:0;margin:auto}
.litt h4{height:auto}
.litt .nd p{height:auto}
}

/*khac*/
.navhover.owl-carousel .owl-nav{}
.navhover.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;}
.navhover .owl-nav button.owl-prev{left:0}
.navhover .owl-nav button.owl-next{right:0}
.navhover.owl-carousel .owl-nav button:before{position:absolute;background-color:#3f3f3f;color:#fff;border-radius:50%;font-size: 55px;opacity:.7;width:70px;height:70px;top:0;bottom:0;margin:auto;box-sizing:border-box;}
.navhover .owl-prev:before{content:"\f053";font-family:fontawesome;left:-35px;font-weight:900;padding-right: 8px;}
.navhover .owl-next:before{content:"\f054";font-family:fontawesome;right:-35px;font-weight:900;padding-left: 8px;}
.navhover.owl-carousel .owl-nav button span{display:none}
.navhover.owl-carousel .owl-nav button:hover:before{opacity:1}
@media only screen 
and (max-width: 467px){
.navhover .owl-nav button.owl-prev{left:0}
.navhover .owl-nav button.owl-next{right:0}
.navhover .owl-prev:before{right:0}
.navhover .owl-next:before{left:0}
.navhover.owl-carousel .owl-nav button:before{width:35px;height:35px;font-size: 27px;}
}

.inner_page{margin-bottom:70px;}
/*sidebar*/
.col-section{width:68%;float:left}
.col-side{width:30%;float:right;}
.boxside{background:#fff;padding:25px 20px}
.boxside+.boxside{margin-top:30px}
.title-side{font-size:18px;text-transform:uppercase;color:#3f3f3f;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.ulttside li{overflow:hidden;margin-top:15px}
.imgside{height:80px;width:80px;}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:80px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#000}
.ulttside li .nd h4:hover{text-decoration:underline}
.dateside{color:#909092;font-size:14px}
.formside{position:relative}
.formside+.formside{margin-top:15px}
.formside span{display:inline-block;position:absolute;left:-17px;font-size:13px;height: 21px;top:0;bottom:0;margin:auto}
.formside .txt{width:100%;border:1px solid #f0e9ff;outline:0;padding: 12px 0 14px;padding-left:20px;font-family:newb;color:#000;}
.formside .txt::placeholder{color:#999}
.formside .btn{text-align:center;display:block;border:1px solid #19c642;border-radius:0;color:#19c642;padding: 16px 0;text-transform:uppercase}
.formside .btn:hover,.formside .btn:active{background:#19c642;color:#fff}
@media only screen 
and (max-width: 467px){
.col-section,.col-side{width:100%;float:none}
.col-side{display:none}
.dppage .col-side{display:block;margin-top:30px}
.dppage .col-side .boxside+.boxside{display:none}
}

.title-post{font-size:26px;margin:0;color:#000;border-bottom:1px solid #acacac;padding-bottom:10px;margin-bottom: 6px;}
.title-cat{font-size:18px;font-family:avob;text-transform:uppercase;font-weight:bold;color:#000;padding:10px 0;position:relative;overflow:hidden;}
.title-cat:after{content:"";width:100px;border-top:2px solid #000;position:absolute;bottom:0;left: 0;}
.ulbvs{margin-left:-1%;margin-right:-1%}
.ulbvs li{padding:1%}
.imgbvs{padding:40%;border-radius:7px}
.ulbvs li h4{font-family:avob;font-size:15px;margin:5px 0 10px}
.ulbvs li h4:hover{text-decoration:underline}
@media only screen 
and (max-width: 467px){

}


@media only screen 
and (max-width: 467px){
.pdingm{padding: 30px 0 !important;}
}