*{
	padding: 0;
	margin:0;
	box-sizing: border-box;
}
a,a:hover,a:focus{
	text-decoration: none;
}
b{
	font-family: "OpenSans-Bold";
}
canvas{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
@font-face{
	font-family:"OpenSans-Regular" ;
	src:url(../fonts/OpenSans-Regular.ttf);
}
@font-face{
	font-family:"OpenSans-Bold" ;
	src:url(../fonts/OpenSans-Bold.ttf);
}
@font-face{
	font-family:"OpenSans-Italic" ;
	src:url(../fonts/OpenSans-Italic.ttf);
}
@font-face{
	font-family:"OpenSans-SemiBold" ;
	src:url(../fonts/OpenSans-SemiBold.ttf);
}
@font-face{
	font-family:"OpenSans-Light" ;
	src:url(../fonts/OpenSans-Light.ttf);
}
@font-face{
	font-family:"OpenSans-ExtraBold" ;
	src:url(../fonts/OpenSans-ExtraBold.ttf);
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
	font-family: "OpenSans-Regular";
	position: relative;
}
img{
	display: block;
	max-width: 100%;
}
.h1-logo {
    font-family: "OpenSans-ExtraBold";
    color: #393ba1;
    position: relative;
    font-size: 16px;
    margin-top: 0px;
    width: 100%;
    text-transform: uppercase;
}
.logo-head {
    margin-top: 20px;
}
.container-fluid.menu-head.menu-desktop.active .h1-logo{
	display: none;
}
.container-fluid.menu-head.menu-desktop.active .logo-head{
	    margin-top: 12px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #2f318d;
}
.menu-head{
	position: relative;
	background:white;
}
.menu-head.active,.menu-desktop.active,.menu-mobile{
	position: fixed;
	top: -5px;
	width: 100%;
	z-index: 20;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);
}
.menu-head .col-md-3 img{
	width: 100%;
}
.menu-head.active .col-md-3 img{
	width: 60%;
	margin-top: 8px;
}
.menu-head .container{
	padding-top: 23px;
}
.menu-head ul{
	display: inline-block;
	list-style: none;
	margin-bottom: 0px;
}
.menu-head ul li{
	list-style: none;
	float: left;
}
.menu-lang,.menu-head .list-menu{
	text-align: right;
}
.menu-lang ul li{
	margin-left:10px;
}
.menu-lang ul li:first-child{
	margin-left: 0px;
}
.menu-lang ul li img,.menu-mobile .list-menu ul li img{
	    margin-top: 6px;
	        border: 1px solid #ccc;
}
.menu-lang form{
	position: relative;
}
.menu-lang input{
	    width: 250px;
    border-radius: 3px;
    padding: 5px 7px;
    border: 1px solid #cccccc4f;
    outline: none;
}
.menu-lang form i{
	font-size: 18px;
	color: white;
    background: #3639b9;
    border-radius: 3px;
    padding: 5px 9px;
    height: 100%;
    line-height: 21px;
    position: absolute;
    top: 0px;
    right: 0px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9e9e9e;
}
.menu-head .list-menu ul{
	margin-top: 10px;
}
.menu-head .list-menu ul li{
	position: relative;
}
.menu-head .list-menu{
	max-height: 61px;
}
.menu-head .list-menu ul li .sub-menu{
	position: absolute;
	top: 39.5px;
	left: 0px;
	width: 250px !important;
	z-index: 3;
	display: none;
	text-align: left;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.43);
}

.menu-head .list-menu ul li .sub-menu li:nth-child(4) img{
	display: none;
}

#new{
	position: absolute;
    top: 12px;
    right: 25px;
    width: 25px;
	border: none;
}

.menu-head .list-menu ul li .sub-menu::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #2f318d;
	z-index: 2;
}
.menu-head .list-menu ul li i{
	color: #cbcbcb;
	transition: all 0.5s ease;
	margin-left: 4px;
}

.menu-head .list-menu ul li a{
	display: block;
	padding:15px 20px 13px;
	color: #454545;
	transition: all 0.5s ease;
	font-size: 15px;
	text-transform: uppercase;
	font-family: "OpenSans-SemiBold";
	background: white;
	cursor: pointer;
}
.menu-head .list-menu ul li.click-search a{
	padding:15px 0px 13px 20px;
	display: none;
}
.menu-head .list-menu ul li .sub-menu li{
	width: 100%;
}
.menu-head .list-menu ul li .sub-menu li a{
	text-transform: capitalize;
	padding:15px 15px 13px;
}
.menu-head .list-menu ul li .sub-menu li a:hover{
	background: #2f318d;
	color: white;
	transition: all 0.5s ease;
}
.menu-head .list-menu ul li .sub-menu li:last-child a{
	padding:15px 15px 13px;

}
.menu-head .list-menu ul li.active a,.menu-head .list-menu ul li.active i,
.menu-head .list-menu li:hover i,.menu-head .list-menu li:hover a{
	color: #2f318d;
	transition:  all 0.5s ease;
}
.menu-desktop.active .menu-lang,.img-hide{
	display: none;
}
.menu-desktop.active .container{
	padding-top: 0px;
}
.menu-desktop.active .list-menu ul{
	margin-top: 0px;
	margin-bottom: -5px;
}
.menu-desktop.active .col-md-2 img{
	width: 50%;
}
.menu-desktop.active .list-menu ul li .sub-menu{
	    top: 50px;
}
.menu-desktop.active .list-menu ul li:last-child a{
	    padding: 19px 0px 13px;
	    display: block;
}
.menu-desktop.active .list-menu ul li a{
	    padding: 16px 20px 13px;
}
.search-menu{
	    position: fixed;
    width: 0px;
    top: 54px;
    left: -15px;
    z-index: 11;
    padding: 0px;
    transition: all 0.7s linear;
}
.search-menu.active{
	left: 0px;
	width: 100%;
	transition: all 0.7s linear;
}
.search-menu input{
	    width: 100%;
    padding: 5px;
    border: 1px solid #cccccc00;
    background: #393ba1;
    color: white;
    text-align: center;
    font-size: 14px;
    outline: none;
}
.search-menu input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.search-menu input::-moz-placeholder { /* Firefox 19+ */
  color:white;
}
.home-slide .col-md-12{
	padding: 0px;
	position: relative;
}
.banner-slide .owl-dots{
	position: absolute;
	bottom: 20px;
	right: 15px;
	z-index: 2;
	display: inline-block;
}
.banner-slide .owl-dots .owl-dot span{
	background: transparent;
	border:1px solid white;
}
.banner-slide .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #2f318d;
}
.banner-slide .owl-nav,.member .owl-nav{
	margin-top: 0px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 2;
	transform: translateY(-50%);
}
.member .owl-nav{
	top:40%;
}
.member .owl-nav .owl-prev{
	position: absolute;
	left: 0px;
}
.member .owl-nav .owl-next{
	position: absolute;
	right: 0px;
}
.member .owl-nav [class*='owl-']{
	    background: none;
    color: #444;
    font-size: 56px;
    margin: 0px;
    line-height: normal;
    padding: 0px;
}
.banner-slide .owl-nav [class*='owl-']{
	border-radius: 0px;
    background: #dadada;
    padding: 7px 20px;
    font-size: 23px;
}
.banner-slide .owl-nav .owl-prev{
	position: absolute;
	left:7%;
}
.banner-slide .owl-nav .owl-next{
	position: absolute;
	right:7%;
}
.owl-theme .owl-nav [class*='owl-']:hover{
	background:#3639b9; 
}
.member .owl-nav [class*='owl-']:hover{
	background:none; 
	color: #444;
}
.scroll-down{
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-family: "OpenSans-Regular";
	font-size: 17px;
	position: absolute;
	bottom: 20px;
	left: 2%;
	z-index: 2;
	cursor: pointer;
}
.scroll-down span{
	    text-shadow: 1px 1px 5px rgb(0, 0, 0);
}
.scroll-down i{
	font-size: 32px;
}

