@font-face {
		font-family: "SackersGothicW01-Medium";
		src: url("../fonts/27587338-8a56-4b02-9294-f3c6cb9a1aa3.eot?#iefix");
		src: url("../fonts/27587338-8a56-4b02-9294-f3c6cb9a1aa3.eot?#iefix") format("eot"), url("../fonts/558c6f4c-6d4c-44b2-ae4f-8bc6b55f85ed.woff2") format("woff2"), url("../fonts/e166de1f-75a3-44b0-b88e-a037e19243d2.woff") format("woff"), url("../fonts/2d9efcdc-b053-4bc8-bef4-80630d67027e.ttf") format("truetype");
	}
.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #c3c3c3;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #ffffff;}}
::-webkit-resizer { background-color: #666;}
.clear{clear:both;}
.clearafer::after{content:''; display:block;clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a,a:hover,a:link,a:visited{ text-decoration:none;}
ul{padding:0; margin:0;}
img{ max-width:100%; height:auto !important;}
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; max-width:1920px; margin:auto; position:relative; overflow:hidden;}
 

.header{ width:100%; z-index:102; position:relative; } 
.header_content{width:98%; max-width:1140px; display:flex; position:relative; padding:12px 0 0 0;  margin:auto; padding-top:40px;}
.logo{ float:left; width:100%; align-self:center; text-align:center; padding:5px 0; }
.logo img{ position:relative; z-index:1;}
 
.banner{ float:left; width:68%; padding:0 2%; align-self:center; text-align:center; }
 

.right-head{ float:left; width:20%; align-self:center;}
.hotline{ font-family: 'Roboto-Medium'; } 
.hotline span { float:left; display:inline-block; line-height:22px; font-size:16px; color:#000;}
.hotline div { float:left; margin-left:6px; line-height:22px; font-family: 'Roboto-Regular'; display:inline-block; font-size:20px; color:#f00;}

 
.wrap_menu1{height:50px; width:100%; }
.wrap_menu{height:50px; width:100%; z-index:101; position:relative;  background:#FFF; }
.fix-menu{ position:fixed; left:0px; top:40px; z-index:999; border-bottom:1px solid #CCC; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); 
}
.menu{height:50px; text-align:center; width:98%; max-width:1370px; margin:auto; z-index:1; position:relative; transition:all 0.5s;}
 
#smoothmenu1{display:inline-block; height:50px;}
#smoothmenu1 .mn{
	 display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; 
}
#smoothmenu1 .last{ float:left; padding:0 0.5px; }
#smoothmenu1 .last:first-child{padding-left:0px;}
#smoothmenu1 .last:last-child{padding-right:0px;}
 
#smoothmenu1 li a.c1{font-size:15px; padding:0 12px; font-family: 'SackersGothicW01-Medium'; color:#000; display:block; height:50px; line-height:50px; position:relative; z-index:1; text-transform:uppercase;}
#smoothmenu1 li a.c1 span{ position:relative; z-index:3; font-family:"SackersGothicW01-Medium"}

#smoothmenu1 li.last a.c1::before{content:''; width:100%; height:100%; background:none; position:absolute; left:0px; bottom:0px;
-moz-transform: rotate(0deg) scale(1, 1) skewX(-45deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);
 }

#smoothmenu1 li.last a.c1::after{content:''; width:0%; height:100%; background:none; position:absolute; left:0px; bottom:0px; transition:all 0.3s;
-moz-transform: rotate(0deg) scale(1, 1) skewX(-45deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-45deg, 0deg) translate(0, 0);}

#smoothmenu1 li.m a.c1::after,#smoothmenu1 li.last:hover a.c1::after{width:100%; padding-left:50px}

#smoothmenu1 ul li ul{ position: absolute; display: none; visibility: hidden; min-width:260px; top:100%; overflow: visible; text-align: left; margin-left:40px;}
#smoothmenu1 ul li ul li{display:list-item; float:none; height:35px; background:#fff !important; border-bottom:1px solid #fff; padding-left:20px;}
 
#smoothmenu1 ul li ul li:hover{ background:#fff !important; }
#smoothmenu1 ul li ul li a{color:#333; font-family:"SackersGothicW01-Medium"; padding:0 10px; font-size:13px; height:40px; line-height:40px; border-radius: 0; background:#fff;}
#smoothmenu1 ul li:hover ul li a{ background:none !important;}
#smoothmenu1 ul li:hover ul li:hover a{ background:none !important;}
#smoothmenu1 ul li:hover ul li a{color:#333 !important; }
#smoothmenu1 ul li:hover ul li:hover a{color:#000 !important;}
#smoothmenu1 ul li ul li{ width:100%; text-align:left;}
#smoothmenu1 ul li ul li ul{ top:0px; padding-top:0px !important;}

#smoothmenu1 ul li:hover ul li:hover ul li a{color:#333 !important;}
#smoothmenu1 ul li:hover ul li:hover ul li:hover a{color:#fff !important;}
 
 
#search{width:240px; height:28px; float:right; outline:none; margin-top:6px; position:relative;}
#search input{width:100%; font-family: 'Roboto-Regular'; font-size:12px; color:#666; height:28px; border:none; background:#fff; padding-right:38px; padding-left:10px; outline:none; float:left; position:relative; }
#search input::-webkit-input-placeholder{color:#666;}
#search input::-moz-placeholder{color:#666;}
#search input:-ms-input-placeholder{color:#666;}
#search input:-moz-placeholder{color:#666;} 
#search button{ height:28px; border:none; width:28px; background:none; outline:none; position:absolute; top:0px; right:0px; }
 
 
#slider{ color: #fff;  position:relative; width:100%;}
#slider #owl-slider.owl-theme .owl-dots {position: absolute;bottom: 20px;left: 0;width: 100%; }
#slider #owl-slider.owl-theme .owl-dots .owl-dot.active span, #slider #owl-slider.owl-theme .owl-dots .owl-dot:hover span {border: 1px solid #e51515 !important; }
#slider #owl-slider.owl-theme .owl-dots .owl-dot.active span::before, #slider #owl-slider.owl-theme .owl-dots .owl-dot:hover span::before {background: #e51515; }
#slider #owl-slider .ms-img {display: block; position: relative; }
#slider #owl-slider .ms-img img {width: 100%; position: relative; z-index: 1; }
#slider #owl-slider .ms-img .ms-desc {position:absolute; top:50%; right:60%; transform: translateY(-50%); left:0; z-index:2; padding-left:120px; }
#slider #owl-slider .ms-img .ms-desc .line-1{font-size:36px; line-height:40px; letter-spacing:5px; color:#18397e;  font-family: 'Oswald-Light';}
#slider #owl-slider .ms-img .ms-desc .line-2 {text-align:justify; color:#282828; font-size:15px; font-family: 'OpenSans-Regular'; margin: 20px 0 20px; letter-spacing: 1px;}
#slider #owl-slider .ms-img .ms-desc a {margin-top:10px;display: inline-block; color: #282828; border: 1px #8da2cd solid; border-radius:5px; padding: 6px 25px; font-size:14px; font-family: 'OpenSans-Regular';}
#slider #owl-slider .ms-img .ms-desc a:hover { background: #18397e; color: #fff; -webkit-box-shadow: 0 0 20px 5px rgba(24, 57, 126, 0.3); box-shadow: 0 0 20px 5px rgba(24, 57, 126, 0.3); }
#slider #owl-slider .ms-img .ms-desc a:hover span {background: #fff; }
#slider #owl-slider.owl-theme {position: relative; }
#slider #owl-slider.owl-theme:hover .owl-next, #slider #owl-slider.owl-theme:hover .owl-prev {opacity: 1; }
#slider #owl-slider.owl-theme .owl-next, #slider #owl-slider.owl-theme .owl-prev {width:50px; height:50px; line-height:52px; position:absolute; top:calc(50% - 25px); margin:0px; padding:0px; color:#fff; background:none; opacity: 0;  border-radius: 50%; }
#slider #owl-slider.owl-theme .owl-next:hover, #slider #owl-slider.owl-theme .owl-prev:hover { }
#slider #owl-slider.owl-theme .owl-prev { left: 50px; }
#slider #owl-slider.owl-theme .owl-next { right: 50px; }
#slider #owl-slider.owl-theme .owl-dot span::before { background: #fff; }
#slider #owl-slider.owl-theme .owl-item.active .ms-desc { /*display: block;*/ }
.owl-theme .owl-nav { margin: 0 !important; }
.owl-theme .owl-nav.disabled + .owl-dots { margin: 0 !important; }
.owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease; }
.owl-theme .owl-dots .owl-dot span { width: 15px !important; height: 15px !important; margin: 0 !important; border-radius: 0 !important; background: 0 !important; border: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.owl-theme .owl-dots .owl-dot span::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 7px; height: 7px; background: #5a6069; }
.owl-theme .owl-dots .owl-dot { position: relative !important; margin: 0 15px; }
.owl-theme .owl-dots .owl-dot.active span { border: 1px solid #e51515 !important; }
.owl-theme .owl-dots .owl-dot.active span::before { background: #e51515 !important; }
.owl-theme .owl-dots .owl-dot:hover span::before { background: #e51515 !important; }
/*-----------end slider-------------*/
.content-duan{ width:98%; max-width:1140px; margin:auto; margin-top:-10%; position:relative; z-index:99;}

.flex{ display:flex; }
 
.wrap-tieuchi{ padding:30px 0; background:#EEEEEE; text-align:center;}
.dv-tieuchi{margin:auto; width:94%; padding-top:40px; }
.dv-tieuchi img{display:block;}
.dv-tieuchi .ten-tieuchi{font-family: 'Roboto-Regular'; margin:10px 0; color:#000; font-size:18px;}
.dv-tieuchi .mota-tieuchi{font-family: 'Roboto-Regular'; font-size:13px;}
.dv-tieuchi .img-news{ position:relative; width:60px; margin:auto;}
.dv-tieuchi .img-news:after{pointer-events:none; position:absolute; width:100%; height:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -5px; left: -5px; padding: 5px; -moz-box-shadow: 0 0 30px #0470b5; -webkit-box-shadow: 0 0 0 4px #0470b5; box-shadow: 0 0 30px #0470b5; -webkit-transition: -webkit-transform 0.2s,opacity .2s; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale (.8); transform: scale(.8); -moz-transition: -moz-transform 0.2s,opacity .2s; transition: transform 0.2s,opacity .2s; opacity: 0;}
.dv-tieuchi:hover .img-news:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}

.main{}
.main_content{width:98%; max-width:1370px; margin:auto; padding:0 0 20px 0; }


.title{ position:relative; text-align:center; margin-bottom:25px; }
.title span{font-family: 'Roboto-Medium'; color:#000; font-size:20px; position:relative; padding-bottom:7px; margin-left:35px;}
.title span::before{content:''; position:absolute; bottom:3px; left:0px; width:100%; height:1px; background:#3399ff; }
.title span::after{content:''; position:absolute; bottom:0px; right:0px; width:7px; height:7px; border-radius:50%; background:#3399ff; }
.title span img{ position:absolute; top:0px; left:-35px; }
 

.wrap-sp{ padding:50px 0; background:#EEEEEE;}

.qc-item img{ width:100%;}
.grid-item{display:grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap:30px;}

.grid_ct{display:grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap:25px; margin-bottom:30px;}
.grid_gt{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap:25px; margin-bottom:30px;}
.grid_gt .loaded a{display:block;}
.grid_gt .loaded a div{ text-align:center; padding:10px 0; color:#333; font-family: 'Roboto-Regular'; font-size:14px; }
 
.item1{position:relative; }
.item1 .box_item_img{position:relative; width:100%; transition:all 0.4s;}
.item1 .box_item_img a{ display:block; position:relative; overflow:hidden; }
.item1 .imgsp{width:100%; transform:scale(1); transition:all 0.3s; }
.item1:hover .imgsp{ transform:scale(1.05); transition:all 0.3s; }
.item1 .col-title{ position: absolute; text-align:center; width: 100%; z-index: 2; left: 0px; top: 50%; transform: translate(0px, -50%);  background-color: rgba(0, 0, 0, 0.54); transition: all 0.3s ease-in-out 0s;}
.item1 .col-title > div h3 {    font-size: 1.6em;   padding: 15px 5px;}
.item1 .col-title h3 a, .item1 .col-title h3 a:hover {    color: rgb(255, 255, 255);}
.item1 .view-more {opacity: 0; height: 0px; transform: scale(0); transition: all 0.3s ease-in-out 0s;}
.item1 .view-more a{ color:#fff;}
.item1:hover .view-more { opacity: 1; height: auto; transform: scale(1); transition: all 0.3s ease-in-out 0s; }
.item1:hover .col-title { top: 0px; bottom: 0px; transform: translate(0px, 0px); transition: all 0.3s ease-in-out 0s; }
.item1:hover .col-title>div {position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.3s ease-in-out 0s; }
.item1:hover .view-more span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; transition: all 0.3s ease-in-out 0s; }
.btn-web { display: inline-block; padding: 5px 20px; border: 1px solid #0d4d97; background-color: #fafafa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.1em; -webkit-transition: all .5s ease;-moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;  transition: all .5s ease; color: #0d4d97;}
.btn-web:hover { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #FFF; background-color: #0d4d97 !important;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;  transition: all .5s ease}
 
 
 
.slick_dv .dv-item{ width:94%; margin: 20px auto; position:relative; padding:3px; border-radius:5px; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)"; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.6); box-shadow: 0 0 5px -1px rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);  }
.dv-item{ position:relative; }
.dv-itemc{ position:relative;overflow:hidden;}

.dv-item .img-news{display:block; width:100%; position:relative; }
.dv-item .img-news a{ display:block; overflow:hidden; position:relative; }
.dv-item img{ width:100%; transform:scale(1); transition:all 0.4s; display:block; }
.dv-item:hover img{ transform:scale(1.2); transition:all 0.4s; }
.dv-item .n_name {width:100%; position:absolute; left:0px; bottom:0px; background-color: rgba(0,0,0,.31); padding:10px; text-align:center; }
.dv-item:hover .n_name {width:100%; position:absolute; left:0px; bottom:-60px; background-color: rgba(0,0,0,.31); padding:10px; text-align:center;-webkit-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s; }
.dv-item .n_name a{color:#fff; font-family: 'Roboto-Bold'; font-size:18px; transition:all 0.4s;}
.dv-item .n_mota{width:100%; color:#fff; font-family: 'Roboto-Bold'; font-size:20px;} 
.dv-item .box_content_news1{ padding:10px; top:50%; left:0px; width:100%;  position:absolute; transform:translateY(-50%);}
.dv-item .xem-dv{width:100px; display:block; margin:auto; margin-top:10px; border:1px solid #fff; border-radius:3px; color:#fff; padding:5px 0; text-align:center; background:#666; font-family: 'SackersGothicW01-Medium'; font-size:14px;} 
.dv-item:hover .box_content_news { display: block; opacity: 1; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg);}
 
.grid_index{ display:grid; grid-template-columns:  1fr 1fr 1fr ; grid-gap:30px; margin-bottom:5px;}
.dv-bg{ position:relative; overflow:visible;}
.dv-bg img{display:block; width:100%;}
.dv-bg .n_name{width:100%; left:0px; bottom:-40px;-webkit-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s; color:#000; text-align:center}
.dv-bg:hover .n_name{ bottom:-40px;}
.dv-bg .n_name a{width:100%; padding:10px; font-size:18px; display:block; color:#000; cursor:pointer}
 .dv-bg .mask { -ms-transform-origin: center bottom; -moz-transform-origin: center bottom; -webkit-transform: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(108deg); -ms-transform: rotateX(108deg);  -moz-transform: rotateX(108deg); transform: rotateX(108deg); cursor:pointer}

.dv-item .box_content_news, .dv-bg .mask {bottom: 50px; position: absolute; display: block; text-decoration: none; width: 100%; height: 40px; z-index: 110; padding: 10px; color: #FFF; background-color: rgba(255,255,255,.35); padding-bottom: 15px; opacity: 0; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s; text-align: center;}
.dv-bg:hover .mask { display: block; opacity: 1; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg);}
.dv-bg .mask>span {  position: relative; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.dv-bg .mask .view-more { position: relative; display: inline-block; text-decoration: none; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s;transition-duration: .5s;  color: #000; font-size:18px; top:10px;}
.dv-bg .mask i.fa { font-size: 29px; position: relative; display: block; padding: 0; margin: 0; line-height: 48px; color: #000;}


.wrap-about{background: #757172 ; background-size: cover;  border-top: 3px solid #757172; padding-bottom: 0;}
.about{width:98%; max-width:1140px; margin:auto; padding:40px 0; font-family: 'Roboto-Regular'; color:#fff; font-size:14px; position:relative; }
 
.title_gt2{ position:relative; margin-bottom: 35px; text-align:center; }
.title_gt2 span{font-family: 'Roboto-Medium'; color:#fff; font-size:24px; position:relative; padding-bottom:7px; }
.title_gt2 span::before{content:''; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#0c4da2; }
.title_gt2 span::after{position: absolute; left: 50%; content: ''; bottom: -3px; width: 80px; margin-left: -40px; height: 8px; background-color: #ee272e;}
 
.title_gt1{ position:relative; margin-bottom: 35px; text-align:center; }
.title_gt1 span{font-family:'Roboto-Medium'; display:inline-block; min-width:150px; color:#000; font-size:24px; position:relative; padding-bottom:7px;}
.title_gt1 span::before{content:''; position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:#0c4da2; }
.title_gt1 span::after{position: absolute; left: 50%; content: ''; bottom: -3px; width: 80px; margin-left: -40px; height: 8px;  background-color: #ee272e;}
 
.noidung_gt2{ color:#fff; font-size:15px; }
.xemthem1{ position:absolute; left:50%; padding:0 20px; transform:translateX(-50%); bottom:0px; background:#fff; border-top-left-radius:5px; border-top-right-radius:5px; height:35px; line-height:35px; }
.xemthem1 a{ color:#3399ff; font-size:11px;}
.xemthem1 a span{ font-size:13px;}
.xemthem1 a:hover{ color:#f00; }
  
.wrap-bottom{ padding:40px 0;  }
.bottom{ width:98%; max-width:1140px; margin:auto;}
.bottom-left{ width:45%; float:right; font-family:"SackersGothicW01-Medium"; margin-left:30px;}
.title-bottom{ padding: 0px 20px; height:65px; line-height:65px; text-transform: uppercase; font-size: 24px; font-weight: 500; color: #FFF; background-color: #005caa;}
.bottom-right{ width:50%; float:left; font-family:"SackersGothicW01-Medium"}
.bottom-right iframe{ width:100%; display:block; height:400px;}
.box-scroll{ height:335px; padding:10px; overflow-y:scroll;}
 
.news{width:100%; cursor:pointer; padding:10px 0; border-bottom:1px solid #ccc; }
.news .n_name { line-height:1.2; margin-bottom:5px; color:#000; font-family: 'Roboto-Bold'; font-size:15px; transition:all 0.4s;}
.news:hover .n_name { color:#f00; transition:all 0.4s;}
.active1 .n_name { color:#f00;}
 
 
#box-dk{}
 
.input_dk{width:100%; background:rgba(255,255,255,1); font-size:12px; height:31px; border:none; padding:0 10px;}
.item-mail:nth-child(1){ width:49%; margin-bottom:5px; float:left;}
.item-mail:nth-child(2){ width:49%; margin-bottom:5px; float:right;}
.item-mail:nth-child(3){ clear:both; width:100%;}

.grid-mail{width:calc( 100% - 245px ); float:left;}
.title-email{padding:10px 0; font-size:16px; width:125px; float:left;}
.title-email b{padding:10px 0; font-size:18px;}
.btnct_dk{width:110px; float:right; border:none; height:67px; background:#1e8158; color:#fff; }
.btnct_dk img{display:block; margin:auto; }
.dk-mail{ width:98%; max-width:965px; margin:auto;}

.chinhsach{ margin-top:20px; color:#fff; font-size:12px;}
.chinhsach a{color:#fff; font-size:12px;}

.wrap-doitac{padding:20px 0; }
.doitac_item{ width:96%; max-width:212px; margin: 10px auto;}
.doitac_item{ background:#fff;}
.doitac_item img{width:100%; transform:scale(1); transition:all 1s}
.doitac_item:hover img{width:100%; transform:scale(1.2); transition:all 1s}
 
.end{position:relative; width:100%; background:#0c4da2; }
 
.footer_content{width:98%; max-width:1370px; margin:auto; font-family: 'Roboto-Regular'; font-size:14px;  z-index:9; color:#fff; padding:40px 0; }
.ft_info1{width:40%; float:left; }
.ft_info4{width:58%;  float:right; } 
 
 
.ft_ul{ background:url(images/thongke.png) no-repeat right top; padding-bottom:40px;}
.ft_ul li{ padding:3px 0; font-family: 'Roboto-Regular'; font-size:14px; color:#fff;}
 
.mxh-b{ padding:10px 0;}
.copy{ background:#20295d; font-family: 'Roboto-Regular'; padding:10px 0; color:#fff; font-size:13px;}
.copy-content{width:98%; max-width:1140px; margin:auto; }
 
.pagination{ display:block !important; margin-bottom:0px;  }
.pages_ajax{ display:block; text-align:center;}
.pages_ajax li {display:inline-block; padding:5px 10px; text-decoration:none; box-sizing:border-box; margin: 0px 4px; cursor:pointer; color:#434343; font-size:13px; border:1px solid #dedede; background:#fff; transition:all 0.5s;}
.pages_ajax li a{color:#000;}
.pages_ajax li.actived,.pages_ajax li:hover{background:#18397e; color: #fff; border-color:#18397e;}
.pages_ajax li.actived a,.pages_ajax li:hover a { color: #fff; }
span.total{ display:none;}

 /*-----------phAƒÂ¢n trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px; padding-top:10px;}
.phantrang a{ background: #fff; display:inline-block; color:#666; padding: 5px 8px; border:1px #d9e2e7 solid; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{ background:#0473bd; border:1px #0473bd solid; color:#fff;}
.phantrang span{ background:#0473bd; border:1px #0473bd solid; padding: 5px 8px; color:#fff;}
/*------------------------------------*/
.lh_cont{width:70%; float:left;}
.frm_lienhe{width:70%; float:left;}
.bando{width:100%; margin-top:30px;}
.bando iframe{display:block; width:100%; height:400px;}
.ipct{width: 100%; height:40px; border: 1px solid #cccccc; padding:0 10px; margin-bottom:8px; color:#333; outline:none; background: #fff;}
.ipct:nth-child(3n),.ipct:nth-child(4n){ float:left; width:49%}
.ipct:nth-child(4n){ float:right;}
.ipct:nth-child(4n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#cccccc;}
.ipct::-moz-placeholder { color:#cccccc;}
.ipct:-ms-input-placeholder { color:#cccccc;}
.ipct:-moz-placeholder { color:#cccccc;}
.tact{ border: 1px solid #cccccc; color:#333; width: 100%; padding: 0 10px; background:#fff; outline:none;}
.tact::-webkit-input-placeholder { color:#cccccc;}
.tact::-moz-placeholder { color:#cccccc;}
.tact:-ms-input-placeholder { color:#cccccc;}
.tact:-moz-placeholder { color:#cccccc;}
.btnct{ background:#000; padding:5px 20px; border:none; font-size:16px;  border-radius:0px; color:#fff;}
 
.chitietsanpham{width:100%; margin-bottom:20px;}
.slider-for{ width:100%; float:right;}
.slider-nav{ width:100%; float:left;}
.zoom_slick{ width:40%; float:left;}
.product_info{ width:58%; float:right; color:#272727; }
.detail1{ }
.addfont{ font-size: 20px; color:#f00; font-family: 'Roboto-Bold'; }
.detail{font-family:arial; font-size:14px; padding:2px 0;}
.detail span.pr{font-weight:bold; color:#f00;}
.detail font.opr{ margin-left:30px; font-size:14px; color:#a6a4a3; text-decoration:line-through;}

.item-info{ margin-bottom:10px;}
.title-info{display: block; cursor
:pointer; font-size:14px; position: relative; font-weight: 600; text-transform: uppercase; color: #2ea4d2; padding: 10px 40px 10px 15px; border: 1px solid #dbdbdb;}
.title-info i{ position:absolute; top:0px; right:0px; height:100%; width:42px; color:#fff; text-align:center; line-height:42px; background-color: #b2b3b5;}
.content-info{ display:none; padding:10px; border: 1px solid #dbdbdb; border-top:none}


#ultabs1{list-style:none; text-align:center; margin-bottom:30px;}
#ultabs1 a{display:inline-block; color:#000; padding:8px 20px; cursor:pointer; font-weight:bold; font-size:14px;}
#ultabs1 a:hover,#ultabs1 a.active{background-color: #b7c8e2;}

.grid-news{ display:grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap:20px; }
.box_news{ }
 
.box_news h3 a{ font-size:16px; color:#1e1e1e; font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover  h3 a{color:#F00; transition:0.4s;}
.box_news a.chitiet{ color:#00F;}
.box_news a{ text-decoration:none;}
.box_news a img{ float:left; width:100%; height:auto; transition:1s; }
.box_news a img:hover{opacity:0.4;	transition:1s;}
 
.othernews{ padding: 10px; background: #f7f7f7; border: 1px #dcdcdc solid;}
.menu-mobile{ display:none;}


.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:70px;right:20px}
.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:40px;height:40px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%; -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:5px;left:5px;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:10px;height:10px;position:absolute;top:15px;left:16px;-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:35px}
.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{ display:none;}
.js-facebook-messenger-top-header{color:#fff;background:#1182fc}
.js-facebook-messenger-box{background:#1182fc}
.js-facebook-messenger-top-header{width:100%}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box{bottom:85px;right:25px}
.js-facebook-messenger-container{transform:translateY(50px);bottom:135px;right:35px}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1; display:block; z-index:1000; 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}
.js-facebook-messenger-box .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute;}
.js-facebook-messenger-box .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; right: -10px;}

#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 999; }
#btn-zalo i {top:0;right:0; 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;width:40px }
.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; }
#btn-zalo.hotline-call i:before{color: #fff;font-size: 20px;position: relative;left: 12px;}
#btn-zalo.hotline-call{bottom: 245px;}

.toolbar {background: #0364a4; display: none; width: 100%; padding: 2px; bottom: 0; position: fixed; z-index: 500; height: auto; border-top: 1px solid #cbcbcb;}
.toolbar ul li { text-align: center; float: left; width: 25%;}
.toolbar ul li a { display: inline-block; width: 100%; color: #fff;}
.toolbar ul li a img { height: 18px !important; width: auto;}
.toolbar ul li a span {font-family:arial; font-weight:400; color:#fff; font-size:12px;} 

.menu-home{ display:none;}
@media (max-width: 1140px){
	.menu-home{display:block; float:left; height:50px; line-height:50px; }

	.menu-mobile{display:block; color:#000 !important; font-size:15px; float:left; height:50px; line-height:50px; }
	.menu-mobile i{font-size: 16px; float: left; margin-top: 16px; margin-right: 3px;}
	.toolbar { display: block; }
	.right-head-banner{ display:none;} 
	#smoothmenu1{ display:none;}
	.copy{ padding-bottom:48px;}
	.logo { position: relative; width: 100%; left: auto; top: auto; transform: translateY(0%); float: left;}
	.banner {width:82%; float:left;  padding-right: 0%;}
	.right-head-mobile {float: left; width: 100%;align-self: center; padding-left:20px; padding-top:7px;}
}
@media (max-width: 991px){	
	 
	.logo { position: relative;left: auto; top: auto;transform: translateY(0%); text-align: center; padding: 30px 0 5px 0; float: left;}
	.banner {text-align: center; padding-right: 0; width: 84%; float: right;}
	.header_content { width: 98%; max-width: 1140px; position: relative; padding: 15px 0; padding-right: 0; margin: auto;}
	.diachi{ display:none;}
	.grid-item { grid-template-columns: 1fr 1fr; grid-gap: 16px; }
	.grid_index { grid-gap: 10px; }
	.dv-bg .n_name a { font-size: 14px; }
	.ft_info1 { width: 100%; float: left; margin-bottom: 20px; }	
	.ft_info4 { width: 100%; float: right;}
}
@media (max-width:770px){ 
	 
	.grid-news { grid-template-columns: 1fr 1fr; }
	.grid_ct { grid-template-columns: 1fr 1fr; grid-gap: 25px; }
	.bottom-left { width: 100%; }
	.bottom-right { width: 100%; }
	.content-duan { margin-top: 0; }
	
	.grid_gt{display:grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap:25px; margin-bottom:30px;}

}
@media (max-width:770px){ 
	.not_show{ display:none}
}
@media (max-width:770px){ 
	.show_mau_den{background:#000; color:#FFF; text-align:center; line-height:40px; font-size:9px}
}
 
@media (max-width:700px){ 
	#box-dk { grid-gap: 10px; }
	.grid_index { grid-gap: 10px; grid-template-columns: 1fr 1fr;}
}
@media(min-width:767px){
	.class_icon_1{background:url(../images/icon_1.png) no-repeat left; padding-left:30px;}	
}
@media (max-width:700px){ 
.class_icon_1{}	
}
@media (max-width:650px){ 
	.grid-item { grid-template-columns: 1fr 1fr ; }
 
	
	.zoom_slick{ width:100%; float:left; margin-bottom:20px;}
	.product_info{ width:100%; float:right; color:#272727; }
	.lh_cont{width:100%; float:left; margin-bottom:20px;}
	.frm_lienhe{width:100%; float:right;}

}
@media (max-width:700px){ 
	.load-phai{ text-align:left}
}
@media(min-width:767px){
	.load-phai{ text-align:right}	
}
@media (max-width:590px){	 
 
	
}

@media (max-width:500px){
	.grid_gt{display:grid; grid-template-columns: 1fr 1fr ; grid-gap:25px; margin-bottom:30px;}
	.grid_index { grid-gap: 10px; grid-template-columns: 1fr;}
	.grid-news { grid-template-columns: 1fr; }
	.grid-item { grid-template-columns: 1fr ; }
	#search { width: calc( 100% - 70px);}
	#box-dk { grid-template-columns: 1fr; } 
	.item1 .name a { font-size: 13px; }
	.grid_ct { grid-template-columns: 1fr; grid-gap: 25px; }
	
	.title-email { padding: 10px 0;  font-size: 16px; width: 100%; float: left;}
	.title-email br {display:none;}
	.title-email b { padding: 10px 0;  font-size: 16px; margin-right:3px;}
	.btnct_dk { width: 80px; float: right; border: none; height: 67px;  background: #1e8158; color: #fff;}
	.title-bottom { font-size: 20px; }
	.grid-mail {  width: calc( 100% - 90px ); float: left;}
	.title_gt1 span { font-size: 18px; }
}
@media (max-width:375px){
	 
}
@media (max-width:360px){
}
.catalogue-items .news-item {
    margin: 15px 0;
    border: 1px solid #ececec;
}.catalogue-items .title-news {
    padding: 8px;
    background-color: #484065;
    font-size: 1.1em;
    margin: 0; color:#FFF; font-weight:600;
}.catalogue-items .link-download {
    margin-top: 15px;
    white-space: nowrap;
    text-transform: uppercase; color:#333;
}
.wrap_menu_header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150; min-height:40px; line-height:40px;
    background-color: #ffffff;
	}
.timeline-search{
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #000;
    height: 30px;
    outline: 0;
    transition: all .3s;
    width:0;
    text-decoration: none;
    padding-left: 0px; padding-bottom:0;
}
.search-form input{background-color:#FFF;border:0;color:#000;height:30px; font-size:16px; width:calc(100% - 50px); border-bottom:1px solid #000; ;outline:0;padding:0 15px 0 0; }

.title_gt5{ position:relative; margin-bottom: 15px; text-align:center; font-size:20px; font-family:"SackersGothicW01-Medium"}
.font-web{ font-family:"SackersGothicW01-Medium"}
.faq-line{border-bottom: 1px solid #CCC;
    margin: 24px 0;
}
.faq-title{font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color:#000;}
.faq-title-top{float:left; font-family:"SackersGothicW01-Medium"}	

.faq-page{float:left; width:98%; text-align:right; line-height:30px; padding-top:30px;font-family:"SackersGothicW01-Medium"}
@media(min-width:767px){
	.load-menu-logo-m{ display:none}	
}
@media(max-width:768px){
	.load-menu-logo{ display:none}	
}
.product_name{ font-size:18px}