*{margin:0 auto}
body{margin:0 auto}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
p,
small,
label,
b,
tr,
td,
strong,
ul,
li,
span,
input,
input,
textarea,
.btn,
a{font-family:'Conv_Roboto-Regular'}
a{text-decoration:none;color:#444}
a:hover{text-decoration:none}
input{outline:none}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{background:none}
.alert{border-radius:0}
.pad{padding:0}
.trang{font-size:16px;color:#fff}
.carousel-control.left{background-image:none}
.carousel-control.right{background-image:none}
.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;position:relative;top:100px;}
#top{width:45px;height:50px;background-image:url(../icon/top.png);position:fixed;right:50px;bottom:80px;cursor:pointer;display:none;z-index:100;font-size:20px}
.btn{outline:none}

/*Top*/
.top_css{background:#17b5198a;color:#fff;}
.top_add{padding-top:10px}
.top_link{color:#fff;}

/*Header*/
.header_css{position:absolute;z-index:9999999;min-height:100px;width:100%;}
.header_bg{background:#ffffffa6;border-radius:15px;padding:5px;margin-top:30px;}
.header_menu{padding-top:12px}
.item_pos{position:absolute;top:450px;z-index:999999999999!important;left:0;}

/*Banner*/
.banner_title{text-transform:uppercase;font-size:30px;text-align:left;padding-top:20px}
.banner_desc{font-size:19px;font-style:italic;text-align:left;}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:10%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / 60%);}

/*Feature*/
.feature_css{position:relative;top:-70px;}
.feature_bd{background:#ffffffcf;padding:0;border-radius:15px;border-right:1px dotted #dddddd85;}
.feature_img{padding:20px}
.feature_desc{background:#1987e6cf;color:#fff;padding:20px;}
.feature_desc:hover{background:grey;transition:.4s ease;opacity:.85}
.feature_title>a{color:#fff;text-decoration:none;padding-top:0;font-size:18px;text-transform:uppercase;}
.feature_mota{color:#fff;font-size:15px;min-height:125px}
.feature_title>a:hover{color:orange;transition:.4s ease}

/*gioithieu*/
.btn_xem{padding:10px;padding-left:26px;padding-right:26px;border-radius:25px;background:#17b519b8;color:#fff;}
.btn_xem:hover{color:#17b519b8;border:1px solid #17b519b8;background:#fff}
.bv_nen{background-image:url(../images/bg/b2.png);background-position:center -99px;background-repeat:repeat;margin-top:-35px;}
.bd_g{border-bottom:2px solid #E46C0A;width:150px}
.section1_title{color:green;}
.section2_css{background-image:url(../images/bg/sll.png);padding-top:10px;padding-bottom:10px;background-repeat:repeat;}
}
.section2_ul{padding-left:0}
.section2_ul>li{text-align:justify;padding-bottom:15px;list-style:none}
.box-product{max-width:300px;margin:auto;background:#fff;box-shadow:0px 0px 4px #7d7a7ad6}
.img-product{width:100%;border-bottom:1px solid #dddfe2;}
.wp-product{margin-bottom:30px;}
.img-product img{width:100%;}
.box-product .box-name-product h3{font-size:15px;text-align:center;min-height:40px;}
.box-product .box-name-product h3 a{color:#000;}
.box-product .box-name-product h3 a:hover{color:orange;text-decoration:none}
.overlay-product{position:relative;width:100%;overflow:hidden;}
.overlay-product img{width:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.overlay-product .over-lay{background:#e46c0a;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
.overlay-product .over-lay a{display:block;position:relative;z-index:10;}
.overlay-product .over-lay:before{content:"";width:0;height:calc(100% - 20px);position:absolute;border-bottom:1px solid #FFF;border-top:1px solid #FFF;left:10px;top:10px;z-index:1;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;}
.overlay-product .over-lay:after{content:"";width:calc(100% - 20px);height:0;position:absolute;border-right:1px solid #FFF;border-left:1px solid #FFF;left:10px;top:10px;z-index:1;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;}
.overlay-product:hover .over-lay:before{width:calc(100% - 20px);}
.overlay-product:hover .over-lay:after{height:calc(100% - 20px);}
.overlay-product:hover .over-lay{opacity:1;}
.overlay-product:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.title_td{font-family:'Google Sans'}
.ft_cpr{color:#fff;padding-top:10px;text-align:center;font-size:12px}
.section-title{font-size:20px;color:#000;font-family:'Google Sans'}
.section_mt{color:#000;font-size:20px;padding-right:15px;padding-top:5px;font-family:'Conv_RobotoCondensed-Regular';padding-left:25px;text-align:justify;}
.section1_title{font-weight:bold;font-family:'Google Sans';color:#fec40d;}
.section1_desc{text-align:center;font-size:16px}
.section-header h3{font-size:30px;font-family:'Google Sans';color:#111;text-transform:uppercase;text-align:center;position:relative;padding-bottom:15px;}
.section-header h3::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#90c43e;bottom:1px;left:calc(50% - 60px);}
.section-header h3::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#f2682f;bottom:0;left:calc(50% - 20px);}
.post_tg{padding-top:10px;padding-left:0;padding-right:0;padding-bottom:10px}
.img_bd{border-top-left-radius:10px;border-bottom-right-radius:10px}
.bv_css{padding:6px}
.bv_css:hover{box-shadow:0px 0px 4px #7d7a7ad6;padding:6px;color:#f2682f;border-top-left-radius:10px;border-bottom-right-radius:10px}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background:green;color:#fff;border-radius:50%;}
.pagination>li>a,
.pagination>li>span{border:none;color:#000;}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{color:green;}
.post_tg_ch{padding:15px}
.tim_bv{padding:5px;background:#90c43e;color:#fff;width:100%;border:1px solid #cccc;}
.tim_bv:hover{padding:5px;background:#fff;color:#90c43e;width:100%;border:1px solid #90c43e;}
.about_tits{font-size:20px;text-align:center;padding:10px}
.about_tits:hover{font-size:20px;text-align:center;padding:10px;color:#41BCEA;}
.about_bd{border:2px solid #999;padding:10px;border-radius:50%;height:140px;width:140px;}
.about_bd:hover{border:2px solid #41BCEA;padding:10px;border-radius:50%;height:140px;width:140px;}
.nav-tabs>li>a{font-family:'Conv_RobotoCondensed-Regular'}
.over-lay .dem_boder{top:30px;color:#fff;font-size:23px;text-align:center;padding:20%;}
.duan_nen{background-image:url(../images/bg/cross_grid.png);padding-top:10px;padding-bottom:10px;background-repeat:repeat;background-position:top;}
}
.home3-sec-title:after{content:" ";position:relative;bottom:1px;display:table;margin:auto;width:100%;border-bottom:1px solid #094bc3;}
.home3-sec-title .ttwrap{display:inline-block;position:relative;text-transform:uppercase;font-size:18px;color:#ffffff;padding:9px 15px;background:#17b519b8;border-top-right-radius:15px;}

/*.home3-sec-title .ttwrap:after{content:" ";width:20px;right:-18px;height:100%;top:0;position:absolute;background:#17b519b8;border-top-right-radius:25px;}*/
.home3-sec-title{position:relative;margin-top:0;border-bottom:1px solid #17b519b8;}
.posts_title>a{font-size:15px;text-align:center}
.posts_title>a:hover{color:#17b519b8;transition:.4s ease}
.tintuc_nen{background-image:url(../images/bg/tintuc.jpg);padding-top:10px;padding-bottom:10px;background-repeat:repeat;background-position:top;}
}

/*News*/
.snip1208:hover{border:1px solid #094bc3;}
.snip1208{border:1px solid #eee;transition:.4s ease}
figure.snip1208{color:#fff;position:relative;overflow:hidden;margin:0px;	/* min-width: 220px; */background-color:#ffffff;color:#000000;text-align:left;font-size:15px;min-height:255px;box-shadow:0px 4px 3px 0px #dadadaa1;border-radius:15px}
figure.snip1208 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
figure.snip1208 img{max-width:100%;vertical-align:top;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
figure.snip1208 figcaption{padding:15px;position:relative;}
figure.snip1208 .date,
figure.snip1208 i{background-color:#1abc9c;top:25px;color:#fff;left:25px;min-height:60px;min-width:60px;position:absolute;text-align:center;}
figure.snip1208 .date{-webkit-transition-delay:0.2s;transition-delay:0.2s;font-size:22px;font-weight:700;text-transform:uppercase;}
figure.snip1208 .date span{display:block;line-height:30px;}
figure.snip1208 .date .month{font-size:16px;background-color:rgba(0,0,0,0.1);}
figure.snip1208 i{line-height:60px;font-size:30px;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transition-delay:0s;transition-delay:0s;}
figure.snip1208 h3,
figure.snip1208 p{margin:0;padding:0;}
figure.snip1208 h3{margin-bottom:10px;display:inline-block;min-height:60px;font-weight:400;font-size:18px;color:#333333;text-transform:uppercase;}
figure.snip1208 p{font-size:0.8em;margin-bottom:20px;line-height:1.6em;}
figure.snip1208 button{border:medium none;padding:10px 20px;background-color:#1abc9c;font-weight:800;color:#ffffff;letter-spacing:2px;text-transform:uppercase;font-size:0.8em;}
figure.snip1208:hover img,
figure.snip1208.hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
figure.snip1208:hover button,
figure.snip1208.hover button{background-color:#117964;}
.posts_title1>a{font-size:18px;color:green;}
.footer_css{padding:15px}
.nen_intro{max-height:auto;margin-top:-10px;padding-top:10px;background-image:url(../images/bg/bg1.png);background-repeat:repeat-x;position:center;z-index:10;}
.nen_intro{max-height:auto;margin-top:-10px;padding-top:10px;background-image:url(../images/bg/bg1.png);background-repeat:repeat-x;position:center;z-index:10;}
.nen_intro_ft{max-height:802px;margin-top:-10px;background-image:url(../images/bg/w1.jpg);background-repeat:repeat-x;position:center;z-index:10;}
.glass{background-color:#eef0ed;opacity:0.92;margin-top:-10px;margin-bottom:-15px;position:relative;color:green;}
.glass1{background-color:#eef0ed;opacity:0.92;margin-top:0px;margin-bottom:-15px;position:relative;color:green;}
.glassft{background-color:#0e2b1ea1;opacity:0.9;min-height:250px;margin-top:-15px;margin-bottom:-15px;position:relative;}
.glass_ykien{background-color:#2b2828;opacity:0.75;min-height:250px;position:relative;}
.content_3_css{margin-top:30px;margin-bottom:30px}
.content_4_css{margin-top:30px;margin-bottom:30px;}
.ft_title{font-size:17px}

/*Price*/
.price_nen{background-image:url(../images/bg/b22.png);padding-top:10px;padding-bottom:10px;background-repeat:repeat;background-position:top;}
}
.price_ss{background-color:#ffffffb8}

/*Tin tuc*/
.post_nen{opacity:0.88;padding-left:70px;min-height:380px;background:#fff;background-repeat:repeat;position:relative;z-index:10;min-width:680px;transform:skew(-15deg,0deg);-moz-transform:skew(-15deg,0deg);-webkit-transform:skew(-15deg,0deg);-o-transform:skew(-15deg,0deg);-ms-transform:skew(-15deg,0deg);left:85px;}
.post_nen{opacity:0.88;padding-left:70px;min-height:380px;background:#fff;background-repeat:repeat;position:relative;z-index:10;min-width:680px;transform:skew(-15deg,0deg);-moz-transform:skew(-15deg,0deg);-webkit-transform:skew(-15deg,0deg);-o-transform:skew(-15deg,0deg);-ms-transform:skew(-15deg,0deg);left:85px;}
.post_chu{position:relative;z-index:10;width:590px;transform:skew(15deg,0deg);-moz-transform:skew(15deg,0deg);-webkit-transform:skew(15deg,0deg);-o-transform:skew(15deg,0deg);-ms-transform:skew(15deg,0deg);left:-40px;}
.nen_chitiet{min-height:380px;background-image:url(../images/header/bg1.png);background-repeat:repeat;position:center;z-index:10;}
.duan_chitiet{min-height:380px;background-image:url(../images/header/bg2.png);background-repeat:repeat;position:center;z-index:10;}
.section_mt{color:#000;font-size:20px;padding-right:15px;padding-top:5px;font-family:'Conv_Roboto-Regular';padding-left:25px;text-align:justify;}
.section1_title{font-weight:bold;font-family:'Conv_Roboto-Regular';color:#fec40d;}
.section1_desc{text-align:center;font-size:16px}
.section-header h3{font-size:30px;font-family:'Conv_Roboto-Regular';color:#111;text-transform:uppercase;text-align:center;position:relative;padding-bottom:15px;}
.section-header h3::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#23438d;bottom:1px;left:calc(50% - 60px);}
.section-header h3::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#f2682f;bottom:0;left:calc(50% - 20px);}
.breadcrumb{margin-top:10px}

/*Lien he*/
.input_cell{border:1px solid #eee8dc;margin-bottom:15px;-webkit-box-shadow:none;border-radius:25px}
.btn_guitin{padding-left:15px;padding-right:15px;background:#17b519b8;padding-top:5px;padding-bottom:5px;color:#fff;width:150px;border-radius:25px;border:1px solid #fff;}
.btn_guitin:hover{padding-left:15px;padding-right:15px;background:#fff;padding-top:5px;padding-bottom:5px;color:#17b519b8;width:150px;border-radius:25px;border:1px solid #17b519b8;}

/*Menu*/
nav{z-index:123;position:relative;width:980px;margin:0 auto;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile{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}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:10px;font-size:18px;text-decoration:none;color:#078c09;}
#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a{color:#E47112}
#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover{background:none!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .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:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-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;padding-left:0px;margin-top:0px;    /* border-top: 2px solid green; */background:#d0e4f26e;padding-top:10px;}
#cssmenu ul ul li{height:40px;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#ffffff9c;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:55px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.35);padding:12px 12px;width:380px;line-height:1.4;font-size:15px;text-decoration:none;color:#000;font-weight:400;}
#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:#e47112}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover{color:red;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left:0;width:100%;height:46px;text-align:center;padding:10px 0 0 0;float:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#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 li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,
#cssmenu ul 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 #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index:12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-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 #444;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:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*giai phap*/
.gp_right>li{padding-bottom:5px;list-style:none;padding-top:5px}
.gp_right>li>a:hover{color:#e47112;transition:.3s ease}
.duan_title>a{font-size:18px;color:green;}
.duan_ct{color:#81D782;}
.duan_ct:hover{color:#e47112;transition:.3s ease}

/* Circle */
.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;}
}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999;}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block;}
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5;}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:25px;left:25px;position:absolute;background-color:rgba(230,8,8,0.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.hotline-phone-ring-img-circle{background-color:#cc1313;width:33px;height:33px;top:37px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px;}
.hotline-bar{position:absolute;background:rgba(230,8,8,0.75);height:40px;width:180px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all 0.8s;-webkit-transition:all 0.8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;  /* width: 175px !important; */left:33px;bottom:37px;}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:bold;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;font-family:Arial;}
.hotline-bar > a:hover,
.hotline-bar > a:active{color:#fff;}
@-webkit-keyframes phonering-alo-circle-anim{
0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:0.1;}
30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:0.5;}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1;}
}
@-webkit-keyframes phonering-alo-circle-fill-anim{
0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6;}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:0.6;}
100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6;}
}
@-webkit-keyframes phonering-alo-circle-img-anim{
0%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
}
@media (max-width:768px){
.hotline-bar{display:none;}
}
.bv_recent>a{font-size:18px;text-align:center;padding:10px}
.bv_recent>a:hover{font-size:18px;text-align:center;padding:10px;color:#17b5198a;}
.news_detail_title{font-size:26px;color:green;text-transform:uppercase;text-align:center;}
.nen_chu1{display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 23px;
    color: #ffffff;
    padding: 9.5px 45px;
    background: #81d782;
    z-index: 2;
    border-radius: 25px;}
.p1_hinh1:before{content:" ";position:relative;display:table;margin:auto;width:1140px;top:24px;border-bottom:1px dotted #ccc;}
.p1_hinh1:after{content:" ";position:relative;bottom:24px;display:table;margin:auto;width:1140px;border-bottom:1px dotted #ccc;z-index:0;}
.sp_chitiet_title{font-size: 24px;color: #000;min-height: 40px}

.nen_chu{display:inline-block;position:relative;text-transform:uppercase;font-size:23px;color:#ffffff;border-radius:25px;padding:9.5px 45px;background:linear-gradient(to bottom,#45a2de,#1f74c7);z-index:2;}
.p1_hinh:before{content:" ";position:relative;display:table;margin:auto;width:1240px;top:24px;border-bottom:1px dotted #ccc;}
.product_title>a{font-size:18px;color:#ed802e;}
.product_title>a:hover{font-size:18px;color:#1f74c7;transition:.4s ease}
.pd_bd{border:1px solid #eeeeeeb5;padding:5px;border-radius:8px;background:#fff}
.pd_bd:hover{border:1px solid #dedede;padding:5px;border-radius:8px;box-shadow:0px 4px 3px 0px #dadadaa1}

.mobile-nav-button{width:45px;position:fixed;margin:2rem;right:0;top:45px;z-index:9999;cursor:pointer;width:35px;height:30px;z-index: 99999999999!important}
.mobile-nav-button .mobile-nav-button__line{width:40px;height:2px;background:orange;position:fixed;transition:1s ease;right:5px;}
.mobile-nav-button .mobile-nav-button__line:nth-of-type(2){margin:0.8rem 0;}
.mobile-nav-button .mobile-nav-button__line--1{transform:rotate(45deg);top:13px;position:absolute;}
.mobile-nav-button .mobile-nav-button__line--2{display:none;}
.mobile-nav-button .mobile-nav-button__line--3{transform:rotate(135deg);top:13px;position:absolute;}
.mobile-menu{display: block;
    overflow: auto;
    max-width: 500px;
    width: 100%;
    top: 0;
    padding-top: 150px;
    right: -100%;
    height: 100vh;
    background: #337ab7;
    position: fixed;
    z-index: 99999999999999999999999999999!important;
    transition: 0.6s ease;opacity: 0}
.mobile-menu ul{position:relative;top:50%;transform:translateY(-50%);padding:0;}
.mobile-menu ul li{list-style:none;}
.mobile-menu ul li a{width:100%;max-width:1200px;margin:5 auto;display:block;
	text-decoration:none;color:#fff;font-size:15px;overflow:hidden;position:relative;padding-left:40px;}
.mobile-menu ul li a:after{content:'';background:green;width:100%;height:100%;position:absolute;right:-100%;top:0;z-index:-1;transition:0.4s ease;}
.mobile-menu ul li a:hover:after{right:0;}
.sub-menu>li>a{font-size:15px;padding:15px;}
.mobile-menu img{position:absolute;width:150px;display:block;left:50%;top:3rem;transform:translatex(-50%);padding:0;text-align:center;}
.mobile-menu--open{right:0;opacity:1;}
.an{display:none}
.mb_li>a{border-bottom: 1px dotted #999999c7;padding-top: 7px;padding-bottom: 7px;}