.menu-4 .list-4 .img-4{
	border:5px solid white;
}
.menu-4 .list-4 .img-4 img{
	width: 100%;
}
.menu-4 .list-4 .name-4{
	background:#3a3eb8;
	text-align: center;
}
.menu-4 .list-4 .name-4 h4{
	font-size: 19px;
	font-family: "OpenSans-SemiBold";
	text-transform: uppercase;
	color: white;
	margin:0px;
	padding:17px 0;
}
.section-home,.section-home .menu-4{
	position: relative;
}
.section-home .menu-4 .list-4{
	position: absolute;
	top: -177px;
	z-index: 2;
	margin:0 50px;
	transition:  all 0.5s ease;
}
.section-home .menu-4 .list-4:hover{
	transition:  all 0.5s ease;
	top: -202px;
}
section.news-home{
	padding-top:90px;
}
.title-head{
	text-align: center;
}
.title-head h2{
	text-transform: uppercase;
	font-family: "OpenSans-SemiBold";
	font-size: 24px;
	color:#3a3eb8;
	margin-top: 0px;
	margin-bottom: 30px;
}
.content-about >ul {
    margin-left: 15px;
}
.news-home .big-news img{
	width: 100%;
}
.big-news{
	position: relative;
}
.big-news ul,.list-news,.list-news .title-news ul,.news-content ul{
	width: 100%;
	display: inline-block;
	margin-bottom: 0px
}
.big-news ul li,.list-news .title-news ul li,.news-content ul li{
	float: left;
	list-style: none;
	margin-right: 10px;
	padding-left: 10px
}
.big-news ul li:last-child,.list-news .title-news ul li:last-child,.news-content ul li:last-child{
	margin-right: 0px;
}
.big-news::before,.gallery-slide .slide-img::before,.gallery .slide-img::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.5s ease;
    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(136,138,212,0) 61%, rgba(58,62,184,0.76) 100%);
    background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(136,138,212,0) 61%, rgba(58,62,184,0.76) 100%);
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(136,138,212,0) 61%, rgba(58,62,184,0.76) 100%);
}
.big-news .content-news{
	position: absolute;
	bottom: 0px;
	left: 0px;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 2;
}
.big-news:hover:before,.gallery-slide .slide-img:hover:before,.gallery .slide-img:hover:before{
	opacity:1;
	transition: all 0.5s ease;
}
.big-news:hover .content-news{
	bottom: 15px;
	opacity: 1;
	transition: all 0.5s ease;
}
.big-news .content-news ul li a,.list-news .title-news ul li a{
	color: white;
	font-size: 14px;
	font-family: "OpenSans-Regular";
}
.big-news .content-news ul li:first-child a,
.list-news .title-news ul li:first-child a,.news-content ul li:first-child a{
	font-family: "OpenSans-Bold";
	font-size: 14px;
	color: white;
}
.big-news .content-news h3 a{
	font-size: 21px;
	color: white;
	font-family: "OpenSans-SemiBold";
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 10px;
	display: block;
}
.news-home  .list-news{
	margin-bottom: 23px;
}
.news-home .list-news:last-child{
	margin-bottom: 25px;
}
.list-news .img-news{
	width: 44%;
	float: left;
}
.list-news .title-news{
	width: 53.5%;
	float: left;
	padding-left: 30px; 
}
.list-news .title-news h4{
	font-size: 18px;
	font-family: "OpenSans-SemiBold";
	color: #454545;
	margin-bottom: 10px;
	margin-top: 0px;
}
.list-news .title-news ul li{
	padding-left: 0px;
}
.list-news .title-news ul li a,.list-news .title-news ul li:first-child a,.news-content ul li a,.news-content ul li:first-child a{
	color: #9e9e9e;
}
.list-news .title-news p{
	font-family: "OpenSans-Regular";
	color: #454545;
	font-size: 15px;
	margin-bottom: 0px;
	margin-top:10px;
}
.news-slide .news-per h5{
	font-family: "OpenSans-SemiBold";
	font-size: 16px;
	color:#454545;
	margin-bottom: 0px;
}
.news-slide .owl-nav,.slide-modal .owl-nav,.news-detail-1 .owl-nav,.gallery-slide .owl-nav{
	position: absolute;
	top: 28%;
	transform: translateY(-50%);
	z-index: 2;
	width: 100%;
	margin-top:0px;
}
.slide-modal .owl-nav,.news-detail-1 .owl-nav,.gallery-slide .owl-nav{
	top: 35%
}

