:root{
	--color-main: #03666b;
}
@charset "utf-8";
/* CSS Document */
img{max-width: 100%;}
.md-none{display: none !important;}
.md-block{display: block !important;}
.m0{margin: 0px;}.p0{padding: 0px !important;}.m-5{margin-left: -5px !important;margin-right: -5px !important;}.p5{padding-left: 5px;padding-right: 5px}.m-10{margin-left: -10px;margin-right: -10px}.p10{padding-left: 10px;padding-right: 10px}
body{font-family: 'Arimo', sans-serif;bottom: 0;position: relative;}
.pagination-page {text-align:center;}
.pagination-page > span, .pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000;}
.pagination-page  a:hover,
.pagination-page > span{background: #1f5892;color:#FFF;}
footer{color: #fff;padding-top: 50px;padding-bottom: 0;background-color: var(--color-main);}
footer .title-f{color: #ffffff;font-size: 24px;margin-top: 20px;margin-bottom: 20px;font-family: 'Crimson Text';position: relative;margin-bottom: 25px;}
footer a{color: #ffffff;}
footer ul{list-style: none;padding: 0px;}
footer ul a{text-transform: initial;padding: 5px 0px;display: inline-block;font-size: 14px;position: relative;padding-left: 20px;}
footer a:hover{text-decoration: none;color: #ffffff;}
.chantrang{color: #fff;font-size: 13px;background-color: transparent;padding-top: 10px;padding-bottom: 10px;margin-top: 30px;border-top: 1px solid #fbfbfb;}
.chantrang a{color: #fff;}
.breadcrumb{border-bottom: none;background-color: transparent;padding: 0px;margin-bottom: 0px;padding-bottom: 0px;position: relative;/* text-align: center; */}
.breadcrumb>li a{color: #080808;}
.breadcrumb>li a:hover{color: #ffffff;text-decoration: none;}
#map iframe{height: 225px;}
.hc-nav-trigger.hc-nav-1{display: none !important;}
iframe{max-width: 100%;}
#slider{margin-bottom: 20px;}
.head-page{min-height: 281px;background-size: cover;position: relative;background-color: #ccc;/* margin-bottom: 40px; */background-position: center top;/* background-attachment: fixed; */background-repeat: no-repeat;padding-top: 121px;}
.head-page:before{content:"";position: absolute;width: 100%;left: 0;top: 0;height: 100%;background-color: rgb(3 102 107);z-index: 0;opacity: 0.5;}
.head-page .content{z-index: 10;color: #fff;left: 0;right: 0;position: relative;text-align: center;}
.head-page .content .title-page{text-transform: capitalize;font-weight: 600;font-size: 50px;margin: 0;margin-bottom: 10px;color: #ffffff;text-align: left;/* padding-left: 15px; */padding-right: 15px;text-transform: uppercase;text-align: center;font-family: 'Crimson Text';}
.breadcrumb>li+li:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;content: "\f178";}
.linkct{position: absolute;bottom: 0;display: inline-block;color: #4f4f4f;right: 0;font-size: 13px;}
.linkct:hover, .linkct:focus{text-decoration: none;color: #f60;}
.ngay-dang{color: #0368ff;font-size: 13px;}
.title-left{font-family: 'Arimo', sans-serif;text-transform: uppercase;font-size: 16px;font-weight: 600;background: url(../images/title-left.jpg) no-repeat center left;padding: 10px 9px;margin-bottom: 20px;background-size: cover;margin-top: 0;color: #fff;margin-bottom: 0;}
.box.category{/* border: 1px solid #ccc; */}
.box.category ul{list-style: none;padding: 0;margin-bottom: 20px;}
.box.category ul li a{font-family: 'Arimo', sans-serif;font-weight: 600;color: #424242;display: block;padding-top: 9px;padding-bottom: 10px;background: url(../images/icon_sp.png) no-repeat 10px center;padding-left: 29px;border-bottom: 1px dotted #ccc;}
.box.category ul li a:hover, .box.category ul li a:focus{color: #f60;text-decoration: none;}
.title-tin{font-size: 24px;/* margin-bottom: 20px; */font-family: 'Arimo', sans-serif;font-weight: 500;margin-top: 0;font-weight: 700;}
.hr-news{height: 6px;background-color: #dddddd;margin-top: 0px;margin-bottom: 30px;}
.big_img{padding: 10px;border: 1px solid #eee;border-radius: 3px;position: relative;}
.big_img a{height: 100%;display: block;overflow: hidden;}
.big_img img{width: 100% !important;max-width: 100% !important;height: 100%;object-fit: cover;}
.ten-sp{font-size: 20px;margin-top: 15px;font-weight: 700;font-family: 'Arimo', sans-serif;text-transform: uppercase;/* margin-bottom: 4px; */}
.ma-sp{font-size: 14px;color: #000000;font-weight: 300;margin-left: 0;/* margin-left: 15px; */font-style: initial;margin-top: 13px;display: block;}
.gia-ct{border-top: 1px dotted #ccc;margin-top: 10px;padding-top: 8px;border-bottom: 1px dotted #ccc;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;}
.gia-ct p{margin-bottom: 3px;}
.giamgia{background-color: #ff0000;position: absolute;left: 0;top: 0;z-index: 1000;padding: 4px 13px;color: #fff;}
.mota_sp{line-height: 24px;margin-bottom: 30px;border-top: 1px dotted #ccc;margin-top: 20px;padding-top: 15px;}
.mota_sp ul{/* list-style: none; *//* padding: 0; */}
.btn-mua{background-color: #4f4f4f;color: #fff;padding: 13px 0px;font-size: 16px;text-transform: uppercase;border-radius: 0;width: 220px;max-width: 100%;font-family: 'Arimo', sans-serif;display: inline-block;position: relative;top: -3px;margin-left: 5px;}
.btn-mua img{height: 36px;margin-right: 10px;}
.btn-mua span{font-weight: 600;position: relative;top: 2px;}
.btn-mua:hover, .btn-mua:focus, .btn-mua:active{color: #fff;outline: none !important;box-shadow: none;}
.hotline-dh{color: #ff6600;font-size: 18px;}
.box-gianhang{background-color: #fefadf;padding: 10px;border-radius: 6px;}
.box-gianhang ul{list-style: none;padding: -0;margin: 0;}
.box-gianhang ul a{background: url(../images/icon-check.png) no-repeat center left;background-size: 14px;padding-left: 19px;color: #000;display: inline-block;padding-top: 5px;padding-bottom: 5px;}
.title-lienhe{font-size: 24px;font-weight: 600;color: #000000;margin-top: 50px;margin-bottom: 20px;font-family: 'Crimson Text';}
.table-giohang .name-pro{/* font-family: 'Arimo', sans-serif; */font-weight: 500;font-size: 18px;font-weight: 500;color: #c81b3e;}
.table-giohang .pro-cart{position: relative;}
.table-giohang .pro-cart strong{font-family: 'Arimo', sans-serif;display: inline-block;width: 100px;}
.table-giohang .txt_sl{border: none;background-color: #f1f0f0;padding: 5px;border-radius: 3px;box-shadow: inset 1px 1px 5px #d2cfcf;width: 70px !important;}
.table-giohang  .gia-cart{color: red;font-weight: 600;}
.xoa_giohang{position: absolute;right: 0;top: 0;background-color: transparent;display: inline-block;padding: 3px 13px;color: red;font-size: 17px;}
.table-giohang .tongtien{font-family: 'Arimo', sans-serif;font-size: 18px;font-weight: 500;text-transform: uppercase;}
.table-giohang .tongtieng-cart{font-weight: 600;color: red;text-transform: initial;font-family: 'Arimo', sans-serif;}
.btn-login{background-color: #c81b3e;/* font-family: 'Arimo', sans-serif; */font-weight: 600;padding: 7px 30px;font-size: 16px;text-transform: uppercase;color: #fff;}
.page-login{background-color: #fff;box-shadow: 1px 1px 6px 1px #5d575747;border-radius: 5px;position: relative;padding: 15px;}
.br-xam{background-color: #f1f1f1;/* margin-top: 7px; */padding-top: 30px;padding-bottom: 20px;}
.page-login h2{text-align: center;font-size: 20px;text-transform: uppercase;font-family: 'Arimo', sans-serif;font-weight: 600;margin-top: 5px;}
.btn-giamgia{background-color: #00a85a; color: #fff;}
.lab-thanhtoan{display: block;}
.lab-thanhtoan img{height: 27px;margin-left: 10px;}
.lab-thanhtoan span{font-size: 13px;color: #3c3b3b;}
.thanhtoan{padding-left: 30px;font-size: 13px;display: none;}
.thanhtoansub{padding-left: 20px;}
.btn-xacnhan{margin-bottom: 15px;background-color: #00a85a;color: #fff;}
.btn-huy{margin-bottom: 15px;background-color: red;color: #fff;}
.tinlienquan{list-style: none;padding: 0;}
.tinlienquan a{color: #000;display: inline-block;margin-bottom: 10px;}
.chitiettin{margin-bottom: 30px;}
.chitiettin img, .chitiet_sp  img{height: auto !important;max-width: 100% !important;}
.top{background-color: var(--color-main);padding-top: 5px;padding-bottom: 5px;line-height: 30px;color: #fff;}
.giohang{color: #fff;}
.giohang .cart-img{position: relative;margin-right: 10px;}
.giohang .cart-img span{position: absolute;min-width: 17px;height: 19px;background-color: #fff;color: #c81b3e;line-height: 19px;text-align: center;border-radius: 50%;right: -3px;font-size: 12px;}
.lgoo{
}
.lgoo img{height: 80px;}
.main-nav{/* margin: 25px 0px; */}
.iframe-content iframe{height: 150px;}
.post-item--inner{
}
.post-item--inner .post-thumb{display: block;height: 350px;margin-bottom: 10px;}
.post-item--inner .post-thumb img{width: 100%;height: 100%;object-fit: cover;}
.post-item--inner .post-category{color: #686868;font-size: 14px;}
.post-item--inner .post-category a{color: #4f4f4f;}
.post-item--inner .post-category .p-date{margin-left: 20px;}
.post-item--inner .post-category .p-date i{color: #4f4f4f;}
.post-item--inner .post-entry .title{font-family: 'Arimo', sans-serif;font-size: 28px;margin-bottom: 15px;text-transform: capitalize;}
.post-item--inner .post-entry .title a{color: #2f2e2e;}
.post-item{margin-bottom: 35px;}
.post-item--inner  .post-excerpt{color: #474747;}
.post-item-2 .post-item--inner .post-thumb{height: 230px;}
.post-item-2 .post-item--inner .post-entry .title{font-size: 16px;font-weight: 600;}
.item-news .post-category{
}
.item-news .post-category a{color: #4f4f4f;}
.item-news .post-category .p-date{margin-left: 15px;}
.item-news .post-category .p-date i{color: #4f4f4f;}
.widget-title{margin-top: 0;font-size: 18px;color: #282728;font-family: 'Arimo', sans-serif;position: relative;padding-bottom: 7px;margin-bottom: 20px;font-weight: 700;text-transform: uppercase;}
.box-lienhe .custom-html-widget{background: #fff;border: 1px solid #f1efef;box-sizing: border-box;box-shadow: 0px 2px 4px rgb(0 0 0 / 10%); padding: 0 20px;width: 100%; display: inline-block;}
.box-lienhe .custom-html-widget ul{list-style: none;padding: 0;}
.box-lienhe .custom-html-widget ul li{border-bottom: 1px solid #ede7e7;padding-top: 15px;padding-bottom: 15px;}
.box-lienhe .custom-html-widget ul li:last-child{border:none;}
.widget-title:before{/* content:""; */position: absolute;width: 60px;height: 3px;background-color: #4f4f4f;bottom: 0;}
.box-lienhe{margin-bottom: 30px;}
.box-lienhe .custom-html-widget ul li a{color: #c81b3e;margin-left: 5px;}
.item-dv-right{margin-bottom: 15px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.item-dv-right .img_dv{display: block;border-radius: 50%;overflow: hidden;box-shadow: 1px 1px 10px 1px #6a6969a1;border: 2px solid #fff;}
.item-dv-right .img_dv img{width: 100%;height: 100%;object-fit: cover;}
.item-dv-right  .content-dv{position: relative;}
.item-dv-right  .content-dv .content{top: 50%;transform: translateY(-50%);position: absolute;color: #5c5c5c;font-size: 13.5px;}
.item-dv-right h4{font-size: 14px;font-family: 'Arimo', sans-serif;text-transform: uppercase;}
.item-dv-right h4 a{color: #c81b3e;}
.item-dv-right h4 a:hover{color: #c81b3e;}
.item-dv-right:last-child{border-bottom: none;}
.item-news-right{margin-bottom: 15px;}
.item-news-right .img_dv{display: block;}
.item-news-right .img_dv img{width: 100%;height: 100%;object-fit: cover;}
.item-news-right .content-news{
}
.item-news-right .content{}
.item-news-right .content h4{margin-top: 0;font-size: 13px;margin-bottom: 5px;}
.item-news-right .content h4 a{color: #000;}
.item-news-right .content h4 a:hover{color: #c81b3e;}
.item-news-right .content p{margin-bottom: 0;font-size: 13px;margin-top: 5px;color: #5a5656;}
.item-news-right .content .p-date{font-size: 12px;color: #c81b3e;}
.img-news-de{height: 300px;width: 100%;object-fit: cover;margin-bottom: 10px;margin-top: 30px;}
.ngaydang{}
.ngaydang a{color: #4f4f4f;}
.ngaydang i{color: #4f4f4f;}
.ngaydang .p-date{margin-left: 15px;}
.navbar-nav>li.giohang{
}
.slide-danhmuc{background-color: #f3f3f3;padding-top: 10px;padding-bottom: 10px;}
.title-danhmuc{font-family: 'Arimo';text-transform: uppercase;font-size: 16px;background-color: #535353;padding: 7px 15px;color: #fff;}
footer .title-f:before{/* content:""; */width: 60px;height: 3px;background-color: #fff;position: absolute;bottom: 0;}
header{padding-top: 10px;padding-bottom: 10px;}
#slider_danhmuc{overflow:hidden;}
.form-search-right{position: relative;}
.form-search-right input{box-shadow: none;border-radius: 0;border: navajowhite;border-bottom: 1px solid #eee;font-size: 13px;height: 45px;outline: none;}
.form-search-right .btn-search{position: absolute;right: 0;top: 0;bottom: 0;background-color: transparent;color: #ccc;background: url(../images/search_1.png) no-repeat center;background-size: 15px;width: 50px;outline: none;}
.widget-title{font-family: 'Crimson Text';font-size: 20px;text-transform: uppercase;font-weight: 600;margin-top: 30px;position: relative;padding-top: 5px;padding-bottom: 10px;margin-bottom: 15px;}
.widget-title:before{/* content:""; *//* height: 100%; *//* position: absolute; *//* left: -15px; *//* width: 3px; *//* background-color: #999; *//* top: 0; */}
.widget-title span{}
.widget-title span:before{content:"";position: absolute;width: 50px;height: 1px;background-color: #a4a4a4;bottom: 0px;left: 0;}
.widget-title span:after{content:"";position: absolute;width: 50px;height: 1px;background-color: var(--color-main);/* transform: skewX(-45deg); */bottom: -4px;left: 20px;}
.dich_vu_right{list-style: none;padding: 0;}
.dich_vu_right li a{display: block;position: relative;padding: 10px 20px;color: #212121cc;}
.dich_vu_right li a:before{content:"\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);color: #dc2d13;}
.news-left{margin-bottom: 10px;border-bottom: 1px dotted #d0d0d0;padding-bottom: 10px;}
.news-left .img{display: block;height: 100px;}
.news-left .img img{width: 100%;height: 100%;object-fit: cover;}
.news-left h4{font-size: 15px;margin-top: 0;line-height: 17px;margin-bottom: 5px;font-weight: 700;}
.news-left h4 a{color: #313131;}
.news-left h4 a:hover{color: #dc2d13;}
.news-left p{margin-bottom: 0;line-height: 17px;font-size: 14px;color: #616060;}
.item-new{background-color: #fff;margin-bottom: 30px;padding-bottom: 20px;}
.item-new .img-news{position: relative;}
.item-new .img-news .link-cate{position: absolute;top: 25px;left: 30px;transition: all 0.3s;box-shadow: 5px 0 0 0 #ee3f00;color: #222;background-color: #ffffff;/* transform: skewX(-17deg); */padding: 6px 16px;overflow: hidden;z-index: 1;}
.item-new .img{display: block;height: 307px;}
.item-new .img img{width: 100%;height: 100%;object-fit: cover;}
.link-cate:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #ee3f00;}
.link-cate span{display: block;/* transform: skewX(17deg); */font-family: 'Arimo';font-weight: 500;text-transform: uppercase;}
.link-cate:hover>span{color: #fff;}
.link-cate:hover:after{height: 350%;opacity: 1;}
.head-news{margin-top: 30px;border-left: 4px solid var(--color-main);padding-left: 20px;padding-right: 20px;margin-bottom: 20px;}
.head-news h4{margin-top: 0;font-family: 'Crimson Text';font-weight: 700;margin-bottom: 6px;font-size: 22px;}
.head-news h4 a{color: #2b2b2b;}
.head-news h4 a:hover{
}
.head-news .ngaydang{color: #615d5d;font-style: italic;font-size: 13px;}
.item-new .mota{padding-left: 20px;padding-right: 20px;margin-bottom: 20px;color: #6c6a6a;}
.f-news{padding-left: 20px;padding-right: 20px;}
.wrap-post-btn{display: inline-block;padding-right: 7px;border-left: 1px solid #eee;overflow: hidden;}
.wrap-post-btn .post-btn{display: block;padding: 8px 15px 8px 15px;font-size: 12px;font-weight: 500;color: #ee3f00;vertical-align: top;border: 1px solid #ee3f00;background-color: #fff;text-transform: uppercase;font-family: 'Arimo';overflow: hidden;border-radius: 4px;position: relative;}
.wrap-post-btn .post-btn span{display: block;/* transform: skewX(-22deg); */font-family: 'Arimo';}
.wrap-post-btn .post-btn:after{content:"";position: absolute;top: 50%;left: 50%;width: 120%;height: 50%;opacity: 0;z-index: -1;transition: all 0.3s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(45deg);background-color: #dc2d13;}
.wrap-post-btn .post-btn:hover{background-color: #ee3f00;}
.wrap-post-btn .post-btn:hover span{color: #ffffff;}
.wrap-post-btn .post-btn:hover:after{height: 350%;opacity: 1;}
.wrap-social-block{display: inline-block;/* width: 190px; */margin-top: 29px;margin-left: -13px;padding-left: 8px;vertical-align: top;overflow: hidden;margin-top: 0;margin-bottom: 0px;float: right;}
.social-block{display: block;padding: 9px 0 9px;/* background-color: #383737; */}
.social-block__inner{display: block;/* margin-left: 27px; */text-align: right;}
.social-block__title{display: inline-block;font-size: 10px;font-weight: 500;color: #292525;vertical-align: middle;}
.social-block__list{padding-left: 0;list-style: none;display: inline-block;margin-bottom: 0;margin-left: 5px;vertical-align: middle;}
.social-block__list li{display: inline-block;padding-left: 5px;padding-right: 5px;}
.social-block__list li a{font-size: 14px;color: #999;transition: all 0.3s;}
.social-block__list li a:hover{color: #2eb873;}
.item-new:hover{/* background: url(../images/texture-1.gif); */box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.br-trang{background-color: #ffff;padding: 15px;margin-bottom: 30px;}
.filter-button{font-size: 16px;border: 1px solid #2eb873;border-radius: 5px;text-align: center;color: #2eb873;margin-bottom: 30px;padding: 5px 20px;margin-left: 5px;background-color: transparent;}
.filter-button:hover{background-color: #2eb873;color: #fff;border: 1px solid #2eb873;}
.btn-default:active .filter-button:active{background-color: #42B32F;color: white;}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 20px;}
.nav-tab{text-align: center;margin-top: 30px;}
.filter-button:focus{color: #ffffff;background-color: #2eb873;}
.gallery_product a{display: block;height: 270px;}
.news-chitiet:hover{box-shadow: none;}
.navbar-brand.logo{padding-top: 15px;padding-bottom: 15px;/* transition: all 0.2s linear; */}
.navbar-brand.logo img{height:50px;transition: all 0.2s linear;}
.navbar-default{}
.nav-main{margin-top:18px;}
.navbar-default .navbar-nav>li>a.btn-nav{background-color: var(--color-main);color: #fff;padding: 8px 15px;border-radius: 5px;margin-top: 7px;margin-left: 5px;font-weight: 300;font-size: 14px;}
.mxh-top{
}
.mxh-top a{color: #fff;margin-right: 15px;}
.mxh-top a i{
}
.gioithieu{padding-top: 100px;padding-bottom: 100px;background: url(../images/welcome-pattern.png) no-repeat 30% center;background-size: auto;}
.gioithieu .img-gioithieu{position: relative;padding-bottom: 100px;}
.img-gioithieu .img_avata{width: 80%;border-radius: 50%;/* box-shadow: -20px -20px var(--color-main); */z-index: 20;position: relative;}
.img-gioithieu .img_luat{width: 50%;position: absolute;bottom: 0;right: 0;webkit-animation-name: float-bob;animation-name: float-bob;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;z-index: 100;}
.img-gioithieu .img_luat img{z-index: 1000;}
.content-gioithieu{position: absolute;top: 50%;transform: translateY(-50%);}
.content-gioithieu .text{
}
.content-gioithieu .text span{position: relative;display: inline-block;text-transform: uppercase;font-weight: 600;font-size: 16px;color: var(--color-main);padding-right: 15px;}
.content-gioithieu .text span:after{content:"";position: absolute;width: 40px;height: 2px;background-color: var(--color-main);bottom: 13px;left: 100%;}
.content-gioithieu .text span:before{content:"";position: absolute;width: 70px;height: 2px;background-color: #000;bottom: 6px;left: 100%;}
.content-gioithieu .title{font-family: 'Crimson Text', serif;font-size: 48px;font-weight: 700;margin-bottom: 30px;}
.content-gioithieu .content{font-size: 16px;color: #454545;line-height: 26px;margin-bottom: 30px;}
.content-gioithieu .btn-chitiet{display: inline-block;padding: 14px 40px;position: relative;text-transform: uppercase;color: var(--color-main);font-size: 15px;font-weight: 500;}
.content-gioithieu .btn-chitiet span{
}
.content-gioithieu .btn-chitiet:hover:before{width: 100%;}
.content-gioithieu .btn-chitiet:hover:after{width: 100%;}
.content-gioithieu .btn-chitiet:hover span:after{height: 100%;}
.content-gioithieu .btn-chitiet:hover span:before{height: 100%;}
.content-gioithieu .btn-chitiet span:before{content:"";position: absolute;top: 0;left: 0;height: 80%;border-left: 1px solid var(--color-main);transition: all 0.2s linear;}
.content-gioithieu .btn-chitiet span:after{content:"";position: absolute;bottom: 0;right: 0;height: 80%;border-right: 1px solid var(--color-main);transition: all 0.2s linear;}
.content-gioithieu .btn-chitiet:before{content:"";position: absolute;top: 0;left: 0;width: 80%;border-bottom: 1px solid var(--color-main);transition: all 0.2s linear;}
.content-gioithieu .btn-chitiet:after{content:"";position: absolute;bottom: 0;right: 0;width: 80%;border-bottom: 1px solid var(--color-main);transition: all 0.2s linear;}
.span-avata{display: block;width: 100%;position: relative;margin-left: 30px;}
.span-avata:before{content:"";position: absolute;top: -30px;left: -30px;width: 80%;border-radius: 50% 50% 50% 50%;z-index: -1;background: var(--color-main);height: 100%;-webkit-animation-name: float-bob;animation-name: float-bob;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;z-index: 1;}
@-webkit-keyframes float-bob {
	from {
		-webkit-transform: translate(0, 0px);
	}
	65% {
		-webkit-transform: translate(0, 15px);
	}
	to {
		-webkit-transform: translate(0, 0px);
	}
}
@keyframes float-bob {
	from {
		-webkit-transform: translate(0, 0px);
	}
	65% {
		-webkit-transform: translate(0, 15px);
	}
	to {
		-webkit-transform: translate(0, 0px);
	}
}
.title-home{text-align: center;margin-top: 100px;}
.title-home span.text{display: inline-block;position: relative;display: inline-block;text-transform: uppercase;font-weight: 600;font-size: 16px;color: var(--color-main);padding-right: 80px;}
.title-home span.text:before{content:"";position: absolute;width: 70px;height: 2px;background-color: #000;bottom: 6px;right: 0;}
.title-home span.text:after{content:"";position: absolute;width: 40px;height: 2px;background-color: var(--color-main);bottom: 13px;right: 30px;}
.title-home .title{font-family: 'Crimson Text', serif;font-size: 44px;font-weight: 700;margin-top: 5px;margin-bottom: 50px;}
.item-dichvu_home{margin-bottom: 30px;text-align: center;padding: 10px;border: 1px solid var(--color-main);border-radius: 10px;padding-bottom: 25px;}
.item-dichvu_home .img{
}
.item-dichvu_home .img img{height: 250px;width: 100%;object-fit: cover;}
.item-dichvu_home .title{font-family: 'Crimson Text';font-size: 24px;}
.item-dichvu_home .title a{color: #000;}
.item-dichvu_home .mota{line-height: 22px;font-size: 16px;color: #646464;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.solieu{position: relative;padding-top: 120px;padding-bottom: 100px;background-position: center;background-size: cover;margin-top: 50px;background-attachment: fixed;}
.solieu:before{content:"";background-color: var(--color-main);position: absolute;height: 100%;width: 100%;top: 0;left: 0;opacity: 0.5;}
.item-solieu{position: relative;background-color: #fff;border-radius: 20px;padding: 20px;margin-bottom: 20px;}
.item-solieu img{position: absolute;top: 20px;right: 20px;height: 70px;}
.item-solieu .num{font-family: 'Crimson Text';font-size: 54px;color: var(--color-main);}
.item-solieu .text{font-size: 24px;font-family: 'Crimson Text';color: #545454;}
.img_why{border: 1px solid var(--color-main);border-radius: 50%;/* overflow: hidden; */text-align: center;width: 90%;margin: 0px auto;position: relative;margin-top: 50px;top: 50%;transform: translateY(-50%);}
.img_why:before{content:"";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;background-color: var(--color-main);border-radius: 50%;}
.img_why img{position: absolute;left: 0;right: 0;margin: 0px auto;bottom: 15px;}
.item-why{margin-bottom: 50px;font-size: 17px;font-weight: 500;color: #353333;margin-top: 30px;}
.item-why img{
}
.item-why .title{font-family: 'Crimson Text';margin-top: 15px;margin-bottom: 8px;font-size: 23px;color: #000000;}
.item-why .content{
}
.why{/* padding-top: 100px; */padding-bottom: 100px;}
.doingu{background-color: #e2f5ff;padding-bottom: 100px;}
.item-doingu{border: 1px solid var(--color-main);padding: 5px;position: relative;}
.item-doingu .body-doingu{background-color: #fff;position: relative;z-index: 1;}
.item-doingu .body-doingu img{position: relative;width: 100%;}
.item-doingu .body-doingu .title{font-family: 'Crimson Text';margin-top: 1px;font-size: 22px;margin-bottom: 10px;}
.item-doingu .body-doingu .content{font-size: 15px;color: #767676;font-style: italic;}
.item-doingu:before{content:"";width: 60px;height: 60px;position: absolute;top: -5px;background-color: var(--color-main);left: -5px;}
.item-doingu:after{content:"";width: 60px;height: 60px;position: absolute;bottom: -5px;background-color: var(--color-main);left: -5px;}
.item-doingu .body-doingu:before{content:"";width: 60px;height: 60px;position: absolute;top: -5px;background-color: var(--color-main);right: -5px;}
.item-doingu .body-doingu:after{content:"";width: 60px;height: 60px;position: absolute;bottom: -5px;background-color: var(--color-main);right: -5px;}
.content-doingu{position: relative;z-index: 6;background-color: #fff;padding: 15px;text-align: center;}
.lienhe-home{position: relative;padding-bottom: 100px;background-size: cover;background-attachment: fixed;background-position: right center;}
.lienhe-home:before{content:"";position: absolute;width: 50%;top: 0;bottom: 0;background-color: #fff;}
.lienhe-home:after{content:"";background-color: #002234;position: absolute;width: 50%;right: 0;top: 0;bottom: 0;opacity: 0.7;}
.form-lienhe{margin-right: 50px;}
.form-lienhe input{height: 50px;box-shadow: none;border-radius: 0;border: 1px solid #eeee;font-family: 'Crimson Text', serif;font-size: 16px;}
.form-lienhe textarea{box-shadow: none;border-radius: 0;border: 1px solid #eeee;font-family: 'Crimson Text', serif;font-size: 16px;}
.form-lienhe .btn-dk{background-color: var(--color-main);border-radius: 0;padding: 14px 50px;text-transform: uppercase;font-weight: 500;color: #fff;border: none;}
.form-lienhe .btn-dk:hover{
}
.panel-hoidap{
    background-color: transparent;
    padding-left: 50px;
}
.panel-hoidap .panel-heading{padding: 0;}
.panel-hoidap .panel-heading .panel-title{}
.panel-hoidap .panel-heading .panel-title a.collapsed{}
.panel-hoidap .panel-heading .panel-title a{display: block;padding: 8px 10px;position: relative;color: #ffffff;padding-left: 0;font-family: 'Crimson Text', serif;font-size: 22px;}
.panel-hoidap .panel-heading .panel-title a span{margin-right: 10px;}
.panel-hoidap .panel-heading .panel-title a.collapsed:after{content:"\f0da";display: inline-block;font: normal normal normal 14px/1 FontAwesome;}
.panel-hoidap .panel-heading .panel-title a:after{content:"\f0dd";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 0;}
.form-lienhe .form-control::-webkit-input-placeholder { /* Edge */color: #2c2c2c;}
.form-lienhe .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #2c2c2c;}
.form-lienhe .form-control::placeholder {color: #2c2c2c;}
.form-lienhe .form-group{margin-bottom: 25px;}
.panel-hoidap .panel-group{
}
.item-khachhang{border: 1px solid var(--color-main);padding: 21px;position: relative;margin-bottom: 20px;border-radius: 10px;}
.item-khachhang:before{content:"";}
.item-khachhang:after{content:"";}
.item-khachhang .head-kh{position: relative;padding-left: 100px;padding-bottom: 1px;}
.item-khachhang .head-kh:after{content:"";}
.item-khachhang .head-kh:before{content:"";}
.item-khachhang .head-kh img{width: 80px;height: 80px;position: absolute;object-fit: cover;border-radius: 50%;left: 0;top: 0;}
.item-khachhang .head-kh .name{font-family: 'Crimson Text';font-size: 22px;padding-top: 14px;}
.item-khachhang .head-kh .mota{display: block;margin-bottom: 20px;}
.item-khachhang .content-khachhang{border-top: 1px dashed #c9c9c9;margin-top: 5px;padding-top: 10px;margin-bottom: 5px;line-height: 24px;}
.khachhang{padding-bottom: 100px;}
.blog-box{position:relative;border: 1px solid var(--color-main);padding:20px;z-index:9;margin-top:30px;transition: all 0.2s linear;margin-bottom: 10px;}
.blog-box:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border: 1px solid var(--color-main);-webkit-transform:skew(2deg);transform:skew(2deg);z-index:-9;background:#fff;-webkit-transition:all .4s ease 0;transition:all .4s ease 0;transition: all 0.2s linear;}
.blog-box:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border: 1px solid var(--color-main);-webkit-transform:skewY(-2deg);transform:skewY(-2deg);z-index:-1;background:#fff;-webkit-transition:all .4s ease 0;transition:all .4s ease 0;transition: all 0.2s linear;}
.blog-box:hover:before{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
.blog-box:hover:after{-webkit-transform:skew(2deg);transform:skew(2deg)}
.blog-img{position:relative;overflow:hidden}
.blog-img img{width:100%;-webkit-transition:all .6s ease;transition:all .6s ease;height: 250px;object-fit: cover;}
.blog-box:hover .blog-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.blog-date{position:absolute;bottom:0;right:-15px;padding:7px 20px;z-index:1}
.blog-date:before{position:absolute;width:100%;height:100%;content:"";top:0;left:0;background: var(--color-main);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);z-index:-1}
.blog-date p{color:#fff;padding-right:10px;margin-bottom: 0;}
.blog-date p i{color:#fff;margin-right:10px}
.blog-text{text-align:center;padding:0 15px;position:relative}
.blog-text:before{position:absolute;content:"";width:1px;height:15px;left:5px;top:-30px;background: var(--color-main);}
.blog-text:after{position:absolute;content:"";width:1px;height:15px;right:5px;top:-30px;background: var(--color-main);}
.blog-text h3{margin-top:30px;-webkit-transition:all .4s ease 0;transition:all .4s ease 0}
.blog-box:hover .blog-text h3{color:#b68c5a}
.blog-text h3{display:block;display:-webkit-box;max-height:64px;font-size: 20px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family: 'Crimson Text', serif;}
.blog-text h3 a{color: #000;}
.blog-text p{margin-top:10px}
.tintuc{padding-bottom: 100px;}
.mxh-f a{display: inline-block;width: 30px;height: 30px;background-color: #fff;color: var(--color-main);text-align: center;line-height: 30px;margin-right: 10px;}
.mxh-f{margin-top: 20px;}
footer ul a:before{content:"";position: absolute;width: 10px;border-bottom: 1px solid;left: 0;bottom: 8px;}
.nav-form{padding: 10px;background-color: #fff;position: relative;}
.nav-form .nav-input{padding: 7px 10px;border: 1px solid #ccc;width: 100%;border-radius: 5px;}
.nav-form .btn-search{position: absolute;top: 11px;right: 11px;bottom: 11px;width: 40px;background-color: var(--color-main);background-image: url(../images/search.png);background-position: center;background-repeat: no-repeat;background-size: 15px;border-radius: 0 5px 5px 0px;}
.br-lienhe {background-position: center;background-size: cover;}
.form-lienhe2{margin-right: 0;margin-left: 50px;}
#form-contact input{height: 45px;border-radius: 0;box-shadow: none;border: 1px solid #eee;background-color: var(--color-main)08;}
#form-contact textarea{border-radius: 0;box-shadow: none;border: 1px solid #eee;background-color: var(--color-main)08;}
.btn-send-contact{background-color: var(--color-main);height: 40px;border: none;border-radius: 0;color: #fff;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:not(.dropdown-toggle){padding: 10px 5px!important;font-size: 16px!important;}
.d-flex{display: flex;}
.nav.navbar-nav.nav-main{display: flex;align-items: center;gap: 1rem;}
.menu-pc{width: calc(100% - 200px);}
.menu-pc .nav{width: 100%;justify-content:space-between;}
.menu-pc .nav .dropdown-menu{left: inherit;right: 0;}