*{margin:0 auto}
.gold_vang{background-image:linear-gradient(to right,#462523 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#462523 100%);color:transparent}
.container-fluid{background:#fff}
body{margin:0 auto;background:#eee}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
p,
small,
label,
b,
tr,
td,
strong,
ul,
span,
li,
span,
ul,
input,
label,
button,
textarea,
a{font-family:'Inter1',sans-serif}
a{text-decoration:none;color:#FCE595}
a:hover{text-decoration:none}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4{margin-top:0}
.alert{border-radius:0}
.pad{padding:0}
.pad_5{padding:5px}
.pad_10{padding:10px}
*:focus{outline:0!important}
button{outline:none!important}
.pad_left{padding-left:0}
.pad_right{padding-right:0}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background:#871E1C;border-color:#871E1C;margin:2px}
.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:15px;line-height:1.5;color:#043F75;margin:2px}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-radius:0}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-radius:0}
.form-control{border-radius:0}
.trang{font-size:16px;color:#fff}
.modal-backdrop{z-index:9999999999999999999!important;background:none;position:relative}
.modal{background:rgba(0,0,0,0.67);z-index:9999999999999999999!important}
.modal-content{border-radius:0px;z-index:9999999999999999999!important}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}
.an_pc{display:none}
#top{width:45px;height:45px;position:fixed;right:20px;bottom:5px;cursor:pointer;display:none;z-index:100;font-size:20px}
.top_css{background:#9e7837;padding-top:5px;color:#fff;font-size:14px}
.top_menu{position:fixed;top:25px;right:5px;color:#0063BC;text-decoration:none;padding:8px;opacity:.7;z-index:99999999999999999999999}
.top_menu:hover{color:#0063BC;transition:.3s ease;text-decoration:none}
.top_menu:visited{color:#0063BC;text-decoration:none}
td,tr,th{padding: 10px;}
ul,ol{padding-left: 15px;}
/*Header Top*/
#top_css{background:#828186;color:#fff}
.top_font{font-size:13px}
.feature_title{font-size:16px;font-family:'Inter3';color:#871E1C}
.feature_title1{font-size:20px;font-family:'Inter3';color:#fff}
.highlight-line{border-bottom:2px solid #871E1C;width:59px;position:absolute;margin-top:11px;margin-left:10px}
.about_title{font-size:26px;font-family:'Conv_Montserrat-Black';color:#002e43;font-weight:bold}
.about_head{font-family:'Inter3';font-size:14px}
.about_href>a{color:#871E1C;text-align:center;font-family:'Inter3'}
.about_href>a:hover{color:#fff;text-align:center;font-family:'Inter3';transition:.4s ease}
.about_href{padding:10px;border:1px solid #871E1C;border-radius:5px;width:150px;background:none}
.about_href:hover{padding:10px;border:1px solid #871E1C;border-radius:5px;width:150px;background:#871E1C;color:#fff;transition:.4s ease}
.about_href:hover>a{color:#fff;transition:.4s ease}
.left_side{clip-path:polygon(0 0,100% 0,97% 100%,0% 100%);background:#871E1C;padding:6px;width:40%}
.right_side{width:60%;position:absolute;padding-top:6px;left:5%}
.top_p_left{padding-left:8%}
.hover08 figure img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover08 figure:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.hover11 figure img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover11 figure:hover img{opacity:.5}
#sub_gioithieu_css1{margin-top:40px;margin-bottom:70px}

/*Menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:999999}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu > ul > li{float:left;padding-right:5px}
#cssmenu.align-center > ul{font-size:0;text-align:center}
#cssmenu.align-center > ul > li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right > ul > li{float:right}
#cssmenu > ul > li > a{padding:10px;font-size:17px;text-decoration:none;color:#002e43;font-family:'Inter3'}
#cssmenu > ul > li:hover > a{color:#871E1C;transition:.3s ease}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;margin-top:1px}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0;border:1px solid #fff}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li a{padding:12px;width:450px;text-decoration:none;color:#000;font-weight:400;background:#fff;font-size:15px}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#871E1C;transition:.3s ease}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#dddddd;content:''}
#cssmenu.align-right ul ul li.has-sub > a:after{right:auto;left:11px}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#dddddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu.align-right ul ul li.has-sub > a:before{right:auto;left:14px}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){
	#cssmenu{width:100%;display:none}
	#cssmenu ul{width:100%;display:none}
	#cssmenu.align-center > ul{text-align:left}
	#cssmenu ul li{width:100%;border-top:1px solid rgba(120,120,120,0.2)}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,
	#cssmenu ul ul li a{width:100%;border-bottom:0}
	#cssmenu > ul > li{float:none}
	#cssmenu ul ul li a{padding-left:25px}
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#828186;background:none}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a{color:#ffffff}
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #menu-button{display:block;padding:17px;color:#dddddd;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700}
	#cssmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	#cssmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#dddddd;content:''}
	#cssmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#ffffff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	#cssmenu #menu-button.menu-opened:before{top:23px;background:#ffffff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.2);height:46px;width:46px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#262626}
	#cssmenu ul ul .submenu-button{height:34px;width:34px}
	#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#dddddd;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#ffffff}
	#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#dddddd;content:''}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
}
#header_css{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #eee}
.right_ds{padding-top:25px}
.mau_icon{color:#871E1C}

/*HomePage - About*/
.shine{overflow:hidden}
.shine .over_lay{position:absolute;bottom:0;top:0;left:0;right:0;z-index:1}
.shine .over_lay::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.shine:hover .over_lay::before{-webkit-animation:shine .75s;animation:shine .75s}
.shine .over_lay a{position:absolute;left:0;top:0;bottom:0;right:0;z-index:99}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
#about_css{margin-top:80px;margin-bottom:80px}
#news_css{margin-top:40px;margin-bottom:40px}
.news_title{font-size:24px;font-family:'Inter3'}
.news_des{font-size:16px;color:#303030}
.news_bv{font-size:18px;font-family:'Inter3'}
.news_head{font-size:14px;color:#ccc}
a.news_detail{font-family:'Inter3';font-size:13px;text-transform:uppercase}
a.news_detail:hover{font-family:'Inter3';text-transform:uppercase;font-size:13px;color:#ccc;transition:.4s ease}
a.effect-underline:after{content:'';position:absolute;left:15px;display:inline-block;height:1em;width:15%;border-bottom:1px solid #ccc;margin-top:10px;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0,1);transform:scale(0,1)}
a.effect-underline:hover:after{opacity:1;color:orange;-webkit-transform:scale(1);transform:scale(1)}
a.effect-box:after,
a.effect-box:before{content:'';position:absolute;left:0;display:inline-block;height:1em;width:100%;margin-top:10px;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
a.effect-box:before{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1,0);transform:scale(1,0)}
a.effect-box:after{border-bottom:1px solid #ccc;border-top:1px solid;-webkit-transform:scale(0,1);transform:scale(0,1)}
a.effect-box:hover:after,
a.effect-box:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
a.effect-shine:hover{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);-webkit-mask-size:200%;animation:shine 2s infinite}
@-webkit-keyframes shine{
	from{-webkit-mask-position:150%}
	to{-webkit-mask-position:-50%}
}
#contact_css{padding-top:40px;padding-bottom:40px;color:#fff;background-image:url(../images/bg/om_2.jpg);background-size:cover;background-position:center}
.contact_head{font-size:30px;color:#fff;font-family:'Inter3'}
.btn_dt1{font-size:17px;font-family:Inter3;background:none;border:1px solid #fff;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;color:#fff}
.btn_dt1:hover{font-size:17px;font-family:Inter3;background:#ccc;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;color:#000;border:1px solid #fff;transition:.5s ease}
#faq_css{margin-top:70px;margin-bottom:50px}
.clock{width:220px;height:220px;background-color:#acacac;border-radius:50%;border:0.5rem solid #666;position:relative}
.btn_dt{font-size:14px;font-family:Inter32;background:#fff;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;color:#000;border:1px solid #000}
.btn_dt:hover{font-size:14px;font-family:Inter32;background:#871e1c;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;color:#fff;border:1px solid #871e1c;transition:.3s ease}
.img_cong{border-radius:25px}
.contact_desc{color:#fff}
.tuvan1{color:#fff;font-family:'Inter32';font-weight:bold;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;background:#b5282e;font-size:16px;border-radius:25px;width:250px;border:1px solid #b5282e}
.tuvan1:hover{color:#fff;font-family:'Inter32';font-weight:bold;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;background:#828186;font-size:16px;border-radius:25px;width:250px;transition:.3s ease;border:1px solid #828186}
.section-title h2{font-size:25px;color:#f35444;font-family:'Inter32';text-transform:uppercase;margin-bottom:30px;padding-bottom:20px;position:relative}
.section-title h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}
.section-title h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:orange;bottom:0;left:calc(50% - 20px)}
.section-title1 h2{font-size:25px;color:#871E1C;font-family:'Inter32';text-transform:uppercase;margin-bottom:30px;padding-bottom:20px;position:relative}
.section-title1 h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}
.section-title1 h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#000;bottom:0;left:calc(50% - 20px)}
figure.snip1321{font-family:'Conv_Montserrat-Black';position:relative;overflow:hidden;margin:10px;min-width:230px;width:100%;color:#fff;text-align:center;-webkit-perspective:50em;perspective:50em;float:left}
figure.snip1321 *{-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all 0.2s ease-out;transition:all 0.3s ease-out}
figure.snip1321 img{max-width:100%;vertical-align:top}
figure.snip1321 figcaption{top:50%;left:20px;right:20px;position:absolute;opacity:0;z-index:1}
figure.snip1321 h2,
figure.snip1321 h4{margin:0;font-family:'Inter3'}
figure.snip1321 h2{font-weight:600;font-family:'Inter3'}
figure.snip1321 h4{font-weight:400;text-transform:uppercase;font-family:'Inter3'}
figure.snip1321 i{font-size:32px}
figure.snip1321:after{background-color:#000;position:absolute;content:"";display:block;top:20px;left:20px;right:20px;bottom:20px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.3}
figure.snip1321 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}
figure.snip1321:hover:after,
figure.snip1321.hover:after{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:0.9}

/*Home - Dich vu*/
#tongquan_css{background:url(../images/bg/sg.png);background-attachment:fixed;background-repeat:repeat;background-position:center;position:relative;min-height:600px;padding-top:50px;padding-bottom:50px}
.tongquan_title{font-family:'Inter2';font-size:28px;line-height:1.2;color:#fff}
.tongquan_bd{background:#828186;padding-bottom:5px;color:#fff;margin:15px;}
.tongquan_bd:hover{background:#871E1C;padding-bottom:5px;color:#fff;margin:15px;transition:.5s ease}
a.tongquan_2_title{font-family:'Inter32';font-size:18px;padding-top:10px;color: #fff}
a.tongquan_2_title:hover{font-family:'Inter32';font-size:18px;padding-top:10px;color: orange;transition: .5s ease}
.hover08 figure img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover08 figure:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);}
.hover11 figure img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.hover11 figure:hover img{opacity:.5;}

/*Home - News*/
.home_category_mota{font-size:13px;font-family:Inter3}
#home_news_css{padding-top:40px;padding-bottom:50px;background:#000;color:#999;background:url(../images/bg/e7.jpg);background-position:right;background-repeat:repeat;background-size:cover;position:relative}
.home_news_title{min-height:55px;text-align:justify;padding:10px}
.home_news_title>a{font-size:16px;font-family:'Inter32';color:#000}
.home_news_title>a:hover{font-size:16px;font-family:'Inter32';color:#e13333;margin-top:10px;transition:.5s ease}
.home_news_bd{margin:5px}
.home_khung{border:1px solid #ccc;background:#ffffffb5}
.home_khung:hover{border:1px solid #952222;background:#fff;transition:.3s ease}
.home_news_desc{font-size:14px;color:#000;text-align:justify;padding:10px}
.animated1{text-decoration:none;display:inline-block}
.animated1::after{content:'';position:relative;display:block;width:0;height:2px;background:#e13333;transition:width 0.8s ease;left:0px;bottom:-10px}
.animated1:hover::after{width:100%;bottom:-10px;left:0px;transition:width 0.8s ease}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;position:relative;z-index:1}
.hover01 figure:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
#home_partner_css{padding-top:40px;padding-bottom:20px;background:#000000eb;color:#fff}
#home_footer_css{padding-top:40px;padding-bottom:20px;background:#000000eb;color:#fff}
.icon_mau{color:#e13333}
.home_intro_title1{font-size:26px;color:#000;font-family:'Inter32'}
.home_intro_title2{color:#952222;font-size:26px;font-family:'Inter32'}
.home_intro_title11{font-size:18px;color:#fff;font-family:'Inter32'}
.home_intro_title21{color:#e13333;font-size:18px;font-family:'Inter32'}
.container-ykien{background:url(../images/icon/im.jpg);background-attachment:fixed;background-repeat:repeat;position:relative;min-height:600px;width:100%;padding-top:50px;padding-bottom:50px}
.title-ykien{text-align:center;font-size:30px;color:#FFF;font-weight:100;position:relative;margin:30px 0}
.title-ykien:after{content:"";position:absolute;height:2px;border-radius:5px;bottom:0;bottom:-10px;background:#FFF;left:calc(50% - 50px)}
.overlay-kien{position:absolute;top:0;left:0;width:100%;height:100%}
.box-ykien{text-align:center;font-size:12px;color:#FFF;font-style:italic}
.box-ykien .img-ykien{border-radius:50%;overflow:hidden}
.box-ykien .img-ykien img{border-radius:50%}
.box-desc-ykien{padding:10px 0}
.bottom-contact{display:none}
.float-icon{bottom:20px;position:fixed;z-index:99999999999999999;left:-25px}
.float-icon ul{list-style:none}
.float-icon a{cursor:pointer}
.float-icon img{width:40px}
.float-icon li{padding:7px 0;position:relative;z-index:99999999999999999}
.icontitle{font-size:13px;color:green;padding:0 5px;line-height:20px;position:absolute;width:80px;left:40px;top:15px;text-transform:initial;z-index:99999999999999999}
.float-icon li:hover > .icontitle{display:block}
@media (max-width:767px){
	.float-icon{display:none}
	.bottom-contact{display:block;position:fixed;bottom:0;background:#e6e6e6ad;width:-webkit-fill-available;z-index:999999999999999999;box-shadow:2px 1px 9px #dedede;border-top:1px solid #d2d2d2}
	.bottom-contact ul li{width:25%;float:left;list-style:none;text-align:center;font-size:13px;line-height:1.6}
	.bottom-contact ul li span{color:black}
	.bottom-contact ul li img{width:30px;margin-top:7px;margin-bottom:0}
}

/*Footer*/
#footer_css{padding-top:70px;padding-bottom:40px;background:#272829;color:#fff;background-image:url(../images/bg/dot.png);background-size:contain;background-position:left}
.footer_title{font-weight:bold;font-size:32px;font-family:'Inter32';color:#fff;text-transform:uppercase}
.footer_mota{color:#fff}
.footer_ul{padding-left:0}
.footer_ul>li{list-style:none;color:#fff}
.footer_ul>li>a{color:#fff}
.fa_ft{font-size:18px;color:#B5282E}
.mau_icon{color:#B5282E}
.ul_bd{border-bottom:2px solid #B5282E;width:100px}
.footer_ul{padding-left:0px}
.footer_ul>li{list-style:none;border-bottom:1px solid rgb(255 255 255 / 20%);padding-bottom:10px;padding-top:10px}
.footer_ul>li{font-size:14px}
.mau_icon{color:#B5282E}
#cpr_css{padding-top:15px;background:#162F70;color:#fff}
.form-control{margin-bottom:15px;margin-top:5px}
.fm_nd{border-radius:25px}
.cta{position:fixed;bottom:15px;left:10px;width:50px;height:50px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 5px 5px rgba(0,0,0,.2);z-index:999999999999!important}
.cta span{position:absolute;width:100%;background:red;z-index:999999999999!important;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:50%;font-size:2.7em;transition:.3s ease-in-out}
.cta.active span{background:redwww}
.cta ul{position:absolute;bottom:55px;background:none;padding:10px 10px;border-radius:20px;opacity:0;visibility:hidden;transition:0.3s;list-style:none}
.cta ul li{background:#fff;border-radius:45%;padding:8px;margin:1rem;transition:.3s;width:45px;height:45px;border-radius:50%;background:#3a5d83;color:#fff}
.cta.active ul{opacity:1;visibility:visible;transition:.3s;left:-10px}
.cta.active ul li{align-items:center;transition:.3s;width:45px;height:45px;border-radius:50%;background:#3a5d83;color:#fff}
.cta.active ul li a{color:#fff;font-size:22px;text-decoration:none}
.cta.active ul li a i{padding-left:2px}
.cta ul li:hover{transform:scale(1.04);color:#fff;background:#999;transition:.5s ease}
.cta ul li a:hover{opacity:0.4s;color:#fff}
.action ul li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 0 2px #999}
.action.active ul li:hover a{opacity:.8;transform:scale(0.9)}
.dv_khung{border:1px solid #F7F6F6}
.dv_khung:hover{border:1px solid #ccc;transition:.5s ease}
.effect h2{color:#fff;font-weight:400;font-size:25px;letter-spacing:3px}
.effect:nth-child(2n){background-color:#fff}
.effect:nth-child(2n) h2{color:#212121}
.effect .buttons{display:flex;justify-content:center}
.effect .buttons{display:flex;justify-content:center;visibility:hidden}
.effect a{text-decoration:none!important;color:#fff;width:45px;height:45px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;margin-right:20px;font-size:15px;position:relative;visibility:visible}
.effect a i{position:relative;z-index:3}
.effect a:after{content:attr(title);visibility:hidden;width:190px;height:100%;display:flex;align-items:center;z-index:400;font-size:18px}
.effect a:nth-child(-n+4):after{position:absolute;top:0;left:70px;text-align:left;justify-content:flex-start}
.effect a:nth-child(n+5):after{position:absolute;top:0;right:70px;justify-content:flex-end}
.effect a.fb{background-color:#3b5998}
.effect a.tw{background-color:#00aced}
.effect a.g-plus{background-color:#dd4b39}
.effect a.dribbble{background-color:#ea4c89}
.effect a.pinterest{background-color:#cb2027}
.effect a.insta{background-color:#bc2a8d}
.effect a.in{background-color:#007bb6}
.effect a.vimeo{background-color:#1ab7ea}
.effect.aemilius a{transition-property:all;transition-duration:0.2s;transition-timing-function:linear;transition-delay:0s}
.effect.aemilius .buttons:hover a:not(:hover){background-color:#999;opacity:0.2}
.effect.aemilius .buttons:hover a:hover{opacity:1}
#showMore{background:orange;color:#fff;border-radius:25px;width:150px;padding:10px;padding-left:20px;padding-right:20px;margin-top:30px;text-decoration:none;position:absolute;bottom:31%;text-align:center;left:45%}
.p1_hinh:before{content:" ";position:relative;display:table;margin:auto;width:1140px;top:29px;border-bottom:1px solid #ccc}
.p1_hinh:after{content:" ";position:relative;bottom:29px;display:table;margin:auto;width:1140px;border-bottom:1px solid #ccc;z-index:0}
.nen_chu{display:inline-block;position:relative;text-transform:uppercase;font-size:22px;color:#ffffff;padding:9.5px 45px;background:#D9AC57;z-index:2}
.nen_chu:before{content:" ";width:20px;left:-20px;height:100%;top:0;position:absolute;background:linear-gradient(to bottom right,transparent 0%,transparent 47%,#D9AC57 52%,#D9AC57 100%)}
.nen_chu:after{content:" ";width:20px;right:-20px;height:100%;top:0;position:absolute;background:linear-gradient(to top left,transparent 0%,transparent 47%,#D9AC57 52%,#D9AC57 100%)}
.nen_chu1{display:inline-block;position:relative;text-transform:uppercase;font-size:23px;color:#ffffff;padding:12px 13px;background:#D9AC57;z-index:2}
.nen_chu1:before{content:" ";width:20px;left:-20px;height:100%;top:0;position:absolute}
.nen_chu1:after{content:" ";width:20px;right:-20px;height:100%;top:0;position:absolute}
.blog-header{margin:0 0 20px}
.blog-header h3{font-weight:bold;text-transform:uppercase;margin:0 0 5px;font-size:16px;font-size:1.6rem;color:#495057}
.blog-cate ul{border-radius:4px;margin-bottom:0;padding:10px 0}
.blog-cate ul li.list-group-item{border-bottom:1px solid #e5e5e5;padding:5px 15px}
.blog-listitem .blog-item .blog-item-inner{display:block;margin-bottom:40px;transition:all 0.2s}
.blog-listitem .blog-item .blog-item-inner .blog-content h4 > a{color:#0C2D62;transition:.4s ease}
.blog-listitem .blog-item .blog-item-inner:hover .blog-content h4 > a{color:red;transition:.4s ease}
.blog-listitem .blog-item .blog-item-inner .article-image{position:relative;text-align:center}
.blog-listitem .blog-item .blog-item-inner .article-image:before{content:'';width:0;height:0;border-bottom:85px solid transparent;top:0;position:absolute;z-index:2;border-left:80px solid #fff;left:0}
.blog-listitem .blog-item .blog-item-inner .article-image .article-date{position:absolute;z-index:2;top:2px;left:3px;line-height:20px}
.blog-listitem .blog-item .blog-item-inner .article-image .article-date .date{font-size:14px;color:#909090;display:block}
.blog-listitem .blog-item .blog-item-inner .article-image .article-date .date b{font-size:24px;color:orange;display:block}
.blog-listitem .blog-item .blog-item-inner .article-image:hover img{opacity:0.8;transition:all 0.2s ease-in-out 0s}
.blog-listitem .blog-item .blog-item-inner .itemBlogContent{padding:15px}
.blog-listitem .blog-item .blog-item-inner .blog-meta{display:inline-block;padding:0px 0 10px;border-bottom:1px solid #ebebeb;vertical-align:top;width:100%;font-size:13px}
.blog-listitem .blog-item .blog-item-inner .author,
.blog-listitem .blog-item .blog-item-inner .comment_count,
.blog-listitem .blog-item .blog-item-inner .blog-date{color:#b3b3b3;display:inline-block;margin-right:15px}
.blog-listitem .blog-item .blog-item-inner .author i,
.blog-listitem .blog-item .blog-item-inner .comment_count i,
.blog-listitem .blog-item .blog-item-inner .blog-date i{margin-right:8px}
.blog-listitem .blog-item .blog-item-inner .author a,
.blog-listitem .blog-item .blog-item-inner .comment_count a,
.blog-listitem .blog-item .blog-item-inner .blog-date a{color:#b3b3b3}
.blog-listitem .blog-item .blog-item-inner .blog-content{clear:both;display:inline-block;width:100%}
.blog-listitem .blog-item .blog-item-inner .blog-content h4{margin-bottom:10px;font-size:15px;font-weight:600;line-height:24px}
.blog-listitem .blog-item .blog-item-inner .blog-content .article-description{margin:5px 0 15px 0}
.blog-listitem .blog-item .blog-item-inner .blog-content .readmore{font-size:14px;margin-top:10px}
.blog-listitem .blog-item .blog-item-inner .blog-content .readmore .fa{margin-right:8px}
.blog-listitem .blog-item .blog-item-inner .blog-content .readmore > a{color:#ffc220}
.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogImg{width:320px;margin:0 15px 0 0;float:left}
@media (max-width:767px){
	.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogImg{width:auto}
}
.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent{width:auto;float:none;overflow:hidden;clear:none;padding:0}
@media (max-width:767px){
	.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent{float:left;margin-top:15px}
}
@media (min-width:1200px){
	.blog-listitem .blog-grid-2:nth-child(2n+1){clear:both!important}
}
.blog-listitem .blog-grid-2 .blog-item-inner{background:none;box-shadow:none!important}
.blog-listitem .blog-grid-2 .blog-item-inner .itemBlogContent{padding:10px 0}
.blog-listitem .blog-grid-2 .article-description{display:none}
@media (min-width:1200px){
	.blog-listitem .blog-grid-3:nth-child(3n+1){clear:both!important}
}
.blog-listitem .blog-grid-3 .blog-item-inner{background:none;box-shadow:none!important}
.blog-listitem .blog-grid-3 .blog-item-inner .itemBlogContent{padding:10px 0}
.blog-listitem .blog-grid-3 .article-description{display:none}
@media (min-width:1200px){
	.blog-listitem .blog-grid-4:nth-child(4n+1){clear:both!important}
}
.blog-listitem .blog-grid-4 .article-description{display:none}
.blog-listitem .blog-list .blog-item-inner{padding:0px;background:none;margin-bottom:35px}
.blog-listitem .blog-list .blog-item-inner .itemBlogImg{margin-bottom:15px}
.blog-listitem .blog-list .blog-item-inner .itemBlogContent{padding:0}
div.article-info .article-title h3{font-size:20px;text-transform:capitalize;color:#495057;margin-bottom:5px}
div.article-info .article-sub-title{display:inline-block;width:100%;margin-bottom:10px}
div.article-info .article-sub-title span{display:block;float:left;left:-10px;color:#777;padding:0 10px;font-size:13px;position:relative}
div.article-info .article-sub-title span:after{position:absolute;content:"";width:1px;height:20px;background-color:#e5e5e5;top:0px;right:0}
div.article-info .article-sub-title span.article-author{padding-left:0}
div.article-info .article-sub-title span.article-author a{color:#777;font-size:13px}
div.article-info .article-sub-title span.article-author a:hover{color:#ffc220}
div.article-info .article-sub-title span.article-comment{border-right:0}
div.article-info .article-sub-title span.article-comment:after{display:none}
div.article-info .article-sub-title .article-share{display:none}
div.article-info .article-image{margin-bottom:30px}
div.article-info .article-description{margin-bottom:30px}
div.article-info .related-comment{border-radius:0;border:0;border-top:1px solid #e6e6e6;padding-top:40px;box-shadow:none;margin-top:40px}
div.article-info .related-comment .article-reply{border:none;background:#f9f9f9}
div.article-info .related-comment .article-reply .author{font-weight:bold;font-size:16px}
div.article-info .related-comment .article-reply .article-reply{background:#f4f3f3}
div.article-info .related-comment .panel-body{padding:0;border:0}
div.article-info .related-comment .panel-body .form-group #comments{padding:0;border:0;overflow:hidden}
div.article-info .related-comment .panel-body .form-group #comments h2#review-title{margin:0 0 30px;padding:0;font-weight:bold;text-transform:uppercase;font-size:18px;color:#121212}
@media (min-width:992px){
	div.article-info .related-comment #button-comment{padding:10px 52px}
}
div.article-info .panel-default{border-radius:0;clear:both}
div.article-info .itemFullText{text-align:justify}
.panel--related img{transition:0.3s all ease-in-out}
.panel--related .img-responsive:hover{opacity:0.8}
.panel--related .caption h4{font-size:14px;margin:10px 0;font-family:'Inter32'}
.article--style1 .article-info .article-image{width:50%;margin-right:30px;float:left}
.article--mainimage .article-image{text-align:center}
.article--style2 .article--mainimage{position:relative;z-index:1;margin-bottom:30px}
.article--style2 .article--maintitle{position:absolute;bottom:0;z-index:5;width:100%;padding:10px 15px;color:#f3f3f3;background:-webkit-linear-gradient(left,#111 0%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,#111 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,#111 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#111 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00ffffff',GradientType=1)}
.article--style2 .article--maintitle .article-title{text-transform:uppercase}
.article--style2 .article--maintitle h3{margin-bottom:5px;font-size:21px}
.article--style3 .article--mainimage{position:relative;z-index:1;margin-bottom:30px}
.article--style3 .article--maintitle .article-title{text-transform:uppercase}
.article--style3 .article--maintitle h3{margin-bottom:5px}
.article--style4 .article--maincontent{padding:20px!important;position:relative;z-index:2;margin-top:-100px;background:#fff}
.article--style5 .article--mainimage{position:relative;z-index:1;margin-bottom:30px}
.article--style5 .article--maintitle{position:absolute;z-index:5;transform:translateY(-130%);width:1170px}
.article--style5 .article--maintitle h3{margin-bottom:0}
.article--style5 .article--maintitle .article-title{text-transform:uppercase;bottom:0;z-index:5;display:block;background:rgba(0,0,0,0.6);padding:10px;color:#f3f3f3;margin-bottom:10px}
.article--style5 .article--maintitle .article-sub-title{bottom:0;z-index:5;display:inline-block;background:rgba(0,0,0,0.6);min-width:45%;padding:10px;color:#f3f3f3}
#port_css{background:#fff;padding-top:60px;padding-bottom:50px}
.port_margin{padding:10px}
.port_img{border-radius:20px}
.port_title{font-size:18px;color:#fff;font-family:Inter32}
.port_nd{position:absolute;bottom:0px;z-index:999;padding:20px}
.port_link>a{color:#fff}
.port_link{background:#871e1c;padding:5px;border-radius:5px;width:100px;text-align:center;color:#fff;font-size:12px;font-weight:500;padding-left:10px;padding-right:10px;padding-bottom:5px}
.port_link:hover{background:#000;padding:5px;border-radius:5px;width:100px;text-align:center;color:#fff;font-size:12px;font-weight:500;padding-left:10px;padding-right:10px;padding-bottom:5px}
.banners-effect-1 .banners > div img{transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in}
.banners-effect-1 .banners > div img:hover{opacity:0.8}
.banners-effect-2 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-2 .banners > div a:hover:before,
.banners-effect-2 .banners > div a:hover:after{left:0;opacity:1}
.banners-effect-2 .banners > div a:before,
.banners-effect-2 .banners > div a:after{background-color:rgba(255,255,255,0.4);display:block;width:100%;height:100%;left:-100%;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;content:"";z-index:1}
.banners-effect-3 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-3 .banners > div a:hover:before,
.banners-effect-3 .banners > div a:hover:after{border:0 solid rgba(0,0,0,0.7);opacity:0;filter:alpha(opacity=0)}
.banners-effect-3 .banners > div a:before,
.banners-effect-3 .banners > div a:after{border:50px solid transparent;border-top-right-radius:50px;border-top-left-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;box-sizing:border-box;cursor:pointer;display:inline-block;left:0;right:0;bottom:0;margin:auto;position:absolute;top:0;content:"";opacity:1;filter:alpha(opacity=100);width:100px;height:100px;-webkit-transform:scale(7);-moz-transform:scale(7);-ms-transform:scale(7);-o-transform:scale(7);transform:scale(7);transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;visibility:visible;z-index:1}
.banners-effect-4 .row-no-padding a,
.banners-effect-4 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-4 .row-no-padding a:before,
.banners-effect-4 .banners > div a:before{border-bottom:50px solid rgba(255,255,255,0.4);border-top:50px solid rgba(255,255,255,0.4);content:"";height:100%;left:0;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-o-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-moz-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-ms-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;-o-transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;transform-origin:50% 50% 0;width:100%}
.banners-effect-4 .row-no-padding a:hover:before,
.banners-effect-4 .banners > div a:hover:before{opacity:1;filter:alpha(opacity=100);transform:rotate3d(0,0,1,45deg) scale3d(1,4,1);-o-transform:rotate3d(0,0,1,45deg) scale3d(1,4,1);-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,4,1);-moz-transform:rotate3d(0,0,1,45deg) scale3d(1,4,1);-ms-transform:rotate3d(0,0,1,45deg) scale3d(1,4,1)}
.banners-effect-5 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-5 .banners > div a:before{content:"";height:100%;width:100%;position:absolute;border:70px solid rgba(255,255,255,0);top:0;left:0;transition:all 0.5s ease-in-out}
.banners-effect-5 .banners > div a:after{content:"";height:100%;width:100%;position:absolute;opacity:0.5;border:30px solid #fff;top:0;left:0;transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);transition:all 0.5s ease-in-out}
.banners-effect-5 .banners > div a:hover:before{border:0 solid rgba(255,255,255,0.7)}
.banners-effect-5 .banners > div a:hover:after{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);opacity:0;transition-delay:0.1s}
.banners-effect-6 .banners > div a{display:inline-block;position:relative;overflow:hidden;background:#000;vertical-align:top}
.banners-effect-6 .banners > div a img{backface-visibility:hidden;opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 1s ease 0s,transform 1s ease 0s;-o-transition:opacity 1s ease 0s,transform 1s ease 0s;transition:opacity 1s ease 0s,transform 1s ease 0s}
.banners-effect-6 .banners > div a:hover img{opacity:0.8;filter:alpha(opacity=80);transform:scale3d(1.1,1.1,1)}
.banners-effect-7 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-7 .banners > div a:before{position:absolute;background:rgba(0,0,0,0.3);width:0;top:0;left:50%;content:"";transition:all 0.3s ease-in-out 0s}
.banners-effect-7 .banners > div a:hover:before{width:100%;left:0;top:0;height:100%}
.banners-effect-8 .banners > div a{display:inline-block;position:relative;overflow:hidden;background:#000;vertical-align:top}
.banners-effect-8 .banners > div a:before,
.banners-effect-8 .banners > div a:after{bottom:20px;content:"";left:20px;opacity:0;position:absolute;right:20px;top:20px;-webkit-transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;-o-transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;transition:opacity 0.35s ease 0s,transform 0.35s ease 0s;z-index:1}
.banners-effect-8 .banners > div a:before{border-bottom:1px solid #ffffff;border-top:1px solid #ffffff;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1)}
.banners-effect-8 .banners > div a:after{border-left:1px solid #ffffff;border-right:1px solid #ffffff;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}
.banners-effect-8 .banners > div img{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.35s ease 0s;-o-transition:opacity 0.35s ease 0s;transition:opacity 0.35s ease 0s}
.banners-effect-8 .banners > div a:hover:before,
.banners-effect-8 .banners > div a:hover:after{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.banners-effect-8 .banners > div a:hover img{opacity:0.5;filter:alpha(opacity=50)}
.banners-effect-9 .banners > div a{display:block;position:relative;z-index:10}
.banners-effect-9 .banners > div a:before{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:#000;content:'';-webkit-transition:opacity 0.35s;transition:opacity 0.35s;box-shadow:0 3px 30px rgba(0,0,0,0.2);opacity:0}
.banners-effect-9 .banners > div a:hover:before{opacity:1}
.banners-effect-9 .banners > div a img{opacity:1;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0)}
.banners-effect-9 .banners > div a:hover img{-webkit-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px)}
.banners-effect-10 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-10 .banners > div a:before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 75%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}
.banners-effect-10 .banners > div a:hover:before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banners-effect-11 .banners > div a{display:block;position:relative;overflow:hidden}
.banners-effect-11 .banners > div a:hover:before,
.banners-effect-11 .banners > div a:hover:after{width:100%;height:100%}
.banners-effect-11 .banners > div a:before,
.banners-effect-11 .banners > div a:after{background-color:rgba(0,0,0,0.15);content:"";height:0;left:0;margin:auto;position:absolute;width:0;transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s}
.banners-effect-11 .banners > div a:after{left:auto;right:0;bottom:0}
.banners-effect-12 .banners > div img{transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in}
.banners-effect-12 .banners > div img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.hover01 figure img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover01 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.hover02 figure img{width:300px;height:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover02 figure:hover img{width:350px}
.hover03 figure img{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover03 figure:hover img{-webkit-transform:scale(1);transform:scale(1)}
.hover04 figure img{width:400px;height:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover04 figure:hover img{width:300px}
.hover05 figure img{margin-left:30px;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover05 figure:hover img{margin-left:0}
.hover06 figure img{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover06 figure:hover img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.hover07 figure img{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover07 figure:hover img{-webkit-filter:blur(0);filter:blur(0)}
.hover08 figure img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover08 figure:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.hover09 figure img{-webkit-filter:sepia(100%);filter:sepia(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover09 figure:hover img{-webkit-filter:sepia(0);filter:sepia(0)}
.hover10 figure img{-webkit-filter:grayscale(0) blur(0);filter:grayscale(0) blur(0);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover10 figure:hover img{-webkit-filter:grayscale(100%) blur(3px);filter:grayscale(100%) blur(3px)}
.hover11 figure img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover11 figure:hover img{opacity:.5}
.hover12 figure{background:#1abc9c}
.hover12 figure img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.hover12 figure:hover img{opacity:.5}
.hover13 figure:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}
@-webkit-keyframes flash{
	0%{opacity:.4}
	100%{opacity:1}
}
@keyframes flash{
	0%{opacity:.4}
	100%{opacity:1}
}
.hover14 figure{position:relative}
.hover14 figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:Ä‚Â¢Ă¢â€šÂ¬Ă‚Â;width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.hover14 figure:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.hover15 figure{position:relative}
.hover15 figure::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:Ä‚Â¢Ă¢â€šÂ¬Ă‚Â;width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}
.hover15 figure:hover::before{-webkit-animation:circle .75s;animation:circle .75s}
@-webkit-keyframes circle{
	0%{opacity:1}
	40%{opacity:1}
	100%{width:200%;height:200%;opacity:0}
}
@keyframes circle{
	0%{opacity:1}
	40%{opacity:1}
	100%{width:200%;height:200%;opacity:0}
}
.intro_head{font-size:22px;font-weight:bold;color:#07aceb;font-family:Inter1}
.intro_intro{font-size:26px;color:#000;font-family:Inter32}
.hinh_intro1{width:60%;float:left;position:relative;z-index:999}
.hinh_intro2{width:38%;float:left;margin-top:8%;position:relative;left:-63px}
.intro_img{padding-left:0}
.intro_img>li{list-style:none;display:inline-block;float:left}
.intro_img>li>img{float:left}
.ul_circle{padding-left:0}
.ul_circle>li{list-style:none;font-size:20px;color:#1C3F97;font-weight:bold;margin-bottom:18px}
.fa_check{font-size:26px;background:#fff;border-radius:50%;padding:10px;color:#07aceb;margin-right:5px}
.intro_right{margin-top:30px}
.btn_xt{background:#eec156;padding:10px;border-radius:5px;width:160px;text-align:center;color:#fff;font-size:18px;font-weight:500;padding-left:25px;padding-right:25px;margin-top:30px;padding-bottom:8px}
.btn_xt>a{color:#fff;font-weight:bold}
.btn_xt:hover{background:#07aceb;transition:.5s ease;padding:10px;border-radius:5px;width:160px;text-align:center;color:#fff;font-size:18px;font-weight:500;padding-left:25px;padding-right:25px;margin-top:30px;padding-bottom:8px}
.intro_right{margin-top:60px}
.mt{color:#999}

/*Sub - Giới thiệu*/
#sub_gioithieu_css{margin-top:30px;margin-bottom:10px}
#customer_css{background-image:url(../images/h1-img-4.png);background-repeat:no-repeat;position:unset;z-index:10;background-position:top;background-size:120% auto;padding-top:10px;padding-bottom:10px;}

/*Mobile Menu*/
#menu__toggle{opacity:0;position:absolute;}
#menu__toggle:checked ~ .menu__btn > span{transform:rotate(45deg)}
#menu__toggle:checked ~ .menu__btn > span::before{top:0;transform:rotate(0)}
#menu__toggle:checked ~ .menu__btn > span::after{top:0;transform:rotate(90deg)}
#menu__toggle:checked ~ .menu__box{visibility:visible;left:0;top:0}
.menu__btn{display:flex;align-items:center;position:fixed;top:38px;right:20px;width:36px;height:36px;z-index:9999999999999999!important}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after{display:block;position:absolute;width:100%;height:2px;background-color:#616161}
.menu__btn > span::before{content:"";top:-8px}
.menu__btn > span::after{content:"";top:8px}
.menu__box{display:block;position:fixed;visibility:hidden;top:0;right:0%;width:100%;height:100%;margin:0;padding:80px 0;list-style:none;background:linear-gradient(to right,#ffffff,#dcdcdcde);box-shadow:1px 0px 6px rgba(0,0,0,0.2);z-index:999!important;text-align:right}
.menu__item{display:block;padding:5px 10px;color:#000;font-size:17px;font-weight:500;text-decoration:none;}
.menu__item:hover{color:#CF1D23}
.menu__box>li{margin-bottom:2px}
.searchTerm{font-size:14px;border:none;border-right:none;height:45px;outline:none;color:#9DBFAF;width:70%;padding-left:5px;font-style:italic}
.searchButton{width:49px;height:46px;background:#cf1d23;text-align:center;color:#fff;position:relative;left:-5px;top:0;z-index:10}
.searchButton:hover{width:49px;height:46px;background:#000;transition:.3s ease;text-align:center;color:#fff;position:relative;left:-5px;top:0;z-index:10}
div:is(first-of-type){display:inline-flex;justify-content:center;align-items:center}
.giuseart-nav {
    position: fixed;
    left: 20px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2
}

.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.giuseart-nav ul li {
    list-style: none!important
}

.giuseart-nav ul>li a {
    border: 0;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none
}

.giuseart-nav ul>li a i.ticon-heart {
    background: url(../images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}

.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(../images/icon-zl.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}

.giuseart-nav li .button {
    background: transparent
}

.giuseart-nav ul>li a i.ticon-angle-up {
    background: url(../images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}

.giuseart-nav ul>li a i.ticon-youtube {
    background: url(../images/icon-youtube.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}

.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
    top: 35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none
}

.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px
}

.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px
}

.giuseart-nav ul>li a i.ticon-messenger {
    background: url(../images/icon-ms-facebook.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block
}

.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px
}

.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url(../images/icon-sms-1.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block
}

.giuseart-nav ul>li.phone-mobile a i.icon-phone-w {
    background: url(../images/icon-phone.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative
}

@media only screen and (max-width: 48em) {
    .giuseart-nav {
        display:block;
        width: 100%;
        border-radius: 0!important;
        color: #fff;
        height: 60px;
        line-height: 50px;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 5px;
        margin: 0;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        box-shadow: none!important;
        border: 0
    }

    .giuseart-nav ul {
        width: 100%
    }

    .giuseart-nav li .chat_animation {
        display: block!important
    }

    .giuseart-nav ul>li.phone-mobile {
        display: block
    }

    .giuseart-nav li .button .phone_animation {
        box-shadow: none;
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translate(-50%,0);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #6cb917;
        line-height: 15px;
        border: 2px solid white
    }

    .giuseart-nav ul>li a {
        padding: 0;
        margin: 0 auto
    }

    .giuseart-nav li {
        float: left;
        width: 18%;
        list-style: none;
        height: 50px;
        border-radius: 0!important;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 6px!important
    }

    .phone-mobile {
        display: block!important
    }

    .giuseart-nav li.to-top-pc {
        display: block!important
    }
}