@keyframes zoomInLink {
0%   {transform: scale(0);visibility:hidden;}     
25%   {transform: scale(0);visibility:visible;}     
100% {transform: scale(1);visibility:visible;}
}
@keyframes rotateLeft{
0%{visibility:hidden;}
50% {
opacity: 0;
visibility:visible;
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
}
	
100% {
opacity: 1;
visibility:visible;
transform-origin: 50% 0;
transform: perspective(800px) rotateY(0);
}
}
@keyframes zoomSlide {
0%   {transform: scale(1);}         
100% {transform: scale(1.2);}
}
@keyframes zoomSlide1 {
0%   {transform: scale(1.2);}         
100% {transform: scale(1);}
}
@keyframes Continue {
0%   {transform: translateY(10px);}         
50%   {transform: translateY(0);}         
100% {transform: translateY(10px);}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
-ms-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
/*#Slideshow {position:relative;height: 519px;overflow:hidden;z-index:5;}
#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:45px;text-transform:uppercase;}#Slideshow .caption p{font-size:23px;margin-top:10px;}
#Slideshow .caption a{background:#176834;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:#F37C7B;}#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:20px;left:49%;animation:Continue 1s infinite;}
@media only screen
and (max-width :1279px){
#Slideshow{height:500px;}
}
@media only screen
and (max-width :1023px){
#Slideshow{height:400px;}
#Slideshow .caption{margin-top:20px;}
#Slideshow .caption h4{font-size:40px;}#Slideshow .caption p{font-size:18px;}
} 
@media only screen
and (max-width :467px){
#Slideshow .caption h4{font-size:16px;}
#Slideshow .caption p{font-size:12px;}
#Slideshow .caption a{font-size:12px;margin-top:10px;padding:4px 10px;}  	
#Slideshow .prev,#Slideshow .next{width:20px;height:20px;}
#Slideshow{height:230px;}#Slideshow .prev:before,#Slideshow .next:before{font-size:40px;}
}   */
#slideshow {position:relative;width:100%;z-index:1;height:500px}
#slideshow img{width:100%;height:100%;float:left}
.top-header{overflow:hidden;}
.social-header{color:#3f3f3f;float:left;}.social-header a{display:inline-block;width:40px;text-align:center;}.social-header a:hover{color:#176834;}
.hotline-title{float:left;margin-left:50px;color:#3f3f3f;font-size:16px;}.hotline-title a{color:red;font-weight:bold}
.menu-top,.language{float:left;color:#3f3f3f;font-size:13px;text-transform:uppercase;}.menu-top a+a{margin-left:10px;padding-left:10px;position:relative;}.menu-top a+a:before{content:"|";position:absolute;left:-2px;bottom:0px;}
.searchbox{border:1px solid #cfcfcf;border-radius:20px;position:relative;overflow:hidden;display:inline-block;float:left;margin-right:50px}
.searchbox .txt{width:200px;padding:1px 10px;font-size:13px;background:transparent;outline:0}
.searchbox .btn{position:absolute;color:#4c146d;font-size:14px;bottom:2px;right:0;width:30px;text-align:center;padding-top:4px;height:100%;box-sizing:border-box;}
.language{margin-left:50px;font-weight:600;float:left}.menu-top a:hover,.language a:hover{color:#176834;}.language a{position:relative;padding-left:22px;}
.language a i{background:url(/Design/en.png);width:18px;height:12px;position:absolute;left:0;bottom:2px;}
.middle-header {margin-top:35px;overflow:hidden;}
.language a+a{margin-left:20px;} .language .vi i{background:url(/Design/vn.png);}.language .cn i{background:url(/Design/cn.png);}
.logo {position:relative;text-transform:uppercase;color:#ffff;font-weight:500;float:left;font-size:20px;height:80px;}
.search-form{margin-left:250px;float:left;margin-top:50px;border-bottom:2px solid #fff;color:#fff;padding-bottom:5px;padding-left:5px;}
.search-form .txt{background:transparent;width:300px;}.search-form .txt:focus{border:0}
 
.middle-header .loi-ich{font-size:13px;text-transform:uppercase;color:#fff;font-weight:bold;border:2px solid #fff;padding:7px 20px 5px 20px;display:block;border-radius:4px;margin-top:40px;}
.middle-header .loi-ich:hover{background:#176834;border-color:#176834;}
.middle-header .cart{margin-top:25px;color:#fff;position:relative;}.cart .svg-cart-icon{fill:#fff;}
.middle-header .count{position:absolute;background:#3bc125;font-size:12px;border-radius:100%;width:18px;height:18px;text-align:center;left:-5px;top:5px;line-height:1.5}
@media only screen
and (max-width :1023px){
.hotline-title,.search-form{display:none;}
.logo{height:50px;}
.social-header{display:none;}
}
@media only screen
and (max-width :467px){
#slideshow{height:250px}
.middle-header{margin-top:10px;}  .menu-top a{width:80px;display:inline-block;text-align:center;}	
.top-header .right{float:none; margin-left:50px;}
.top-header .language{float:right;}
.searchbox{display:none}
.logo{height:30px;}
.middle-header .loi-ich{font-size:10px;border:0;padding:0;}
} 
.nav_main{margin-top:30px;float:right;}
.nav_main.scroll-to-fixed-fixed{margin-top:0;background:rgb(23, 104, 52,.8);float:none;width:100%!important;left:0!important}
.nav_main.scroll-to-fixed-fixed .menu_main{margin-left:100px;}
.nav_main.scroll-to-fixed-fixed .menu_main > li > a{padding-top:8px;padding-bottom:8px;}
.nav_main.scroll-to-fixed-fixed .menu_main > li:hover > a:before,.nav_main.scroll-to-fixed-fixed .menu_main > li.active > a:before{border-radius:0;}
.menu_main {transition:margin .5s}
.menu_main > li{color:#fff;font-size:15px;display:inline-block;text-transform:uppercase;font-family:segoe ui;font-weight:500;clear:both;}
.menu_main > li+li{margin-left:10px;}
.menu_main > li > a{display:block;padding:10px 12px;position:relative;}.menu_main > li > a span{position:relative;z-index:3;}
.menu_main > li > a:before{position: absolute;z-index:1;content:"";width:100%;height:100%;background:#F37C7B;left:0;right:0;top:0;margin:auto;box-sizing:border-box;transition: transform .5s;border-radius:3px;transform:rotateX(90deg);}
.menu_main > li:hover > a{color:#fff !important;}.menu_main > li:hover > a:before,.menu_main > li.active > a:before{transform:rotate(0deg);visibility:visible;}
.menu_main > li:hover span,.menu_main > li.active span,.nav_main.scroll-to-fixed-fixed .menu_main > li span{color:#fff !important;}
.menusub{position:absolute;text-align:left;padding-top:7px;display:none;z-index:7;}
.menusub:before{content:"";border:6px solid transparent;border-bottom-color:#176834;position:absolute;top:-5px;left:40px;}
.menusub li{color:#fff;font-family:Segoe UI,Arial;font-size:13px;background-color:#176834;}
.menusub li a{padding:10px 30px;display:block;transition:background .5s;color:#fff;}.menusub li a:hover{background:#259613;}
.menusub li:first-child{padding-top:5px;border-top-left-radius:5px;border-top-right-radius:5px;}.menusub li:last-child{padding-bottom:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.menusub li+li{border-top:1px solid #259613;}
#ShowMenu{display:none;}
@media only screen
and (max-width :1023px){
#ShowMenu{display:block;background:#176834;position:fixed;padding:2px 10px;border-radius:2px;top:50px;right:10px;}
#ShowMenu:before{content:"\f0c9";font-family:fontawesome;color:#fff;font-size:20px;}
#ShowMenu.close:after{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;border:0;left:0;content:"";}
.nav_main{display:none;position:fixed;height:100%;width:220px;z-index:99;top:0;background:#fff;left:0;margin-top:0;}
.menu_main > li+li{margin-left:0;}.menusub{padding-top:0;position:relative;}.menusub li{background:#F37C7B;color:#176834;border-radius:0 !important;}
.menusub:before{border-bottom-color:#fff;top:-10px;display:none;}.menusub li+li{border-color:#b6efac}
.menu_main > li{display:block;}
	 
}
.container-padding{position:absolute;top:0;width:100%;z-index:7;box-sizing:border-box;padding:20px 3%;left:0;margin:auto;}
.bai-viet-header {background:#fff;}
.bai-viet-header #Slideshow{display:none;}
.bai-viet-header .container-padding {position:static;}
.bai-viet-header li,.bai-viet-header .middle-header li{color:#5f5f5f;border-color:#6f6f6f;}.bai-viet-header li a:hover{}
.content-wrapper{margin:70px 0;}.content-wrapper .container,.content-about .container{overflow:hidden;}
.content-about {margin-bottom:70px;}
.cat-default{margin-top: 40px;}
.cat-default .container{overflow:hidden;}
.cat-home-item{width:32%;margin-right:2%;float:left;position:relative;}.cat-home-item:last-child{margin-right:0;}
.cat-home-item .imgFull{height:344px;}
.cat-home-item:hover .imgFull:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.2)}
.cat-home-item h3{position:absolute;bottom:0;width:100%;height:104px;color:#fff;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.7) 100%);font-size:24px;text-align:center;box-sizing:border-box;padding-top:30px;text-transform:uppercase;}
.cat-home-item h3:after{width:30px;height:0;border-top:2px solid #F37C7B;position:absolute;bottom:35px;left:0;right:0;margin:auto;content:"";transition:width .5s}
.cat-home-item:hover h3:after{width:70px;}
.lydo ul{overflow:hidden;}
.lydo li{min-height:100px;width:32%;margin-right:2%;float:left;box-sizing:border-box;position:relative;padding:0 0 0 130px;color:#2f2f2f;font-size: 18px;}
.lydo li:nth-child(3n+3){margin-right:0;}.lydo li:nth-child(n+4){margin-top:20px;}
.lydo li:before{content:"";position:absolute;width:100px;height:100px;top: 31px;left:0;}
.lydo li:first-child:before{background-image:url(/Design/icon-about-1.png);}.lydo li:nth-child(2):before{background-image:url(/Design/icon-about-2.png);}
.lydo li:nth-child(3):before{background-image:url(/Design/icon-about-3.png)}.lydo li:nth-child(4):before{background-image:url(/Design/icon-about-4.png);}
.lydo li:nth-child(5):before{background-image:url(/Design/icon-about-3.png)}.lydo li:nth-child(6):before{background-image:url(/Design/icon-about-4.png);}
.lydo li strong{color:#313131;font-weight:normal;font-family:avoB;display:block;margin-bottom:10px;font-size: 20px;}
@media only screen
and (max-width :1279px){.menu_main > li{font-size:13px;}
.cat-home-item .imgFull{height:270px;}
}
@media only screen
and (max-width :1023px){
.cat-home-item .imgFull{height:230px;}
} 
@media only screen
and (max-width :467px){
.cat-home-item{width:100%;float:none;}.cat-home-item+.cat-home-item{margin-top:20px;}
.cat-home-item .imgFull{height:340px;}
.lydo li{width:100%;margin-right:0;}.lydo li+li{margin-top:30px;}
}   
.picture-about{position:relative;z-index:1;float:right;width:60%;height:450px;}
.picture-about a{position:relative;z-index:3;display:block;outline:1px solid rgba(255,255,255,.6);outline-offset:-8px;box-sizing:border-box;overflow:hidden;border-right:none;width:100%;height:100%;overflow: hidden;}
.picture-about a img{/* width:100%; */height:100%;}
.about-default .container{background:#fff;overflow:hidden;}
.text-about{width:30%;float:left;overflow:hidden;box-sizing:border-box;}
.text-about h1{font-size:28px;line-height:1.3;color:#176834;text-transform:;position:relative;padding-bottom:25px;margin-bottom:30px;font-family:avo;}
.text-about h1:after{content:"";width:120px;height:2px;background-color:#F37C7B;margin-top:15px;position:absolute;left:0;bottom:0;}
.text-about .contain{font-size:16px;color:#333;margin-top:15px;}.text-about .link {margin-top:15px;}
.text-about .link a{color:#fff;background:#176834;display:inline-block;padding:10px 20px;border-radius:4px;font-size:13px;text-transform:uppercase;transition:background .5s;}.text-about .link a:hover{background:#F37C7B;}
@media only screen
and (max-width :1279px){
.picture-about{height:400px;}
.text-about h2{font-size:25px;}
.text-about{/* padding:30px; */padding-bottom:0;}
.text-about .contain p{height:64px;overflow:hidden;}
}
@media only screen
and (max-width :1023px){
.picture-about{height:450px;margin-top:30px;}
.picture-about,.text-about{width:100%;float:none;}.text-about{/* padding-bottom:30px; */}
.text-about .contain p{height:auto;}
}  
@media only screen
and (max-width :467px){
.picture-about{height:230px;}
}  
.project-default{position:relative;margin:100px 0;}
.projectlist-default{margin-top:50px;margin-left:-10px;margin-right:-10px}
.project-default .title{text-align:center;font-size:26px;text-transform:uppercase;font-family:avoB;color:#313131;}
.project-default .project-item{width: 16.66666666667%;float:left;padding:0 10px;box-sizing:border-box;/* margin-right:1.25%; */transition:transform .5s;}.project-default .project-item:last-child{margin-right:0;}
.project-default .project-item:hover{transform: translateY(-20px)}
.project-default .project-item .imgW{width:150px;text-align:center;height:120px;margin:auto;}
.project-default .project-item .imgW img{min-height:auto;}
.project-item .postImg:after{content:"\f002";font-family:fontawesome;color:#fff;position:absolute;z-index:5;font-size:20px;height:40px;line-height:2;width:40px;border:1px solid #fff;
border-radius:100%;text-align:center;left:0;right:0;margin:auto;top:50%;transform:translateY(150%);transition:all .5s;opacity:0}
.project-item .postImg:hover:after{transform:translateY(0);opacity:1;}
.project-item h4{color:#888888;text-align:center;font-size:15px;margin-top:10px;/* height:48px; *//* width:200px; */margin-left:auto;margin-right:auto;}
.feature-default{overflow:hidden;margin-top:50px;position:relative;}.feature-default .container{z-index:5;/* overflow:hidden; */padding:100px 0;position:relative;}
.picture-feature{position:relative;z-index:1;float:left;width:55%;height:500px;}
.picture-feature a{position:relative;z-index:3;display:block;box-sizing:border-box;overflow:hidden;border-right:none;width:100%;height:100%;overflow: hidden;}
.picture-feature a img{/* width:100%; */height:100%;}
.text-feature{width:36%;overflow:hidden;/* padding:80px 0 0 50px; */box-sizing:border-box;}
.text-feature h2{font-size:30px;line-height:1.3;color:#fff;text-transform:uppercase;font-family:avoB;margin-bottom:30px;}
.text-feature .border{width:80px;height:3px;background-color:#176834;margin-top:15px;}
.text-feature .contain{font-size:17px;color:#fff;margin-top:15px;line-height:1.5;}.text-feature .link {margin-top:25px;}
.text-feature .link a{color:#fff;background:#176834;display:inline-block;padding:10px 20px;border-radius:4px;font-size:13px;text-transform:uppercase;transition:background .5s;}.text-about .link a:hover,.text-feature .link a:hover{background:#F37C7B;}
.link-video{position:absolute;font-size:40px;color:#fff;right:30%;top:calc(50% - 50px);border:5px solid #ffffff99;width:100px;height:100px;border-radius:100%;text-align:center;box-sizing:border-box;line-height:2.3;transition:background 0.5s;}
.link-video:hover{background:#fff;border-color:#fff;color:#5f5f5f}
@media only screen
and (max-width :1279px){
.picture-feature{height:400px;}
.text-feature{padding:40px 0 0 50px}
.text-feature h2{font-size:25px;}
}
@media only screen
and (max-width :1023px){
.project-default .project-item .imgW{height:100px;width:80px;}
.project-item h4{font-size:12px;}
.picture-feature,.text-feature{width:100%;float:none;}.text-feature{padding-bottom:30px;padding-right:40px;}
}  
@media only screen
and (max-width :467px){
.project-default .title{font-size:22px;padding:30px 0;}
.text-feature h2{margin-bottom:10px;}
.project-default .project-item{width:100%;margin-right:0;}  	
.project-default .project-item+.project-item{margin-top:20px;}
.text-feature{padding:20px 30px;}.text-feature .contain{font-size:14px;}
.text-feature .link a{font-size:12px;padding:7px 15px;}  	
.feature-default .container{padding:30px 0;text-align:center;}.feature-default .link-video{display:none;}
}  
.quytrinh-default {padding:100px 0;background:#fff;}
.quytrinh-default h3, .title-center{font-size:30px;font-family:avo;text-align:center;font-weight:normal;margin-bottom:20px;color:#3f3f3f;}
.quytrinh-default p{max-width:500px;}.quytrinh-default p,.title-center .description{text-align:center;margin:auto;margin-top:20px;color:#9f9f9f;line-height:1.6;font-weight:;font-size:18px;font-family:arial;}
.title-center{margin:auto;margin-bottom:50px;max-width:600px;}
.quytrinh-default ol{max-width:1100px;margin:auto;margin-top:50px;overflow:hidden;}
.quytrinh-default ol li{width:32%;text-align:center;margin-right:2%;float:left;line-height:1.6;color:#7f7f7f;box-sizing:border-box;padding:0 30px;padding-top:120px;position:relative;}
.quytrinh-default ol li:nth-child(3n+3){margin-right:0;}
.quytrinh-default ol strong{display:block;font-size:18px;color:#5f5f5f;margin-bottom:10px;}
.quytrinh-default ol li:before{content:"1";width:100px;height:100px;background:url(/Design/icon-list.png) center no-repeat;position:absolute;top:0;left:0;right:0;margin:auto;color:#fff;font-size:18px;font-family:avoB;box-sizing:border-box;background-size:90% 90%;line-height:5.4;transition:background 0.5s;}
.quytrinh-default ol li:nth-child(2):before{content:"2"}.quytrinh-default ol li:nth-child(3):before{content:"3"}
.quytrinh-default ol li:hover:before{background-size:100% 100%;}
@media only screen
and (max-width :467px){
.quytrinh-default ol li{width:100%;margin-right:0;}.quytrinh-default ol li+li{margin-top:30px;}
}
.product-default,.about-default{margin-top: 40px;}
.about-default{padding:80px 0;background:#fff;}
.about-default p{line-height:1.8;}
.product-list{overflow:hidden;width:100%;/* padding:0 3%; */padding-bottom:100px;box-sizing:border-box;}
.product-item{width:32%;float:left;position:relative;z-index:1;transition:box-shadow .2s;margin-right:2%;overflow:hidden;}
.product-item:nth-child(3n+3){margin-right:0}.product-item:nth-child(n+4){margin-top:30px;}
.product-item .imgW{height:250px;overflow:hidden;background:#fff;position:relative;}
.product-item .text{padding:30px 30px;background:#fff;}.product-item .bottom{padding:0 30px;overflow:hidden;background:#fff;border-top:1px solid #dfdfdf;padding-top:5px;}         
.product-item .text .link{text-align:center;font-size:13px;text-transform:;font-family:avo;color:#888888;}
.product-item .text .link a{display:inline-block;border:1.5px solid #17683488;padding:5px 15px 5px;border-radius:4px;transition:background .5s;}
.product-item .text .link a:hover{background:#176834;color:#fff;border-color:#176834;}
.product-item h4{font-size:20px;font-family:avo;text-align:center;color:#3f3f3f;line-height:1.5;margin-bottom:10px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-flex: 1;-webkit-box-orient: vertical;overflow:hidden;}
.product-item h4:hover{color:#F37C7B;}
.product-item .desc{font-size:15px;color:#5f5f5f;padding:15px 0;height:38px;border-top:1px solid #dfdfdf;height:142px;text-align: justify;}
.product-item .desc li{padding: 3px 0;position:relative;}
.product-item .desc li:after{content:"\f00c";font-family:fontawesome;position:absolute;right:5px;font-size:18px;color:#ffffff}
.product-item .price{text-align:center;font-family:avo;height:40px;color:#3f3f3f;margin-bottom:30px;}
.product-item .price .old{text-decoration:line-through;display:block;}
.product-item .price .new{color:#176834;display:block;font-size:24px;}

.product-item:hover,.list-article-category .item:hover{box-shadow:0 15px 50px rgba(0,0,0,.15);z-index:4;}
.product-item .link-cart:hover .addtocart_plus,.product-item .link-cart:hover .addtocart_circle{fill:#176834}
.product-item .svg-moreIcon circle{fill: transparent;stroke: #141414;}.product-item:hover .svg-moreIcon circle{fill:#141414}
@media only screen
and (max-width :1279px){
.product-item .imgW{height:200px;}
}
@media only screen
and (max-width :1023px){
.product-item,.product-item:nth-child(3n+3){width:48%;margin-right:0;}
.product-item:nth-child(2n+2){float:right;}.product-item:nth-child(n+3){margin-top:40px;}
}  
@media only screen
and (max-width :467px){
.picture-feature{height:200px;}
.text-feature h2{font-size:18px;}
.product-item .imgW{height:220px;}
.product-item, .product-item:nth-child(3n+3),.product-item:nth-child(2n+2){float:none;width:100%;}
.product-item:nth-child(n+2){margin-top:20px;}
}  
.quymo-default{position:relative;}
.quymo-default .content{position:relative;z-index:5;padding:150px 0;}  
.quymo-default ul{overflow:hidden;}
.quymo-default li{width:33%;float:left;color:#fff;text-align:center;font-size:17px;}
.quymo-default li strong{font-size:50px;display:block;font-family:avo;font-weight:normal;}
.quymo-default li strong:after{content:"+"}
@media only screen and (max-width: 467px){
.quymo-default .content{padding:50px 0;}
.quymo-default li{width:100%;}.quymo-default li+li{margin-top:50px;}
}
.flexslider-default{margin-bottom:30px;}
.review-default{margin:100px 0;}
.review-default .list-review-over{overflow:hidden;}
.review-default .content .next{position:absolute;bottom:40px;right:43%;color:#9e9e9e;cursor:pointer;z-index:99}
.review-default .content .next:before{content:"\f105";font-family:fontawesome;}
.review-default .content .prev{position:absolute;bottom:40px;left:43%;color:#9e9e9e;cursor:pointer;z-index:99;}
.review-default .content .prev:before{content:"\f104";font-family:fontawesome;}
.review-default .content .prev:hover,.review-default .content .next:hover{color:#008ae2;}
.review-default .container{/* margin-top:30px; */overflow:hidden;}
.review-default .list-review{float:left;}
.review-default .item{width:32%;background:#fff;padding:30px 20px;box-sizing:border-box;overflow:hidden;float:left;box-sizing:border-box;margin-right:2%;}
.review-default .name-review{overflow:hidden;}
.review-default .name-review .fullname{width:calc(100% - 70px);float:right;}
.review-default .fullname{color:#313131;font-size:15px;}.review-default .fullname strong{font-size:18px;display:block;}
.review-default .desc{margin-top:7px;}/*.review-default .desc p:before,.review-default .desc p:after{content:'"'}*/
.review-default .text{width:calc(100% - 180px);float:right;}
.review-default .avatar{width:60px;height:50px;overflow:hidden;float:left;}
.review-default .avatar img{width:100%;min-height:100%;}
.review-default .nav-review{text-align:center;margin-top:15px;}
.review-default .nav-review .ctr{width:12px;height:12px;display:inline-block;border-radius:100%;margin-right:7px;border:1px solid #dfdfdf;cursor:pointer;}
.review-default .nav-review .ctr.active{border-color:#0047b9;}
.review-default .start{color:#ffcc00;}
.partner-default{background:#fff;padding:40px 0;}
.logo-over{overflow:hidden;position:relative;}
.logo-over .item{float:left;width:180px;}
.logo-over a{display:block;margin:0 8px;box-sizing:border-box;padding:10px;background:#fff;}
.logo-item {margin:10px 15px;height:62px;}.logo-over .title{font-size:9px;text-transform:uppercase;text-align:center;font-weight:bold;color:#3f3f3f;height:24px;overflow:hidden;}
.logo-item img{max-height:100%;max-width:100%;}
#Parner_Object {position:relative;padding:0 20px;}
#Parner_Object .next{position:absolute;font-size:35px;right:0;color:#4f4f4f;top:calc(50% - 20px);display:none;z-index:3;cursor:pointer;}
#Parner_Object .prev{position:absolute;font-size:35px;left:0;color:#4f4f4f;top:calc(50% - 20px);display:none;z-index:3;cursor:pointer;}
#Parner_Object:hover .next,#Parner_Object:hover .prev{display:block;}

@media only screen and (max-width:1023px){
.review-default .fullname{font-size:14px;}   
}
@media only screen
and (max-width :467px){
.title-review strong{font-size:18px;}
.review-default .item{width:100%;float:none;margin-top:10px;}    
.review-default{margin:40px 0 30px;}.review-default .container{margin-top:20px;}
.logo-over{height:70px;}
}

.event-default{height:480px;position:relative;display:flex;}.parallaxer{height:100%;position:absolute !important;top:0;left:0;}
.event-default .content{z-index:3;position:relative;margin:auto;text-align:center;}
.event-default h3{font-size:30px;color:#fff;margin-bottom:10px;}.event-default p{font-size:24px;color:#fff;margin-bottom:20px;}
.event-default .link a{border:2px solid #fff;border-radius:3px;display:inline-block;color:#fff;padding:10px 0;width:250px;text-transform:uppercase;font-size:14px;font-weight:bold;box-sizing:border-box;}
.event-default .link a:hover{background:#176834;border-color:#176834;}
@media only screen
and (max-width :1279px){
.event-default{height:400px;}
}
@media only screen
and (max-width :1023px){
.event-default{height:320px;}
.event-default h3{font-size:20px;}.event-default p{font-size:18px;padding:0 20px;}
.event-default .link a{font-size:12px;width:220px;}
}  
@media only screen
and (max-width :467px){
.event-default{height:200px;}.event-default .link a{width:130px;padding:6px;}.event-default h3{font-size:18px;}
.event-default p{margin-top:10px;margin-bottom:10px;}.event-default p{font-size:14px;}
}   
.news-default{margin:100px 0;}
footer{background:#1b1b1b;padding:80px 0;}footer .container{max-width:1150px;color:#fff;}
footer .title{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;}footer .container p{font-size:14px;margin-bottom:15px;}
footer .news-letter {width:250px;}
.news-letter .txt{width:100%;box-sizing:border-box;border:2px solid #fff;background:transparent;border-radius:3px;padding:8px 20px;margin-bottom:10px;}
.news-letter .btn,.feedback .link a{font-size:15px;text-transform:uppercase;background:#176834;padding:12px 25px;display:inline-block;font-weight:bold;border-radius:3px;}.news-letter .btn:hover,.feedback .link a:hover{background:#F37C7B;}
.menu-footer,.feedback,.social{float:left;max-width:160px;}.menu-footer,.feedback{margin-right:80px;}
.menu-footer li{font-size:14px;line-height:1.8;transition:transform .5s;}.menu-footer li:hover{color:#F37C7B;transform:translateX(10px);}
.social .contain a{display:block;font-size:15px;line-height:2}.social .contain i{display:inline-block;width:30px;padding-left:10px;}
.social .contain a:hover{color:#F37C7B;}
.middle-footer{overflow:hidden;}
.bottom-footer{text-align:center;font-size:14px;margin-top:50px;color:#999}
.bottom-footer .statics {margin-top:8px;}.statics span+span{margin-left:15px;}
.statics .online:before{content:"\f007";font-family:fontawesome;display:inline-block;width:30px;}
.statics .total:before{content:"\f080";font-family:fontawesome;display:inline-block;width:30px;}
@media only screen
and (max-width :1279px){
.menu-footer:nth-child(2){display:none;}
}
@media only screen
and (max-width :1023px){
.middle-footer > .left,.middle-footer > .right{float:none;}.middle-footer > .right{margin-top:20px;overflow:hidden;}
}  
@media only screen
and (max-width :467px){
.menu-footer, .feedback,.social{margin-right:0;width:100%;float:none;max-width:250px;}
.social, .feedback{clear:left;padding-top:20px;}
}  
.col-side{width:26%;float:right;}.col-section{width:71%;float:left;}
.col-side-about{width:250px;float:right;}.col-section-about{width:74%;float:right;padding:90px 50px 50px 50px ;background:#fff;box-sizing:border-box;}
.col-side-about.is_stuck .nav-side{padding-top:0;}
.content-about .col-section{}
.nav-side{padding-top:80px;padding-bottom:20px;/* margin-left:50px; */transition:margin .5s;}
.nav-side .menu-item{color:#3f3f3f;font-size:16px;font-family:avo;color:#F37C7B;transition:text-indent .5s}.nav-side .menu-item a{display:block;padding:8px 12px;}
.nav-side .menu-item+.menu-item{margin-top:10px;}
.nav-side .menu-item:hover,.nav-side .menu-item.active{color:#176834;text-indent:15px;background:#e3fbdf;border-left:3px solid #176834;}
.title-about{color:#F37C7B;font-size:25px;text-transform:uppercase;margin:0;padding-bottom:20px;position:relative;}
.title-about:after{content:"";width:111px;height:2px;background:url(/Design/border-title.png);position:absolute;bottom:0;left:0;}
.gioithieu p{clear:left;}.content-about em {font-style:normal;}
.content-about em > strong {font-size:20px;color:#176834;font-style:normal;}
.gioithieu em > strong:before ,.tochuc em > strong:before{content:"\f0a4";font-family:fontawesome;display:inline-block;margin-right:10px;}
.about-description{width:280px;float:right;line-height:1.5;margin-left:30px;}
.about-description img{width:100% !important;height:100%;}
.about-description p:nth-child(2){margin-top:10px;padding:20px 30px;position:relative;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;background-color:#f1f1f1;color:#176834;text-indent:10px;}
.about-description p:nth-child(2) strong{color:#F37C7B;}
.about-description p:nth-child(2):before{content:'';width:20px;height:14px;background-image:url(../Design/left-desc.png);position:absolute;background-size:100% 100%;left:15px;top:15px;}
.about-description p:nth-child(2):after{content:'';width:20px;height:14px;background-image:url(../Design/right-desc.png);display:inline-block;background-size:100% 100%;margin-left:10px;position:relative;top:5px;}
.tamnhin p > strong{/* background:#176834; *//* display:inline-block; *//* padding:7px 20px; */border-radius:3px;/* color:#fff; *//* margin-bottom:10px; */}
.tamnhin p:nth-child(n+2) > strong{/* margin-top:30px; */}
.tamnhin ul:last-child{list-style:none;margin:0;padding:0;padding-left:20px;position:relative;}
.tamnhin ul:last-child:before{position:absolute;width:4px;height:100%;background:#176834;position:absolute;left:48px;top:0;content:"";}
.tamnhin ul:last-child li{position:relative;z-index:2;margin-left:100px;background:#f1f1f1;padding:15px 25px;border-radius:5px;}
.tamnhin ul:last-child strong{color:#176834;display:inline-block;margin-bottom:5px;}
.tamnhin ul:last-child li:before{content:"\f007";position:absolute;left:-100px;top:25px;font-family:fontawesome;color:#fff;background:#F37C7B;width:60px;height:60px;box-sizing:border-box;border-radius:100%;text-align:center;line-height:1;font-size:25px;padding-top:17px;}
.tamnhin ul:last-child li:nth-child(2):before{content:"\f1b8";}
.tamnhin ul:last-child li:nth-child(3):before{content:"\f155";}
.tamnhin ul:last-child li:nth-child(4):before{content:"\f0eb";}
.tamnhin ul:last-child li:nth-child(5):before{content:"\f0ac";}
.lichsu ul{overflow:hidden;position:relative;font-size:15px;}
.lichsu ul:before{content:"";width:4px;height:100%;background:#d1d1d1;position:absolute;left:calc(50% - 2px);}
.lichsu ul li+li{margin-top:40px;}
.lichsu ul li:nth-child(2n+1){float:left;width:calc(50% - 2px);text-align:right;padding-right:30px;box-sizing:border-box;overflow:hidden;clear:left;}
.lichsu ul li:nth-child(2n+2){text-align:left;float:right;width:calc(50% - 2px);padding-left:30px;box-sizing:border-box;overflow:hidden;clear:right;}
.lichsu ul li strong{height:60px;width:60px;border-radius:100%;background:#176834;display:inline-block;color:#fff;line-height:1;padding-top:22px;box-sizing:border-box;text-align:center;margin-bottom:30px;font-size:18px;position:relative;}
.lichsu ul li em{/* background:#f1f1f1; */display:block;/* padding:10px 15px; */border-radius:4px;}
.lichsu ul li strong:after{content:"";width:30px;background:#F37C7B;position:absolute;top:30px;height:4px;}
.lichsu ul li:nth-child(2n+1) strong:after{right:-30px;}.lichsu ul li:nth-child(2n+2) strong:after{left:-30px;}
@media only screen
and (max-width :1023px){
.col-section,.col-section-about{width:100%;float:none;}.col-side,.col-side-about{width:100%;float:none;}.col-side{margin-bottom:20px;}
.about-description{margin:auto;float:none;display:none;}

.col-section-about{padding-left:30px;padding-right:30px;padding-top:50px;}
  	
}
@media only screen
and (max-width :467px){
.title-about{font-size:20px;}
.tamnhin ul:last-child:before{display:none;}
.tamnhin ul:last-child{padding-left:0;}
.tamnhin ul:last-child li{margin-left:0px;background:none;height:auto;padding:0;}.tamnhin ul:last-child li+li{margin-top:20px;}
.tamnhin ul:last-child li:before{width:30px;height:30px;font-size:20px;line-height:1.5;padding-top:0;display:none;;}
}  
.album-default{margin-top:60px;}.album-default .contain{margin-top:30px;}
.album-design{position:relative;height:510px;}
.album-design li{position:absolute;}
.album-design li:first-child{height:33%;width:calc(25% - 4px);top:0;left:0;}
.album-design li:nth-child(2){height:33%;width:calc(25% - 4px);top:0;left:calc(25% + 2px);}
.album-design li:nth-child(3){height:66%;width:calc(50% - 3px);bottom:0;left:0;}
.album-design li:nth-child(4){height:66%;width:calc(50% - 3px);top:0;right:0;}
.album-design li:nth-child(5){height:33%;width:calc(25% - 4px);bottom:0;left:calc(50% + 2px);}
.album-design li:nth-child(6){height:33%;width:calc(25% - 4px);bottom:0;right:0;}
.album-design li a:before{content:"";position:absolute;width:100%;height:100%;z-index:4;background:rgba(0,0,0,.6);top:0;left:0;opacity:0;transition:opacity .5s}.album-design li:hover a:before{opacity:1;}
.album-design .img{overflow:hidden;}.album-design .img img{transition:transform 1s}
.album-design .img:hover img{transform: scale(1.1) rotate(5deg)}
.album-design .link {text-align:center;display:flex;}.album-design .link .content{margin:auto;}
.album-design .link h4{font-size:23px;color:#176834;font-family:avo;}
.album-design .link .text{font-size:13px;color:#F37C7B;text-transform:uppercase;margin-top:5px;}
.album-design .link .text i{position:relative;width:22px;height:21px;background:url(/Design/idetail2.png);display:inline-block;top:5px;margin-left:4px;}
@media only screen
and (max-width :1023px){
.album-design{height:350px;}
}
@media only screen
and (max-width :467px){
.album-design{position:relative;height:710px;}
.album-design li{position:absolute;}
.album-design li:first-child{height:14%;width:calc(50% - 4px);top:0;left:0;}
.album-design li:nth-child(2){height:14%;width:calc(50% - 4px);top:0;left:calc(50% + 2px);}
.album-design li:nth-child(3){height:34%;width:100%;top:calc(14% + 5px);left:0;}
.album-design li:nth-child(4){height:34%;width:100%;top:calc(50%);right:0;}
.album-design li:nth-child(5){height:15%;width:calc(50% - 4px);bottom:0;left:0;}
.album-design li:nth-child(6){height:15%;width:calc(50% - 4px);bottom:0;right:0;}
}
  
.detail h3{color:#F37C7B;margin:0;}  .detail h4{color:#176834;margin:0;}
.title-post{font-size:27px;color:#3f3f3f;margin:0;margin-bottom:20px;}
.category-wrapper{padding:40px 0;}
.list-article-notice li{color:#006bbd;font-size:10px;margin-left:20px;}
.list-article-notice li h4{font-size:16px;}
.list-article-notice li h4:hover{color:#dc0909;}
.list-article-notice li .date{font-size:13px;color:#5f5f5f}
.list-article-notice li+li{margin-top:10px;}
.list-article-category {overflow:hidden;}
.list-article-category .item{float:left;width:32%;overflow:hidden;margin-right:2%;background:#fff;}
.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:250px;}
.list-article-category .item h4{color:#176834;font-size:19px;margin-top:10px;margin-bottom:6px;height:52px;display:flex;overflow:hidden;}
.list-article-category .item h4 a{display:block;margin:auto;width:100%;}.list-article-category .item .desc{font-size:16px;margin-top:10px;}
.list-article-category .item .text{padding:15px 20px;}
.list-article-category .item .link{margin-top:5px;font-size:14px;text-transform:;color:#3f3f3f;}
.list-article-category .item .link:hover {color:#176834;}.list-article-category .item .link i{transition:transform .5s;}
.list-article-category .item .link:hover i{transform: translateX(10px);}
.list-article-category .postImg a{display:block;width:100%;height:100%;position:relative;}
.list-article-category .postImg a:before{content:"";position:absolute;width:100%;height:100%;background:#000;top:0;left:0;z-index:2;opacity:0;transition:opacity .5s;}
.list-article-category .postImg a:after{content:"\f002";font-family:fontawesome;color:#fff;position:absolute;z-index:3;font-size:30px;padding:4px 0;width:50px;border:1px solid #fff;border-radius:100%;text-align:center;top:calc(50% - 25px);left:0;right:0;margin:auto;transform:translateX(500px);transition:transform 0.5s}
.list-article-category .postImg a:hover:before{opacity:0.6;}
.list-article-category .postImg a:hover:after{transform:translateX(0);}
.list-article-category time{position:absolute;z-index:6;bottom:0;left:0;background:#F37C7B;color:#fff;font-size:23px;padding:7px 10px}
.list-article-category time small{font-size:16px;display:block;border-top:1px solid #fff;text-align:center;margin:0 4px;}
.list-article-category .cat-link{color:#0047b9;font-size:13px;text-transform:uppercase;margin-top:5px;}
.list-article-category .cat-link:before{display:inline-block;content:"\f1ea";font-family:fontawesome;font-size:15px;margin-right:3px;}

.contact-default {overflow:hidden;position:relative;padding-bottom:50px;background:#f4f4f4;}
.contact-default .left-content{width:50% ;position:absolute;height:calc(100% - 50px);top:0;left:0;}
.contact-default .right-content{width:50%;float:right;box-sizing:border-box;padding:80px 150px;}
.form-control {box-sizing:border-box;font-size:14px;color:#4f4f4f;}.form-control .txt,.form-control .btn{font-size:15px;color:#5f5f5f;padding:8px 20px;width:100%;border-radius:8px;box-sizing:border-box;}
.form-control .txt{border:1px solid #dfdfdf;margin-top:5px;}
.form-control+.form-control{margin-top:15px;}.form-control .btn{background:#176834;color:#fff;display:block;text-align:center;font-size:14px;}
.logout-link {color:#005aff;text-decoration:underline;margin-right:20px;}
.form-control .button{padding:10px 20px;background:#f1f1f1;width:80px;display:inline-block;text-align:center;border-radius:8px;margin-right:5px;}
.form-control .button-small{padding:6px 20px;background:#f1f1f1;display:inline-block;text-align:center;border-radius:8px;margin-right:5px;font-size:14px;}
.form-control .btn-primary{background:#176834;color:#fff}
@media only screen
and (max-width :1023px){
.contact-default .left-content{height:500px;position:static;width:100%;}
.contact-default .right-content{width:100%;}
}
@media only screen
and (max-width :467px){
.contact-default .right-content{padding:80px 20px;}
}  
.box-side+.box-side{margin-top:30px;}
.title-support{font-size:20px;text-transform:uppercase;color:#176834;font-weight:500;font-family:segoe ui;padding-bottom:10px;border-bottom:1px solid #176834;text-align:center;background:#fff;padding-top:15px;}
.title-side{font-size:20px;text-transform:uppercase;color:#fff;padding-bottom:6px;padding-top:8px;padding-left:50px;background:#176834;position:relative;border-top-left-radius:3px;border-top-right-radius:3px;}
.title-side:before{content:"";width:25px;height:25px;position:absolute;background:url(/design/logo-design.png);background-size:100% 100%;left:12px;;}
.box-side .contain{background:#fff;margin:0;padding:15px 15px;}
.list-support .ten-hotro{font-size:18px;color:#F37C7B;line-height:1.1;font-weight:500;font-family:segoe ui;text-transform:uppercase}
.list-support .phone-number{font-size:15px;margin-top:5px;color:#F37C7B}
.list-support .phone-number:before{width:15px;height:15px;background:url(/Design/phone-small.png);content:"";margin-right:2px;display:inline-block;position:relative;top:3px;}
.list-support .email{font-size:15px;color:#3f3f3f;}
.list-support .mail:before{width:15px;height:15px;background:url(/Design/email-small.png) no-repeat center;margin-right:2px;content:"";display:inline-block;position:relative;top:3px;content:""}
.list-support .item{position:relative;padding-left:72px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;height:70px;}
.list-support .item .name,.list-support .item .mail{font-size:14px;color:#00a1dc;}.list-support .item .name{color:#3f3f3f}
.list-support .item:last-child{border:0;}
.list-support .item+.item{margin-top:10px;}
.list-support .item:before{content:"";position:absolute;height:61px;width:56px;background:url(/Design/icon-hotline1.png) center no-repeat;font-size:20px;left:0;top:4px;border:1px solid #176834;background-color:#f2f2f2;border-radius:4px;}
.list-support .item:nth-child(2):before{background:url(/Design/icon-hotline2.png) center no-repeat;background-color:#f2f2f2;}
.list-book li{overflow:hidden;}.list-book li+li{margin-top:10px;}
.list-book .imgW {width:30%;float:left;height:50px;}
.list-book .text{width:67%;float:right;}.list-book .text h4{font-size:14px;color:#333;max-height:58px;overflow:hidden;font-weight:normal;}.list-book .text h4:hover{color:#F37C7B;}
.list-book .text .info{margin-top:5px;display:none;}
.container-project{max-width:1200px;margin:auto;}
.title-project{text-align:center;max-width:900px;margin:auto;}.title-project h1{font-size:28px;color:#333;text-transform:uppercase;}.title-project h4{font-size:16px;color:#666;font-weight:normal;margin-top:10px;}

.title-detail{font-size:18px;font-weight:;color:#4f4f4f;text-transform:;}
.container-project .contain{margin-top:50px;}
.memder-info{overflow:hidden;}
.memder-info .img{height:120px;float:left;}
.memder-info .text{float:left;margin-left:20px;}.memder-info h4{color:#176834;margin:20px 0 15px;}
.memder-info p{color:#3f3f3f;font-size:15px;}
@media only screen
and (max-width :1023px){  	
.list-article-category .item{width:48%;margin-right:0;}
.list-article-category .item:nth-child(2n+2){float:right;}
}
@media only screen and (max-width: 467px){
.content-wrapper{margin:40px 0;}
.cat-default,.product-default, .about-default,.project-default,.news-default{margin-top:50px;margin-bottom:50px;}
.quytrinh-default{padding:50px 0;}
.title-project h1{font-size:23px;}
.title-post{font-size:20px;}
.detail {font-size:15px;}
.detail h3{font-size:18px;}.detail h4{font-size:15px;}
.category-wrapper{padding-top:20px;}
.container.content{margin-top:20px;}  	
.list-article-category .item,.list-article-category .item:nth-child(2n+2){float:none;width:100%;}
.list-article-category .item+.item{margin-top:30px;}
.list-article-category .item h4 {font-size:18px;height:68px;}
.list-article-category .item .desc{height:90px;}
.product-list{padding-bottom:30px;}
}

.list-article-other{overflow:hidden;}
.list-article-other .item{width:31%;margin-right:3.5%;float:left;}
.list-article-other .item:nth-child(3n+3){margin-right:0;}
.list-article-other .item:nth-child(n+4){margin-top:20px;}
.list-article-other .item .img{height:160px;}.list-article-other .item h4{font-size:15px;font-weight:normal;height:62px;overflow:hidden;margin-top:10px;}
.list-article-other .item h4:hover{color:#F37C7B;}
.booking-button{position:fixed;bottom:20px;left:15px;width:60px;height:60px;background:#176834;background-size:50%;border-radius:100%;z-index:8;box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;font-size:30px;text-align:center;padding-top:15px;box-sizing:border-box;display:none;}
.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: #176834;border-radius: 100%;position:absolute;
content:"";animation: phone-outer 3s infinite 1.5s;z-index:-1;}  
@media only screen
and (max-width :1023px){.booking-button{display:block;}}
@media only screen
and (max-width :467px){
.list-article-other .item{width:48%;margin-right:0;}
.list-article-other .item:nth-child(2n+2){float:right;}
.list-article-other .item .img{height:100px;}
.list-article-other .item:nth-child(n+3){margin-top:20px;}
}