.news-slide .owl-nav .owl-prev,.slide-modal .owl-nav .owl-prev,.news-detail-1 .owl-nav .owl-prev,.gallery-slide .owl-nav .owl-prev{
	position: absolute;
	left: 0px;
}
.slide-modal .owl-nav .owl-prev{
	left: -31px;
}
.news-slide .owl-nav .owl-next,.slide-modal .owl-nav .owl-next,.news-detail-1  .owl-nav .owl-next,.gallery-slide .owl-nav .owl-next{
	position: absolute;
	right: 0px;
}
.slide-modal .owl-nav .owl-next{
	right: -31px;
}
.news-slide .owl-nav [class*='owl-'],.slide-modal .owl-nav [class*='owl-'],.news-detail-1 .owl-nav [class*='owl-'],.gallery-slide .owl-nav [class*='owl-']{
	background:#3a3eb8;
	    margin: 0px;
    padding: 25px 10px;
    border-radius: 0px;
    font-size: 30px;
}
.content-gallery{
	position: absolute;
	bottom: 0px;
	z-index: 2;
	opacity: 0;
	transition: all 0.5s ease;
}
.content-gallery h5{
	font-family: "OpenSans-SemiBold";
	font-size: 18px;
	color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 15px;
}
.gallery-slide .slide-img:hover .content-gallery,.gallery .slide-img:hover .content-gallery{
	bottom: 15px;
	transition: all 0.5s ease;
	opacity: 1;
}
.gallery-home{
	padding-top: 35px;
}
.gallery-home .title-head h2{
	margin-bottom: 20px;
}
.view-more{
	text-align: center;
	margin-top: 20px;
}
.view-more a{
	display: inline-block;
	border:1px solid #3a3eb8;
	background: transparent;
	text-transform: uppercase;
	font-family: "OpenSans-Regular";
	font-size: 20px;
	color: #3a3eb8;
	padding:12px 45px;
}
.footer .footer-top{
	background:white;
	padding:30px 0;
	box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.4);
}
.footer-top .info-company ul li{
	list-style: none;
	font-family: "OpenSans-SemiBold";
	font-size: 14px;
}
.footer-top .info-company ul li:first-child{
	font-family: "OpenSans-Bold";
	color: #393ba1;
	font-size: 20px;
}
.footer-top .info-company ul li:nth-child(2) span{
	margin-left: 15px;
}
.footer-top .info-company ul li:nth-child(3) label{
	margin-bottom: 0px;
	margin-right: 20px;
}
.footer-top .info-company ul li:nth-child(3) span{
	color:#fe222c;
}
.footer-top .info-company ul li:last-child a{
	text-decoration: underline;
	color:#393ba1;
}
.footer-top .btn-contact a{
	color: white;
	background:#393ba1;
	text-transform: uppercase;
	font-family: "OpenSans-SemiBold";
	font-size: 18px;
	border-radius: 3px;
	display: block;
	padding:10px 25px;
	margin-top: 10px;
	text-align: center;
}
.footer .footer-bottom{
	background:#393ba1;
	padding-top: 30px;
	padding-bottom: 10px;
}
.footer .footer-bottom .list-footer{
	float: left;
	width: 24.5%;
}
.footer .footer-bottom .list-footer h6{
	color: white;
	text-transform: uppercase;
	font-family: "OpenSans-SemiBold";
	font-size:  16px;
	margin-top: 0px;
}
.footer-bottom .list-footer ul li{
	list-style: none;
	padding-left: 14px;
	position: relative;
}
.footer-bottom .list-footer ul li:before{
	position: absolute;
    content: "\f111";
    font-family: "FontAwesome";
    left: 1px;
    font-size: 5px;
    color: white;
    top: 7px;
}
.footer-bottom .list-footer ul li a{
	
	color: white;
	font-size: 13px;
	font-family: "OpenSans-Regular";

}
.footer-bottom .row:first-child{
	padding-bottom: 20px;
}
.footer-bottom .row:last-child{
	border-top: 1px solid #4f53cd;
	padding-top: 10px;
}
.footer-bottom .copy-right {
	text-align: left;
}
.footer-bottom .copy-right p,.footer-bottom .code-by p{
	color: white;
	font-family: "OpenSans-SemiBold";
	font-size: 14px;
}
.footer-bottom .code-by{
	text-align: right;
}
.footer-bottom .code-by p a{
	color: white;
}
.map-info .container-fluid{
	background: #f8f8f8;
    margin-top: 30px;
    padding: 1px 15px;
    box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.16);
}
.map-info .map-bg{
	position: relative;
}
.map-info .list-con{
	position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	height: auto;
	transition: all 0.5s ease;
}
.map-info div#con-1{
	width: 120px;  
    top: 114px;
    right: 217px;
}
.map-info div#con-2{
 	width: 36px;
    top: 175px;
    right: 175px;
}
.map-info div#con-3{
 	width: 53px;
 	top: 161px;
 	right: 138px;
}
.map-info div#con-4{
 	width: 64px;
 	top: 179px;
 	right: 60px;
}
.map-info div#con-5{
 	width: 55px;
    top: 24px;
    right: 34px;
}
.map-info .list-con:hover{
	opacity: 1;
	transition: all 0.5s ease;
}
.map-info .map-bg .content-con{
	position: absolute;
    background: white;
    top: -50px;
    width: 550px;
    left: -550px;
    padding:10px;
    max-height: 200px;
    display: none;
}
.map-info div#con-5 .content-con{
	top: -20px;
}
.map-info .list-con:hover .content-con{
	display: block;
}
.map-info .map-bg .content-con .img-content{
	float: left;
	width: 30%;
}
.map-info .map-bg .content-con .text-content{
	float: left;
	width: 69.5%;
	padding-left: 10px;
}
.map-info .map-bg .content-con .text-content h4{
	margin-top: 0px;
	color: #393ba1;
	font-family: "OpenSans-Bold";
	font-size: 14px;
	margin-bottom: 5px;
}
.map-info .map-bg .content-con .text-content p{
	margin-bottom: 5px;
	font-family: "OpenSans-SemiBold";
	color: #454545;
	font-size: 12px;
}
.map-info .map-bg .content-con .text-content p:last-child{
	margin-bottom: 0px;
}
.map-info .map-bg .content-con .text-content p span{
	color: #fe222c;
}
.map-info .map-bg .content-con .text-content p a{
	color: #393ba1;
	text-decoration:underline;
}
.menu-desktop .mobile-bar,.menu-mobile{
	display: none;
}
.menu-mobile.active{
	right:-165px;
box-shadow: none;
}
.mobile-bar.active i.fa-bars:before{
	content:"\f00d";
}
.push-body.active{
	right: 250px;
}
.link-beard{
	background: #cccccc42;
	padding:7px 0 5px;
	margin-bottom: 30px;
}
.link-beard ul{
	display: inline-block;
	margin-bottom: 0px;
}
.link-beard ul li{
	list-style: none;
	float: left;
	position: relative;
	margin-right: 20px;
}
.link-beard ul li:last-child{
	margin-right: 0px;
}
.link-beard ul li:before{
	position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    top: 0px;
    right: -12px;
    color: #898989;
}
.link-beard ul li:last-child:before{
	content:"";
}
.link-beard ul li a{
	font-family: "OpenSans-Regular";
	font-size: 14px;
	color:#898989;
}
.news .list-news{
	display: inline-block;
	margin-bottom: 15px;
}
.news .list-news:last-child{
	margin-bottom: 0px;
}
.news .list-news .img-news{
	
	width: 30%;
}
.news .list-news .title-news{
	width: 70%;
	padding-left: 15px;
}
.news .list-news .img-news img{
	width: 100%;
}
.sidebar-news{
	margin-bottom: 20px;
}
.sidebar-news form{
	position: relative;
}
.sidebar-news input{
	font-family: "OpenSans-Regular";
    padding: 8px 43px 8px 10px;
    width: 100%;
    outline: none;
}
.sidebar-news form a{
    color: white;
    background: #393ba1;
    padding: 9px 12px;
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.sidebar-news .title-sidebar h4{
	font-family: "OpenSans-SemiBold";
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 7px;
    border-bottom: 2px solid #393ba1;
}
.sidebar-news .cate-news{
	padding-left: 15px;
	width: 100%;
}
.sidebar-news .cate-news li{
	position: relative;
	list-style: none;
	margin-bottom: 3px;
	cursor: pointer;
}
.sidebar-news .cate-news li:before{
	position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    top: 0px;
    left:  -12px;
    color: #898989;
}
.sidebar-news .cate-news li a{
	font-family: "OpenSans-Regular";
	color: #454545;
}
.sidebar-news .cate-news li ul{
	padding:7px 0px 7px 15px;
}

.sidebar-news .list-news{
	margin-bottom: 12px;
}

.sidebar-news .list-news h5{
	margin-top: 0px;
	font-family: "OpenSans-Regular";
	color: #454545;
}
.sidebar-news .list-tags{
	display: inline-block;
	margin-bottom: 0px;
}
.sidebar-news .list-tags li{
	float: left;
	list-style:  none;
}
.sidebar-news .list-tags li a,.tag-list .list-tags li a{
	display:  block;
	padding: 3px 6px;
	border: 1px solid #cccccc73;
	color: #7e7c7c;
	margin-right:  10px;
	margin-bottom: 10px;
	transition: all 0.5s ease;
}
.sidebar-news .list-tags li a:hover{
	transition: all 0.5s ease;
	border:1px solid #393ba1;
	background: #393ba1;
	color: white;
}
.news,.recuirt,.product-page,.list-sys,.gallery,.about-us{
	padding-bottom: 35px;
}
.pagnition{
	margin-top: 10px;
    padding-top: 30px;
    border-top: 1px solid #cccccc4a;

}
.pagnition ul{
	display: inline-block;
	margin-bottom: 0px;
}
.pagnition ul li{
	float: left;
	margin-right: 7px;
	list-style: none;
}
.pagnition ul li a{
	background: #ccc;
	display:  block;
	color: #5c5c5c;
	padding: 7px 14px;
	transition: all 0.5s ease;
}
.pagnition ul li.active a,.pagnition ul li a:hover{
	transition: all 0.5s ease;
	background: #393ba1;
	color: white;
}
.news-content h1{
	font-size: 24px;
	margin-top: 0px;
	font-family: "OpenSans-SemiBold";
	margin-bottom: 5px;
}
.news-content .title-news{
	margin-bottom: 7px;
}
.news-content img{
	margin-bottom: 10px;
}
.news-content ul li{
	padding-left: 0px;
}
.news-content .tag-social{
	display: inline-block;
	margin-top: 10px;
	width: 100%;
}
.tag-social .tag-list{
	float: left;
	width: 80%;
}
.tag-social .social-list{
	float: right;
	width: 20%;
	text-align: right;
}
.tag-list .list-tags li{
	margin-right: 0px;
}
.tag-list .list-tags li:first-child a{
    border: none;
}
.tag-list .list-tags li a{
    margin-right: 5px;
}
.tag-social .social-list li{
	float: right;
	margin-right: 10px;
	font-size: 18px;
}
.tag-social .social-list li a{
	display: block;
    background: #ccc;
    border-radius: 100%;
    width: 30px;
    font-size: 15px;
    text-align: center;
    height: 30px;
    transition: all 0.5s ease;
}
.tag-social .social-list li:last-child{
	margin-right: 10px !important;
}
.tag-social .social-list li a i{
	line-height: 30px;
}
.tag-social .social-list li a:hover{
	background: #393ba1;
	color: white;
	transition: all 0.5s ease;
}
.comment{
	margin-top: 10px;
}
.comment h2{
	margin-top: 0px;
	font-family: "OpenSans-SemiBold";
	margin-bottom: 20px;
    padding-bottom: 7px;
    border-bottom: 2px solid #393ba1;
    font-size: 24px;
}
.list-comment{
	display: inline-block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ececec;
    margin-bottom: 15px;
}
.list-comment .img-comment{
	float: left;
	width: 10%;
}
.list-comment .img-comment img{
	width: 100%;
}
.list-comment .content-comment{
	float: left;
	width: 90%;
	padding-left: 15px;
	color: #818181;
}
.list-comment .content-comment h3{
	margin-top: 5px;
    font-size: 16px;
    font-family: "OpenSans-SemiBold";
    color: #626262;
}
.comment .col-md-6,.comment .col-md-12{
	padding: 7.5px;
}
.comment form input,.comment form textarea{
	width: 100%;
    outline: none;
    padding: 7px 10px;
    font-family: "OpenSans-Regular";
}
.comment form textarea{
	max-width: 100%;
	overflow-x: hidden;
	height: 200px;
}
.comment form .btn-send{
	text-align: right;
}
.comment form .btn-send a{
	    background: #393ba1;
    color: white;
    padding: 10px 35px;
    display: inline-block;
    margin-top: 10px;
}
.recuirt .banner-page,.product-page .banner-page{
	margin-bottom: 30px;
}
.banner-page img{
	width: 100%;
}
.name-page h1{
	margin-top: 0px;
	color: #393ca2;
	font-family: "OpenSans-SemiBold";
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 20px;
}
.list-re{
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	    margin-top: 35px;
	border-top: 1px solid #cccccc36;

}
.list-re .img-re{
	float: left;
	width: 30%;
}
.list-re .img-re img{
	width: 100%;
	display: block;
}
.list-re .content-re{
	float: left;
	width: 70%;
}
.list-re .content-re h3{
	font-family: "OpenSans-SemiBold";
	margin-top: 20px;
	color: #454545;
	font-size: 22px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.list-re .content-re ul{
	margin-left: 20px;
} 
.list-re .content-re ul li{
	list-style: none;
	margin-bottom: 5px;
}
.list-re .content-re ul li i{
	    color: #808080;
    width: 15px;
    text-align: center;
}
.list-re .content-re ul li b{
	font-family: "OpenSans-SemiBold";
}
.list-re .content-re .btn-link{
	width:  100%;
	background: #cccccc40;
	border-top: 1px solid #ccccccb5;
	
	margin-top: 15px;
	text-align: center;
}
.list-re .content-re .btn-link a{
	font-family: "OpenSans-Regular";
	color: #454545;
	text-decoration: none;
	padding: 19px;
	display: block;
}

.list-fact li{
	position: relative;
	list-style: none;
}

.list-fact li:before{
	position: absolute;
    content: "\f0a9";
    font-family: "FontAwesome";
    color: #393ba1;
    right: 0px;
    top: 6px;
    font-size: 18px;
    transition: all 0.5s ease;
}
.list-fact li a{
	border-bottom: 1px solid #cccccc45;
    width: 100%;
    display: block;
       padding: 7px 30px 7px 0;
    color: #454545;
    font-size: 15px;
    font-family: "OpenSans-SemiBold";
    transition: all 0.5s ease;
}
.list-fact li.active a{
	color: #f14046;
}
.list-fact li:hover:before{
	right: 15px;
	transition: all 0.5s ease;
	color: white;
}
.list-fact li:hover a{
	background: #393ba1;
	color: white;
	transition: all 0.5s ease;
	padding-left: 15px;
}
.detail-re h2{
	font-size: 25px;
	font-family: "OpenSans-SemiBold";
	margin-bottom: 10px;
}
.date-job p{
	font-family: "OpenSans-Regular";
	font-size: 14px;
	color: #212121;
}
.date-job p span{
	border-left:1px solid #9e9e9e;
	margin-left: 15px;
	padding-left: 15px;
}
.info-job{
	background: #ebebf8;
	padding:15px 15px 0;
}
.info-job ul{
	display: inline-block;
	margin-bottom: 0px;
}
.info-job ul li{
	list-style: none;
	width: 50%;
	float: left;
	margin-bottom: 15px;
}	
.info-job ul li i{
	width: 20px;
	display: inline-block;
	text-align: center;
	color: #9e9e9e;
}
.btn-more-job{
	width: 100%;
	text-align: center;
}
.btn-more-job ul{
	display: inline-block;
    margin-bottom: 0px;
    margin-top: 15px;
}
.btn-more-job ul li{
	float: left;
    list-style: none;
}
.btn-more-job ul li a{
	    background: #bebebe;
    display: block;
    padding: 9px 16px;
    color: #262626;
    border-right: 1px solid #ccc;
    transition: all 0.5s ease;
    cursor: pointer;
}
.btn-more-job ul li a:hover{
	background: #393ba1;
	color: white;
	transition: all 0.5s ease;
}
.tab-show{
	margin-top: 15px;
}
.tab-show h3{
	margin:0px;
	font-family: "OpenSans-SemiBold";
	font-size: 19px;
	border-top: 1px solid #cccccc45;
	padding: 15px 0;
	cursor:pointer;
}
.tab-show .ui-accordion-content{
	padding-bottom: 15px;
	font-family: "OpenSans-Regular";
}
.time-out{
	width: 100%;
	display: inline-block;
	margin-top: 15px;
}
.time-out .text-time,.time-out .btn-time{
	float: left;
	width: 50%;
}
.time-out .text-time h4{
	font-family: "OpenSans-SemiBold";
    font-size: 24px;
    margin-top: 15px;
}
.time-out .text-time h4 i{
	color:#9e9e9e;
}
.time-out .btn-time a{
	    background: #393ba1;
    width: 100%;
    padding: 15px 20px;
    display: block;
    color: white;
    text-align: center;
    border-radius: 3px;
    font-family: "OpenSans-SemiBold";
    font-size: 20px;
}
.related-job .container-fluid{
	padding:30px 15px;
	background: #eeeeee;
	box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.related-job .title-related h5{
	font-family: "OpenSans-SemiBold";
	font-size: 26px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 35px;
	position: relative;
}
.related-job .title-related h5:before{
	position: absolute;
	content: "\f107";
	font-family: "FontAwesome";
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
.related-job .per-job img{
	width: 100%;
}
.related-job .per-job .text-job{
	background: white;
	padding:15px 15px;
	
}
.related-job .per-job .text-job h6{
	margin-top: 0px;
	text-align: center;
	color:#212121;
	font-family: "OpenSans-SemiBold";
	font-size: 18px;
	border-bottom: 1px solid #cccccc73;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.related-job .per-job .text-job ul li{
	list-style: none;
}
.related-job .per-job .text-job ul li i{
	width:20px;
	margin-right: 5px;
	color: #9e9e9e;
	display: inline-block;
	text-align: center;
} 
.related-job .per-job .detail-btn{
	width: 100%;
	background: #fafafa;
	display: block;
	text-align: center;
	color: #212121;
	padding: 15px;
	border-top: 1px solid #ccc9;
}
.more-job-news{
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
.more-job-news a{
	background: #393ba1;
    padding: 15px 30px;
    display: -webkit-inline-box;
    color: white;
    text-align: center;
    border-radius: 3px;
    font-family: "OpenSans-SemiBold";
    font-size: 18px;
}
.tab-product .nav{
	display: inline-block;
	width: 100%;
}
.tab-product .nav li{
    width: 50%;
    float: left;
}
.nav-pills>li+li{
	margin-left: 0px;
}
.tab-product .nav li a{
	width: 97.5%;
    margin: 0 auto;
    text-align: center;
    background: #2f318d;
    color: white;
    font-family: "OpenSans-SemiBold";
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.47);
        font-size: 24px;
}
.tab-product .nav-pills>li.active>a,.tab-product .nav-pills>li.active>a:focus,
.tab-product .nav-pills>li.active>a:hover{
	background: #3a3eb8;
}
.tab-product .product-main{
	color: #393ca2;
	text-transform: uppercase;
	font-family: "OpenSans-SemiBold";
	font-size: 20px;
}
.tab-product .grade-name{
	color: #212121;
	font-family: "OpenSans-SemiBold";
	position: relative;
	padding-left: 10px;
	font-family: 24px;
}
.tab-product .grade-name:before{
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	background: #fe1c24;
	height:100%;
	width: 5px;
}
.info-car{
	display: inline-block;
	width: 100%;
	margin-top: 15px;
}
.info-car .product-des,.info-car .specifi{
	float: left;
	width: 50%;
}
.info-car .product-des{
	padding-right: 30px;
}
.info-car .product-des h4,.info-car .specifi h4{
	color: #2f318d;
	font-family: "OpenSans-SemiBold";
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.product-des li,.text-modal li{
	padding-left: 15px;
	position: relative;
	list-style: none;
}
.product-des li:before,.text-modal li:before{
	 position: absolute;
    content: "\f04d";
    font-family: "FontAwesome";
    top: 4px;
    left: 0px;
    font-size: 8px;
}
.specifi table{
	width: 100%;
}
.specifi tr td{
	width: 50%;
	padding: 15px 20px;
    border: 2px solid #393ba1;
}
.info-moto{
	margin-top: 50px;
}
.info-moto ul{
	display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
.info-moto ul li{
	list-style: none;
    float: left;
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.info-moto ul li a{
	border: 2px solid #3a3eb8;
    width: 100%;
    display: block;
    padding: 18px 20px;
    text-align: center;
    text-transform: uppercase;
	background: -webkit-linear-gradient(rgba(104,109,240,1) 0%, rgba(58,62,184,1) 100%);
	background: -o-linear-gradient(rgba(104,109,240,1) 0%, rgba(58,62,184,1) 100%);
	background: linear-gradient(rgba(104,109,240,1) 0%, rgba(58,62,184,1) 100%);
	font-family: "OpenSans-SemiBold";
	color: white;
	font-size: 16px;
}
.moto{
	position: relative;
}
.moto-circle{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.detail-product{
	position: absolute;
	z-index: 1;
	cursor: pointer;
}
.detail-product a img{
	width: 60%;
}
.detail-product .img-pro{
	position: absolute;
	z-index: -1;
	max-width: none;
	opacity: 0.4;
	transition: all 0.1s ease;
	visibility: hidden;
}

.detail-product #img-pro-1{
	top: -57px;
    left: -255px;
    width: 491px;
   
}
.detail-product #img-pro-2{
    top: -157px;
    left: -99px;
    width: 335px;
}

.detail-product .name-product{
	background: #2f318d;
    border: 2px solid #898be6;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 80%;
    opacity:0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.detail-product .name-product h6{
	font-family: "OpenSans-SemiBold";
    color: white;
    margin: 0px;
    padding: 15px;
    font-size: 18px;
    position: relative;
    width: 250px;
    text-align: center;
}	
.detail-product .name-product h6:before{
	position: absolute;
    content: '';
    z-index: 1;
    width: 30px;
    height: 8px;
    background: transparent;
    border: 2px solid #898be6;
    top: 20px;
    left: -30px;
}
.detail-product .name-dif{
	right: 110%;
	left: initial;
}
.detail-product .name-dif h6:before{
	right: -30px;
	left: initial;
}
#product-1{top: 212px;left: 74px;}
#product-2{top: 442px;left: 68px;}
#product-3{top: 446px;left: 198px;}
#product-4{top: 92px;left: 726px;}
#product-5{top: 297px;left: 931px;}
#product-6{top: 429px;left: 1000px;}
#product-7{top: 612px;left: 400px;}
#product-8{top: 612px;left: 917px;}

.detail-product:hover .img-pro{
	visibility:visible;
	opacity: 1;
	transition: all 0.1s ease;

}
.detail-product:hover{
	z-index: 10;
}
.detail-product:hover .name-product{
	left: 87%;
    opacity:1;
    visibility:visible;
    transition: all 0.3s ease;
}
.detail-product:hover .name-dif{
	right: 126%;
    left: initial;
    opacity: 1;
    
}
.modal-product .modal-body{
	width: 100%;
	display: inline-block;
	padding:0px 30px 15px ;
}
.slogan{
	    position: absolute;
    background: #00000069;
    z-index: 2;
    color: white;
    padding: 16px 20px;
    top: 5%;
    right: 2%;
    text-align: center;
}
.slogan .bor-slogan{
	border-bottom: 1px solid #ffffff7a;
    border-top: 1px solid #ffffff7a;
     padding: 15px 0;
}
.slogan h1{
    margin: 0px;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.slogan h1 span{
	font-family: "OpenSans-Bold";
}
.slogan p{
	margin:0px;
}
.modal-product .modal-content{
	border-radius: 0px;
	background: #eeeeee;
}
.modal-product .modal-header{
	position: relative;
	padding:30px;
	border-bottom: none;
}
.modal-product .modal-header img{
	width: 10%;
}
.modal-product .modal-header .name-modal{
	    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    border: 2px solid #898be6;
    background: #2f318d;
    padding: 15px 30px;
}
.modal-product .modal-header .name-modal::before{
	position: absolute;
    content: '';
    width: 6px;
    height: 40px;
    top: -42px;
    left: 15%;
    background: #393ba1;
}
.modal-product .modal-header .name-modal::after{
	position: absolute;
    content: '';
    width: 6px;
    height: 40px;
    top: -42px;
    right: 15%;
    background: #393ba1;

}
.modal-product .modal-header .name-modal h4{
	    font-family: "OpenSans-SemiBold";
    margin: 0px;
    color: white;
    font-size: 22px;
}
.modal-product .modal-header .btn-modal{
	position: absolute;
	top: 0px;
    right: 30px;

}
.modal-product .modal-header .btn-modal ul{
    display: inline-block;
    margin-bottom: 0px;
}
.modal-product .modal-header .btn-modal ul li{
	list-style: none;
    float: left;
    background: #2f318d;
    text-align: center;
    margin-right: 8px;
    box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease;
}
.modal-product .modal-header .btn-modal ul li a{
	color: white;
    display: block;
    padding: 5px 7px;
    cursor: pointer;
}
.modal-product .modal-header .btn-modal ul li a i{
	    font-size: 20px;
}
.modal-product .modal-header .btn-modal ul li:hover{
	background: #3a3eb8;
	transition: all 0.5s ease;
}
.modal-product .modal-body .col-md-5,.modal-product .modal-body .col-md-7,
.modal-product .modal-body .col-md-12{
	padding: 0px;
}
.modal-product .info-detail{
	padding-right: 30px;
}
.modal-product .info-detail .product-des h4,.modal-product .info-detail .specifi h4{
	font-family: "OpenSans-SemiBold";
	color: #2f318d;
	margin-top: 0px;
	font-size: 22px;
}
.modal-product .info-detail .specifi h4{
	margin-top: 30px;
}
.modal-product .info-detail table{
	    background: white;
}
.modal-product .slide-modal{
	margin-top: 35px;
}

.slide-modal .content-modal {
	position: relative;
}
.slide-modal .content-modal img{
	width: 100%;
}
.slide-modal .content-modal .text-modal{
	position: absolute;
	top: 15px;
	left: 0px;
}

.slide-modal  .text-modal h5{
	font-family: "OpenSans-Bold";
	padding-left: 15px;
	margin-top: 0px;
}
.slide-modal  .text-modal ul{
	padding-left: 15px;
}
.slide-modal .flag{
	width: 100%;
    background: white;
    text-align: center;
}
.slide-modal .flag ul{
    display: inline-block;
    margin-bottom: 0px;
    padding: 10px 0;
    margin: 0 auto;
}
.slide-modal .flag ul li{
	    float: left;
    list-style: none;
    margin-right:5px;
}
.slide-modal .owl-item .flag img{
	width: 80%;
	    margin: 0 auto;
}
.slide-modal .per-product{
	transition: all 0.5s ease;
}
.slide-modal .per-product:hover{
	transition: all 0.5s ease;
	border:3px solid #898be6;
}
.map-contact .col-md-12{
	padding: 0px;
}
.map-contact .col-md-12 iframe{
	width: 100%;
	height: 450px;
	margin-bottom: -5px;
}
.info-contact h2,.form-contact h2{
	    text-transform: uppercase;
    color: #2f318d;
    margin-top: 30px;
	font-family: "OpenSans-SemiBold";
}
.info-contact p small,.form-contact p small{
	color: #8e8e8e;
	font-size: 14px;
}
.info-contact ul{
	margin-top: 20px;
}
.info-contact ul li{
	list-style: none;
    margin-bottom: 10px;
}
.info-contact ul li i{
	color: #2f318d;
    font-size: 20px;
    width: 25px;
    text-align: center;
}
.info-contact ul li a.web{
	color: #2f318d;
	text-decoration: underline;
	font-family: "OpenSans-SemiBold";
}
.info-contact ul li a.phone{
	color: #fe1c24; 
	font-family: "OpenSans-SemiBold";
}
.form-contact form input,.form-contact form textarea{
	outline: none;
	border:1px solid #cccccc96;
	padding:14px 20px;
	margin-bottom: 15px;
}
.form-contact form input.put-1{
	width: 48%;
	margin-left: 15px;
}
.form-contact form input.put-1:first-child{
	margin-left: 0px;
}
.form-contact form input.put-2,.form-contact form textarea{
	width: 100%;
}
.form-contact form textarea{
	height: 180px;
	min-height: 180px;
	max-width: 100%;
	overflow-x: hidden;
}
.form-contact form input::placeholder,.form-contact form textarea::placeholder{
	color: #333;
}
.form-contact .btn-contact{
	text-align: right;
}
.form-contact .btn-contact a{
	font-family: "OpenSans-SemiBold";
    text-transform: uppercase;
    color: white;
    display: inline-block;
    border-radius: 3px;
    background: #2f318d;
    padding: 10px 30px;
    font-size: 20px;
    box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.4);
}
.contact .container .row:nth-child(2){
	margin-bottom: 30px;
}


#content {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.timeline {

  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);
  font-family: "OpenSans-Regular";
  margin: 50px auto;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  list-style: none;
  text-align: left;
  font-weight: 100;
  max-width: 100%;
  padding-left: 8.33%;
}
.timeline h1,
.timeline h2,
.timeline h3 {
  font-family: "OpenSans-Regular";
  letter-spacing: 1.5px;
  font-weight: 100;
  font-size: 1.4em;
}
.timeline .event {
  border-bottom:1px dashed rgba(25, 25, 25, 0.3);
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
  color: #333;
  margin-top: 85px;
  padding-left: 15px;
}
.timeline .event a{
	  color: #333;
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
    color: #c7c7c7;
    top: -55px;
    font-family: "OpenSans-Bold";
    content: attr(data-date);
    text-align: right;
    font-size: 45px;
}
.time-left{
    position: absolute;
    z-index: 2;
    display: inline-block;
    border-left: 3px solid #c7c7c78a;
    padding: 10px 0px 10px 17px;
    margin-bottom: 0px;
    transition: all 0.5s ease;
    display: block;
}
.time-left li{
	list-style: none;
	
}
.time-left.is_stuck{
	margin-top: 100px;
}
.time-left li a{
	font-family:'OpenSans-Regular';
	font-size: 16px;
	color: #000000a8;
	margin-bottom: 2px;
	display: block;
	position: relative;
}
.time-left li a.active {
    font-family:'OpenSans-Regular';
    font-size: 16px;
    color: #f14046;
    text-decoration: none;
}
.time-left li a:before{
	content: '';
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
    left: -26px;
    top: 3px;
    background: #ffffff;
    border-radius: 100%;
    border: 2px solid #c7c7c78a;
    transition: all 0.5s ease;
}
.time-left li a.active:before{
	border: 2px solid #f14046;
	transition: all 0.5s ease;
}
.about-us .name-page{
	margin-top: 30px;
}
.about-us .title-about{
	padding: 14px 0;
    background: #efefef;
    margin-top: 30px;
    border-bottom: 3px solid #f14046;
}
.about-us .title-about h2{
	position: relative;
    font-family: "OpenSans-Bold";
    padding-left: 30px;
    font-size: 20px;
    color: #383838;
    margin: 0px;
}
.about-us .title-about h2:before{
	font-family: "FontAwesome";
	content: "\f0da";
	position: absolute;
	top: 0px;
	left: 15px;
	font-size: 20px;
	z-index:  1;
	color: #3a3eb8;
}
.about-us .content-about{
	padding:0 15px;
	margin-bottom: 30px;
	position: relative;
	margin-top: 20px;
}
.about-us .content-about h3{
	color: #5d5d5d;
    font-size: 18px;
    border-bottom: 2px solid #393ba1;
    padding-bottom: 7px;
    font-family: "OpenSans-Bold";
    margin-bottom: 15px;
    margin-top: 25px;
font-weight:bold;
}
.about-us .content-about .text-about{
	font-size: 20px;
    line-height: 32px;
    letter-spacing: 2px;
    font-family: "OpenSans-Semibold";
}
.about-us .content-about ul.way-bus{
	list-style: none;
}
.about-us .content-about ul.way-bus li{
	margin-bottom: 10px;
    color: #272727;
}
.content-about .people{
	width: 100%;
	text-align: center;
	font-family: "OpenSans-Regular";
	margin-bottom: 10px;
}
.content-about .people th{
    text-align: center;
    border: 1px solid white;
    padding: 10px;
    color: white;
	background: #4f81bd;
	font-family: "OpenSans-Semibold";
}
.content-about .people td{
	background: #c6d9f1;
	color: #444;
	border:1px solid white;
	    padding: 10px;
}
.content-about .history{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: "OpenSans-Regular";
}
.content-about .history td{
	padding: 10px;
	border:1px solid white;
}
.content-about .history .color-1{color: white;background: #4f81bd;text-align: center;}
.content-about .history .color-4{color: white;background: #4f81bd}
.content-about .history .color-2{background: #d0d8e8;}
.content-about .history .color-3{background: #e9edf4;}
.content-about h4{
	color: #2f318d;
    margin-top: 25px;
    font-family: "OpenSans-Semibold";
    font-size: 16px;
}

.list-sys .content-about .people{
	margin-bottom: 30px;
	margin-top: 30px;
}
.list-sys  .row img.facetory{
	margin-bottom: 30px;
}
.gallery .name-page{
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.gallery .slide-img{
	margin-bottom: 30px;
	position: relative;
}
.gallery .slide-img img{
	width: 100%;
}
.gallery .pagnition{
	text-align: center;
}
.member{
	margin-top: 30px;
}
.member .img-member img{
	width: 125px;
	height: 125px;
	border-radius: 100%;
	margin:0 auto;
	border:3px solid  #393ba1;
}
.member .text-member{
	text-align: center;
	margin-top: 10px;
	padding:0 50px;
}
.member .text-member h6{
	font-size: 18px;
	font-family: "OpenSans-Bold";
}
.about-us .sidebar-news{
	margin-top: 30px;
}
.about-us .sidebar-news
@media all and (min-width: 1920px){}
@media all and (min-width: 1280px) and (max-width: 1365px){}
@media all and (min-width: 991px) and (max-width: 1176px){
	.h1-logo {
		font-size: 15px;
	}
	.search-menu{
		top: 73px;
	}
	.menu-head .list-menu ul li a,.menu-desktop.active .list-menu ul li a{
		padding: 15px 14px 13px;
	}
	.container-fluid.menu-head.menu-desktop.active .logo-head {
    margin-top: 5px;
    }
	.menu-desktop.active .container{
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.list-news .title-news{
		padding-left: 15px;
	}
	.list-news .title-news p{
		margin-top: 0px;
	}
	.tag-social .social-list{
		width: 30%;
	}
	.tag-social .tag-list{
		width: 70%;
	}
	.list-re .content-re h3{
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.list-re .content-re .btn-link a{
		padding:10px;
	}
	.section-home .menu-4 .list-4{
		margin:0 40px;
		top:-145px;
	}
	.section-home .menu-4 .list-4:hover{
		    top: -165px;
	}
	.moto{
		overflow-x: scroll;
	}
	.moto>img:first-child,.moto-circle{
		width: 1140px;
		max-width: none;
	}
	.info-moto ul li{
		width: 50%;
	}
	.modal-product .info-detail table{
		margin-bottom: 15px;
	}
	.menu-desktop.active .list-menu ul li:last-child a{
		padding: 15px 0px 13px;
	}
	.timeline{
		padding:0px 0 50px 50px;
	}
}
@media all and (min-width: 768px) and (max-width: 990px){
	.h1-logo {
		display: none;
	}
	.container-fluid.menu-head.menu-desktop.active .logo-head {
    margin-top: 5px;
    }
	.menu-head .list-menu ul li a{
		padding:15px 15px 13px;
	}
	.footer .footer-bottom{
		padding-bottom: 10px;
	}
	.footer-bottom .copy-right p, .footer-bottom .code-by p,
	.footer-top .btn-contact a,.comment form .btn-send,.form-contact .btn-contact{
		text-align: center;
	}
	.news-home .container .col-md-12,.map-info .col-md-12,.modal-product .info-detail,.map-info .map-bg .content-con .text-content,.menu-desktop .col-md-2,.menu-desktop .col-md-10,.menu-mobile .col-md-12{
		padding:0px;
	}
	.map-info .map-bg .content-con .text-content,.menu-mobile .list-menu ul li,.menu-head .list-menu ul li .sub-menu,
	.banner-slide .owl-dots,.list-news .img-news img,.menu-head .container{
		width: 100%;
	}

	.menu-head .col-md-2 img,.news-home .col-md-6{
		width: 50%;
	}
	.map-info .list-con img,.menu-desktop .list-menu,.menu-lang ul li,.list-news .title-news p {
		display: none
	}
	.menu-desktop .mobile-bar,.menu-desktop.active .menu-lang{
		display: block;
	}
	.banner-slide .owl-dots{
		right: inherit;
		transform: none;
	}
	.footer .footer-bottom .list-footer{
		    width: 25%;
		margin-bottom: 15px;
	}
	.logo-footer img{
	
    	margin: 0 auto 10px;
	}
	.map-info .list-con{
		opacity: 1;
		width: 100% !important;
		top: inherit !important;
		right: inherit !important;
		position: relative;
		margin-bottom: 0px;
	}
	.map-info .map-bg .content-con{
		display: flow-root;
		position: relative;
		top: inherit !important;
		right: inherit !important;
		left: inherit !important;
		width: 100% !important;
		background:transparent;
		padding:10px 10px 5px 10px;
	}	
	.big-news,.news-home .list-news{
		margin-bottom: 15px;
	}
	section.news-home{
		padding-left: 0px;
		padding-top: 15px;
	}
	.list-news .title-news{
		padding-left: 15px;
		padding-top: 0px;
	}
	.section-home .menu-4 .list-4,.section-home .menu-4 .list-4:hover{
		position: relative;
		top: inherit;
	}
	.section-home .menu-4 .list-4{
		margin:0 0 15px;
	}
	.menu-4{
		margin-top: 30px;
	}
	.menu-head .container{
		padding:15px;
	}
	.menu-desktop .mobile-bar i{
		font-size: 30px;
		margin-top: 3px;
	}
	.menu-mobile{
		display: block;
		    width: 250px !important;
    right: -255px;
    background: white;
    height: 100%;
    box-shadow: -2px -1px 10px 1px rgba(0,0,0,0.2) ;
	}
	.menu-mobile.active{
		right: 0px;
		width: 250px;
		box-shadow: -2px -1px 10px 1px rgba(0,0,0,0.2);
	}
	.menu-mobile .list-menu{
		text-align: left;
	}
	.menu-head .list-menu ul li .sub-menu{
		position: relative;
		top: inherit;
	}
	.menu-head .list-menu ul li .sub-menu li a{
		background: #e9e7e7;
	}
	.news .list-news .title-news{
		padding-top: 0px;
	}
	.pagnition{
		padding-top: 15px;
		text-align: center;
		margin-bottom: 30px;
	}
	.news .col-md-3 .sidebar-news:last-child{
		margin-bottom: 0px;
	}
	.list-news .title-news p{
		margin-top: 0px;
	}
	.comment .col-md-6, .comment .col-md-12{
		padding:7.5px 0;
	}
	.tag-social .social-list{
		width: 30%;
	}
	.tag-social .tag-list{
		width: 70%;
	}
	.list-re .content-re h3{
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.list-re .content-re .btn-link a{
		padding:12px;
	}
	.menu-desktop.active .container{
		padding-top: 20px;
	}
	.slogan{
		
		    padding: 10px 20px;
	}
	.slogan h1{
		font-size: 20px;
		
	}
	.moto{
		overflow-x: scroll;
	}
	.moto>img:first-child,.moto-circle{
		width: 1140px;
		max-width: none;
	}
	.info-moto ul li{
		width: 50%;
	}
	.modal-product .info-detail table{
		margin-bottom: 15px;
	}
	.about-us .content-about img{
		margin-bottom: 10px;
	}
	.timeline{
		padding:0px 0 50px 50px;
	}
	.menu-head .col-md-3 img{
		width: 40%;
	}
	.menu-4 .col-sm-6{
		width: 33.33%;
	}
}
@media all and (max-width: 767px){

	.footer .footer-bottom{
		padding-bottom: 10px;
	}
	.footer-bottom .copy-right p, .footer-bottom .code-by p,
	.footer-top .btn-contact a,.comment form .btn-send,.form-contact .btn-contact{
		text-align: center;
	}
	.news-home .col-md-6,.news-home .container .col-md-12,.map-info .col-md-12,.map-info .map-bg .content-con .text-content,
	.menu-4 .col-md-4,.menu-desktop .col-md-2,.menu-desktop .col-md-10,.menu-mobile .col-md-12,.related-job .row:nth-child(2) .col-md-12,
	.related-job .row:nth-child(3) .col-md-12,.modal-product .info-detail,.about-us .content-about,.member .text-member{
		padding:0px;
	}
	.map-info .map-bg .content-con .text-content,.list-news .img-news,.menu-mobile .list-menu ul li,.menu-head .list-menu ul li .sub-menu,
	.list-news .title-news,.banner-slide .owl-dots,.list-news .img-news img,.menu-head .container,.menu-head .col-md-2 img,.news .list-news .img-news,
	.news .list-news .title-news,.tag-social .tag-list,.tag-social .social-list,.list-re .img-re,.list-re .content-re,.info-job ul li,
	.time-out .text-time, .time-out .btn-time,.menu-desktop.active .col-md-2 img,.tab-product .nav li,.info-moto ul li,
	.info-car .product-des, .info-car .specifi,.form-contact form input.put-1{
		width: 100%;
	}
	.form-contact form input.put-1,.gallery .slide-img{
		margin:0 0 15px;
	}
	.big-news::before, .gallery-slide .slide-img::before{
		opacity: 1;
	}
	.big-news .content-news,.content-gallery{
		opacity: 1;
		bottom: 15px;
	}
	.map-info .list-con img,.menu-desktop .list-menu,.menu-lang ul li,.scroll-down,.modal-product .modal-header img,
	.modal-product .modal-header .name-modal::before,.modal-product .modal-header .name-modal::after {
		display: none
	}
	.menu-desktop .mobile-bar,.menu-desktop.active .menu-lang{
		display: block;
	}
	.banner-slide .owl-dots{
		right: inherit;
		transform: none;
	}
	.menu-head .list-menu ul li a{
		padding:15px 15px 13px;
	}
	.footer .footer-bottom .list-footer{
		width: 50%;
		margin-bottom: 15px;
	}
	.logo-footer img{
		width: 40%;
    	margin: 0 auto 10px;
	}
	.map-info .list-con{
		opacity: 1;
		width: 100% !important;
		top: inherit !important;
		right: inherit !important;
		position: relative;
		margin-bottom: 0px;
	}
	.map-info .map-bg .content-con{
		display: flow-root;
		position: relative;
		top: inherit !important;
		right: inherit !important;
		left: inherit !important;
		width: 100% !important;
		background:transparent;
		padding:10px 10px 5px 10px;
	}	
	.big-news,.news-home .list-news{
		margin-bottom: 15px;
	}
	.list-news .title-news,section.news-home{
		padding-left: 0px;
		padding-top: 15px;
	}
	.section-home .menu-4 .list-4,.section-home .menu-4 .list-4:hover{
		position: relative;
		top: inherit;
	}
	.section-home .menu-4 .list-4{
		margin:0 0px 15px;
	}
	.menu-4{
		margin-top: 30px;
	}
	.menu-head .container{
		padding:15px;
	}
	.menu-desktop .mobile-bar i{
		font-size: 30px;
		margin-top: 3px;
	}
	.menu-mobile{
		display: block;
		width: 250px;
	    right: -255px;
	    background: white;
	    height: 100%;
	    box-shadow: -2px -1px 10px 1px rgba(0,0,0,0.2);
	}
	.menu-mobile.active{
		right: 0px;
		width: 250px;
		box-shadow: -2px -1px 10px 1px rgba(0,0,0,0.2);
	}
	.menu-mobile .list-menu{
		text-align: left;
	}
	.menu-head .list-menu ul li .sub-menu{
		position: relative;
		top: inherit;
	}
	.menu-head .list-menu ul li .sub-menu li a{
		background: #e9e7e7;
	}
	.news .list-news .title-news{
		padding-left: 0px;
	}
	.list-news .title-news p{
		margin-top: 0px;
	}
	.pagnition{
		padding-top: 15px;
		text-align: center;
		margin-bottom: 30px;
	}
	.news .col-md-3 .sidebar-news:last-child{
		margin-bottom: 0px;
	}
	.news-content h1{
		font-size: 20px;
	}
	.tag-social .social-list li{
		float: left;
	}
	.comment .col-md-6, .comment .col-md-12{
		padding: 7.5px 0;
	}
	.time-out .btn-time a{
		margin:15px 0;
	}
	.related-job .title-related h5{
		font-size: 22px;
	}
	.menu-desktop.active .container{
		padding-top: 20px;
	}
	.slogan{
		width: 75%;
		    padding: 7px 14px;
	}
	.slogan h1{
		font-size: 16px;
		
	}
	.moto{
		overflow-x: scroll;
	}
	.moto>img:first-child,.moto-circle{
		width: 1140px;
		max-width: none;
	}
	.tab-product .nav li{
		margin-bottom: 7.5px;
	}
	.info-moto ul li{
		margin-bottom: 10px;
	}
	.modal-product .modal-header{
		padding:15px;
	}
	.modal-product .modal-body{
		padding:0 15px 15px;
	}
	.modal-product .modal-header .name-modal{
		position: relative;
		top: inherit;
		left: inherit;
		transform: none;
		margin-top: 50px;
		text-align: center;
	}
	.modal-product .modal-header .btn-modal{
		right: 15px;
	}
	.modal-product .info-detail .specifi h4,.about-us .content-about h3{
		margin-top: 15px;
	}
	.specifi tr td{
		padding:10px;
	}
	.slide-modal .owl-nav .owl-prev{
		left: 0px;
	}
	.slide-modal .owl-nav .owl-next{
		right: 0px;
	}
	.map-contact .col-md-12 iframe{
		height: 200px;
	}
	.about-us .content-about img{
		margin-bottom: 10px;
	}
	.timeline{
		padding:0px 0 50px 50px;
	}
}
@media all and (min-width: 601px) and (max-width: 767px){
	.menu-head.active .col-md-2 img{
		width: 60%;
	}
	.menu-desktop .mobile-bar i{
		margin-top: 8px;
	}
	.h1-logo{
		display: none;
	}
}
@media all and (min-width: 475px) and (max-width: 600px){
	.menu-head .col-md-2 img{
		width: 70%;
	}
	.h1-logo{
		display: none;
	}
}
@media all and (max-width: 320px){
	.h1-logo{
		display: none;
	}
	.slogan{
		display: none;
	}
	.menu-desktop .mobile-bar i{
		font-size: 24px;
	}
	.menu-head .container{
		padding:15px 15px 13px;
	}
	.time-out .text-time h4,.related-job .title-related h5{
		font-size: 19px;
	}
	.more-job-news a{
		font-size: 16px;
	}
	.tab-show h3{
		font-size: 17px;
	}
}

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-table100 {
  width: 100%;
  min-height: 100vh;
  background: #c4d3f6;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 33px 30px;
      margin-top: 15px;
}

.wrap-table100 {
  width: 960px;
  border-radius: 10px;
  overflow: hidden;
}

.table {
  width: 100%;
  display: table;
  margin: 0;
}

@media screen and (max-width: 768px) {


  .table {
    display: block;
  }
}

.row_custom {
  display: table-row;
  background: #fff;
}

.row_custom.header {
  color: #ffffff;
  background: #6c7ae0;
}

@media screen and (max-width: 768px) {
  .row_custom {
    display: block;
  }
  .h1-logo{
		display: none;
	}
	.logo-head {
    margin-top: 5px;
   }

  .row_custom.header {
    padding: 0;
    height: 0px;
  }

  .row_custom.header .cell {
    display: none;
  }

  .row_custom .cell:before {
    font-family: Poppins-Bold;
    font-size: 12px;
    color: #808080;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: unset !important;

    margin-bottom: 13px;
    content: attr(data-title);
    min-width: 98px;
    display: block;
  }
}

.cell {
  display: table-cell;
}

@media screen and (max-width: 768px) {
  .cell {
    display: block;
  }
}

.row_custom .cell {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #666666;
  line-height: 1.2;
  font-weight: unset !important;

  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

.row_custom.header .cell {
  font-family: Poppins-Regular;
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  font-weight: unset !important;

  padding-top: 19px;
  padding-bottom: 19px;
}

.row_custom .cell:nth-child(1) {
  width: 160px;
  padding-left: 40px;
}

.row_custom .cell:nth-child(2) {
  width: 360px;
}

.row_custom .cell:nth-child(3) {
  width: 250px;
}

.row_custom .cell:nth-child(4) {
  width: 190px;
}


.table, .row_custom {
  width: 100% !important;
}

.row_custom:hover {
  background-color: #ececff;
  cursor: pointer;
}

@media (max-width: 768px) {
  .row_custom {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 18px;
    padding-top: 30px;
    padding-right: 15px;
    margin: 0;
  }
  
  .row_custom .cell {
    border: none;
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .row_custom .cell:nth-child(1) {
    padding-left: 30px;
  }
  
  .row_custom .cell {
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #555555;
    line-height: 1.2;
    font-weight: unset !important;
  }

  .table, .row_custom, .cell {
    width: 100% !important;
  }
}