:root{--cm:#1182fc;}
/*reset*/
*{list-style:none;padding:0;margin:0;box-sizing:border-box;}
a{text-decoration:none;}
body{font-family:'Arial','Helvetica','sans-serif';font-size:12px;position:relative;box-sizing:border-box;}
::-webkit-scrollbar{background:#fff;width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#333333;}
/*=======================================*/
.h1,.h2,.h3,h1,h2,h3{margin:0;line-height:normal;}
ol,ul{margin:0;padding:0;}
/*=======================================*/
#full{max-width:1366px;margin:0px auto;background:#fff;width:100%;overflow-x:hidden;}
/*commont*/
.tieude{font-size:35px;color:#000000;text-transform:capitalize;font-family:'RobotoRegular';margin-bottom:10px;}
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%!important;height:auto!important;}
.w100{width:100%;}
.mw100{max-width:100%;vertical-align:middle;}
.grecaptcha-badge{display:none!important;}
.contain_map_lienhe iframe{width:100%;}
.clear{display:block;clear:both;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
/*******/
.breadcrumb{width:100%;padding:0px!important;margin-bottom:10px!important;background:none!important;border:none!important;}
.breadcrumb a{color:#3155ac;font-size:13px;}
.breadcrumb a:hover{color:#3155ac;text-decoration:underline;cursor:pointer;}
.my_glass{position:relative;display:block;}
.my_glass:after{content:"";position:absolute;top:0px;left:0px;width:0%;height:100%;background-color:rgba(255,255,255,0.7);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.my_glass:hover:after{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:18px;right:20px;display:none;cursor:pointer;z-index:100;}
/*inner*/
.inner{max-width:1200px;margin:0 auto;position:relative;}
.transition{-webkit-transition:0.35s all;-o-transition:0.35s all;transition:0.35s all;}
/*header*/
#header{position:relative;width:100%;margin:0px auto;padding:10px 0px;}
#languages{position:absolute;top:40px;right:0px;}
/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position:absolute;top:10px;right:0px;}
.logo{max-width:150px;width:100%;margin-top:8px;}
.box-header-right{float:right;width:87%}
.box-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;}
.company-top{font-family:'UTMAurora';font-size:41.74px;color:#e72231;text-transform:uppercase;text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;}
.hotline-top{margin-left:60px;padding-left:45px;background:url(../images/i-hotline.png) left no-repeat;font-family:'UTMAurora';color:#fff;font-size:24px;line-height:36px;height:36px;}
.email-top{padding-left:40px;background:url(../images/i-email.png) left no-repeat;font-family:'RobotoRegular';color:#fff;font-size:15px;}
/*menu top*/
#menu{position:relative;}
#menu ul.menu li{float:left;position:relative;}
#menu ul.menu li a{font-size:15px;text-transform:uppercase;padding:0px 18px;color:#333333;display:block;font-family:'SFUFuTuraBook';}
#menu ul.menu li.menu_active a,#menu ul.menu li a:hover{color:white;}
#menu ul.menu li ul{width:230px;position:absolute;top:100%;left:0;display:none;z-index:9999;}
#menu ul.menu li ul li{background:var(--cm);display:block!important;float:none;border-bottom:1px solid rgba(249,249,249,0.16);text-align:left;}
#menu ul.menu li ul li:last-child{border-bottom:none;}
#menu ul.menu li ul li a{background:none!important;line-height:normal!important;padding:10px 20px;}
#menu ul.menu li ul li a:hover{color:white!important;}
#menu ul.menu li ul li ul{top:0;left:100%;}
#menu.fixed{position:fixed;top:0px;z-index:99;width:100%;margin:auto;background:var(--cm);max-width:1366px;left:0;right:0;height:40px;}
#menu.fixed ul.menu li a{line-height:40px;}
#menu.fixed #timkiem{top:50%;transform:translateY(-50%);}
#btn_menu_bootstrap{z-index:999;position:absolute;top:8px;height:24px;width:30px;display:none;}
#btn_menu_bootstrap span{background:#fff;content:'';display:block;width:100%;height:2px;position:absolute;left:0px;top:50%;margin-top:-1px;}
#btn_menu_bootstrap:before{content:"";position:absolute;width:100%;height:2px;background:#fff;top:0;left:0;}
#btn_menu_bootstrap:after{content:"";position:absolute;width:100%;height:2px;background:#fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{transform-origin:left 1px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left:-200%!important;opacity:0!important}
/*search*/
#timkiem{width:236px;height:30px;position:absolute;right:0;top:-5px;background:#ffffffa1;border-radius:20px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height:30px;width:80%;padding:0 15px;font-size:13px;font-family:'SFUFuTuraBook';color:#333333}
#timkiem #btn{cursor:pointer;outline:none;border:none;background:url(../images/search.png) left no-repeat;width:16px;height:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
/*slider*/
#content_slider{margin:auto;position:relative;box-shadow:none;}
/*left*/
#left{float:left;width:25%;padding-left:20px;box-sizing:border-box;}
.sub_left{margin-bottom:20px;}
.title_left{height:45px;background:#3399FE;}
.title_left span{font-size:15px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;line-height:45px;display:block;font-family:'RobotoBold';}
/*main*/
#container{margin-top:10px;}
#main{width:75%;float:left;padding-right:10px;box-sizing:border-box;}
.sub_main{margin-bottom:20px;}
.title_main{margin-bottom:30px;text-align:center;}
.title_main span{color:#333333;font-weight:normal;text-transform:uppercase;display:block;font-size:37.83px;font-family:'UTMAurora';position:relative;}
.title_main span::after{position:absolute;content:'';width:183px;height:25px;background:url(../images/aTitle.png) left no-repeat;left:0px;right:0px;bottom:-25px;margin:auto;}
.b-block{display:block;}
/*home*/
#introduce{padding:55px 0}
.title-intro{border-bottom:1px solid var(--cm);margin-bottom:5px;height:49px}
.title-intro span{font-family:'UTMAndrogyne';font-size:28px;color:#fff;display:inline-block;padding:0 20px;background:var(--cm);line-height:49px;}
.name-company{color:#e72231;font-family:'UTMAurora';text-transform:uppercase;font-size:53px;margin-bottom:5px;}
.desc-intro{font-family:'RobotoRegular';font-weight:normal;font-size:15px;color:#333333;line-height:24px;margin-bottom:25px;}
.more-intro{color:var(--cm);font-family:'RobotoRegular';font-size:14px;line-height:24px;padding:9px 40px;border:2px solid var(--cm);text-transform:uppercase;transition:0.35s all;}
.more-intro span{position:relative;display:inline-block;}
.more-intro span:before,.more-intro span:after{width:20px;height:1px;background:var(--cm);top:50%;margin-top:-0.5px;position:absolute;content:'';}
.more-intro span:before{right:110%;}
.more-intro span:after{left:110%;}
.more-intro:hover{border-color:#e72231;color:#e72231;transition:0.35s all;}
.box-video{position:relative;}
.box-video span.play{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/play.png);width:101px;height:101px;margin:auto;}
/***/
#purchasingservice,#purchasingarea{margin-bottom:50px;}
#register_email{padding:30px 0px;background:var(--cm)}
#register_email .row{display:flex;align-items:center;justify-content:space-between;}
.left-mail{padding-left:65px;background:url(../images/icon-mail.png) left no-repeat;margin-left:16px;min-height:52px;}
.title_mail{font-size:26.68px;font-family:'UTMAurora';color:#fff;line-height:21px;text-transform:uppercase;margin-bottom:5px;}
.slogan{font-family:'RobotoRegular';font-size:13px;color:#fffefe;}
.right-mail{}
#frmDK{display:flex;align-items:center;justify-content:space-between;}
#frmDK input,.btnGui{height:35px;font-family:'RobotoRegular';font-size:13px;padding:0 15px;outline:none;border:1px solid #fff;border-radius:5px;background:none;color:#fff;width:24%;}
#frmDK input::placeholder{color:#fff;font-size:13px;}
#frmDK .btnGui{background:#fd0606;border-color:#fd0606;text-transform:uppercase;font-family:'RobotoBold';font-size:15px;}
#frmDK .btnGui:hover{background:#e72231}
.wdot{width:20%!important;}
/********************home*/
#schedule{background-size:cover;padding:45px 0;}
#schedule .title_main span{color:#fff;}
#schedule .title_main span:after{}
.item_schedule{width:100%;float:left;}
.hide{display:none;}
#schedule .top-desc{color:#ccc;max-width:820px;margin:auto;text-align:center;display:none;}
#schedule .around-label .block .box_fixline{position:relative;}
#schedule .around-label .block .box_fixline .arrow{position:absolute;top:42%;right:-13px;color:#CACACA;}
#schedule .around-label .block{margin-bottom:55px;}
#schedule .around-label .item-schedule{background:url(../images/svg-hover.png);width:179px;height:156px;margin:auto;position:relative;cursor:pointer;transition:all 0.4s ease;display:flex;align-items:center;justify-content:center;}
#schedule .around-label .item-schedule.active:after{width:1px;height:6em;background:var(--cm);left:50%;top:100%;margin-left:-0.5px;position:absolute;content:'';}
.icon_m{display:none;}
#schedule .around-label .item-schedule.active{background:url(../images/svg.png);filter:unset;}
#schedule .around-label .item-schedule.active .box-img img{filter:unset!important;}
#schedule .around-label .item-schedule .box-img{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#schedule .around-label .item-schedule .box-img img{filter:brightness(0) invert(1);max-width:62px;}
#schedule .around-label .item-schedule .box-img span{display:block;color:#fff;font-family:'RobotoBold';font-size:15px;margin-top:10px;text-transform:uppercase;}
#schedule .around-label .item-schedule.active span{color:var(--cm)}
#schedule .xline{width:1200px;height:7px;background:#fff;margin:auto auto 30px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:relative;}
#schedule .xline:after{width:101%;border:9px solid rgba(255,255,255,0.28);left:-5px;top:-5px;position:absolute;content:'';border-radius:10px;}
#schedule .xline .dot{background:#ababab;width:31px;height:31px;border-radius:50%;border:5px solid #fff;position:relative;top:-12px;margin:auto;z-index:3;transition:all 0.5s ease;box-shadow:0px 0px 9px #fff}
#schedule .xline .dot:after{width:41px;height:41px;border:5px solid rgba(255,255,255,0.28);position:absolute;content:'';border-radius:50%;left:50%;margin-left:-20.5px;margin-top:-20.5px;top:50%;}
#schedule .xline .dot.active{background:var(--cm)}
/********/
#about{background-size:cover;padding:20px 0 55px}
.slogan-about{text-align:left;margin-top:5px;color:#333333;font-family:'RobotoRegular';font-size:20px;text-transform:uppercase;margin-bottom:7px;}
.title_about{text-transform:uppercase;font-family:'UTMAurora';color:#333333;font-size:37.73px;margin-bottom:15px;}
.box-content-about{width:54%;float:right;}
.slick-about{padding-left:20px;}
.item-about{margin-bottom:18px;}
.item-about a{color:#333333;font-size:14px;font-family:'RobotoRegular';display:flex;width:100%;align-items:center;justify-content:space-between;}
.img-about{width:90px;height:80px;float:left;background:url(../images/bgabout.png) left no-repeat;display:flex;align-items:center;justify-content:center;font-family:'RobotoBold'}
.img-about span{font-size:37px;color:#fff;padding-right:10px;}
.info-about{width:calc(100% - 110px);float:right;}
.info-about h2{text-transform:uppercase;font-size:17px;font-family:'RobotoMedium';line-height:22px;margin-bottom:10px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.info-about p{line-height:22px;}
.slick-slide *{outline:none!important}
.slick-next,.slick-prev{display:none!important}
#map iframe{height:400px;width:100%;display:block;}
#news{padding:55px 0 20px}
#newsOwl .owl-item{padding-bottom:8px;}
.box-news a{color:#3b3b3b;font-size:14px;font-family:'RobotoRegular'}
.img-news{position:relative;}
.date-news{width:60px;height:55px;background:var(--cm);color:#fff;font-family:'SariBold';display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:0;flex-direction:column;}
.date-news span:nth-child(1){font-size:24px;}
.date-news span:nth-child(2){font-size:12px;text-transform:uppercase;margin-top:-5px;}
.info-news h3{text-transform:uppercase;font-weight:normal;margin:10px 0;font-size:15px;font-family:'RobotoMedium';line-height:22px;margin-bottom:5px;font-weight:normal;height:44px;overflow:hidden;text-overflow:ellipsis;}
.info-news p{line-height:22px;margin-bottom:0}
.info-news span{float:right;color:var(--cm);line-height:20px;}
.info-news i{margin-left:7px;}
.box-news:hover .info-news h3,.item-about:hover .info-about h2{color:var(--cm)}
/*product*/
.more-list{background:var(--cm);color:#fff;border-radius:10px;text-align:center;font-size:15px;font-family:'RobotoRegular';display:block;max-width:136px;width:100%;height:41px;line-height:41px;margin:auto;transition:0.35s all;}
.more-list:hover{background:#e72231;transition:0.35s all;}
.box-content{margin-top:40px;}
.row_product{margin-right:-15px;margin-left:-15px;}
.col_product{padding-left:15px;padding-right:15px;}
.box_product{margin-bottom:30px;background:#fff;text-align:center;}
.box_product a{font-family:'RobotoRegular';font-size:15px;color:var(--cm);font-weight:normal;}
.box-img-product{padding:4px;border:1px solid #ececec;}
.box-sub{overflow:hidden;}
.box-img-product img{transition:0.35s all;}
.name_product{font-size:15px;margin:7px 0 12px;font-weight:normal;line-height:22px;color:#333333;font-family:'RobotoBold';text-transform:uppercase;}
.box_product .desc{
	text-align: justify;
    height: 87px;
    overflow: hidden;
}
.box_product span{color:var(--cm);display:inline-block;border:1px solid var(--cm);border-radius:5px;display:inline-block;padding:6px 15px;transition:0.35s all;}
.box_product:hover span{color:#e72231;border-color:#e72231;transition:0.35s all;}
.box_product:hover img{transform:scale(1.1);transition:0.35s all;}
.nodata{display:block;text-align:center;}
/*news*/
.col_news:nth-child(2n+1){clear:both;}
.box_news{margin-bottom:15px;border-bottom:1px dashed #e0e0e0;padding-bottom:15px;box-sizing:border-box;}
.box_news_img{position:relative;display:block;width:150px;float:left;margin-right:15px;}
.box_news_img img{display:block;}
.right_news .ngaytao{color:#5a5a5a;font-style:italic;margin-bottom:0}
.right_news .ngaytao i{margin-right:5px;}
.right_news .ngaytao span{margin-left:15px;}
h3.box_news_name{line-height:18px;margin-bottom:5px;}
h3.box_news_name a{color:#000;font-weight:normal;font-family:'RobotoBold';font-size:14px;}
h3.box_news_name a:hover{color:#f00;}
.box_news_mota{text-align:justify;line-height:22px;font-size:13px;font-family:'RobotoRegular';}
.box_news .xemthem{display:block;width:89px;height:26px;line-height:23px;text-align:center;color:#fff;border-radius:2px;border:1px solid #da1010;background:#da1010;transition:0.4s;float:right;margin-top:10px;box-shadow:2px 2px 6px #585454;}
/*news other*/
.othernews{border:1px solid #DEDEDE;padding:7px;}
.othernews .cactinkhac{font-size:20px;color:#333333;padding-left:10px;}
.othernews ul.phantrang{list-style:none;margin-left:15px;}
.othernews ul.phantrang li{background:url(../images/i_tinkhac.png) left 3px no-repeat;padding:3px 5px 3px 18px;color:#AAAAAA;}
.othernews ul.phantrang li a{color:#4A4A4A;text-decoration:none;transition:0.4s;font-family:'RobotoRegular'}
.othernews ul.phantrang li a:hover{color:var(--cm);padding-left:10px;transition:0.4s;}
/*footer*/
#footer{padding:50px 0}
.title_footer{text-transform:uppercase;font-size:16px;color:var(--cm);font-family:'RobotoBold';margin-bottom:20px;position:relative;}
.title_footer::after{width:50px;height:2px;background:var(--cm);position:absolute;content:'';left:0px;bottom:-6px;}
.item_footer ul li h3 a{font-weight:normal;color:#fff;display:inline-block;padding:5px 0 5px 15px;font-size:15px;font-family:'RobotoRegular';position:relative;}
.item_footer ul li h3 a:before{width:4px;height:4px;background:#fff;border-radius:50%;left:0;top:50%;transform:translateY(-50%);position:absolute;content:'';}
.item_footer ul li h3 a:hover{text-decoration:underline;}
.item_footer ul{margin-bottom:15px;}
.social{margin-top:15px}
.social span{display:inline-block;float:left;line-height:27px;color:#fff;padding-right:7px;}
.social img{margin-right:5px;}
.content_footer{color:#fff;margin-top:15px;}
#bottom{background:var(--cm);padding:15px 0px;color:#fff;font-size:12px;font-family:'RobotoRegular'}
.copyright{float:left;}
.copyright span{text-transform:uppercase;}
.counter{float:right;}
.counter span{padding-left:25px;position:relative;}
/* Feel free to change duration  */
.animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#footer1{display:none;z-index:1000;position:fixed;bottom:0;width:100%;left:0;border-top:1px solid #fff;}
#footer1 table{width:100%;text-align:center;margin:auto;background:var(--cm);}
#footer1 img{width:30%;max-width:35px;vertical-align:middle;}
#footer1 a{color:#fff;text-decoration:none}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.footerSlideContent{display:none}
@-moz-keyframes blinker{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes blinker{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
@keyframes blinker{
	0%{opacity:1}
	50%{opacity:0}
	100%{opacity:1}
}
/*** Zalo ***/
#btn-zalo{display:block;width:40px;height:40px;position:fixed;right:25px;bottom:160px;z-index:9;}
#btn-zalo i{display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;width:40px;height:40px;border-radius:50%;background:#1182FC;position:relative;z-index:9999;}
#btn-zalo i img{vertical-align:middle;}
.kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(17,130,252,0.45);opacity:.75;right:-10px;}
.kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(17,130,252,.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.owl-animated-out{z-index:1}
.owl-animated-in{z-index:0}
/*** Facebook ***/
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.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,.1);box-shadow:rgba(0,0,0,.15) 0 2pt 10pt;z-index:1E+30;color:#404040;background:#fff;bottom:97px;right:97px}
.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{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,.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);bottom:80px;right:15px}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0)}
.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;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:20px;left:20px;-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{position:fixed;opacity:0;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(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;transform:translateY(50px);bottom:130px;right:35px;}
.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:9}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:10}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.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}
/***/
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}
.wrap{text-align:center;line-height:10px;padding:0px;}
.auto{display:inline-block;}
ul.pagination{text-align:center;color:#3C8DBC;}
ul.pagination li{display:inline;padding:0 3px;float:left;}
ul.pagination a{color:#3C8DBC;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;}
ul.pagination a:hover,ul.pagination a.current{background:#3C8DBC;color:#fff;}
.page_info{margin-top:13px;}
.item{padding-left:15px;padding-bottom:5px;padding-top:5px;}

.fix_tel {
    position: fixed;
    z-index: 999;
    bottom: 1em;
    left: 1em;
}

#ring-alo-phoneIcon {
    right: 150px;
    bottom: -12px;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000!important;
}
.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,.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0,175,242,.5);
    opacity: .75!important;
}
.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: .1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: red;
}
.fix_tel a {
    text-decoration: none;
    display: block;
}
.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 26px;
    position: relative;
    top: -2px;
}
.tel {
    background: #eee;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc;
}

.fone {
    font-size: 22px;
    color: red;
    line-height: 40px;
    font-weight: 700;
    padding-left: 45px;
    margin: 0;
}
.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;
}
/* Keyframes*/
@-webkit-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3);}
	50%{opacity:1;}
}
@-webkit-keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}

@media screen and (max-width:1024px){
	#schedule,#bottom,#introduce,#about,#news,#register_email,#footer,#bottom,#header,.pageIn{padding-left:10px;padding-right:10px;}
	.cart{margin-right:15px;}
	.col_product{padding-left:10px;padding-right:10px;}
	.row_product{margin-right:-10px;margin-left:-10px;}
	#introduce{padding-top:0;padding-bottom:25px;}
	#footer{padding-top:25px;padding-bottom:25px;}
	/***/
	.mm-menu{border-color:rgba(0,0,0,.1)!important;color:#191919!important;}
	.mm-listview>li>a,.mm-listview>li>span{font-size:14px!important;padding-top:15px!important;padding-bottom:15px!important;text-transform:uppercase!important}
	.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:#191919!important}
	.mm-menu .mm-listview>li .mm-next:after,.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:#191919!important}
	#schedule .around-label .item-schedule.active:after{display:none;}
	.name-company{font-size:36px;}
	#purchasingservice,#purchasingarea{margin-bottom:20px;}
	/**/
	.company-top{font-size:27px;}
	.hotline-top{margin-left:20px;}
	.box-header-right{width:83%;}
	.logo{margin-top:0}
	.box-top{margin-bottom:0}
	#timkiem{top:50%;transform:translateY(-50%);}
	.menu{padding-top:15px;}
	#menu ul.menu li a{padding:0 4px;}
	#menu.fixed ul.menu li a{line-height:8px;}
}
@media(max-width:969px){
	#header{padding-top:5px;padding-bottom:5px;}
	#menu ul.menu,.hotline-top,.email-top{display:none}
	{display:none;}
	#btn_menu_bootstrap{display:block!important;}
	#menu,#menu .inner{position:static;}
	.logo{width:8%;margin-left:5%;padding-top:4px;}
	.box-header-right{width:70%;}
	#timkiem{right:10px;}
	#header.fixedHeader{position:fixed;left:0;right:0;z-index:9;top:0;}
	.col_product{padding-left:9px;padding-right:9px;}
	.row_product,.row{margin-left:-9px;margin-right:-9px;}
	.item_footer{margin-bottom:20px;}
	#menu.fixed #timkiem{right:5px;}
	.box-content-about{width:75%;}
	#register_email .row{flex-direction:column;}
	#register_email .left-mail{margin-bottom:15px;text-align:center;}
	#register_email .left-mail{background:unset;}
	.box-mid .item_footer,.left-mail,.right-mail{padding:0;}
	.copyright,.counter{width:100%;float:none;text-align:center;}
	.copyright{margin-bottom:8px;}
}
@media(max-width:800px){
	.hotline{display:none;}
	.col_product{width:33.33%;}
	.item_schedule{width:33.33%;margin:0!important;}
	#schedule .xline{display:none;}
	.box-header-right{width:75%;}
}
@media screen and (min-width:0px) and (max-width:768px){
	.left_lienhe{width:100%;padding-right:0px;margin-bottom:10px;}
	.right_lienhe{width:100%;padding-left:0px;}
}
@media screen and (max-width:735px){
	.slick-about{padding-left:0}
	.col_product{width:50%;}
	.col_product:nth-child(3n+1){clear:none;}
	.col_product:nth-child(2n+1){clear:both;}
	#footer1{display:block!important;}
	#bottom{margin-bottom:41px;}
	.js-facebook-messenger-box{bottom:120px;right:5px;}
	#top{bottom:50px;right:11px;}
	.js-facebook-messenger-container{bottom:170px;}
	#btn-zalo{bottom:205px;right:15px;}
	.row{margin:0}
	.intro-left{margin-bottom:20px;}
	.intro-left,.intro-right{padding:0}
	.box-content-about{width:100%;}
	.title_about,.slogan-about{text-align:center;}
	#register_email .left-mail{margin-bottom:5px;}
	.item_footer,.box-mid{padding:0}
	.company-top{font-size:22px;}
	#btn_menu_bootstrap{top:5px;}
	.logo,.box-header-right{padding-left:0;padding-right:0}
	.logo{margin-left:8%;width:4%}
}
@media screen and (max-width:600px){
	.col_product{width:50%;}
	#frmDK{flex-wrap:wrap;}
	#frmDK input{width:49.5%;margin-bottom:5px;}
	.box-top{display:none;}
	#header{height:43px;}
	.logo{width:5%;}
	.box-header-right{position:absolute;right:0;top:50%;}
	#timkiem{right:0}
}
@media screen and (max-width:500px){
	.item_footer:nth-child(n){width:100%;}
	.copyright,.counter{display:block;float:none;width:100%;text-align:center;}
	.title_main span,.title_about{font-size:25px;}
	.info-news h2{font-size:13px;}
	.box-news a{font-size:12px;}
	.item_schedule{width:50%;}
	.logo{width:28px;margin-left:50px;}
}
@media(max-width:414px){
	.col_news{width:100%;}
	.col_product{width:50%;}
}
@media screen and (max-width:375px){
	.js-facebook-messenger-container{right:15px;}
	.box_news_img{width:100%;margin-bottom:8px;}
	.item_schedule{width:100%;margin:0;}
	.name-company{font-size:20px;}
	.desc-intro,.item-about a{font-size:11px;}
	#btn_menu_bootstrap{left:0}
	.title-intro span{line-height:35px;font-size:15px;}
	.title-intro{height:35px;}
}
@media screen and (max-width:320px){
	.js-facebook-messenger-container{right:0px;}
	#frmDK input{width:100%;}
	#timkiem{width:197px;background-size:contain;}
}