/*-----------css reset---------------------*/
*{margin:0;padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a,a:hover,a:focus{outline:none!important;}

/*-----------css variables---------------------*/
:root{--background-static:#e76f24;--color-static:#fff;--background-hover:#e76f24;--color-hover:#fff;--color-red:#d00;
	--button-style:{width:300px;padding:30px 20px;border-radius:5px;background:blue;color:#fff;font-size:54px;text-transform:uppercase;}
}

/*@apply --button-style;*/

/* Font face*/
@font-face{font-family:RCB;src:url('fonts/RobotoCondensedBold.eot');src:url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),url('fonts/RobotoCondensedBold.woff2') format('woff2'),url('fonts/RobotoCondensedBold.woff') format('woff'),url('fonts/RobotoCondensedBold.ttf') format('truetype'),url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');}
@font-face{font-family:RCR;src:url('fonts/RobotoCondensedRegular.eot');src:url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),url('fonts/RobotoCondensedRegular.woff2') format('woff2'),url('fonts/RobotoCondensedRegular.woff') format('woff'),url('fonts/RobotoCondensedRegular.ttf') format('truetype'),url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');}
@font-face{font-family:RM;src:url('fonts/RobotoMedium.eot');src:url('fonts/RobotoMedium.eot') format('embedded-opentype'),url('fonts/RobotoMedium.woff2') format('woff2'),url('fonts/RobotoMedium.woff') format('woff'),url('fonts/RobotoMedium.ttf') format('truetype'),url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');}
@font-face{font-family:RR;src:url('fonts/RobotoRegular.eot');src:url('fonts/RobotoRegular.eot') format('embedded-opentype'),url('fonts/RobotoRegular.woff2') format('woff2'),url('fonts/RobotoRegular.woff') format('woff'),url('fonts/RobotoRegular.ttf') format('truetype'),url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');}
@font-face{font-family:RB;src:url('fonts/RobotoBold.eot');src:url('fonts/RobotoBold.eot') format('embedded-opentype'),url('fonts/RobotoBold.woff2') format('woff2'),url('fonts/RobotoBold.woff') format('woff'),url('fonts/RobotoBold.ttf') format('truetype'),url('fonts/RobotoBold.svg#RobotoBold') format('svg');}
@font-face{font-family:RL;src:url('fonts/RobotoLight.eot');src:url('fonts/RobotoLight.eot') format('embedded-opentype'),url('fonts/RobotoLight.woff2') format('woff2'),url('fonts/RobotoLight.woff') format('woff'),url('fonts/RobotoLight.ttf') format('truetype'),url('fonts/RobotoLight.svg#RobotoLight') format('svg');}
@font-face{font-family:'SFUDaxCondensedMedium';src:url('fonts/SFUDaxCondensedMedium.eot');src:url('fonts/SFUDaxCondensedMedium.eot') format('embedded-opentype'),url('fonts/SFUDaxCondensedMedium.woff2') format('woff2'),url('fonts/SFUDaxCondensedMedium.woff') format('woff'),url('fonts/SFUDaxCondensedMedium.ttf') format('truetype'),url('fonts/SFUDaxCondensedMedium.svg#SFUDaxCondensedMedium') format('svg');}
@font-face{font-family:'SFUDaxCondensedBold';src:url('fonts/SFUDaxCondensedBold.eot');src:url('fonts/SFUDaxCondensedBold.eot') format('embedded-opentype'),url('fonts/SFUDaxCondensedBold.woff2') format('woff2'),url('fonts/SFUDaxCondensedBold.woff') format('woff'),url('fonts/SFUDaxCondensedBold.ttf') format('truetype'),url('fonts/SFUDaxCondensedBold.svg#SFUDaxCondensedBold') format('svg');}
@font-face{font-family:'SFUDaxCondensedExtraBold';src:url('fonts/SFUDaxCondensedExtraBold.eot');src:url('fonts/SFUDaxCondensedExtraBold.eot') format('embedded-opentype'),url('fonts/SFUDaxCondensedExtraBold.woff2') format('woff2'),url('fonts/SFUDaxCondensedExtraBold.woff') format('woff'),url('fonts/SFUDaxCondensedExtraBold.ttf') format('truetype'),url('fonts/SFUDaxCondensedExtraBold.svg#SFUDaxCondensedExtraBold') format('svg');}
@font-face{font-family:'SVNDancingscript';src:url('fonts/SVNDancingscript.eot');src:url('fonts/SVNDancingscript.eot') format('embedded-opentype'),url('fonts/SVNDancingscript.woff2') format('woff2'),url('fonts/SVNDancingscript.woff') format('woff'),url('fonts/SVNDancingscript.ttf') format('truetype'),url('fonts/SVNDancingscript.svg#SVNDancingscript') format('svg');}
@font-face{font-family:icon;src:url(fonts/icomoon.eot?a9a4qb);src:url(fonts/icomoon.eot?a9a4qb#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?a9a4qb) format("truetype"),url(fonts/icomoon.woff?a9a4qb) format("woff"),url(fonts/icomoon.svg?a9a4qb#ico) format("svg");font-weight:400;font-style:normal;}

/*----------basic----------------*/
html,body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:25px;text-rendering:optimizeLegibility;}
a{text-decoration:none;color:#1471CE;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
a:hover{text-decoration:none!important;color:#F00;}
html{}

/*Prevent Firefox Scrollbar Jump*/
img{border:none;max-width:100%;height:auto;vertical-align:middle;box-sizing:border-box;position:relative;}
input,textarea{padding:0;margin:0;resize:none;outline:none}
select,.cp{cursor:pointer;}
.clear{clear:both;}
:focus{outline:0;}
input:focus{outline:1px solid #f97d17;}
textarea:focus{outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bold;outline:none}
ul,ol{margin-left:15px;text-decoration:none!important;}
body{background:#fff;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div{display:inline-block;}
.phantrang a{background:#193d71;color:#FFF;cursor:pointer;font-size:11px;margin:10px 0 10px 4px;padding:6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active{background:#f97d17;color:#FFF;cursor:pointer;font-size:11px;margin:10px 0 10px 4px;line-height:24px;padding:0px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover{background:none repeat scroll 0 0 #f97d17;box-shadow:none;color:#FFFFFF;text-decoration:none;}
.phantrang .paginate_button_disabled,.phantrang .paginate_button_disabled:hover{background:linear-gradient(to bottom,#F8F8F8 0%,#EAEAEA 100%) repeat scroll 0 0 transparent;border:1px solid #D2D2D2!important;color:#ADADAD!important;cursor:default;opacity:0.7;}
.phantrang .paginate_active,.phantrang .paginate_active:hover{background:none repeat scroll 0 0 #05bfdc;box-shadow:none;color:#FFF;font-weight:bold;}

/* My */
.vshd{visibility:hidden;height:0px;width:0px;position:fixed;top:-10px;}
#back-top{cursor:pointer;display:none;position:fixed;width:48px;height:48px;color:#FFF;font-family:RCR;text-align:center;line-height:48px;background:#000;opacity:0.8;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;text-transform:uppercase;right:20px;bottom:50px;z-index:99;}
.button{FONT-WEIGHT:100;padding:5px 25px;background:#fff;outline:none!important;color:#333;border:1px solid #e76f24;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;font-family:RR;text-transform:uppercase;}
.button:hover{background:#e76f24;border-color:rgba(0,0,0,0.2);color:var(--color-hover);}
.input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #e1e1e1;border-radius:3px;}
.center{max-width:1188px;margin:0 auto;position:relative;}
.center1{max-width:1300px;margin:0 auto;position:relative;}
.w-clear:after{display:block;content:"";clear:both;}
.red{color:#F00;}
.blue{color:blue;}
.rb{color:#F00;font-weight:bold;font-size:18px;}
.share_detail{display:flex;margin-top:10px;}
.zalo-share-button{background-color:#03A5FA;width:75px;margin:0 2px 5px;height:26px!important;float:left;background-image:url(../images/zalo_share.png);background-repeat:no-repeat;-webkit-background-size:14px 14px;background-size:14px 14px;background-position:7px 6px;position:relative;cursor:pointer;}
.zalo-share-button:after{position:absolute;content:attr(data-attr);left:28px;top:5px;font-size:11px;line-height:16px;height:16px;color:rgb(255,255,255);}
.open-sans{font-family:'Open Sans',sans-serif;}
.mrb15{margin-bottom:15px;}
.mrt15{margin-top:15px;}
#load{width:100%;height:100%;position:fixed;z-index:9999;background:url(../images/loading.gif) no-repeat center,#FFF;display:none;opacity:0.9;top:0px;left:0px;}
.ct-l.load{background:url(../images/load.gif) no-repeat center;min-height:200px;}
.del{text-decoration:line-through;}
.main-tit{margin-bottom:15px;color:#333;font-family:RB;font-size:20px;}
.main-tit h2{margin:0;font-weight:normal;font-size:22px;line-height:25px;}
.box-tab-tit{font-family:RR;color:#353535;margin-top:15px;border-bottom:5px solid #a3a3a3;text-align:center;}
.box-tab-tit:after{display:block;content:"";clear:both;}
.box-tab-tit div{padding:5px 15px;cursor:pointer;border:1px solid #a3a3a3;float:left;margin-right:-1px;}
.box-tab-tit div.active{color:#FFF;background:#a3a3a3;}
.w-tab-con{border:1px solid #a3a3a3;margin-bottom:20px;}
.box-tab-con{display:none;padding:10px;}
.box-tab-con:first-child{display:block;}
.slick-slider *{vertical-align:top!important;}
.slick-img-thumb{width:calc(100% + 8px);margin-left:-4px;margin-top:10px;}
.slick-img-thumb img.thumb{box-shadow:none!important;border:1px solid #CCC!important;}
.slick-dots{margin:0px!important;}
#smenu{display:none;align-items:center;justify-content:space-between;background:#fff;color:#000;padding:0;position:absolute;left:15px;top:calc(50% - 17.5px);z-index:999;border:1px solid #ea681e;width:35px;line-height:32px;text-align:center;}
#smenu img{position:relative;top:-2px}
#smenu > div{display:none;}
.navmenu_link{font-size:22px;cursor:pointer;color:#ea681e!important;padding:7px 8px;}
#menus{display:none;}
.tbl{width:100%;display:table;border-collapse:collapse;}
.tbl .tr{display:table-row;}
.tbl .th{font-family:RB;}
.tbl .td,.tbl .th{display:table-cell;}
.tac{text-align:center;}
.xemtatca{padding:10px 25px;background:var(--background-static);outline:none!important;color:var(--color-static);border:none;display:inline-block;vertical-align:top;border-radius:30px;font-family:RR;font-size:15px;text-transform:capitalize;margin-top:30px;}
.xemtatca:hover{background:var(--background-hover);color:var(--color-hover);border-radius:0;}
.white-popup-block{font-family:RR;line-height:22px;background:#FFF;padding:20px 30px;text-align:left;width:80%;max-width:650px;margin:20px auto;position:relative;}
.white-popup-block img{max-width:100%;margin-bottom:10px;}
.grecaptcha-badge{z-index:-10000;visibility:hidden;opacity:0;}
::-webkit-input-placeholder{color:#8c8c8c;}
::-moz-placeholder{color:#8c8c8c;}
:-ms-input-placeholder{color:#8c8c8c;}
:-moz-placeholder{color:#8c8c8c;}

/* Banner */
#banner{background:#fff;position:absolute;top:-100px;transition:all 0.5s;z-index:999;width:100%;background:#fff;min-height:100px;}
#banner .center{display:flex;justify-content:space-between;align-items:center;}
#banner.fix{position:fixed;top:0;box-shadow:0 0 5px rgba(0,0,0,0.8);}
#banner.nonefix{position:absolute;top:-100px;box-shadow:none;}
#logo{padding:0 5px;}
#logo img{max-width:100%;max-height:95px;}
body:not(.index) #banner{position:sticky;position:-webkit-sticky;top:0;background:#fff;z-index:999;box-shadow:0 0 5px rgba(0,0,0,0.8);}
body:not(.index) #banner img{max-height:95px;}
#header{height:35vh;background:#000;position:relative;display:flex;align-items:flex-end;}
#header img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.7;}
#header .center{width:100%;padding: 20px 0 15px;}
.header-tit{font-family:RR;font-size:22px;color:#fff;text-transform:uppercase;margin: 0;}
#header #breadcrumb{font-family:RR;font-weight:normal;font-size:14px;color:#fff;margin: 0;padding:0;}
#header #breadcrumb a{color:#fff;}
#header #breadcrumb a:after{display:none;}
#header #breadcrumb span{margin:0 5px;}
#header #breadcrumb a:hover{color:#ffcc00;}

/* Menu */
#menu{font-family:RR;}
#search{width:240px;padding:0;background:#fff;position:absolute;right:30px;top:8px;border-radius:5px;}
#search input{outline:none!important;background:transparent;border:none;padding:3px 13px;padding-right:40px;font-family:RR;font-size:12px;color:#7b7b7b;width:100%;}
#search i{position:absolute;color:#2D2D2D;right:10px;top:5px;font-size:20px;}
.menu-line{}
.menu-line > ul{margin-left:-20px!important;}
.menu-line ~ .menu-line{margin-left:47px!important;position:relative;}
.menu-line ~ .menu-line:before{position:absolute;content:'';width:5px;height:5px;background:#e76f24;border-radius:50px;top:calc(50% - 2.5px);left:-26px;}
.menu-line:hover > a{}
.sm-blue ul{border:none;padding:7px 0;background:#fff;}
.sm-blue a{padding:0;color:#616161;font-size:15px;line-height:42px;}
.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted{color:#e76f24}
.sm-blue ul a{color:#616161;}
.sm-blue ul a:hover,.sm-blue ul a:focus,.sm-blue ul a:active,.sm-blue ul a.highlighted{}
.activem{}
.activem > a{color:#e76f24;}
#navmenu ul li.heading{font-weight:bold;color:#e76f24;background:#dfdfdf;line-height:20px;padding:10px;text-transform:capitalize;}
div.search_mobi{position:relative;z-index:100;background:rgba(0,0,0,0.1);height:30px;margin:10px auto;width:94%;border-radius:22px;}
div.search_mobi input{padding:0px 2% 0 2%;float:left;height:30px;line-height:30px;border:none;background:none;width:83%;outline:none;color:#333;text-align:center;}
div.search_mobi i{padding:7px;cursor:pointer;}
div.search_mobi input::-webkit-input-placeholder{color:#333;}
div.search_mobi input::-moz-placeholder{color:#333;}
div.search_mobi input:-ms-input-placeholder{color:#333;}
div.search_mobi input:-moz-placeholder{color:#333;}

/* Slide */
#slide{position:relative;text-align:center;}
#vegasSliderInner{position:absolute;width:100%;height:100%;z-index:8;left:0;top:0;display:flex;justify-content:center;align-items:center;}
#vegasSliderInner > a{position:absolute;left:0;top:0;width:100%;height:100%;}
#slide img{height:660px;width:100%;}
.jump{list-style:none;margin:0;padding:0 0 20px;position:absolute;width:100%;left:0;bottom:0;z-index:9;display:flex;flex-flow:wrap;justify-content:center;}
.jump li{margin:0 5.5px;border-radius:50%;padding:0;cursor:pointer;}
.jump li.actives{background:#fff;}
.jump li span{display:block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.7);border-radius:50%;opacity:1;margin:0;}
.vegas-animation-kenburnss{animation:kenburnss ease-out;}
@keyframes kenburnss{
	0%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
#breadcrumb{padding-top:25px;font-family:RR;font-size:14px;color:#98979a;line-height:35px;}
#breadcrumb span{margin:0 10px;}
#breadcrumb a{color:#000;display:inline-block;vertical-align:top;position:relative;}
#breadcrumb a:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#000;visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
#breadcrumb a:hover:after{visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);}

/* Footer */
#footer{background-repeat:no-repeat;background-position: center bottom;background-size:cover;padding:62px 0 0;font-family:RR;font-size:13px;color:#333;}
#footer a{color:#333;}
#footer a:hover{color:#e76f24;}
.ft-tit{font-family:RR;font-size:30px;line-height:40px;color:#333;text-transform:capitalize;margin:32px 0 24px;}
.ft-1{width:671px;float:left;margin-right:20px;padding:0 31px;}
.ft-flex{display:flex;flex-flow:wrap;justify-content:space-between;}
.ft-flex span{margin-bottom:15px;}
.ft-l{width:40.888%;}
.ft-r{width:55.666%;}
.ft-flex .input,.ft-flex .tact{font-family:RR;font-size:13px;color:#8c8c8c;width:100%;max-height:175px;border:none;border-radius:0;padding:10px;background:rgba(255,255,255,0.7);margin:0 0 20px;}
.ft-line{margin-top:16px;align-items:center;font-family:RR;font-style:italic;font-size:14px;color:#000;}
.ft-line .button{padding:10px;width:130px;text-align:center;border-radius:0;background:#D61414;font-family:RB;font-size:14px;color:#fff;font-weight:normal;text-transform:uppercase;font-style:normal;}
.ft-2{width:467px;float:right;min-height:410px;}
.ft-b{background:#fff;padding:28px 0 27px;margin-top:71px;text-align:center;}
.ft-b .center{display:flex;flex-flow:wrap;justify-content:space-between;}
.copyright span,.copyright a{font-family:RB;}
.copyright span{text-transform:uppercase;}
.mxh{display:flex;justify-content:center;}
.mxh a{display:block;max-height:25px;}
.mxh a ~ a{margin-left:18px;}

/* Index */
.i-tit{text-align:center;margin:0 0 30px;position:relative;padding:0 0 5px;}
.i-tit:after{position:absolute;content:'';width:150px;height:1px;background:#e76f24;left:calc(50% - 75px);bottom:0;}
.i-tit h2,.i-tit div{display:inline-block;vertical-align:top;font-family:'Dosis',sans-serif;font-weight:500;font-size:30px;line-height:40px;color:#616161;text-transform:uppercase;margin:0;}
.i-tit p{display:none;}

/* About us */
#aboutus{padding:60px 0;margin-bottom:9px;}
#aboutus .center{display:flex;justify-content:space-between;flex-flow:wrap;align-items:center;}
#aboutus .center > div{width:47.98%;}
.aboutus-tit{font-family: "Times New Roman",Times,serif;font-weight: 700;font-size:30px;line-height:40px;color:#616161;}
.aboutus-desc{font-family:RR;font-size:15px;color:#5c5c5c;text-align:justify;line-height:24px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;margin:35px 0 42px;}
.aboutus-more{display:flex;justify-content:flex-end;margin:0 0 5px;}
.aboutus-more > a{display:block;font-family:RR;font-size:15px;color:#333;margin:0 45px;border:1px solid #e76f24;text-transform:uppercase;padding:5px 20px;min-width:142px;text-align:center;}
.aboutus-more > a:hover{background:#e76f24;color:#fff;border-color:rgba(0,0,0,0.2)}

/* Product */
#product{}
.product-top{background-size:cover;background-size:cover;background-position:center;padding:45px 0 59px;text-align:justify;}
.product-top .center{padding-left:43.5%;}
.product-tit{font-family:RR;font-size:30px;line-height:40px;color:#333;margin-bottom:33px;}
.product-desc{font-family:RR;font-size:15px;line-height:24px;color:#5c5c5c;margin-bottom:27px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;}
.product-more{display:flex;justify-content:flex-end;}
.product-more > a{display:block;font-family:RR;font-size:15px;color:#333;margin:0 1px;border:1px solid #e76f24;text-transform:uppercase;padding:5px 20px;min-width:142px;text-align:center;}
.product-more > a ~ a{margin-left:14px;}
.product-more > a:hover{background:#e76f24;color:#fff;border-color:rgba(0,0,0,0.2)}
.box-product{width:100%;overflow:hidden;position:relative;}
.box-product img{width:100%;transition:all 0.5s;}
.box-product:hover img{transform:scale(1.1);}
.box-product > div{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;z-index:9;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.box-product:hover > div{opacity:0.9;}
.box-product span{font-family:RB;text-transform:uppercase;font-size:15px;color:#e76f24;letter-spacing:2.5px;padding-bottom:30px;transition:all 0.3s;}
.box-product:hover span{padding-bottom:0;}
.box-product-ab{position:absolute;z-index:99;left:0;bottom:12px;width:100%;display:flex;justify-content:center;opacity:0;bottom:0;transition:all 0.3s;}
.box-product:hover .box-product-ab{opacity:1;bottom:12px;}
.box-product-ab > a{display:block;font-family:RR;font-size:15px;color:#333;border:1px solid #e76f24;text-transform:uppercase;padding:5px 20px;min-width:142px;text-align:center;}
.box-product-ab > a ~ a{margin-left:15px;}
.box-product-ab > a:hover{background:#e76f24;color:#fff;border-color:rgba(0,0,0,0.2)}
.content .i-tit{margin-top:30px;}
.projects-flex{display:flex;justify-content:space-between;flex-flow:wrap;align-items:center;margin-bottom:30px;}
.projects-flex > div{width:47.98%;}
.projects-tit{font-family:'Dosis',sans-serif;font-weight:500;font-size:30px;line-height:40px;color:#616161;}
.projects-desc{font-family:RR;font-size:15px;color:#5c5c5c;text-align:justify;line-height:24px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;margin:35px 0 42px;}
.box-album{width:275px;margin:0 auto 30px;}

/* Blog */
#blog{padding:63px 0;margin-bottom:7px;}
#blog .center{display:flex;justify-content:space-between;flex-flow:wrap;align-items:center;}
#blog .center > div{width:47.98%;}
.blog-tit{font-family:'Dosis',sans-serif;font-weight:500;font-size:30px;line-height:40px;color:#616161;}
.blog-desc{font-family:RR;font-size:15px;color:#5c5c5c;text-align:justify;line-height:24px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;margin:35px 0 42px;}
.blog-more{display:flex;justify-content:flex-end;margin:0 0 5px;}
.blog-more > a{display:block;font-family:RR;font-size:15px;color:#333;margin:0 45px;border:1px solid #e76f24;text-transform:uppercase;padding:5px 20px;min-width:142px;text-align:center;}
.blog-more > a:hover{background:#e76f24;color:#fff;border-color:rgba(0,0,0,0.2)}

/* Doi tac */
#doitac{padding:24px 0;background:#ebebeb;}
.slick-dt *{vertical-align:top;}
.box-dt{max-width:160px;margin:0 auto;}
.box-dt img{display:block;-ms-filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);transition:all 0.5s;}
.box-dt img:hover{-ms-filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);}

/* Lien he */
.lh-l{width:50%;float:left;padding-right:20px;margin:20px 0;}
.lh-r{width:50%;float:left;padding-left:20px;margin:20px 0;}
.lh-l .ft-flex .input,.lh-l .ft-flex .tact{border:1px solid rgba(0,0,0,0.1);}
#map_canvas iframe{width:100%;max-width:100%;vertical-align:top;}

/* San pham */
.box-sp{width:275px;float:left;margin:0 29px 31px 0;font-family:RR;color:#1e1e1e;background:#f5f4f3;text-align:left;}
.box-sp-img{overflow:hidden;position:relative;}
.box-sp-img img{width:100%;}
.box-sp-ab{position:absolute;width:calc(100% - 30px);left:15px;bottom:-75px;background:transparent;z-index:99;padding:0;text-align:center;transition:all 0.5s;}
.box-sp-ab > a{background: #e76820;color:#fff;display:inline-block;vertical-align:top;font-family:RR;text-transform:uppercase;line-height:40px;width:100%;}
.box-sp-ab > a:hover{width:90%;}
.box-sp:hover .box-sp-ab{bottom:15px;}
.box-sp-content{padding:20px;}
.box-sp h3{font-size: 21px;margin:0;line-height:30px;font-family: 'Dosis',sans-serif;font-weight: 500;}
.box-sp h3 a{color: #454848;}
.box-sp h3 a:hover{color:#131313;}
.ct-l{width:48%;float:left;margin-bottom:20px;}
.ct-r{width:50%;float:right;}
.ct-tit{font-family:RB;font-weight:normal;margin:0 0 5px;color:#e76f24;}
.ct-tit h2{font-weight:normal;color:#e76f24;font-size:24px;margin:0px;font-family:RB;line-height:32px;}
.ctsp-tit{font-family:RB;font-size:18px;margin-bottom:10px;}
.ct-sp{text-align:left;font-family:RR;font-size:14px;line-height:25px;padding:8px 0;border-bottom:1px solid #eee;}
.ct-sp p{margin-bottom:5px!important;}
.ct-mota{text-align:justify;}
.ct-sp-gia span{color:#e76f24;font-family:RB;font-size:20px;}
.ct-sp-giatruoc{font-family:RR;font-size:14px;}
.st-sp-like{margin-bottom:15px;}
.ct-sp-btn1 div{float:left;line-height:32px;}
.controls{margin-left:15px;}
.controls button{background:none;padding:10px 10px 8px;font-size:12px;border:1px solid #e1e1e1;position:relative;outline:none;color:#333;float:left;}
.controls input{padding:5px 10px;outline:none;width:47px;border-right:0;float:left;border-left:0;text-align:center;position:relative;height:32px;border:1px solid #e1e1e1;color:#333;background:none;margin:0 -1px;}
.ct-sp-btn .ct-sp-btn2{margin-top:10px;}
.ct-sp-btn .ct-sp-btn2 button{background:#04d568;border:none;font-family:RR;color:#FFF;font-size:14px;padding:11px 20px 9px;text-transform:uppercase;float:left;min-width:180px;}
.ct-sp-btn .ct-sp-btn2 button.hethang{pointer-events:none;}
.ct-sp-btn .ct-sp-btn2 a{float:left;line-height:17px;font-family:RR;font-size:13px;padding:6px 0px 5px 30px;color:#333;margin-left:30px;position:relative;max-width:105px;}
.ct-sp-btn .ct-sp-btn2 a:before{position:absolute;content:'\f290';font-family:FontAwesome;left:-3px;top:12px;font-size:25px;}
.ct-sp-btn .ct-sp-btn2 button:hover{background:#00b455;}
.ct-mid{margin:0 0 20px;}
.box-tabp-tit{font-family:RR;font-size:14px;}
.box-tabp-tit:after{display:block;content:"";clear:both;}
.box-tabp-tit div{float:left;padding:7px 30px 8px;background:#fff;color:#000;border-top:1px solid #cacaca;border-right:1px solid #cacaca;cursor:pointer;}
.box-tabp-tit div.tactive{position:relative;font-family:RB;color:#000;}
.box-tabp-tit div.tactive:before{position:absolute;content:'';width:100%;height:2px;background:var(--background-static);left:0;top:-1px}
.box-tabp-tit div.tactive:after{position:absolute;content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid var(--background-static);left:calc(50% - 6px);top:-1px;}
.box-tabp-tit div:first-child{border-left:1px solid #cacaca;}
.box-tabp-con{display:none;padding:10px 15px;background:#fff;}
.box-tabp-con:nth-child(1){display:block;}

/* Tin tuc */
.box-news{max-width:1140px;margin:0 auto 20px;padding:20px 0 0;font-family:RR;font-size:15px;color:#333;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;}
.box-news-img{width:48.685%;overflow:hidden;}
.box-news-img img{width:100%;transition:all 0.5s;}
.box-news-img:hover img{transform:scale(1.1);}
.box-news h3{font-family:RB;text-transform:uppercase;text-align:left;font-size:22px;margin:0 0 20px;line-height:25px;}
.box-news h3 a{color:#282828;}
.box-news h3 a:hover{color:var(--color-red);}
.box-news-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;}
.box-news-content{width:calc(100% - 48.685%);padding-left:30px;}
.box-news-more > div{-webkit-appearance:none;-moz-appearance:none;font-family:RR;font-size:15px;text-decoration:none;border:1px solid #000;padding:12px 15px;background-color:#000;color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;line-height:1;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;padding-right:9px;transition:all 0.5s;}
.box-news-more:hover > div{padding:12px 20px 12px 15px;}
.box-news-more > div:after{font-family:icon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:1px;content:attr(data-text);font-size:8px;vertical-align:middle;line-height:1em;display:inline-block;padding-left:10px;text-align:left;}
.box-news:nth-child(2n) .box-news-img{order:2;}
.box-news:nth-child(2n) .box-news-content{padding:0;padding-right:30px;}
h2.tincungloai{font-size:16px;font-weight:bold;border-bottom:1px solid #CCC;margin:0px 0px 5px;padding-bottom:5px;margin-top:15px;}
ul.tincungloai{list-style:none;margin:0;font-size:13px;font-family:RR;}
ul.tincungloai li{background:url('../images/tinkhac.png') no-repeat left top 10px;padding-left:15px;}
ul.tincungloai li a{color:#424242;}
ul.tincungloai li a:hover{color:#da2627;text-decoration:underline!important;}
.rowtintuc{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-7.5px;margin-left:-7.5px;}
.rowtintuc .col,.rowtintuc [class*=col-]{padding-right:7.5px;padding-left:7.5px;margin-bottom:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.box-tintuc{background-color:#f5f4f3;position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;min-height:1px;text-align:left;}
.box-tintuc-img{min-height:1px;position:relative;overflow:hidden;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.box-tintuc-img img{width:100%;min-height:1px;}
.box-tintuc-link{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;display:block!important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;color:#000!important;}
.box-tintuc-tit{padding:30px!important;}
.box-tintuc-tit h3{font-size:21px;margin:0;line-height: 30px;font-family: 'Dosis',sans-serif;font-weight: 500;color: #454848;}
.box-tintuc:hover .box-tintuc-img{opacity:.9;}
.box-tintuc-ab{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.box-tintuc-ab > div{-webkit-appearance:none;-moz-appearance:none;font-family:RR;font-size:15px;text-decoration:none;border: 1px solid #DE5F14;padding:12px 15px;background-color: #DE5F14;color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;line-height:1;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;padding-right:9px;opacity:0;transition:all 0.5s;}
.box-tintuc:hover .box-tintuc-ab > div{opacity:1;}
.box-tintuc-ab > div:after{font-family:icon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:1px;content:attr(data-text);font-size:8px;vertical-align:middle;line-height:1em;display:inline-block;padding-left:10px;text-align:left;}

/* Container */
#container{padding:20px 0px 20px;}
.content{text-align:justify;}
.left{width:260px;float:left;margin-right:20px;}
.right{width:calc(100% - 280px);float:left;}

/* Left */
.left-box{background:#0867d4;padding:5px;margin-top:20px;}
.left-box:first-child{margin-top:0;}
.left-info{border:1px solid #89bbf4;}
.left-info a{color:#FFF;display:block;}
.left-tit{font-family:RM;font-size:18px;text-align:center;padding:5px;text-transform:uppercase;background:url(../images/bg-left-tit.png);background-size:auto 100%;}
.left-tit a:hover{color:#FF0;}
.left-info ul{margin:0;list-style:none;}
.left-info ul li{border-top:1px solid #89bbf4;padding:5px 10px 5px 20px;background:url(../images/left-li.png) no-repeat center left 10px;}
.left-info ul li:hover{background:url(../images/left-li.png) no-repeat center left 10px,#0857b1;}

/*Ho tro*/
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box{bottom:245px;right:0}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%;overflow:hidden;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:12px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:17px;left:17px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-container{transform:translateY(50px);bottom:110px;right:65px}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-box{background:#1182FC}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box{bottom:70px;right:15px}
.js-facebook-messenger-container{transform:translateY(50px);bottom:20vh;right:35px}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
.hotro-right .js-facebook-messenger-box{bottom:20vh;right:15px;width:53px;height:53px;border-radius:10px;z-index:99;}
.hotro-right .js-facebook-messenger-container{right:80px;}
.fix-toolbar{background:#D61414;width:100%;padding:5px;bottom:0;position:fixed;z-index:500;height:auto;left:0;right:0;margin:0 auto;display:none;border-top:1px solid #fff;}
.fix-toolbar img{vertical-align:top;}
.fix-toolbar ul{display:flex;align-items:center;justify-content:space-between;padding:5px;list-style:none;margin:0;}
.fix-toolbar ul li{text-align:center;width:20%;}
.fix-toolbar ul li a{display:block;width:100%;cursor:pointer;color:#fff;font-size:30px;}
.fix-toolbar ul li a img{height:25px;width:auto;}
.fix-toolbar ul li a span{font-weight:400;color:#fff;font-size:13px;display:none;}
.quick-alo-phone.quick-alo-show{visibility:visible;}
.quick-alo-phone{position:fixed;visibility:hidden;background-color:transparent;height:200px;width:82px;height:64px;cursor:pointer;z-index:200000!important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:60px;bottom:calc(20vh + 200px);}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle{border-color:#005aa6;opacity:.99;}
.quick-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;animation:quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill{background-color:#005aa6;opacity:.75!important;}
.quick-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle{background-color:#005aa6;}
.quick-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url("../images/iconzalo.png") no-repeat center center;background-size:cover;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.99;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}
.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle{background-color:#f58220;}
@-moz-keyframes quick-alo-circle-anim{
	0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}
	30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}
	100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}
}
@-webkit-keyframes quick-alo-circle-anim{
	0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
	30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-o-keyframes quick-alo-circle-anim{
	0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}
	30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}
	100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}
}
@-moz-keyframes quick-alo-circle-fill-anim{
	0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
	50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}
	100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes quick-alo-circle-fill-anim{
	0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
	100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes quick-alo-circle-fill-anim{
	0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
	50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}
	100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-moz-keyframes quick-alo-circle-img-anim{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
	100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-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)}
}
@-o-keyframes quick-alo-circle-img-anim{
	0%{-o-transform:rotate(0) scale(1) skew(1deg)}
	10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-o-transform:rotate(0) scale(1) skew(1deg)}
	100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-o-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fone{font-size:22px; color:#f00; line-height:40px; font-weight:bold; padding-left:45px; margin:0 0;}

.fix_tel{position:fixed; bottom:15px; z-index:999;}
.fix_tel a{text-decoration:none; display:block;}
.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc;}
.ring-alo-phone{background-color:transparent; cursor:pointer; height:80px; position:absolute; transition: visibility 0.5s ease 0s; visibility:hidden; width:80px; z-index:200000 !important;}
.ring-alo-phone.ring-alo-show{visibility:visible;}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover{opacity:1;}
.ring-alo-ph-circle{animation:1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim; background-color:transparent; border:2px solid rgba(30, 30, 30, 0.4); border-radius:100%; height:70px; left:10px; opacity:0.1; position:absolute; top:12px; transform-origin:50% 50% 0; transition:all 0.5s ease 0s; width:70px;}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle { animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle { animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {    border-color: #f00; opacity: 0.5;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {border-color: #baf5a7; opacity: 0.5;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {border-color: #f00; opacity: 0.5;}
.ring-alo-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim; background-color:#000; border:2px solid transparent; border-radius:100%; height:30px; left:30px; opacity:0.1; position:absolute; top:33px; transform-origin:50% 50% 0; transition:all 0.5s ease 0s; width:30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: 0.75 !important;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); opacity: 0.75 !important;}
.ring-alo-ph-img-circle {animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim; border: 2px solid transparent; border-radius: 100%; height: 30px; left: 30px;	opacity: 1; position: absolute; top: 33px; transform-origin: 50% 50% 0; width: 30px;}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {    background-color: #f00;}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover.ring-alo-ph-img-circle { background-color: #75eb50;}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle { background-color: #f00;}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.ring-alo-ph-img-circle a img{padding:1px 0 0 1px; width:30px; position:relative; top:-1px;}


/* Reponsive */
@media (min-width:1188px){
	.box-sp:nth-child(4n){margin-right:0;}
	.box-sp:nth-child(4n+1){clear:both;}
	.pab{padding:0 14px;}
	.slick-album{width:calc(100% + 28px);margin:0 -14px;}
}
@media (max-width:1187px){
	#search{right:15px;}
	#container{padding:20px 15px;}
	#banner .center,#aboutus .center,#product .center,#blog .center,#breadcrumb .center,#footer .center,.rowtintuc,#header{padding-left:15px;padding-right:15px;}
	.box-dt{max-width:95%;}
	#slide img{height:auto;}
}
@media (min-width:992px) and (max-width:1187px){
	#information{padding-left:110px;}
	.sm-blue a{padding:0 17px!important;}
	.sm-blue ul a{line-height:30px!important;}
	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.ft-1{width:65%;margin:0px;}
	.ft-2{width:calc(35% - 20px);margin:0px 0px 0px 20px;}
}
@media (min-width:992px){
	.sub-arrow{display:none!important;}
}
@media (max-width:991px){
	#banner{min-height:auto;top:0;position:sticky!important;position:-webkit-sticky!important;}
	#banner .center{display:flex;align-items:center;justify-content:center;}
	#logo{position:static;padding:0;}
	#logo img{max-height:75px;}
	#information{padding:0;}
	#smenu{display:block;}
	#smenu a{font-family:RM;color:#fff;font-size:16px;}
	#menu{position:static!important;}
	#top,#banner-ab,#menu,.left{display:none;}
	.right{width:100%;float:none;}
	.menu-line{padding:0!important;}
	.tt-l,.tt-r{width:100%;float:none;margin:0px 0px 20px;}
	.box-sp-content{padding:20px 10px;}
}
@media (min-width:768px) and (max-width:991px){
	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.ft-1{width:65%;margin:0px;padding:0;}
	.ft-2{width:calc(35% - 20px);margin:0px 0px 0px 20px;}
}
@media (max-width:767px){
	.content img{height:inherit!important}
	.ft-1{width:100%;float:none;margin:0px 0px 20px 0px;padding:0;}
	.ft-2{display:none;}
	.ct-l,.ct-r,.lh-l,.lh-r{width:100%;float:none;margin:0px 0px 15px 0px;padding:0;border:none;}
	.lienhe-l,.lienhe-r{width:100%;float:none;}
	.box-news{width:100%;float:none;margin:0px 0px 30px;}
	#footer{padding:25px 0 45px;}
	.hotro-right,.quick-alo-phone{display:none;}
	.fix-toolbar{display:block;}
	.ft-b .center > div{width:100%;}
	.i-tit p{letter-spacing:inherit;}
	.ft-b{margin-top:20px;}
	.mxh{margin-top:15px;}
	#aboutus,.product-top{padding:30px 0;}
	#aboutus .center > div,#blog .center > div{width:100%;}
	.aboutus-left,.blog-left{margin-bottom:30px;}
	.box-sp-content{padding: 20px 5px;}
	.box-news-img,.box-news-content{width: 100%;}
	.box-news-img{order:-1 !important;}
	.box-news-content{padding: 20px 0;}
	#header{height: 20vh;}
	.box-tintuc-tit{padding: 30px 0 !important;}
}
@media (min-width:481px) and (max-width:767px){
	.box-sp{width:49%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
}
@media (max-width:480px){
	.box-sp{width:49%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.ft-l,.ft-r{width: 100%;}
	.ft-flex .input, .ft-flex .tact{margin-bottom: 10px;}
	.ft-line{margin: 0;}
}
@media (max-width:374px){
	.lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
	.lh-con-r{margin-bottom:10px;}
	.box-sp{width:90%;margin:0px 5% 20px;float:none;}
}